Heman Robinson 氏、JMP 主任ソフトウェア開発者、SAS
John Powell 氏、JMP 主任ソフトウェア開発者、SAS
HTML バージョン 5 (インタラクティブ HTML) は、点の識別、リンク、ブラッシングなど、JMP® の探索的機能の多くをサポートしています (Becker と Cleveland、1987 年; Stuetzle、1987 年)。 保存したレポートは、Web サーバーにアップロードしたり、共有フォルダーに配置したり、同僚にメールで送信したり、クラウド ストレージ サービスで共有したりできます。 レポートは、最新の Web ブラウザーで表示できます。
インタラクティブ HTML は JMP バージョン 11 で導入され、その後の各バージョンでは、製品での使用に基づいてより多くの機能が追加されています。JMP 13 では、グラフ ビルダーの最も一般的な機能のサポートと、顧客から要求されたその他の機能が追加されています。
このホワイト ペーパーでは、インタラクティブ HTML を使用して JMP の結果を共有する方法と、JMP 13 の新機能について説明します。
図1。 インタラクティブな HTML ダッシュボード: オフィスの温度
歴史
HTML、またはハイパーテキスト マークアップ言語は、すべての Web ページの構造を定義するテクノロジです ( http://www.w3.org/html/ ) (バーナーズ・リー、1989年)。 HTML は、スタイリングのために Cascading Style Sheets と一緒に使用されます ( http://www.w3.org/Style/CSS/ ) (Meyer、2004 年)、およびプログラミング用の JavaScript ( http://www.ecmascript.org/ ）（クロックフォード、2008）。
HTML バージョン 4 では、グラフィックスと対話機能のサポートが制限されていました。 2011 年頃から、HTML バージョン 5 は、インタラクティブなスライダーなどの新しいコントロールと共に、canvas 要素でのグラフィックスのサポートを開始しました。
Adobe Flash のサポート ( http://www.adobe.com/products/flashplayer.html ) やその他の競合技術は、この頃衰退し始めました (Goldman, 2011)。 これに対応して、JMP は他のソフトウェア製品と同様に、Flash から Interactive HTML への技術の移行を開始しました。
JMP 11 では、Interactive HTML は、散布図、ヒストグラム、線、楕円、箱ひげ図などの表と単純なグラフをサポートしていました。
JMP 12 では、タブレットのサポートとともに、バブル プロットとプロファイラーが追加されました。
JMP 13 では、Interactive HTML がグラフ ビルダーの最も一般的な機能をサポートしています。 また、お客様からリクエストされた小さな機能のコレクションも提供しています。
どうやって使うのですか
JMP レポートの保存
JMP レポートを HTML5 形式で保存するには、Windows では「ファイル: 名前を付けて保存:」、Mac では「ファイル: エクスポート」を選択します。 タイプ「Interactive HTML with Data」として保存します。 指定したディレクトリに Interactive HTML ファイルが作成されます。
図 2. インタラクティブ HTML の [ファイル: 名前を付けて保存] ダイアログ
対応ブラウザ
HTML ファイルを保存したら、最新の Web ブラウザーで開くことができます。JMP 13 は、次のデバイスとブラウザーでインタラクティブ HTML をサポートします。
端末
|
対応ブラウザ
|
ウィンドウズ
|
IE 11、エッジ、クローム、ファイアフォックス、オペラ
|
マック
|
サファリ、クローム、ファイアフォックス、オペラ
|
iPad
|
サファリ、クローム
|
アンドロイド
|
クロム
|
キンドル・ファイア
|
シルク
|
表1。 サポートされているデバイスとブラウザ
顧客の需要が限られているため、携帯電話でインタラクティブ HTML をテストしていません。 ただし、多くの場合、Safari または Chrome ブラウザーを実行している電話では問題なく動作します。これらの電話ブラウザーはタブレット バージョンとコードを共有するためです。 パフォーマンスは電話によって異なります。
サポートされていない機能
インタラクティブ HTML は、JMP で最も頻繁に使用される機能をサポートしています。 レポートにサポートされていない機能が含まれている場合は、下の図に示すように、ダイアログに警告が表示され、JMP ログに詳細なメッセージが表示されます。
図 3. サポートされていない機能の警告
図 4。 ログメッセージ
機能がサポートされていない場合、レポートの一部が静止画像としてエクスポートされます。 次の図では、2 次元プロファイラーがインタラクティブです。 ログ メッセージが示すように、3 次元プロファイラーとその横のコントロールは静的です。
図 5. 静的 3D プロファイラーを備えたインタラクティブな 2D プロファイラー
データの共有
JMP インタラクティブ HTML は、JMP on the Desktop と同様に、データをメモリに保存することでインタラクティブ性を実現します。 これは、グラフ内のデータが Web ページに埋め込まれていることを意味します。 データは難読化されていますが、やる気のあるハッカーなら誰でも読み取ることができます。 そのため、Interactive HTML ファイルを共有するときは、データも共有していると想定することをお勧めします。
別の方法は、データを埋め込まない静的 HTML (HTML バージョン 4) を使用することです。 [ファイル: 名前を付けて保存] ダイアログでは、HTML4 は単に「HTML ファイル」と表示されます。 HTML5 は、インタラクティブ性とデータ共有の両方を強調するために、「Interactive HTML with Data」というラベルが付けられています。
図 6. 静的 HTML (HTML4) の「ファイル: 名前を付けて保存」ダイアログ
図 7. インタラクティブ HTML (HTML5) の [ファイル: 名前を付けて保存] ダイアログ
共有方法
画像とデータをすべて 1 つのファイルに埋め込むことで、インタラクティブな HTML ファイルを簡単に共有できるようにしました。 各ファイルは自己完結型の Web ページと見なされますが、ファイルを共有するために Web サーバーで使用できるようにする必要はありません。 任意のファイルと同様に配布できます。 ただし、これらのファイルは大きくなる可能性があるため、複数のコピーを作成する代わりに検討する価値があるかもしれません。 インタラクティブな HTML ファイルを添付ファイルとして電子メールで送信するのは簡単に思えるかもしれませんが、電子メールが転送されるたびにコピーが作成されます。 受信者が添付ファイルをプレビューしようとすると、がっかりすることもあります。 多くの場合、電子メール プログラムのプレビュー機能は最新または完全な Web ページ ビューアではなく、インタラクティブ HTML ファイルを表示できないため、プレビューは失敗します。
企業内でインタラクティブ HTML ファイルを共有する簡単な方法の 1 つは、共有ネットワークの場所にファイルを直接保存し、その場所を目的の受信者に電子メールで送信することです。 ネットワーク パスを電子メールにコピーすると、電子メール プログラムによって電子メールにハイパーリンクが挿入される可能性があります。そのため、受信者はそれをクリックするだけで、既定のブラウザでファイルを表示できます。
インタラクティブ HTML ファイルを共有するもう 1 つの方法は、Dropbox、Google Drive、Microsoft OneDrive などのクラウド ストレージおよびファイル共有サービス (Muchmore and Duffy、2017 年) を使用することです。 これらのサービスを使用すると、コンピューターの特定の場所に保存でき、ファイルは自動的にクラウドにコピーされます。 クラウドに入ると、ファイルまたはファイルのディレクトリを他のユーザーと共有できます。 各サービスには独自の共有メカニズムがありますが、通常はクラウド内のファイルへのリンクを作成し、そのリンクをメールで 1 人または複数の人に送信します。 これらのサービスでは、インタラクティブ HTML ファイルを表示できない HTML ファイル プレビューも提供されることに注意してください。
レポートのスクリプト作成
インタラクティブな HTML レポートの作成は、JMP Scripting Language (JSL) を使用して自動化できます (SAS、2014 年)。 以下のスクリプトでは、「Save Interactive HTML」コマンドの後に「Web」コマンドが続きます。 これにより、デフォルトの Web ブラウザーにレポートが自動的に表示されます。
// 二変量フィットをエクスポートします。
dt = Open( "$SAMPLE_DATA/Big Class.jmp" );
report = Bivariate( Y( :体重 ), X( :身長 ), フィットライン );
レポート <<インタラクティブ HTML を保存( "C:\Bivariate.html" );
ウェブ( "C:\Bivariate.html" );
JMP 13 の新機能
グラフビルダー
JMP 13 では、グラフ ビルダーで作成されたレポートのサポートが追加されました。 これには、ポイント、スムーザー、楕円、ライン、バー、エリア、ボックス プロット、ヒストグラム、ヒートマップ、モザイク プロット、キャプション ボックス、およびマップ シェイプの最も頻繁に使用される機能が含まれます。 これらのグラフ ビルダー要素は、下の図で強調表示されています。
図 8. グラフビルダーの要素
ダッシュボードのサポート
情報ダッシュボード (Few、2013 年) は、関連情報をカスタム レイアウトに組み合わせて効率的なコミュニケーションを実現します。 JMP 13 では、[ファイル: 新規作成: ダッシュボード] メニューまたは [ウィンドウ: ウィンドウの結合] メニューを使用してダッシュボードを作成できます。
グラフ ビルダーのサポートを追加することで、JMP 13 でさらに多くの種類のダッシュボードをサポートできるようになります。 以下の最初のダッシュボードには、4 つの新しいグラフ ビルダー要素が含まれており、地域の空気の質と温度が示されています。
さらに、インタラクティブ HTML でのダッシュボード レイアウトのサポートが改善されました。 下の 2 番目の図は、タブ コントロールを備えた効率的なレイアウトを使用して、さまざまな種類の企業の従業員 1 人あたりの利益を表示するダッシュボードを示しています。
図 9. 大気質ダッシュボード
図 10. タブ コントロールを備えたダッシュボード
複数のレポートをインタラクティブ HTML として保存する
複数のレポートをインタラクティブ HTML としてすばやく保存し、それらを Web レポートに編成するには、[表示: Web レポートの作成] を使用します。 このメニューには、整理のプロセスを順を追って説明するウィザード スタイルのインターフェイスが表示され、順序、スタイル、および画像をカスタマイズできます。このツールは、すべての例を作成するために使用されました。 http://www.jmp.com/jmphtml5/ .
図 11. JMPの「表示：Webレポート作成」メニュー。
もう少しだけ
顧客は、長年にわたって多くの機能を要求してきました。 上記に加えて、JMP 13 では次のサポートが追加されました。
- 新しく改善されたプロファイラー
- 基準範囲
- 値のラベルと値の順序
- 固定ヒントとポップアップヒントの画像
3 つの新しい組み込みプロファイラーは、ニューラル、一般化回帰、および一般化線形モデル レポートをサポートします。 また、プロファイラーでは、アダプティブ Y 軸、フォーマットされた X 値、ラップされたレイアウト、および混合計画のサポートが改善されました。
図 12. ラップされたレイアウトを使用した一般化回帰プロファイラー
参照範囲、値ラベル、および値の順序により、よりわかりやすいグラフが可能になります。以下のグラフは、これらの機能を使用して、結婚率と離婚率を経時的に示しています。
図 13. 結婚率と離婚率
固定された画像とポップアップ ヒントにより、より楽しく効率的なプレゼンテーションと調査が可能になります。下の図は、太陽からの距離によってプロットされた惑星に関する情報を示しています。
図 14. 固定ヒントとポップアップヒントの画像
インタラクティブな例
このホワイト ペーパーでは多くの静止画像を示しましたが、それは Web ページ自体との対話に代わるものではありません。 JMP Interactive HTML のすべての機能については、次の Web サイトで確認できます。 http://www.jmp.com/jmphtml5/ .
JMP の開発を継続するにあたり、皆様のご意見やご提案をお待ちしております。
図 15.JMP 13 インタラクティブ HTML の例。「表示: Web レポートの作成」で構成されています。
参考文献
ベッカー R. とクリーブランド W. （1987）。 "散布図のブラッシング",テクノメトリクス、127-142。
バーナーズ＝リー T. （1989）。 "情報管理: 提案", CERN .
クロックフォード D. （2008）。 JavaScript&コロン;良い部品。 オライリー。
Sが少ない。 （2013）。 情報ダッシュボードの設計: 一目で監視できるようにデータを表示する、第 2 版. アナリティクスプレス。
ゴールドマン D. （2011）。 「アドビのフラッシュの終わりの始まり」. CNNマネー( http://money.cnn.com/2011/11/10/technology/adobe_flash/ ）。
マイヤー E. （2004）。 カスケード スタイル シート: 決定版ガイド。 オライリー。
マッチモア M. とダフィー J. (2017) 「2017 年のベスト クラウド ストレージおよびファイル共有サービス」
( https://www.pcmag.com/roundup/306323/the-best-cloud-storage-providers-and-file-syncing-services )
SAS (2014)。 JMP 11 スクリプト ガイド、第 2 版. SASインスティテュート株式会社
ステッツル W. （1987）。 "プロット ウィンドウ",アメリカ統計学会誌、82 、466-475。
