대화형 HTML은 JMP® 버전 11에서 도입되었습니다. 각각의 후속 버전은 더 많은 대화형 기능에 대한 지원을 추가합니다.
JMP 15에서는 대화형 HTML도 당사의 신제품인 JMP 라이브 .
대화형 HTML을 단독으로 사용하면 사용자가 JMP 보고서를 공유할 수 있습니다. JMP Live는 협업, 조직, 보안, 자동화 및 훨씬 더 많은 상호 작용을 통한 공유를 지원합니다.
이 백서에서는 단독으로 JMP Live의 일부로 사용할 때 JMP 15 Interactive HTML의 새로운 기능에 대해 설명합니다.
그들은 어떻게 함께 일합니까?
"파일: 다른 이름으로 저장" 또는 "파일: 내보내기"를 선택하면 모든 JMP 보고서를 대화형 HTML로 내보낼 수 있습니다. 이렇게 하면 확장자가 ".htm" 또는 ".html"인 단일 파일인 자체 포함된 웹 응용 프로그램이 생성됩니다.
이 파일은 최신 웹 브라우저에 로드하여 분석을 보고 데이터를 탐색할 수 있습니다. 파일을 이메일로 보내거나 공유 드라이브 또는 웹 사이트에 저장하여 다른 사람과 공유할 수 있습니다. 그림 1에서 볼 수 있듯이 연결은 단방향입니다. JMP가 파일을 생성하지만 파일이 JMP와 통신할 수 없습니다.JMP Live를 사용하면 연결이 양방향이므로 더 많은 상호 작용이 가능합니다.
Figure 1. JMP Interactive HTML and JMP LiveFigure 1. JMP Interactive HTML and JMP Live그림 1. JMP 대화형 HTML 및 JMP Live
최신 웹 브라우저는 빠르므로 필요할 때만 양방향 연결을 사용합니다. 그렇지 않으면 당사 소프트웨어는 웹 브라우저에서만 실행됩니다. 이 아키텍처는 속도를 최대화하고 고객의 네트워크 전송 비용을 최소화하므로 향후 릴리스에서 유지하고 개선할 계획입니다.
JMP 15의 새로운 기능은 무엇입니까?
대화형 HTML에 새 기능을 추가하면 JMP Live에서도 작동합니다. JMP 15에서는 사용자 인터페이스를 현대화하고 더 많은 대화형 보고서를 추가했습니다.
최신 사용자 인터페이스
웹에서 5년은 "세대"로 간주됩니다. 정말 모든 것이 그렇게 빨리 변합니다. 그래서 JMP 11용으로 설계된 우리의 사용자 인터페이스는 6년이 되었습니다.
수년 동안 데스크탑과 웹 애플리케이션 모두 3차원을 객체가 상호 작용한다는 시각적 단서로 사용했습니다. 예를 들어 버튼은 실생활처럼 3차원으로 보이므로 사용자는 버튼을 누를 수 있다는 것을 알 수 있습니다. 버튼 및 기타 컨트롤에 대해 이 "3D" 스타일을 따랐습니다.
2012년경부터 "Flat" 스타일이 인기를 얻었으며 Windows 8용 Microsoft의 Metro 디자인에서 가장 두드러졌습니다(Ralph, 2012). 이 스타일은 깨끗하고 단순하지만 3D 시각적 신호가 없습니다. 당시 사용성 전문가들은 모든 개체가 똑같이 클릭 가능한 것처럼 보이면 사용자가 어떤 개체를 사용할 수 있는지 알 수 없을 것이라고 우려했습니다(Nielsen, 2012).
최근 몇 년 동안 "Flat" 스타일은 "Flat 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, 플랫 및 플랫 2.0 스타일 "Flat 2.0" 스타일의 예는 Google의 재료 디자인, (Cousins, 2015)를 사용자 인터페이스 스타일 가이드로 선택했습니다. 이것은 윈윈입니다. 우리는 Google 디자인의 이점을 얻습니다. 또한 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. 판별 플랫폼의 사용자 지정 그래픽 스크립트
또한 Graph Builder의 보고서에서 더 많은 대화형 기능이 지원됩니다. 다음은 예입니다.
- 막대 차트(나란한 간격 막대)
- 선 도표(수평 반응, 누적선)
- 면적도(수평 반응, 누적 면적)
- 히트 맵(값별 레이블, 범주별 색상 역할, 로그 척도, 추가 통계)
Figure 5. More Interactive Graphs from Graph BuilderFigure 5. More Interactive Graphs from Graph Builder그림 5. Graph Builder의 더 많은 대화형 그래프
한 필터의 값이 다른 필터에 의해 결정되는 조건부 데이터 필터에 대한 지원도 추가되었습니다.
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에서는 프로파일러가 LogLinear Variance, Partition, Boosted Trees 및 Bootstrap Forest를 비롯한 더 많은 플랫폼에서 상호 작용합니다.
Figure 7. LogLinear Variance ProfilerFigure 7. LogLinear Variance Profiler그림 7. 로그선형 분산 프로파일러
JMP Live 보고서에만 있는 기능은 무엇입니까?
JMP 대화형 HTML은 많은 일을 할 수 있지만 독립 실행형 웹 응용 프로그램으로서 상호 작용이 제한됩니다. 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와 함께 사용하면 열을 전환하거나 행을 제외하여 전체 분석을 다시 계산할 수 있습니다.
우리는 고객이 가장 원하는 JMP 기능에 대한 지원을 추가하여 향후 릴리스에서 대화형 HTML을 계속 개선할 것입니다.
참조
Cousins, C. (2015) "머티리얼 디자인의 진정한 장점은 무엇입니까?", https://thenextweb.com/dd/2015/11/10/what-are-the-real-merits-of-material-design/ .
Cousins, C.(2016), "플랫 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 .
