Daniel Valente 博士，SAS JMP 產品經理
Brady Brady，SAS JMP 技術支援工程師
Aaron Kennedy，JMP 資深數位設計師，SAS
抽象的
直接在 JMP 中顯示 JMP 的數據分析結果總是令人高興的。 但在某些情況下，您可能需要與無權存取該軟體的人員分享結果。 儲存互動式 HTML 報告，即使沒有 JMP 的使用者也可以使用動態圖表和報告探索資料。 雖然可以在大多數現代瀏覽器中查看這些報告，但它們可能缺乏演示工作流程或分析過程所需的上下文。 本文介紹了一個新的 JMP 插件，該插件可建立網頁和資料夾結構來組織來自 JMP 的任意數量的互動式 HTML 報告。 這可以在分析會話結束時無需編寫腳本來完成，因此使用者不會被迫離開分析流程來保存報告。 使用者可以選擇要包含在最終網頁中的報告，並建立風格化的索引頁面以輔助示範。 最終輸出封裝在可以託管在伺服器上或與其他人共用的資料夾中。
這個JMP ®外掛程式建立網頁和資料夾結構，以從 JMP 提供任意數量的互動式 HTML 報告。 它不需要使用者編寫腳本或離開分析流程來保存報告，並且可以在分析會話結束時完成。 您可以選擇要包含在最終網頁中的報告，並建立風格化的索引頁面以協助示範。 最終輸出封裝在可以託管在伺服器上或與其他人共用的資料夾中。
以下是作為運行此加載項的結果編寫的網頁結構：
您可以透過觀看此示範影片來了解使用此加載項建立互動式 HTML5 報告的摘要報告的過程。
https://www.youtube.com/watch?v=E6C7GZd2x6A
只需雙擊資料夾中的索引頁，網頁就會顯示在您的瀏覽器中（如上面的範例 JMP 報表啟動器圖片所示）。 然後點擊圖示查看互動式 HTML JMP 報告。
索引頁也是用標準 HTML 建構的，設計由層疊樣式表 (CSS) 控制。 索引頁面中的詳細資訊可以直接在 JMP 中自訂，讓您可以更改報告標題並向圖示添加描述或註釋以幫助呈現您的發現。
當您第一次啟動該加載項時，它會詢問您要儲存已建置的網頁的目錄。
若要開始產生報告，請按一下刷新報告列表按鈕以使用所有開啟的 JMP 報告填滿清單。
如果您希望所有開啟的報告成為最終輸出的一部分，則無需選擇任何內容。
如果您只希望報告的子集成為最終報告的一部分，則可以在清單中選擇它們。 如果您想在執行應用程式後關閉所有開啟的報告，請選擇運行後關閉報告。 當您準備好生成報告時，請按一下建立帶有選擇的報告按鈕。
這將產生一個 JMP 表並使用三個資料夾和一個索引 HTML 檔案填充您之前指定的目錄：
- 這_css資料夾包含 .css 文件，這些文件調整索引頁面的外觀和組織方式。
- 這_html5資料夾包含所有產生的互動式 HTML 報告以及 JMP 保存的資料。
- 這_圖片資料夾包含為填滿索引頁而產生的 JMP 報告的縮圖。
- 最後還有一個索引頁面，它是瀏覽和啟動 JMP 報告的主檔案。
下面是建立的 JMP 表的範例，該表稱為 Blast 佇列。 如果您願意，可以將此文件儲存到建立網頁的目錄中。 此 JMP 表格可讓您調整網頁的佈局，也讓您可以直接編輯索引頁的內容。 您無需手動編輯 HTML 即可進行變更。
不要更改 FileName 或 ImageName 欄位中的資料。 這些是產生的文件結構中互動式 JMP 報告和縮圖的連結。 為了使任何變更反映在生成的網頁中，您需要執行資料表中的第一個腳本：設定目前目錄，然後導航到您首次運行加載項時創建報告的相同資料夾。
此表中的三個腳本可讓您調整索引頁的外觀：
- 表格佈局報告：在網格中產生索引頁，最多連續四個分析步驟。
- 垂直報告（Lg. 圖示):在具有大縮圖圖示的清單中產生索引頁。
- 垂直報告（Sm. 圖示):在具有小縮圖圖示的清單中產生索引頁。
為了使時間戳反映運行報告的實際時間，請導航至JMP > 首選項 > 報告然後選擇輸出的日期標題。 這會將日期/時間寫入 JMP 報告，該報告又會寫入時間戳列。
您可以透過編輯這些列中的文字來變更報告名稱和說明。 報告的順序將與表中的順序相同，因此要更改報告順序，只需更改表中行的順序即可。 若要從索引頁中刪除任何報告，請將它們從表中刪除。
進階功能
縮圖是根據報告中第一個可用圖形自動產生的。 您可以使用選擇工具手動選擇縮圖；只需在 JMP 報表上反白顯示要用作縮圖的對象，然後按一下建立帶有選擇的報告按鈕。
您也可以使用日誌在網頁中產生報告。 如果您有 PPT 幻燈片或希望包含在網頁中的圖像，此功能非常有用。 創建一個新日記，然後貼上圖像：
這將以靜態圖像的形式顯示在報告清單和後續網頁上：
如果你想使用自己的CSS文件，你可以透過執行以下命令來告訴資料表它在哪裡設定自訂 .css 文件表腳本。 然後，若要使用此自訂 .css 檔案建置報告，請執行自訂 .css 文件報告腳本。
透過在資料/時間戳後面新增文字區塊，您可以在分析會話期間自動向 JMP 報告新增描述。 然後，當報告被刪除時，該文字區塊將被拉入該行的描述欄位中。
偽代碼/程序流程
- 設定目錄。
- HTML 報告根目錄：使用者將在執行時選擇此目錄。
- 基本目錄：與此自動報告關聯的帶有時間戳記的目錄。
- css 子目錄：包含 .css 檔案。
- html 子目錄：包含 JMP 產生的 .html5 報告。
- images 子目錄：包含縮圖的圖片檔案。
- 將 .css 檔案（包含在「defineCssTxt.jsl」中）儲存到 _css 資料夾中。
- 定義索引檔案的 HTML 基本文字。 包括用於插入每個報告的 HTML 文字的佔位符。
- 向使用者呈現控制視窗：
- 取得開啟的視窗的清單。
- 從此清單中刪除不儲存報告的視窗。
- 更改視窗名稱以使其唯一並在控制視窗中列出它們。
- 當使用者點選「確定」按鈕時：
- 建立隊列表，其中包含「檔案名稱」、「影像名稱」、「報告名稱」、「說明」和「時間戳記」列。
- 對於視窗清單中的每個視窗：
- 將一行加入到隊列表中。
- 將視窗名稱新增至表格的目前行。
- 取得目前視窗的樹狀結構，隱藏它並從中取得文字。
- 取得報表中第一個選定元素的圖片，如果未選擇任何元素，則取得報表中的第一張圖片。
- 將此圖像的名稱寫入佇列。
- 取得目前報告的日誌文字。
- 解析它以取得平台名稱。
- 將此名稱儲存為目前報告的預設報告名稱。
- 取得目前報告的時間戳記和描述資訊：
- 取得目前報告的日誌文字。
- 取得時間戳記和描述資訊（如果有）。
- 請注意，必須在運行報告之前設定這些首選項。
- 保存目前報告的互動式 HTML。
- 按時間戳對隊列進行排序。
- 對於佇列中的每一行：
- 為通用報告定義 HTML 文本，並使用佇列中的列資訊的佔位符。
- 將目前行中的列資訊替換為這些佔位符。
- 將產生的字串替換為基本 HTML 文字。
- F。儲存產生的索引檔。
- G。如果需要，關閉所有報告。
- H。將控制和顯示腳本寫入隊列表。
我在哪裡可以得到它？
HTML5 自動發布外掛程式可在 JMP File Exchange 上使用。 在這裡下載： https://community.jmp.com/docs/DOC-6118
CSS 資訊資源
如果您想編輯 .css 檔案並自訂索引頁面的外觀，可以使用以下一些資源來入門。 第一個是 HTML Dog，特別適合初學者，也是一個很好的參考來源。 它會定期更新以保持最新狀態。 第二個連結是 Chris Coyier 的 CSS-tricks，它更適合中級/高級用戶。
HTML 狗： http://www.htmldog.com/guides/css/beginner /
CSS 技巧： http://css-tricks.com /
意見及建議
請將意見、問題和建議發送至丹尼爾.瓦倫特@jmp.com或者Brady.Brady@jmp.com 。
