Heman Robinson, JMP 수석 소프트웨어 개발자, SAS
John Powell, JMP 수석 소프트웨어 개발자, SAS
HTML 버전 5 또는 대화형 HTML은 점 식별, 연결 및 브러싱(Becker and Cleveland, 1987; Stuetzle, 1987)을 포함하여 JMP®의 많은 탐색 기능을 지원합니다. 저장된 보고서는 웹 서버에 업로드하거나, 공유 폴더에 배치하거나, 동료에게 이메일로 보내거나, 클라우드 스토리지 서비스에서 공유할 수 있습니다. 모든 최신 웹 브라우저에서 보고서를 볼 수 있습니다.
대화형 HTML은 JMP 버전 11에서 도입되었으며 각 후속 버전은 제품에서의 사용에 따라 더 많은 기능을 추가합니다.JMP 13은 고객이 요청한 다른 기능과 함께 Graph Builder의 가장 인기 있는 기능에 대한 지원을 추가합니다.
이 문서에서는 대화형 HTML과 JMP 13의 새로운 기능으로 JMP 결과를 공유하는 방법을 설명합니다.
그림 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에서 Interactive HTML로 기술을 이전하기 시작했습니다.
JMP 11에서 Interactive HTML은 산점도, 히스토그램, 선, 타원, 상자 그림을 비롯한 간단한 그래프와 테이블을 지원했습니다.
JMP 12에서는 태블릿 지원과 함께 거품 도표 및 프로파일러가 추가되었습니다.
JMP 13에서 대화형 HTML은 Graph Builder의 가장 인기 있는 기능을 지원합니다. 또한 고객이 요청한 더 작은 기능 모음을 제공했습니다.
이것을 어떻게 사용 하는가
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 Interactive HTML은 데이터를 메모리에 저장하여 상호 작용을 가능하게 합니다. 즉, 그래프의 데이터가 웹 페이지에 포함됩니다. 데이터는 난독화되어 있지만 의도적인 해커라면 누구나 읽을 수 있습니다. 따라서 Interactive HTML 파일을 공유할 때 데이터도 공유한다고 가정하는 것이 가장 좋습니다.
대안은 데이터를 포함하지 않는 정적 HTML(HTML 버전 4)을 사용하는 것입니다. "파일: 다른 이름으로 저장" 대화 상자에서 HTML4는 단순히 "HTML 파일"로 레이블이 지정됩니다. HTML5는 상호작용과 데이터 공유를 모두 강조하기 위해 "데이터가 있는 대화형 HTML"로 레이블이 지정됩니다.
그림 6. 정적 HTML(HTML4)에 대한 "파일: 다른 이름으로 저장" 대화 상자
그림 7. 대화형 HTML(HTML5)에 대한 "파일: 다른 이름으로 저장" 대화 상자
공유 방법
이미지와 데이터를 모두 하나의 파일에 포함하여 대화형 HTML 파일을 쉽게 공유할 수 있도록 만들었습니다. 각 파일은 독립적인 웹 페이지로 간주되지만 이를 공유하기 위해 웹 서버에서 사용할 수 있도록 할 필요는 없습니다. 모든 파일처럼 배포할 수 있습니다. 그러나 이러한 파일은 커질 수 있으므로 여러 복사본을 만드는 대신 대안을 고려하는 것이 좋습니다. 대화형 HTML 파일을 첨부 파일로 전자 메일에 보내는 것은 간단해 보일 수 있지만 전자 메일이 전달될 때마다 복사본이 만들어집니다. 받는 사람이 첨부 파일을 미리 보려고 하면 실망할 수도 있습니다. 대부분의 경우 이메일 프로그램의 미리보기 기능이 현대적이거나 완전한 웹 페이지 뷰어가 아니며 대화형 HTML 파일을 표시할 수 없기 때문에 미리보기가 실패합니다.
회사 내에서 대화형 HTML 파일을 공유하는 간단한 대안 중 하나는 파일을 공유 네트워크 위치에 직접 저장하고 원하는 수신자에게 위치를 이메일로 보내는 것입니다. 네트워크 경로를 전자 메일에 복사하면 전자 메일 프로그램이 전자 메일에 하이퍼링크를 삽입할 수 있으므로 받는 사람은 하이퍼링크를 클릭하기만 하면 기본 브라우저에서 파일을 볼 수 있습니다.
대화형 HTML 파일을 공유하는 또 다른 방법은 Dropbox, Google Drive 또는 Microsoft OneDrive와 같은 클라우드 저장소 및 파일 공유 서비스(Muchmore and Duffy, 2017)를 사용하는 것입니다. 이러한 서비스를 사용하면 컴퓨터의 특정 위치에 저장할 수 있으며 파일은 자동으로 클라우드에 복사됩니다. 클라우드에 있으면 파일 또는 파일 디렉토리를 다른 사람과 공유할 수 있습니다. 각 서비스에는 고유한 공유 메커니즘이 있지만 일반적으로 클라우드에서 파일에 대한 링크를 만들고 이메일로 한 명 이상의 사람에게 링크를 보냅니다. 한 가지 주의할 점은 이러한 서비스가 대화형 HTML 파일을 표시하지 못할 수 있는 HTML 파일 미리 보기도 제공한다는 것입니다.
보고서 스크립팅
JSL(JMP 스크립팅 언어)(SAS, 2014)을 사용하여 대화형 HTML 보고서 생성을 자동화할 수 있습니다. 아래 스크립트에서 "대화형 HTML 저장" 명령 다음에 "웹" 명령이 옵니다. 이렇게 하면 기본 웹 브라우저에 보고서가 자동으로 표시됩니다.
// 이변량 피팅을 내보냅니다.
dt = Open( "$SAMPLE_DATA/Big Class.jmp" );
보고서 = 이변량( Y( :체중 ), X( :높이 ), 적합선 );
신고 << 대화형 HTML 저장 ( "C:\Bivariate.html" );
편물 ( "C:\Bivariate.html" );
JMP 13의 새로운 기능
그래프 빌더
JMP 13에서는 Graph Builder로 생성된 보고서에 대한 지원이 추가되었습니다. 여기에는 점, 평활기, 타원, 선, 막대, 영역, 상자 도표, 히스토그램, 히트맵, 모자이크 도표, 캡션 상자 및 지도 모양의 가장 자주 사용되는 기능이 포함됩니다. 이러한 Graph Builder 요소는 아래 그림에 강조 표시되어 있습니다.
그림 8. 그래프 빌더 요소
대시보드 지원
정보 대시보드(Few, 2013)는 효율적인 커뮤니케이션을 위해 관련 정보를 맞춤형 레이아웃으로 결합합니다. JMP 13에서는 "파일: 새로 만들기: 대시보드" 메뉴 또는 "창: 창 결합" 메뉴를 사용하여 대시보드를 만들 수 있습니다.
Graph Builder에 대한 지원을 추가하면 JMP 13에서 더 많은 종류의 대시보드를 지원할 수 있습니다. 아래의 첫 번째 대시보드에는 지역 대기 질과 온도를 나타내는 4개의 새로운 그래프 빌더 요소가 포함되어 있습니다.
또한 대화형 HTML에서 대시보드 레이아웃에 대한 지원을 개선했습니다. 아래의 두 번째 그림은 다양한 유형의 회사에 대한 직원당 이익을 표시하기 위해 탭 컨트롤이 있는 효율적인 레이아웃을 사용하는 대시보드를 보여줍니다.
그림 9. 공기질 대시보드
그림 10. 탭 컨트롤이 있는 대시보드
여러 보고서를 대화형 HTML로 저장
여러 보고서를 대화형 HTML로 빠르게 저장하고 웹 보고서로 구성하려면 "보기: 웹 보고서 만들기"를 사용하십시오. 이 메뉴는 구성 프로세스를 안내하는 마법사 스타일의 인터페이스를 표시하여 순서, 스타일 및 이미지를 사용자 지정할 수 있습니다.이 도구는 모든 예제를 만드는 데 사용되었습니다. http://www.jmp.com/jmphtml5/ .
그림 11. JMP "보기: 웹 보고서 생성" 메뉴.
몇 가지 더
고객은 수년 동안 많은 기능을 요청했습니다. 따라서 위 항목 외에도 JMP 13에서 다음에 대한 지원을 추가했습니다.
- 새롭고 향상된 프로파일러
- 참조 범위
- 값 레이블 및 값 순서 지정
- 고정 및 팝업 팁의 이미지
3개의 새로운 임베디드 프로파일러는 Neural, Generalized Regression 및 Generalized Linear Model 보고서를 지원합니다. 또한 프로파일러는 적응형 Y축, 형식 지정된 X 값, 래핑된 레이아웃 및 혼합 디자인에 대한 지원을 개선했습니다.
그림 12. 래핑된 레이아웃이 있는 일반화된 회귀 프로파일러
참조 범위, 값 레이블 및 값 순서 지정을 통해 보다 설명적인 그래프를 사용할 수 있습니다.아래 그래프는 이러한 기능을 사용하여 시간 경과에 따른 결혼 및 이혼율을 보여줍니다.
그림 13. 결혼 및 이혼율
고정된 이미지와 팝업 팁을 사용하면 보다 즐겁고 효율적인 프레젠테이션과 탐색이 가능합니다.아래 그림은 태양으로부터의 거리에 따라 표시된 행성에 대한 정보를 보여줍니다.
그림 14. 고정 및 팝업 팁의 이미지
대화형 예제
이 문서에서는 많은 정적 이미지를 보여 주었지만 이것이 웹 페이지 자체와의 상호 작용을 대체할 수는 없습니다. 다음에서 JMP Interactive HTML의 모든 기능을 탐색할 수 있습니다. http://www.jmp.com/jmphtml5/ .
JMP의 일부를 지속적으로 개발하는 동안 귀하의 의견과 제안을 기다리겠습니다.
그림 15."보기: 웹 보고서 만들기"로 구성된 JMP 13 대화형 HTML 예제.
참조
베커 R. 및 클리블랜드 W. (1987). "브러싱 산점도", 테크노메트릭스 , 127-142.
버너스-리 T. (1989). "정보 관리: 제안", CERN .
크록포드 D. (2008). 자바스크립트&콜론; 좋은 부품. 오라일리.
소수의 S. (2013). 정보 대시보드 디자인: 한 눈에 모니터링할 수 있도록 데이터 표시 , 두번째 버전 . 애널리틱스 프레스.
골드만 D. (2011). "어도비 플래시의 종말의 시작". CNN머니 ( http://money.cnn.com/2011/11/10/technology/adobe_flash/ ).
메이어 E. (2004). CSS(Cascading Style Sheets): 최종 가이드. 오라일리.
머치모어 M.과 더피 J. (2017) "2017년 최고의 클라우드 스토리지 및 파일 공유 서비스"
( https://www.pcmag.com/roundup/306323/the-best-cloud-storage-providers-and-file-syncing-services )
SAS(2014). JMP 11 스크립팅 가이드, 제2판 . SAS 연구소 Inc.
W. 스튜에츨 (1987). "플롯 창", 미국 통계 협회 저널, 82 , 466-475.
