편집자 주: 이 논문은 JMP Discovery Summit 2016 참석자들에 의해 최우수 초청 논문으로 선정되었습니다.
헤만 로빈슨 헤먼.로빈슨 , JMP 수석 소프트웨어 개발자, SAS
HTML 버전 5, 즉 대화형 HTML은 점 식별, 연결, 브러싱 등 JMP®의 다양한 탐색 기능을 지원합니다(Becker and Cleveland, 1987; Stuetzle, 1987). 저장된 보고서는 웹 서버에 업로드하거나, 공유 폴더에 넣거나, 동료에게 이메일로 보낼 수 있습니다. 보고서는 모든 최신 웹 브라우저에서 볼 수 있습니다.
대화형 HTML은 JMP 버전 11에 도입되었으며, 각 후속 버전에서는 제품에서의 사용법에 따라 더 많은 기능을 추가합니다.JMP 13에는 고객이 요청한 기타 기능과 함께 그래프 빌더의 가장 인기 있는 기능에 대한 지원이 추가되었습니다.
이 문서에서는 JMP 결과를 대화형 HTML과 JMP 13의 새로운 기능과 공유하는 방법을 설명합니다.
그림 1. 대화형 HTML 대시보드: 다이아몬드 가격, 캐럿 중량, 색상, 선명도, 컷
역사
HTML(HyperText Markup Language)은 모든 웹 페이지의 구조를 정의하는 기술입니다( http://www.w3.org/html/ ) (Berners-Lee, 1989). HTML은 스타일 지정을 위해 Cascading Style Sheets와 함께 사용됩니다( http://www.w3.org/Style/CSS/ )(Meyer, 2004), 프로그래밍을 위한 JavaScript( http://www.ecmascript.org/ ) (Crockford, 2008).
HTML 버전 4는 그래픽 및 상호 작용 지원이 제한되었습니다. 2011년부터 HTML 버전 5는 대화형 슬라이더와 같은 새로운 컨트롤과 함께 캔버스 요소에서 그래픽을 지원하기 시작했습니다.
Adobe Flash 지원( http://www.adobe.com/products/flashplayer.html ) 및 기타 경쟁 기술이 이 무렵부터 쇠퇴하기 시작했습니다(Goldman, 2011). 이에 대응하여 JMP는 다른 소프트웨어 제품과 마찬가지로 해당 기술을 Flash에서 대화형 HTML로 마이그레이션하기 시작했습니다.
JMP 11에서 대화형 HTML은 산점도, 히스토그램, 선, 타원, 상자 그림을 포함한 표와 간단한 그래프를 지원했습니다.
JMP 12에는 태블릿 지원과 함께 버블 도표와 프로파일러가 추가되었습니다.
JMP 13에서 대화형 HTML은 그래프 빌더의 가장 인기 있는 기능을 지원합니다. 또한 고객이 요청한 소규모 기능 모음도 제공했습니다.
사용 방법
JMP 보고서 저장
JMP 보고서를 HTML5 형식으로 저장하려면 Windows에서는 "파일: 다른 이름으로 저장:"을 선택하고 Mac에서는 "파일: 내보내기"를 선택합니다. "데이터가 포함된 대화형 HTML" 유형으로 저장합니다. 그러면 지정된 디렉터리에 대화형 HTML 파일이 생성됩니다.
그림 2. 대화형 HTML의 "파일: 다른 이름으로 저장" 대화 상자
지원되는 브라우저
HTML 파일이 저장되면 최신 웹 브라우저에서 열 수 있습니다.JMP 13은 다음 장치 및 브라우저에서 대화형 HTML을 지원합니다.
장치
|
지원되는 브라우저
|
윈도우
|
IE 11, 엣지, 크롬, 파이어폭스, 오페라
|
맥
|
사파리, 크롬, 파이어폭스, 오페라
|
아이패드
|
사파리, 크롬
|
기계적 인조 인간
|
크롬
|
킨들 파이어
|
실크
|
1 번 테이블. 지원되는 장치 및 브라우저
제한된 고객 수요로 인해 휴대폰에서는 대화형 HTML을 테스트하지 않습니다. 그러나 Safari나 Chrome 브라우저를 실행하는 휴대폰에서는 잘 작동하는 경우가 많습니다. 왜냐하면 해당 휴대폰 브라우저는 태블릿 버전과 코드를 공유하기 때문입니다. 성능은 휴대폰에 따라 다릅니다.
지원되지 않는 기능
대화형 HTML은 JMP에서 가장 자주 사용되는 기능을 지원합니다. 보고서에 지원되지 않는 기능이 포함된 경우 아래 그림과 같이 대화 상자에 경고가 표시되고 JMP 로그에 더 자세한 메시지가 표시됩니다.
그림 3. 지원되지 않는 기능에 대한 경고
그림 4. 로그 메시지
기능이 지원되지 않는 경우 보고서의 일부가 정적 이미지로 내보내집니다. 아래 그림에서 2차원 프로파일러는 대화형입니다. 로그 메시지에 표시된 대로 3차원 프로파일러는 정적입니다.
그림 5. 정적 3D 프로파일러가 포함된 대화형 2D 프로파일러
데이터 보안
데스크탑의 JMP와 마찬가지로 JMP 대화형 HTML은 데이터를 메모리에 저장하여 상호작용을 가능하게 합니다. 이는 그래프의 데이터가 웹 페이지에 포함되어 있음을 의미합니다. 데이터는 난독화되어 있지만 동기가 있는 해커는 누구나 읽을 수 있습니다.
데이터를 암호화하면 이러한 보안 위험을 완화할 수 있는 것처럼 보일 수 있습니다. 그럴 순 없어. 데이터는 웹 브라우저에서 읽을 수 있어야 합니다. 따라서 암호화된 데이터에는 웹 브라우저와 다른 모든 사람이 읽을 수 있는 암호 해독 키가 필요합니다. 데이터를 암호화하는 것은 집에서 값비싼 도난 경보기를 구입하고 열쇠를 매트 밑에 두는 것과 같습니다.
다음을 통해 위험을 줄일 수 있습니다. 익명화 예를 들어 이름 또는 ID 열 없이 데이터의 하위 집합을 생성하여 데이터를 생성합니다. 이 하위 집합을 직접 만드는 것이 가장 안전합니다.그러나 JMP 보고서에 사용되지 않은 열은 대화형 HTML 파일에 포함되지 않습니다. 따라서 라벨이나 다른 목적으로 식별 열을 사용하지 않는 한 데이터는 자동으로 익명화됩니다.
대안은 데이터를 포함하지 않는 정적 HTML(HTML 버전 4)을 사용하는 것입니다. "파일: 다른 이름으로 저장" 대화 상자에서 HTML4는 단순히 "HTML 파일"로 표시됩니다. HTML5에는 상호작용성과 보안을 모두 강조하기 위해 "데이터가 포함된 대화형 HTML"이라는 레이블이 지정되었습니다.
그림 6. 정적 HTML(HTML4)에 대한 "파일: 다른 이름으로 저장" 대화 상자
그림 7. 대화형 HTML(HTML5)에 대한 "파일: 다른 이름으로 저장" 대화 상자
보고서 스크립팅
대화형 HTML 보고서 생성은 JSL(JMP 스크립팅 언어)(SAS, 2014)을 사용하여 자동화할 수 있습니다. 아래 스크립트에서는 "대화형 HTML 저장" 명령 뒤에 "웹" 명령이 옵니다. 그러면 기본 웹 브라우저에 보고서가 자동으로 표시됩니다.
// 이변량 피팅을 내보냅니다.
dt = Open( "$SAMPLE_DATA/Big Class.jmp" );
obj = 이변량( Y( :weight ), X( :height ), Fit Line );
obj << 대화형 HTML 저장( "C:\Bivariate.html" );
웹( "C:\Bivariate.html" );
JMP 13의 새로운 기능
그래프 빌더
JMP 13에서는 그래프 빌더로 생성된 보고서에 대한 지원을 추가했습니다. 여기에는 점, 스무더, 타원, 선, 막대, 영역, 상자 도표, 히스토그램, 히트맵, 모자이크 도표, 캡션 상자 및 지도 모양 등 가장 자주 사용되는 기능이 포함됩니다. 이러한 그래프 빌더 요소는 아래 그림에 강조 표시되어 있습니다.
그림 8. 그래프 빌더 요소
대시보드 지원
정보 대시보드(Few, 2013)는 효율적인 커뮤니케이션을 위해 관련 정보를 맞춤형 레이아웃으로 결합합니다. JMP 13에서는 "파일: 새로 만들기: 대시보드" 메뉴를 사용하거나 "창: 창 결합" 메뉴를 사용하여 대시보드를 생성할 수 있습니다.
그래프 빌더에 대한 지원을 추가하면 JMP 13에서 더 많은 종류의 대시보드를 지원할 수 있습니다. 아래의 첫 번째 대시보드에는 지역 공기 질과 온도를 보여주는 새로운 그래프 빌더 요소 4개가 포함되어 있습니다.
또한 대화형 HTML의 대시보드 레이아웃에 대한 지원이 향상되었습니다. 아래 두 번째 그림은 다양한 유형의 회사에 대한 직원당 이익을 표시하기 위해 탭 컨트롤이 포함된 효율적인 레이아웃을 사용하는 대시보드를 보여줍니다.
그림 9. 대기질 대시보드
그림 10. 탭 컨트롤이 포함된 대시보드
웹 페이지 구성
많은 HTML 페이지를 생성하는 경우 이를 구성하고 싶을 것입니다. JMP 12에서는 JMP 자동 게시 추가 기능을 사용하여 페이지를 쉽게 구성할 수 있습니다(Valente, Brady, and Kennedy, 2014). 이는 개별 보고서에 연결된 표지와 썸네일 스케치를 통해 보고서를 자동으로 구성하는 방법을 제공합니다. 다음 JMP 사용자 커뮤니티에서 JMP 자동 게시 추가 기능을 다운로드할 수 있습니다. https://community.jmp.com/docs/DOC-6689 .
JMP 13에서는 "보기: 웹 보고서 생성" 메뉴 아래에 자동 게시 추가 기능이 제품에 내장되었습니다. 이 메뉴에는 구성 과정을 안내하는 마법사 스타일 인터페이스가 표시되어 순서, 스타일 및 이미지를 사용자 정의할 수 있습니다.이 도구는 모든 예제를 만드는 데 사용되었습니다. http://www.jmp.com/jmphtml5/ .
그림 11. JMP “보기: 웹 보고서 생성” 메뉴.
몇 가지 추가 사항
고객들은 수년에 걸쳐 다양한 기능을 요청해 왔습니다. 따라서 위의 내용 외에도 JMP 13에는 다음 사항에 대한 지원이 추가되었습니다.
• 새롭고 향상된 프로파일러
• 기준 범위
• 값 레이블 및 값 순서 지정
• 고정된 도구 설명 및 호버 그림
세 가지 새로운 내장 프로파일러는 신경망, 일반화 회귀 및 일반화 선형 모델 보고서를 지원합니다. 또한 프로파일러는 적응형 Y축, 형식화된 X 값, 래핑된 레이아웃 및 혼합 디자인에 대한 지원이 향상되었습니다. .
그림 12. 래핑된 레이아웃을 사용한 일반화 회귀 프로파일러
참조 범위, 값 레이블, 값 순서 지정을 통해 그래프를 더욱 자세히 설명할 수 있습니다. 아래 그래프는 이러한 특징을 사용하여 시간 경과에 따른 결혼 및 이혼율을 보여줍니다.
그림 13. 결혼 및 이혼율
고정된 도구 설명과 호버 그림을 사용하면 더욱 즐겁고 효율적인 프레젠테이션과 탐색이 가능합니다.아래 그림은 태양으로부터의 거리에 따라 표시된 행성에 대한 정보를 보여줍니다.
그림 14. 고정된 도구 설명 및 호버 그림
대화형 예
이 문서에서는 많은 정적 이미지를 보여 주었지만 이것이 웹 페이지 자체와의 상호 작용을 대체할 수는 없습니다. 다음에서 JMP Interactive HTML의 모든 기능을 탐색할 수 있습니다. http://www.jmp.com/jmphtml5/ .
우리는 JMP의 역할을 계속 발전시키는 데 있어 여러분의 의견과 제안을 기대합니다.
그림 15. "보기: 웹 보고서 생성"으로 구성된 JMP 13 대화형 HTML 예제.
참고자료
Becker R. 및 Cleveland W. (1987). "산점도 브러싱", 기술 측정 , 127-142.
버너스-리 T.(1989). “정보 관리: 제안”, CERN .
크록포드 D.(2008). 자바스크립트&콜론; 좋은 부품. 오라일리.
소수 S. (2013). 정보 대시보드 디자인: 한눈에 모니터링할 수 있도록 데이터 표시 , 두번째 버전 . 분석 보도.
골드만 D.(2011). “Adobe Flash의 종말의 시작”. CNN 머니 ( http://money.cnn.com/2011/11/10/technology/adobe_flash/ ).
메이어 E. (2004). 계단식 스타일 시트: 최종 가이드. 오라일리.
SAS (2014). JMP 11 스크립팅 가이드, 제2판 . SAS 연구소 Inc.
Stuetzle W. (1987). “창 플롯”, 미국통계학회지, 82 , 466-475.
발렌테 D., 브래디 B., 케네디, A. (2014). "대화형 HTML 보고서 자동 게시를 위한 JMP 추가 기능", JMP 디스커버리 서밋 2014 .
