Daniel Valente 博士、JMP プロダクト マネージャー、SAS
Brady Brady、JMP テクニカル イネーブルメント エンジニア、SAS
Aaron Kennedy 氏、JMP シニア デジタル デザイナー、SAS
概要
JMP からのデータ分析結果を JMP で直接表示できると便利です。 ただし、場合によっては、ソフトウェアにアクセスできない人と結果を共有する必要がある場合があります。 インタラクティブな HTML レポートを保存すると、JMP を持っていないユーザーでも動的なグラフやレポートを使用してデータを探索できます。 これらのレポートは、ほとんどの最新のブラウザーで表示できますが、ワークフローや分析プロセスを示すために必要なコンテキストが不足している場合があります。 このホワイト ペーパーでは、Web ページとフォルダ構造を構築して、JMP から任意の数のインタラクティブな HTML レポートを整理する新しい JMP アドインについて説明します。 これは、分析セッションの最後にスクリプトを作成しなくても実行できるため、ユーザーはレポートを保存するために分析フローを終了する必要がありません。 ユーザーは、最終的な Web ページに含めるレポートを選択し、プレゼンテーションを支援するために定型化されたインデックス ページを作成できます。 最終的な出力は、サーバーでホストしたり、他のユーザーと共有したりできるフォルダーにカプセル化されます。
このJMP ®アドインは、Web ページとフォルダー構造を構築して、JMP から任意の数のインタラクティブな HTML レポートを提供します。 それレポートを保存するためにユーザーがスクリプトを作成したり、分析フローを終了したりする必要はなく、分析セッションの最後に実行できます。 最終的な Web ページに含めるレポートを選択し、プレゼンテーションに役立つ定型化されたインデックス ページを作成できます。 最終的な出力は、サーバー上でホストしたり、他のユーザーと共有したりできるフォルダーにカプセル化されます。
以下は、このアドインを実行した結果として書き込まれる Web ページ構造です。
このデモ ビデオを見ると、このアドインを使用してインタラクティブな HTML5 レポートの概要レポートを作成するプロセスを確認できます。
https://www.youtube.com/watch?v=E6C7GZd2x6A
フォルダー内のインデックス ページをダブルクリックするだけで、ブラウザーに Web ページが表示されます (上記のサンプル JMP レポート ランチャーの画像を参照)。 アイコンをクリックして、インタラクティブな HTML JMP レポートを表示します。
インデックス ページも標準の HTML で構築され、デザインはカスケーディング スタイル シート (CSS) によって制御されます。 インデックス ページの詳細は、JMP で直接カスタマイズできるため、レポートのタイトルを変更したり、アイコンに説明やメモを追加して、調査結果の表示に役立てることができます。
アドインを初めて起動すると、作成した Web ページを保存するディレクトリを尋ねられます。
レポートの生成を開始するには、レポート一覧を更新ボタンをクリックして、開いているすべての JMP レポートをリストに取り込みます。
開いているすべてのレポートを最終出力の一部にする場合は、何も選択する必要はありません。
レポートのサブセットのみを最終レポートの一部にする場合は、リストでそれらを選択できます。 アプリケーションの実行後に開いているすべてのレポートを閉じる場合は、実行後にレポートを閉じる. レポートを生成する準備ができたら、選択してレポートを作成するボタン。
これにより、JMP テーブルが生成され、前に指定したディレクトリに 3 つのフォルダーとインデックス HTML ファイルが追加されます。
- の_cssフォルダーには、インデックス ページの外観と構成を調整する .css ファイルが含まれています。
- の_html5フォルダには、JMP によって保存されたデータを含む、生成されたすべてのインタラクティブな HTML レポートが含まれます。
- の_imagesフォルダーには、インデックス ページに入力するために生成された JMP レポートのサムネイルが含まれています。
- 最後にインデックス ページがあります。これは、JMP レポートを参照して起動するためのメイン ファイルです。
以下は、Blast Queue と呼ばれる、作成された JMP テーブルのサンプルです。 必要に応じて、このファイルを Web ページが作成されたディレクトリに保存できます。 この JMP テーブルを使用すると、Web ページのレイアウトを調整したり、インデックス ページのコンテンツを直接編集したりできます。 変更を加えるために HTML を手動で編集する必要はありません。
FileName または ImageName 列のデータを変更しないでください。 これらは、生成されたファイル構造内のインタラクティブな JMP レポートとサムネイルへのリンクです。 生成された Web ページに変更を反映するには、データ テーブルで最初のスクリプトを実行する必要があります。現在のディレクトリを設定をクリックし、アドインを初めて実行したときにレポートを作成したのと同じフォルダーに移動します。
この表には、インデックス ページの外観を調整できる 3 つのスクリプトがあります。
- テーブル レイアウト レポート:最大 4 つの分析ステップが連続してグリッドにインデックス ページを生成します。
- 垂直レポート (Lg. アイコン):大きなサムネイル アイコンを含むリストにインデックス ページを生成します。
- 垂直レポート (Sm. アイコン):小さなサムネイル アイコンを含むリストにインデックス ページを生成します。
レポートが実行された実際の時間をタイムスタンプに反映するには、次の場所に移動します。 JMP > 環境設定 > レポート選択します出力の日付タイトル. これにより、日付/時刻が JMP レポートに書き込まれ、タイムスタンプ列に書き込まれます。
これらの列のテキストを編集して、レポート名と説明を変更できます。 レポートの順序は表と同じになるため、レポートの順序を変更するには、表の行の順序を変更するだけです。 インデックス ページからレポートを削除するには、それらをテーブルから削除します。
高度な機能
サムネイルは、レポートで最初に使用可能なグラフィックに基づいて自動的に生成されます。 選択ツールを使用してサムネイルを手動で選択できます。サムネイルとして使用する JMP レポートのオブジェクトを強調表示してから、選択してレポートを作成するボタン。
ジャーナルを使用して、Web ページでレポートを生成することもできます。 これは、Web ページに挿入したい PPT スライドまたは画像がある場合に便利です。 新しい日誌を作成し、画像に貼り付けます。
これは、レポート リストと後続の Web ページに静止画像として表示されます。
独自の CSS ファイルを使用する場合は、次のコマンドを実行してデータ テーブルの場所を指定できます。カスタム .css ファイルの設定テーブル スクリプト。 次に、このカスタム .css ファイルを使用してレポートを作成するには、次を実行します。カスタム .css ファイル レポート脚本。
データ/タイムスタンプの直後にテキスト ブロックを追加することで、分析セッション中に JMP レポートに説明を自動的に追加できます。 次に、レポートがブラストされると、そのテキスト ブロックがその行の説明フィールドに取り込まれます。
疑似コード/プログラムの流れ
- ディレクトリを設定します。
- ルート HTML レポート ディレクトリ: ユーザーは実行時にこれを選択します。
- ベース ディレクトリ: この自動レポートに関連付けられたタイムスタンプ付きのディレクトリ。
- css サブディレクトリ: .css ファイルが含まれます。
- html サブディレクトリ: JMP によって生成された .html5 レポートが含まれます。
- images サブディレクトリ: サムネイル用の画像ファイルが含まれています。
- .css ファイル (「defineCssTxt.jsl」に含まれる) を _css フォルダーに保存します。
- インデックス ファイルの HTML ベース テキストを定義します。 各レポートの HTML テキストを挿入するためのプレースホルダーが含まれています。
- コントロール ウィンドウをユーザーに提示します。
- 開いているウィンドウのリストを取得します。
- レポートを保持していないウィンドウをこのリストから削除します。
- ウィンドウ名を変更して固有のものにし、コントロール ウィンドウにリストします。
- ユーザーが [OK] ボタンをクリックすると:
- ファイル名、イメージ名、レポート名、説明、およびタイムスタンプの列を含むキュー テーブルを作成します。
- ウィンドウ リスト内の各ウィンドウについて、次の操作を行います。
- キュー テーブルに行を追加します。
- テーブルの現在の行にウィンドウ名を追加します。
- 現在のウィンドウのツリー構造を取得し、非表示にしてテキストを取得します。
- レポートで最初に選択された要素の画像を取得するか、要素が選択されていない場合はレポートの最初の画像を取得します。
- このイメージの名前をキューに書き込みます。
- 現在のレポートのジャーナル テキストを取得します。
- 解析してプラットフォーム名を取得します。
- この名前を現在のレポートのデフォルトのレポート名として保存します。
- 現在のレポートのタイムスタンプと説明情報を取得します。
- 現在のレポートのジャーナル テキストを取得します。
- 利用可能な場合は、タイムスタンプと説明情報を取得します。
- レポートを実行する前に、これらのプリファレンスを設定する必要があることに注意してください。
- 現在のレポートの対話型 HTML を保存します。
- キューをタイムスタンプでソートします。
- キュー内の各行について:
- キューからの列情報のプレースホルダーを使用して、汎用レポートの HTML テキストを定義します。
- これらのプレースホルダーを現在の行の列情報に置き換えます。
- 結果の文字列をベース HTML テキストに置き換えます。
- f.結果のインデックス ファイルを保存します。
- g.必要に応じて、すべてのレポートを閉じます。
- h.制御スクリプトと表示スクリプトをキュー テーブルに書き込みます。
どこで入手できますか？
HTML5 Auto-Publishing Add-In は、JMP File Exchange で利用できます。 ここからダウンロードしてください： https://community.jmp.com/docs/DOC-6118
CSS に関する情報のリソース
.css ファイルを編集して、インデックス ページの外観をカスタマイズする場合は、次のリソースを参考にしてください。 1 つ目の HTML Dog は、特に初心者向けであり、優れたリファレンス ソースとしても役立ちます。 最新の状態を維持するために定期的に更新されます。 2 番目のリンクは Chris Coyier の CSS-tricks で、中級/上級ユーザー向けです。
HTML 犬: http://www.htmldog.com/guides/css/beginner /
CSS トリック: http://css-tricks.com /
コメントと提案
コメント、質問、提案を送信してくださいDaniel.Valente@jmp.comまたBrady.Brady@jmp.com .
