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 。