從 JMP® 共享交互式 Web 報告Heman Robinson，SAS JMP 首席軟件開發人員
在過去的二十年裡，出現了一系列支持交互式網頁的競爭技術。最後，行業已經標準化了一項技術，JMP® 已開始提供 HTML 版本 5（即交互式 HTML）的報告。
交互式 HTML 支持 JMP 的許多探索性功能，包括點識別、鏈接和刷選。 保存的報告可以通過網絡共享，或通過電子郵件發送給同事。 本文介紹何時以及如何使用交互式 HTML 共享 JMP 結果。
背景
HTML，即超文本標記語言，是定義所有網頁結構的技術（ 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 年左右開始，網絡瀏覽器開始支持用於圖形的新 HTML 畫布元素，以及用於交互的滑塊等新控件。 大約在這個時候，競爭技術開始衰落，並且開始使用 HTML5 支持交互式網頁。 下圖顯示了招聘網站 Indeed.com 上廣告中關鍵詞頻率的這一趨勢（ http://www.indeed.com/ ）。
圖1。 交互式網絡技術的職位發布
為了應對這一趨勢，JMP 與其他軟件產品一樣，已將 Web 開發從 Flash 轉向交互式 HTML。 JMP 交互式 HTML 報告是單個 HTML 文件，可以通過以下方式共享：
- 將其發佈到互聯網上，
- 將其保存到共享文件夾，或者
- 通過電子郵件將其發送給同事。
圖 2. JMP 交互式 HTML 報告
何時使用它
交互式 HTML 需要嵌入數據。 無論使用什麼數據來創建圖表，這些數據都會嵌入到網頁中。 這些數據是模糊的，但可以被有動機的黑客讀取。
看來可以通過加密數據來減輕這種安全風險。 不可以。 數據必須可由網絡瀏覽器讀取。 因此，加密數據需要解密密鑰，並且網絡瀏覽器和其他人都可以讀取該密鑰。 加密數據相當於為自己的房子購買昂貴的防盜警報器，然後將鑰匙留在墊子下。
您可以通過以下方式消除一些風險匿名化您的數據，例如，通過創建不帶“名稱”或“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 報告時，創建頁面時關閉的圖形和表格在網頁中保持關閉狀態，直到您打開它們。 通過單擊或點擊報告中的大綱按鈕來打開或關閉報告部分。
下圖顯示瞭如何打開“失擬”表。 “方差分析”和“參數估計”表已打開。
圖 6：使用輪廓按鈕
JMP Interactive HTML 採用“移動優先”用戶界面設計策略（Wroblewski，2011）。當您創建交互式 HTML 報告時，您並不總是知道將在哪些設備上讀取該報告。 因此，無論是在桌面還是移動設備上，按鈕等控件都很大且易於使用。
菜單
使用菜單更改報告內容的狀態或外觀。 菜單內容取決於關聯大綱的內容。 例如，Profiler 有一個菜單可以重置其狀態。
圖 7：使用分析器菜單
氣泡圖有一個廣泛的菜單系統來改變它的外觀和行為。
圖 8：使用氣泡圖菜單
模式
關於模式在用戶界面中，傳統的設計建議是“盡可能避免它們”（Nielsen，1993）。然而，要支持像 JMP 這樣具有豐富交互性的產品，某些模式是必要的。
一個熟悉的例子是選擇模式。 您可能想要選擇單個對像或多個對象。 單选和多選是兩種不同的模式。
在桌面產品中，Shift 和 Ctrl 鍵用於在選擇模式之間切換。 但是，在移動設備上，這些密鑰不存在。
因此，選擇模式在頁面頂部顯示為一對切換按鈕。 默認情況下，按下該對中的第一個按鈕。 這使您可以一次選擇一個對象，並取消選擇所有其他對象。
圖 9：選擇單個對象
要選擇多個對象，請單擊或點擊第二個切換按鈕。 這使您能夠選擇或取消選擇多個對象。
在下圖中，選擇了三個直方圖條。 與 JMP 中一樣，所有圖表都是鏈接的，因此在一個圖中選擇的行會在所有圖中突出顯示（Becker 和 Cleveland，1987）（Stuetzle，1987）。
圖 10：選擇多個對象
Shift 和 Ctrl 鍵與切換按鈕的行為之間存在有用的區別。 這些按鍵可以啟用臨時模式切換，這往往會減少用戶錯誤（Raskin 2000）。 切換按鈕可實現持久模式切換，這在移動設備上更簡單且更容易學習。 如果您在桌面上查看交互式 HTML 報告，則這兩種行為均受支持。
第二對切換按鈕將焦點從整個報告切換到數據。 默認情況下，按下該對中的第一個按鈕。 在移動設備上，第一個切換按鈕使您能夠滾動和縮放報告。 在所有設備上，它使您能夠識別報告中的對象。 交互式 HTML 報告中的幾乎所有對像都可以顯示一些標識信息。
圖 11：識別對象
下圖顯示了使用 Iris.jmp 進行的二元擬合，Iris.jmp 是一個 JMP 樣本數據表，包含 Fisher 對三種不同鳶尾品種的測量結果。 一個數據點已通過其 X 和 Y 坐標以及行號進行標識。 下表顯示了p -值及其相關描述。
圖 12：識別數據值
圖 13：描述p -價值
您並不總是想要識別對像或操縱報告。 通常，您的目標是探索數據。 通過單擊或點擊第二個切換按鈕，您可以拖動矩形以選擇圖表中的行。 這就是所謂的刷牙，探索多元數據的重要技術（Becker 和 Cleveland，1987）。 拖動矩形的中心來移動它，或者拖動角來調整它的大小。
圖14：刷數據
為了獲得額外的功率，可以組合多種模式。 如果您使用帶有多個選擇的畫筆，這會導致畫筆擴展選擇範圍，“繪製”數據，如下圖所示。
這兩對模式支持數據探索中最常見和最有用的交互功能。 JMP 提供了一組豐富的附加模式，其中許多都出現在工具選項板中（Cooper 和 Reimann，2003）。 由於光標支持較差，工具選項板隱喻在 Web 應用程序中不太有用，但將來的版本可能會支持其中一些模式。
圖 15：使用多項選擇進行刷塗
如何實現自動化
交互式 HTML 報告可以使用 JMP 腳本語言 (JSL) 實現自動化（SAS，2014）。 新命令“保存交互式 HTML”啟用了此功能。
// 導出二元擬合。
dt = Open( "$SAMPLE_DATA/Big Class.jmp" );
obj = Bivariate( Y( : 重量 ), X( : 高度 ), 擬合線 );
obj << 保存交互式 HTML( "C:\Bivariate.html" );
打開(“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自動發布插件集成到主要產品中，我們對客戶的要求最感興趣。
參考
貝克爾 R. 和克利夫蘭 W. （1987）。 “刷散點圖”，技術計量學，127-142。
伯納斯-李 T. （1989）。 “信息管理：一個建議”，歐洲核子研究中心。
庫珀 A. 和雷曼 R (2003)。 關於Face 2.0：交互設計的要點。 威利，322-323。
克羅克福德 D. （2008）。 JavaScript&col;好的部分。 奧萊利.
邁耶 E. （2004）。 層疊樣式表：權威指南。 奧萊利.
尼爾森 J. （1993）。 可用性工程。 學術出版社，146-148。
拉斯金·J. （2000）。 人性化界面：交互系統設計的新方向。 ACM 出版社，55-59。
英國航空公司（2014）。 JMP 11 腳本編寫指南，第二版。 SAS 研究所公司
斯圖茨勒·W. （1987）。 “繪圖窗口”，美國統計協會雜誌，82 ，466-475。
瓦倫特 D. 布雷迪 B. 和肯尼迪 A. （2014）。 “用於自動發布交互式 HTML 報告的 JMP 插件”， 2014 年 JMP 探索峰會。
弗羅布萊夫斯基 L. （2011）。 移動優先。 一本書分開。
數據探索數據可視化
