JMP® 版本 11 中引入了交互式 HTML。 每個後續版本都增加了對更多交互功能的支持。
在 JMP 15 中，交互式 HTML 還支持我們的新產品， JMP 直播。
單獨使用時，交互式 HTML 使用戶能夠共享 JMP 報告。 JMP Live 支持通過協作、組織、安全、自動化和顯著增強的交互性進行共享。
本文介紹了 JMP 15 Interactive HTML 單獨使用以及作為 JMP Live 的一部分使用時的新功能。
他們如何合作？
通過選擇“文件：另存為”或“文件：導出”，您可以將任何 JMP 報告導出為交互式 HTML。 這將創建一個獨立的 Web 應用程序：擴展名為“.htm”或“.html”的單個文件。
該文件可以加載到任何現代網絡瀏覽器中，以查看分析並探索數據。 該文件可以通過電子郵件發送或存儲在共享驅動器或網站上以與其他人共享。 如圖 1 所示，連接方式是一種：JMP 創建文件，但該文件無法與 JMP 通信。通過 JMP Live，連接是雙向的，從而實現更多交互性。
Figure 1. JMP Interactive HTML and JMP LiveFigure 1. JMP Interactive HTML and JMP Live圖1。 JMP Interactive HTML 和 JMP Live
現代網絡瀏覽器速度很快，因此我們僅在需要時使用雙向連接。 否則，我們的軟件僅在網絡瀏覽器中運行。 這種架構可以最大限度地提高客戶的速度並最大限度地降低網絡傳輸成本，因此我們計劃在未來的版本中對其進行維護和改進。
JMP 15 兩者都有哪些新增功能？
當我們向交互式 HTML 添加新功能時，它們在 JMP Live 中也能正常工作。 對於 JMP 15，我們對用戶界面進行了現代化改造，並添加了更多交互式報告。
現代用戶界面
在網絡上，五年被認為是“一代”。 一切確實都變化得那麼快。 因此，我們為 JMP 11 設計的用戶界面已有六年曆史，是時候進行改造了。
多年來，桌面和 Web 應用程序都使用三維作為對象可交互的視覺提示。 例如，按鈕看起來是三維的，就像在現實生活中一樣，以便用戶知道它們可以被按下。 我們的按鈕和其他控件都遵循這種“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、Flat 和 Flat 2.0 樣式“扁平 2.0”風格的一個典範是 Google材料設計， （Cousins，2015）我們選擇它作為我們的用戶界面風格指南。 這是雙贏的。 我們受益於谷歌的設計。 此外，它們還用於 Google Chrome、Google Mail 和其他廣泛使用的產品。 通過遵循這個熟悉的標準，我們可以降低用戶的學習成本。
我們還開始支持兩種顏色主題：灰色和淺色。
Figure 3. Gray and Light ThemesFigure 3. Gray and Light Themes圖 3. 灰色和淺色主題
最後，我們找到了一種可靠的觸摸屏檢測算法。 這個問題比大多數人想像的要困難得多（Cox，2013；Peterson，2018）。解決這個問題使我們能夠提供兩種針對台式機或平板電腦定制的用戶界面。 按鈕和其他控件的大小可以根據設備正確調整。 在桌面上，不再需要切換模式來刷數據或選擇多個對象，這為用戶節省了時間。
更多互動報告
在 JMP 15 中，交互式 HTML 報告更具交互性。
我們做到這一點的一種方法是改進對自定義圖形腳本的支持。 這些是 JMP 的一個重要但相當隱藏的功能；除非您在 JSL 腳本中繪製圓形、矩形或其他圖形基元，否則您可能不知道它們。 儘管隱藏，但許多 JMP 平台都使用自定義圖形腳本，這些平台現在都更具交互性。
Figure 4. Custom Graphics Script in Discriminant PlatformFigure 4. Custom Graphics Script in Discriminant Platform圖 4. 判別平台中的自定義圖形腳本
此外，圖形生成器的報告還支持更多交互功能。 以下是示例：
- 條形圖（並排間隔條形圖）
- 線圖（水平響應、堆積線）
- 面積圖（水平響應、堆積面積）
- 熱圖（按值標籤、分類顏色角色、對數刻度、更多統計數據）
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. 條件數據過濾器。 第三個過濾器中的狀態由第二個過濾器中的人口決定，而第二個過濾器中的人口又由第一個過濾器中的區域決定。
我們已經開始添加對控製圖生成器的支持。 JMP 15.0 僅支持工具提示；但這是我們前進的方向。
最後，在 JMP 15 中，刻畫器可在更多平台上進行交互，包括對數線性方差、分區、提升樹和 Bootstrap Forest。
Figure 7. LogLinear Variance ProfilerFigure 7. LogLinear Variance Profiler圖 7. 對數線性方差刻畫器
JMP 實時報告中僅包含哪些內容？
JMP Interactive HTML 可以做很多事情，但作為獨立的 Web 應用程序，其交互性是有限的。 JMP Live 可以重新運行分析。 重新運行分析的兩種方法是切換列和排除行。
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. “漢堡”包含/排除菜單
互動電子示例這些功能可以在 JMP Public 上看到：
概括
JMP Interactive HTML 的每個新版本都增加了對更多交互式功能的支持。 對於 JMP 15，除了現代化用戶界面之外，我們還改進了自定義圖形、圖形生成器、條件數據過濾器、控製圖生成器和刻畫器中的交互性。
當交互式 HTML 與 JMP Live 結合使用時，可以通過切換列或排除行來重新計算整個分析。
我們將在未來版本中繼續改進交互式 HTML，添加對客戶最需要的 JMP 功能的支持。
參考
Cousins, C. (2015)“Material Design 的真正優點是什麼？”， https://thenextweb.com/dd/2015/11/10/what-are-the-real-merits-of-material-design/ 。
Cousins, C. (2016)，“什麼是 Flat 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 。
