JMP® からの対話型 Web レポートの共有Heman Robinson 氏、SAS、JMP プリンシパル ソフトウェア開発者
過去 20 年間、インタラクティブな Web ページをサポートする競合テクノロジーが数多く登場してきました。最後に、業界は 1 つのテクノロジーで標準化され、JMP® は HTML バージョン 5 (インタラクティブ HTML) でレポートの提供を開始しました。
インタラクティブ HTML は、ポイントの識別、リンク、ブラッシングなど、JMP の多くの探索機能をサポートします。 保存したレポートは、Web 上で共有したり、同僚に電子メールで送信したりできます。 この文書では、JMP 結果を共有するためにインタラクティブ HTML を使用する場合とその方法について説明します。
背景
HTML (HyperText Markup Language) は、すべての Web ページの構造を定義するテクノロジです ( http://www.w3.org/html/ ）（バーナーズ・リー、1989）。 HTML は、スタイル設定のためにカスケード スタイル シートとともに使用されます ( http://www.w3.org/Style/CSS/ ) (Meyer、2004)、およびプログラミング用の JavaScript ( http://www.ecmascript.org/ ) (クロックフォード、2008)。
バージョン 4 まで、HTML はグラフィックスと対話機能のサポートに制限がありました。 このギャップを埋めるために開発されたテクノロジーは、ほとんどがブラウザ拡張機能または「プラグイン」でした。 これらには、Java アプレット、ActiveX コントロール、Flash、Silverlight が含まれます。
2011 年頃から、Web ブラウザーはグラフィック用の新しい HTML キャンバス要素と、対話型のスライダーなどの新しいコントロールをサポートし始めました。 この頃から競合テクノロジーが衰退し始め、HTML5 を使用したインタラクティブな Web ページがサポートされ始めました。 以下の図は、求人サイト Indeed.com 上の広告におけるキーワード頻度の傾向を示しています ( http://www.indeed.com/ ）。
図1。 インタラクティブ Web テクノロジーの求人情報
この傾向に対応して、JMP は他のソフトウェア製品と同様に、Web 開発を Flash からインタラクティブ HTML に移行しました。 JMP インタラクティブ HTML レポートは、次のユーザーと共有できる単一の HTML ファイルです。
- それをインターネットに投稿し、
- 共有フォルダーに保存するか、
- 同僚にメールで送信します。
図2。 JMP インタラクティブ HTML レポート
いつ使用するか
インタラクティブ HTML には埋め込みデータが必要です。 グラフの作成にどのようなデータが使用されたとしても、それらのデータは Web ページに埋め込まれます。 データは難読化されていますが、意欲のあるハッカーであれば読み取ることができます。
データを暗号化することで、このセキュリティ リスクを軽減できるように思えるかもしれません。 それはできません。 データは Web ブラウザで読み取れる必要があります。 したがって、暗号化されたデータには、Web ブラウザだけでなく他の人も読み取ることができる復号キーが必要になります。 データを暗号化することは、自宅用に高価な防犯警報装置を購入し、その鍵をマットの下に置いたままにするのと同じことです。
ある程度のリスクを排除できるのは、匿名化するたとえば、名前列や ID 列のないデータのサブセットを作成することによって、データを削除します。 このサブセットを自分で作成するのが最も安全です。 ただし、JMP レポートで使用されない列は、インタラクティブ HTML ファイルに埋め込まれません。 したがって、ラベルやその他の目的で識別列を使用しない限り、データは事実上匿名化されます。
機密データを分析する場合は、データが埋め込まれない静的 HTML 形式 (HTML バージョン 4) をいつでも使用できます。 「ファイル: 名前を付けて保存」ダイアログでは、HTML4 には単に「HTML ファイル」というラベルが付いています。 HTML5 には、インタラクティブ性とセキュリティの両方を強調するために、「データを含むインタラクティブ HTML」というラベルが付けられています。
図3. 静的 HTML (HTML4) およびインタラクティブ HTML (HTML5) の「ファイル: 名前を付けて保存」ダイアログ
インタラクティブ HTML には、埋め込みデータのほかに、最新の Web ブラウザも必要です。 Windows では、Internet Explorer バージョン 8 は HTML バージョン 5 をサポートせず、IE バージョン 9 および 10 はその一部のみをサポートします。 デフォルトの Android ブラウザは古くて遅いですが、Chrome やその他のブラウザは簡単にダウンロードできます。
2015 年の時点で、JMP は次のブラウザおよびデバイスでのインタラクティブ HTML を推奨しています。
- Windows 上の IE 11 および Edge
- Windows および Mac 上の Firefox
- Windows および Mac 上の Opera
- Windows、Mac、Android タブレット上の Chrome
- Mac および iPad 上の Safari
- Kindle Fire のシルク
電話機ではインタラクティブ HTML をテストしません。 ただし、新しい iPhone や Android スマートフォンでは、多くの場合、正常に動作します。 性能や機能は電話機によって大きく異なります。
それの使い方
レポートの保存
レポートを HTML5 形式で保存するには、Windows では [ファイル: 名前を付けて保存:] を選択し、Mac では [ファイル: エクスポート] を選択し、形式として [データ付きインタラクティブ HTML] を指定します。
図4. インタラクティブ HTML (HTML5) の「ファイル: 名前を付けて保存」ダイアログ
インタラクティブ HTML は、JMP の最も頻繁に使用される機能をサポートします。 レポートにサポートされていない機能が含まれている場合は、図 5 に示すように、ダイアログに警告が表示されます。 この問題が発生した場合、静的 HTML4 の場合と同様に、レポートの一部が静的画像としてエクスポートされます。
図5. サポートされていない機能の警告
概要
インタラクティブ HTML レポートを作成すると、ページの作成時に閉じられたグラフと表は、開くまで Web ページ内で閉じられたままになります。 レポート内のアウトライン ボタンをクリックまたはタップして、レポート セクションを開いたり閉じたりします。
次の図は、「Lack of Fit」テーブルを開く方法を示しています。 「分散分析」テーブルと「パラメータ推定」テーブルはすでに開いています。
図 6: アウトライン ボタンの使用
JMP インタラクティブ HTML は、「モバイル ファースト」ユーザー インターフェイス設計戦略を採用しています (Wroblewski、2011)。インタラクティブ HTML レポートを作成する場合、それがどのデバイスで読み取られるかは必ずしもわかりません。 このため、ボタンなどのコントロールはデスクトップでもモバイル デバイスでも大きく、使いやすくなっています。
メニュー
メニューを使用して、レポートの内容の状態や外観を変更します。 メニューの内容は、関連するアウトラインの内容によって異なります。 たとえば、プロファイラーには、その状態をリセットする単一のメニューがあります。
図 7: プロファイラー メニューの使用
バブル プロットには、外観と動作を変更するための広範なメニュー システムがあります。
図 8: バブル プロット メニューの使用
モード
についてモードユーザー インターフェイスでは、従来の設計上のアドバイスは「可能であれば避ける」です (Nielsen、1993)。ただし、JMP のような高度にインタラクティブな製品をサポートするには、いくつかのモードが必要です。
身近な例は選択モードです。 単一のオブジェクトを選択することも、複数のオブジェクトを選択することもできます。 単一選択と複数選択は 2 つの異なるモードです。
デスクトップ製品では、Shift キーと Ctrl キーを使用して選択モードを切り替えます。 ただし、モバイル デバイスにはこれらのキーは存在しません。
このため、選択モードはページの上部に 1 対のトグル ボタンとして表示されます。 デフォルトでは、このペアの最初のボタンが押されます。 これにより、一度に 1 つのオブジェクトを選択し、他のすべてのオブジェクトの選択を解除できます。
図 9: 単一オブジェクトの選択
複数のオブジェクトを選択するには、2 番目のトグル ボタンをクリックまたはタップします。 これにより、複数のオブジェクトを選択または選択解除できます。
下の図では、3 つのヒストグラム バーが選択されています。 JMP と同様に、すべてのグラフはリンクされた, そのため、1 つのグラフで選択された行はすべてのグラフで強調表示されます (Becker and Cleveland, 1987) (Stuetzle, 1987)。
図 10: 複数のオブジェクトの選択
Shift キーおよび Ctrl キーとトグル ボタンの動作には便利な区別があります。 キーを使用すると、一時的なモード切り替えが可能になり、ユーザー エラーが減少する傾向があります (Raskin 2000)。 トグル ボタンを使用すると、永続的なモードの切り替えが可能になります。これは、モバイル デバイスでよりシンプルで簡単に学習できます。 インタラクティブ HTML レポートをデスクトップで表示する場合、両方の動作がサポートされます。
2 番目のトグル ボタンのペアは、レポート全体からデータにフォーカスを切り替えます。 デフォルトでは、このペアの最初のボタンが押されます。 モバイル デバイスでは、この最初の切り替えボタンを使用してレポートをスクロールしたりズームしたりできます。 すべてのデバイスで、レポート内のオブジェクトを識別できるようになります。 インタラクティブ HTML レポートのほとんどすべてのオブジェクトは、いくつかの識別情報を表示できます。
図 11: オブジェクトの識別
以下のグラフは、3 つの異なるアイリス種のフィッシャーの測定値を含む JMP サンプル データ テーブルである Iris.jmp を使用した二変量近似を示しています。 1 つのデータ ポイントは、X 座標と Y 座標および行番号で識別されます。 以下の表は、 p -value とそれに関連する説明。
図 12: データ値の識別
図 13: の説明p -価値
常にオブジェクトを識別したり、レポートを操作したりする必要はありません。 多くの場合、目標はデータを探索することです。 2 番目のトグル ボタンをクリックまたはタップすると、四角形をドラッグしてグラフ内の行を選択できます。 これはと呼ばれますブラッシング、多変量データを調査するための重要なテクニックです (Becker and Cleveland、1987)。 長方形の中心をドラッグして移動するか、角をドラッグしてサイズを変更します。
図 14: データのブラッシング
さらなる電力を得るために、モードを組み合わせることができます。 複数選択したブラシを使用すると、次の図に示すように、ブラシが選択範囲を拡張し、データを「ペイント」します。
これら 2 つのモードのペアは、データ探索のための最も一般的で便利な対話型機能をサポートします。 JMP は追加モードの豊富なセットを提供しており、その多くはツール パレットに表示されます (Cooper および Reimann、2003)。 カーソルのサポートが不十分なため、ツール パレットのメタファーは Web アプリケーションではあまり役に立ちませんが、これらのモードの一部は将来のリリースでサポートされる可能性があります。
図 15: 複数選択によるブラッシング
自動化する方法
インタラクティブな HTML レポートは、JMP スクリプト言語 (JSL) (SAS、2014) を使用して自動化できます。 新しいコマンド「インタラクティブ HTML の保存」により、この機能が有効になります。
// 二変量近似をエクスポートします。
dt = Open( "$SAMPLE_DATA/Big Class.jmp" );
obj = Bivariate( Y( :weight ), X( :height ), フィットライン );
obj << インタラクティブ HTML を保存( "C:\Bivariate.html" );
Open( "C:\Bivariate.html" );
上記のスクリプトでは、「インタラクティブ HTML を保存」コマンドの後に「開く」コマンドが続きます。 これにより、デフォルトの Web ブラウザにレポートが自動的に表示されます。
整理する方法
多くの対話型 HTML レポートを作成する場合は、JMP 自動発行アドイン (Valente、Brady、および Kennedy、2014) の恩恵を受けることができます。 これにより、表紙とサムネイル スケッチが個々のレポートにリンクされ、レポートを自動的に整理する方法が提供されます。 JMP 自動発行アドインを JMP ユーザー コミュニティからダウンロードします。 https://community.jmp.com/docs/DOC-6689 。
JMP 自動発行アドインは、次のサンプルの表紙を生成しました。 http://www.jmp.com/jmphtml5/ 。
図16。JMP 自動発行アドインで整理されたレポート
今後の取り組み
このプロジェクトの開発は顧客の要望によって推進されています。 最も頻繁に使用される表とグラフは、JMP 11 でサポートされています。 バブル プロットとプロファイラーは JMP 12 に追加されました。
将来のリリースでは、GraphBuilder に対する大きな需要があります。 また、JMP Auto-Publishing Add-In をメイン製品に統合したいと考えており、お客様のご要望に最も関心を持っています。
参考文献
ベッカー R. とクリーブランド W. （1987年）。 "散布図のブラッシング",テクノメトリクス、127-142。
バーナーズ-リー T. （1989年）。 「情報管理：提案」、ケルン。
クーパー A. およびライマン R (2003)。 Face 2.0 について: インタラクション デザインの要点。 ワイリー、322-323。
クロックフォード D. （2008年）。 JavaScript&コロン;良い部分。 オライリー。
マイヤー E. (2004)。 カスケード スタイル シート: 決定版ガイド。 オライリー。
ニールセン J. （1993年）。 ユーザビリティエンジニアリング。 アカデミックプレス、146-148。
ラスキン J. （2000年）。 人道的なインターフェイス: インタラクティブ システム設計の新しい方向性。 ACMプレス、55-59。
SAS (2014)。 JMP 11 スクリプトガイド、第 2 版。 株式会社SASインスティテュート
シュテュッツル W. （1987年）。 "プロットウィンドウ",米国統計協会ジャーナル、82 、466-475。
ヴァレンテ D. ブレイディ B. とケネディ A. （2014年）。 "インタラクティブな HTML レポートを自動公開するための JMP アドイン", JMPディスカバリーサミット2014 。
ウォブルフスキー L. （2011年）。 モバイルファースト。 ブック・アパート。
データ探索データの視覚化
