インタラクティブ HTML は JMP® バージョン 11 で導入されました。 後続の各バージョンでは、よりインタラクティブな機能のサポートが追加されます。
JMP 15 では、Interactive HTML も新製品をサポートします。 JMPライブ。
インタラクティブ HTML を単独で使用すると、ユーザーは JMP レポートを共有できます。 JMP Live は、コラボレーション、組織化、セキュリティ、自動化、および大幅に向上した対話性による共有をサポートします。
このペーパーでは、JMP 15 Interactive HTML を単独で使用する場合と JMP Live の一部として使用する場合の新機能について説明します。
それらはどのように連携するのでしょうか?
「ファイル: 名前を付けて保存」または「ファイル: エクスポート」を選択すると、JMP レポートをインタラクティブ HTML にエクスポートできます。 これにより、自己完結型の Web アプリケーション (拡張子「.htm」または「.html」を持つ単一ファイル) が作成されます。
このファイルは、最新の Web ブラウザにロードして、分析を表示したり、データを探索したりできます。 ファイルは電子メールで送信したり、共有ドライブや Web サイトに保存して他のユーザーと共有したりできます。 図 1 に示すように、接続は一方向です。JMP はファイルを作成しますが、ファイルは JMP と通信できません。JMP Live では接続が双方向であるため、より対話性が高くなります。
Figure 1. JMP Interactive HTML and JMP LiveFigure 1. JMP Interactive HTML and JMP Live図1。 JMP インタラクティブ HTML および JMP ライブ
最近の Web ブラウザは高速なので、必要な場合にのみ双方向接続を使用します。 それ以外の場合、当社のソフトウェアは Web ブラウザー内でのみ実行されます。 このアーキテクチャにより、お客様の速度が最大化され、ネットワーク転送コストが最小限に抑えられるため、将来のリリースでも維持および改善する予定です。
JMP 15 の両方の新機能は何ですか?
インタラクティブ HTML に新しい機能を追加すると、それらは JMP Live でも同様に機能します。 JMP 15 では、ユーザー インターフェイスが最新化され、よりインタラクティブなレポートが追加されました。
最新のユーザーインターフェイス
Web では 5 年が「世代」とみなされます。 本当にすべてがこんなに早く変化してしまうのです。 つまり、JMP 11 用に設計されたユーザー インターフェイスは 6 年前のものであり、刷新の時期が来ました。
長年にわたり、デスクトップ アプリケーションと Web アプリケーションの両方で、オブジェクトがインタラクティブであることを示す視覚的な手がかりとして 3 次元が使用されてきました。 たとえば、ボタンは現実世界と同じように 3 次元で表示されるため、ユーザーはボタンを押すことができることがわかります。 ボタンやその他のコントロールはこの「3D」スタイルに従いました。
2012 年頃から、「フラット」スタイルが人気を博し、特に Microsoft の Windows 8 向け Metro デザインで顕著になりました (Ralph、2012)。 このスタイルはクリーンでシンプルな外観ですが、3D の視覚的な手がかりはありません。 当時、ユーザビリティの専門家は、すべてのオブジェクトが同じようにクリック可能に見える場合、ユーザーはどれを使用できるか分からなくなるのではないかと懸念を表明しました (Nielsen、2012)。
近年、「フラット」スタイルは「フラット 2.0」に引き継がれています（Moran, 2015; Cousins, 2016）。 このスタイルは、フラットな外観を維持しますが、微妙な 3D シェーディングとインタラクティブな効果を追加して、視覚的な手がかりを提供します。 外観は依然としてクリーンでシンプルです。しかし、視覚的な手がかりは、ユーザーが何をすべきかを知るのに役立ちます。
Figure 2. 3D, Flat, and Flat 2.0 StylesFigure 2. 3D, Flat, and Flat 2.0 Styles図 2. 3D、フラット、およびフラット 2.0 スタイル「フラット 2.0」スタイルの例は、Google のマテリアルデザイン、 (Cousins、2015) これをユーザー インターフェイスのスタイル ガイドとして選択しました。 これは双方にとって有利です。 私たちは Google のデザインの恩恵を受けています。 また、Google Chrome、Google Mail、その他の広く使用されている製品でも使用されています。 このおなじみの標準に従うことで、ユーザーの学習コストを削減します。
また、グレーとライトの 2 つのカラー テーマのサポートも開始しました。
Figure 3. Gray and Light ThemesFigure 3. Gray and Light Themes図3. グレーとライトのテーマ
最後に、タッチスクリーン検出のための信頼できるアルゴリズムを発見しました。 この問題は、ほとんどの人が考えているよりもはるかに困難です (Cox, 2013; Peterson, 2018)。これを解決することで、デスクトップまたはタブレットに合わせた 2 つのユーザー インターフェイスを提供できるようになります。 ボタンやその他のコントロールのサイズをデバイスに合わせて正しく設定できます。 デスクトップでは、データをブラシしたり複数のオブジェクトを選択したりするためにモードを切り替える必要がなくなり、ユーザーの時間が節約されます。
よりインタラクティブなレポート
JMP 15 では、インタラクティブ HTML レポートがさらにインタラクティブになりました。
これを実現する 1 つの方法は、カスタム グラフィックス スクリプトのサポートを改善することです。 これらは重要ですが、むしろ JMP の隠された機能です。 JSL スクリプトで円、四角形、またはその他のグラフィックス プリミティブを描画しない限り、それらについては分からないかもしれません。 隠されていますが、カスタム グラフィック スクリプトは多くの JMP プラットフォームで使用されており、現在ではすべてがよりインタラクティブになっています。
Figure 4. Custom Graphics Script in Discriminant PlatformFigure 4. Custom Graphics Script in Discriminant Platform図4. Discriminant プラットフォームのカスタム グラフィックス スクリプト
また、グラフ ビルダーのレポートでは、よりインタラクティブな機能がサポートされています。 以下に例を示します。
- 棒グラフ (間隔棒を並べて表示)
- ラインプロット (水平応答、積み上げ線)
- エリアプロット (水平方向の応答、積み上げエリア)
- ヒート マップ (値によるラベル、カテゴリ別の色の役割、対数スケール、その他の統計)
Figure 5. More Interactive Graphs from Graph BuilderFigure 5. More Interactive Graphs from Graph Builder図5. グラフビルダーからのよりインタラクティブなグラフ
条件付きデータ フィルターのサポートも追加されており、あるフィルターの値が別のフィルターによって決定されます。
Figure 6. A Conditional Data Filter. The states in third filter are conditioned by the population in the second filter, which is conditioned by the region in the first filter.Figure 6. A Conditional Data Filter. The states in third filter are conditioned by the population in the second filter, which is conditioned by the region in the first filter.図6. 条件付きデータフィルター。 3 番目のフィルターの州は 2 番目のフィルターの人口によって条件付けされ、2 番目のフィルターは最初のフィルターの地域によって条件付けされます。
管理図ビルダーのサポートの追加を開始しました。 JMP 15.0 はツールチップのみをサポートします。しかし、これが私たちが進んでいる方向です。
最後に、JMP 15 では、LogLinear Variance、Partition、Boosted Trees、Bootstrap Forest など、より多くのプラットフォームでプロファイラーがインタラクティブになります。
Figure 7. LogLinear Variance ProfilerFigure 7. LogLinear Variance Profiler図7。 LogLinear 分散プロファイラ
JMP ライブレポートにしかないものは何ですか?
JMP Interactive HTML は多くのことを実行できますが、スタンドアロン Web アプリケーションとしての対話機能には制限があります。 JMP Live は分析を再実行できます。 分析を再実行するには、列を切り替える方法と行を除外する方法の 2 つがあります。
JMP Live は列スイッチャーをサポートしています。 JMP と同様に、列を切り替えて分析を再実行できます。
Figure 8. Column Switcher in JMP Live, Exploring Air Quality DataFigure 8. Column Switcher in JMP Live, Exploring Air Quality Data図8。 JMP Live のカラムスイッチャー、大気質データの調査
また、JMP Live では、データ フィルターは、選択状態と非表示状態に加えて、行の除外状態をサポートします。 データ フィルターを使用して行を除外または含めると、再度分析が再計算されます。
Figure 9. Data Filter Include/Exclude MenuFigure 9. Data Filter Include/Exclude Menu図9。 データフィルターの包含/除外メニュー最後に、データ フィルターを使用せずに行を除外することもできます。 たとえば、外れ値を除外するには、外れ値を選択し、[選択した行を除外して非表示にする] メニューを選択します。繰り返しますが、これにより分析全体が再生成されます。
Figure 10. "Hamburger" Include/Exclude MenuFigure 10. "Hamburger" Include/Exclude Menu図10。 「ハンバーガー」の包含/除外メニュー
インタラクティブ e例これらの機能の一部は JMP Public で見ることができます。
まとめ
JMP インタラクティブ HTML の新しいバージョンごとに、よりインタラクティブな機能のサポートが追加されます。 JMP 15 では、ユーザー インターフェイスの最新化に加えて、カスタム グラフ、グラフ ビルダー、条件付きデータ フィルター、管理図ビルダー、およびプロファイラーの対話性が向上しました。
インタラクティブ HTML を JMP Live とともに使用すると、列を切り替えたり行を除外したりすることで、分析全体を再計算できます。
今後のリリースでもインタラクティブ HTML の改善を継続し、お客様が最も望んでいる JMP 機能のサポートを追加する予定です。
参考文献
Cousins, C. (2015) 「マテリアル デザインの本当の利点は何ですか?」、 https://thenextweb.com/dd/2015/11/10/what-are-the-real-merits-of-material-design/ 。
Cousins, C. (2016)、「フラット 2.0 とは何か、なぜ気にする必要があるのか?」、 https://designshack.net/articles/graphics/whats- flat-2-0-and-why-Should-you-care/ 。
Cox, S. (2013) 「タッチスクリーンを検出できない」、 http://www.stucox.com/blog/you-cant-detect-a-touchscreen/ 。
Moran, K. (2015) 「フラット デザイン: その起源、問題、そしてユーザーにとってフラット 2.0 が優れている理由」、 https://www.nngroup.com/articles/ flat-design/ 。
ニールセン、J. (2012) Windows 8 — 初心者とパワーユーザーの両方にとって残念な使いやすさ"、 https://www.nngroup.com/articles/windows-8-disappointing-usability/ 。
Petersen, J. (2018) 「タッチ デバイスの検出: 2018 年の最新情報」、 https://peterscene.com/detecting-touch-devices-2018-update/ 。
Ralph, N. (2012) 「Windows 8 Metro UI: Windows の大胆な新しい顔」、 https://www.pcworld.com/article/251340/windows_8_metro_ui_a_bold_new_face_for_windows.html 。
