JMP® 버전 11에서 대화형 HTML이 도입되었습니다. 이후 버전에서는 더욱 다양한 대화형 기능에 대한 지원이 추가되었습니다.
JMP 15에서는 Interactive HTML이 새로운 제품인 JMP Live 도 지원합니다.
단독으로 사용할 경우 대화형 HTML을 통해 사용자가 JMP 보고서를 공유할 수 있습니다. JMP Live는 협업, 구성, 보안, 자동화를 통해 이러한 공유를 지원하고, 훨씬 더 향상된 상호 작용 기능을 제공합니다.
이 논문에서는 JMP 15 Interactive HTML의 새로운 기능과 JMP Live의 일부로 단독으로 사용할 때의 기능을 설명합니다.
그들은 어떻게 함께 작동하나요?
"파일: 다른 이름으로 저장" 또는 "파일: 내보내기"를 선택하면 모든 JMP 보고서를 대화형 HTML로 내보낼 수 있습니다. 이렇게 하면 ".htm" 또는 ".html" 확장자를 가진 단일 파일인 독립형 웹 애플리케이션이 생성됩니다.
이 파일은 모든 최신 웹 브라우저에 로드하여 분석 결과를 확인하고 데이터를 탐색할 수 있습니다. 파일을 이메일로 전송하거나 공유 드라이브 또는 웹사이트에 저장하여 다른 사람들과 공유할 수 있습니다. 그림 1에서 볼 수 있듯이 연결은 단방향입니다. JMP가 파일을 생성하지만, 파일은 JMP와 통신할 수 없습니다. JMP Live를 사용하면 양방향 연결이 가능하여 상호 작용성이 더욱 향상됩니다.
Figure 1. JMP Interactive HTML and JMP Live그림 1. JMP Interactive HTML 및 JMP Live그림 1. JMP Interactive HTML 및 JMP Live
최신 웹 브라우저는 빠르기 때문에 필요할 때만 양방향 연결을 사용합니다. 그 외에는 소프트웨어가 웹 브라우저에서만 실행됩니다. 이러한 아키텍처는 고객의 속도를 극대화하고 네트워크 전송 비용을 최소화하므로, 향후 릴리스에서 이를 유지하고 개선할 계획입니다.
JMP 15의 새로운 기능은 무엇인가요?
대화형 HTML에 새로운 기능을 추가하면 JMP Live에서도 정상적으로 작동합니다. JMP 15에서는 사용자 인터페이스를 현대화하고 더 많은 대화형 보고서를 추가했습니다.
현대적인 사용자 인터페이스
웹에서는 5년을 "세대"로 간주합니다. 모든 것이 정말 그렇게 빨리 변합니다. 그래서 JMP 11용으로 디자인된 사용자 인터페이스는 6년이나 지난 것이었습니다. 이제 완전히 새롭게 단장할 때가 되었습니다.
오랫동안 데스크톱과 웹 애플리케이션 모두 객체가 상호작용한다는 시각적 신호로 3차원을 사용해 왔습니다. 예를 들어, 버튼은 마치 현실 세계처럼 3차원으로 보여 사용자가 버튼을 누를 수 있다는 것을 알 수 있었습니다. 저희는 버튼과 기타 컨트롤에도 이러한 "3D" 스타일을 적용했습니다.
2012년경부터 "플랫" 스타일이 인기를 끌었는데, 특히 마이크로소프트의 윈도우 8 메트로 디자인에서 두드러졌습니다(Ralph, 2012). 이 스타일은 깔끔하고 단순한 느낌을 주지만, 3D 시각적 단서는 없습니다. 당시 사용성 전문가들은 모든 객체가 똑같이 클릭 가능한 것처럼 보인다면 사용자가 어떤 객체를 사용해야 하는지 구분하기 어려울 것이라는 우려를 제기했습니다(Nielsen, 2012).
최근 몇 년 동안 "플랫" 스타일은 "플랫 2.0"(Moran, 2015; Cousins, 2016)으로 대체되었습니다. 이 스타일은 플랫한 디자인을 유지하면서도 미묘한 3D 음영과 인터랙티브 효과를 추가하여 시각적 단서를 제공합니다. 디자인은 여전히 깔끔하고 단순하지만, 시각적 단서는 사용자가 무엇을 해야 할지 알 수 있도록 도와줍니다.
Figure 2. 3D, Flat, and Flat 2.0 Styles 그림 2. 3D, 플랫, 플랫 2.0 스타일 그림 2. 3D, 플랫, 플랫 2.0 스타일 "플랫 2.0" 스타일의 한 예로 Google의 머티리얼 디자인(Cousins, 2015)을 들 수 있습니다. 저희는 이 스타일을 사용자 인터페이스 스타일 가이드로 선택했습니다. 이는 윈윈(win-win) 전략입니다. Google 디자인의 이점을 누릴 수 있기 때문입니다. 또한 Google Chrome, Google Mail, 그리고 기타 널리 사용되는 제품에서도 이러한 디자인이 사용됩니다. 이러한 익숙한 표준을 따르면 사용자의 학습 비용을 줄일 수 있습니다.
또한 회색과 밝은 두 가지 색상 테마를 지원하기 시작했습니다.
Figure 3. Gray and Light Themes 그림 3. 회색 및 밝은 테마 그림 3. 회색 및 밝은 테마
마침내 터치스크린 감지를 위한 신뢰할 수 있는 알고리즘을 발견했습니다. 이 문제는 대부분의 사람들이 생각하는 것보다 훨씬 어렵습니다(Cox, 2013; Peterson, 2018). 이 문제를 해결하면 데스크톱과 태블릿에 맞춰 두 가지 사용자 인터페이스를 제공할 수 있습니다. 버튼과 기타 컨트롤의 크기를 기기에 맞게 조정할 수 있습니다. 데스크톱에서는 더 이상 데이터를 브러시하거나 여러 객체를 선택하기 위해 모드를 전환할 필요가 없어 사용자의 시간이 절약됩니다.
더욱 상호작용적인 보고서
JMP 15에서는 대화형 HTML 보고서의 대화형성이 더욱 강화되었습니다.
이를 위해 사용자 정의 그래픽 스크립트 지원을 개선했습니다. 이는 JMP의 중요하지만 숨겨진 기능입니다. JSL 스크립트에서 원, 사각형 또는 기타 그래픽 기본 요소를 그리지 않는 한 이 기능에 대해 잘 알지 못할 수도 있습니다. 비록 숨겨져 있지만, 사용자 정의 그래픽 스크립트는 현재 많은 JMP 플랫폼에서 사용되고 있으며, 모든 플랫폼의 상호 작용이 더욱 향상되었습니다.
Figure 4. Custom Graphics Script in Discriminant Platform그림 4. Discriminant Platform의 사용자 정의 그래픽 스크립트그림 4. Discriminant Platform의 사용자 정의 그래픽 스크립트
또한 Graph Builder 보고서에서는 더욱 다양한 대화형 기능이 지원됩니다. 다음은 그 예입니다.
- 막대 차트(나란히 간격 막대)
- 선형 플롯(수평 반응, 누적 선)
- 면적 플롯(수평 반응, 누적 영역)
- 히트맵(값별 레이블, 범주별 색상 역할, 로그 스케일, 추가 통계)
Figure 5. More Interactive Graphs from Graph Builder그림 5. 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. 그림 6. 조건부 데이터 필터. 세 번째 필터의 주들은 두 번째 필터의 인구에 의해 조건지어지며, 두 번째 필터의 인구는 첫 번째 필터의 지역에 의해 조건지어집니다. 그림 6. 조건부 데이터 필터. 세 번째 필터의 주들은 두 번째 필터의 인구에 의해 조건지어지며, 두 번째 필터의 인구는 첫 번째 필터의 지역에 의해 조건지어집니다.
Control Chart Builder에 대한 지원을 추가하기 시작했습니다. JMP 15.0은 도구 설명만 지원하지만, 저희는 이러한 방향으로 나아가고 있습니다.
마지막으로, JMP 15에서는 프로파일러가 LogLinear Variance, Partition, Boosted Trees, Bootstrap Forest를 포함한 더 많은 플랫폼에서 상호 작용할 수 있습니다.
Figure 7. LogLinear Variance Profiler그림 7. 로그선형 분산 프로파일러그림 7. 로그선형 분산 프로파일러
JMP Live Reports에만 있는 것은 무엇인가요?
JMP Interactive HTML은 다양한 기능을 수행할 수 있지만, 독립형 웹 애플리케이션으로서의 상호작용성은 제한적입니다. JMP Live는 분석을 다시 실행할 수 있습니다. 분석을 다시 실행하는 두 가지 방법은 열을 전환하거나 행을 제외하는 것입니다.
JMP Live는 열 전환 기능을 지원합니다. JMP에서처럼 열을 전환하여 분석을 다시 실행할 수 있습니다.
Figure 8. Column Switcher in JMP Live, Exploring Air Quality Data그림 8. JMP Live의 열 전환기, 대기 질 데이터 탐색그림 8. JMP Live의 열 전환기, 대기 질 데이터 탐색
또한 JMP Live에서는 데이터 필터가 선택 및 숨기기 상태 외에도 행 제외 상태를 지원합니다. 데이터 필터를 사용하여 행을 제외하거나 포함하면 분석이 다시 계산됩니다.
Figure 9. Data Filter Include/Exclude Menu 그림 9. 데이터 필터 포함/제외 메뉴 그림 9. 데이터 필터 포함/제외 메뉴 마지막으로, 데이터 필터 없이 행을 제외할 수도 있습니다. 예를 들어, 이상값을 제외하려면 해당 이상값을 선택한 다음 "선택한 행 제외 및 숨기기" 메뉴를 선택합니다. 이 경우에도 전체 분석이 다시 생성됩니다.
Figure 10. "Hamburger" Include/Exclude Menu 그림 10. "햄버거" 포함/제외 메뉴 그림 10. "햄버거" 포함/제외 메뉴
이러한 기능의 대화 형 예는 JMP Public에서 확인할 수 있습니다.
요약
JMP Interactive HTML의 새 버전에서는 더욱 다양한 대화형 기능을 지원합니다. JMP 15에서는 사용자 인터페이스를 현대화하는 것 외에도 사용자 정의 그래프, 그래프 빌더, 조건부 데이터 필터, 관리도 빌더, 프로파일러의 대화형 기능이 개선되었습니다.
JMP Live와 함께 대화형 HTML을 사용하면 열을 전환하거나 행을 제외하여 전체 분석을 다시 계산할 수 있습니다.
향후 릴리스에서는 대화형 HTML을 지속적으로 개선하고, 고객이 가장 원하는 JMP 기능에 대한 지원을 추가할 예정입니다.
참고문헌
Cousins, C. (2015) "Material Design의 진정한 장점은 무엇인가?", https://thenextweb.com/dd/2015/11/10/what-are-the-real-merits-of-material-design/ .
커즌스, 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/plat-design/ .
Nielsen, 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 .
