Daniel Valente, 박사, SAS JMP 제품 관리자
Brady Brady, JMP 기술 지원 엔지니어, SAS
Aaron Kennedy, JMP 선임 디지털 디자이너, SAS
추상적인
JMP에서 직접 JMP의 데이터 분석 결과를 보여주는 것은 언제나 좋은 일입니다. 그러나 경우에 따라 소프트웨어에 액세스할 수 없는 사람들과 결과를 공유해야 할 수도 있습니다. 대화형 HTML 보고서를 저장하면 JMP가 없는 사람도 동적 그래프와 보고서를 사용하여 데이터를 탐색할 수 있습니다. 이러한 보고서는 대부분의 최신 브라우저에서 볼 수 있지만 워크플로 또는 분석 프로세스를 시연하는 데 필요한 컨텍스트가 부족할 수 있습니다. 이 백서에서는 JMP에서 임의의 수의 대화형 HTML 보고서를 구성하기 위해 웹 페이지 및 폴더 구조를 구성하는 새로운 JMP 추가 기능에 대해 설명합니다. 이것은 분석 세션이 끝날 때 스크립팅 없이 수행할 수 있으므로 사용자는 보고서를 저장하기 위해 분석 흐름을 떠나지 않아도 됩니다. 사용자는 최종 웹 페이지에 포함할 보고서를 선택하고 프리젠테이션을 돕기 위해 양식화된 색인 페이지를 작성할 수 있습니다. 최종 출력은 서버에서 호스팅하거나 다른 사람과 공유할 수 있는 폴더에 캡슐화됩니다.
이 JMP ® 추가 기능은 웹 페이지와 폴더 구조를 구성하여 JMP에서 임의의 수의 대화형 HTML 보고서를 제공합니다. 그것 사용자가 보고서를 저장하기 위해 스크립트를 작성하거나 분석 흐름을 떠날 필요가 없으며 분석 세션이 끝날 때 수행할 수 있습니다. 최종 웹 페이지에 포함할 보고서를 선택하고 프리젠테이션을 돕기 위해 양식화된 색인 페이지를 작성할 수 있습니다. 최종 출력은 서버에서 호스팅하거나 다른 사람과 공유할 수 있는 폴더에 캡슐화됩니다.
아래는 이 추가 기능을 실행한 결과로 작성된 웹 페이지 구조입니다.
이 데모 비디오를 보면 이 추가 기능을 사용하여 대화형 HTML5 보고서의 요약 보고서를 만드는 프로세스를 볼 수 있습니다.
https://www.youtube.com/watch?v=E6C7GZd2x6A
폴더에서 색인 페이지를 두 번 클릭하기만 하면 브라우저에 웹 페이지가 표시됩니다(위의 샘플 JMP 보고서 실행기 이미지 참조). 그런 다음 아이콘을 클릭하여 대화형 HTML JMP 보고서를 봅니다.
색인 페이지도 표준 HTML로 작성되었으며 디자인은 CSS(Cascading Style Sheets)로 제어됩니다. 색인 페이지의 세부 정보는 JMP에서 바로 사용자 정의할 수 있으므로 보고서 제목을 변경하고 아이콘에 설명이나 메모를 추가하여 조사 결과를 쉽게 표현할 수 있습니다.
추가 기능을 처음 시작하면 빌드된 웹 페이지를 저장할 디렉토리를 묻는 메시지가 표시됩니다.
보고서 생성을 시작하려면 보고서 목록 새로 고침 열려 있는 모든 JMP 보고서로 목록을 채우려면 버튼을 클릭합니다.
열려 있는 모든 보고서를 최종 출력의 일부로 만들려면 아무 것도 선택할 필요가 없습니다.
보고서의 하위 집합만 최종 보고서에 포함하려는 경우 목록에서 선택할 수 있습니다. 애플리케이션을 실행한 후 열려 있는 모든 보고서를 닫으려면 실행 후 보고서 닫기 . 보고서를 생성할 준비가 되면 선택 항목으로 보고서 작성 단추.
이렇게 하면 JMP 테이블이 생성되고 이전에 지정한 디렉토리가 3개의 폴더와 색인 HTML 파일로 채워집니다.
- 그만큼 _css 폴더에는 색인 페이지의 모양과 구성 방식을 조정하는 .css 파일이 포함되어 있습니다.
- 그만큼 _html5 폴더에는 JMP에서 저장한 데이터와 함께 생성된 모든 대화형 HTML 보고서가 포함됩니다.
- 그만큼 _이미지 폴더에는 인덱스 페이지를 채우기 위해 생성된 JMP 보고서의 축소판이 포함됩니다.
- 마지막으로 JMP 보고서를 찾아보고 실행할 수 있는 기본 파일인 색인 페이지가 있습니다.
다음은 Blast Queue라고 하는 생성된 JMP 테이블의 샘플입니다. 원하는 경우 이 파일을 웹 페이지가 생성된 디렉토리에 저장할 수 있습니다. 이 JMP 테이블을 사용하면 웹 페이지의 레이아웃을 조정할 수 있고 인덱스 페이지의 콘텐츠를 직접 편집할 수도 있습니다. 변경하기 위해 HTML을 수동으로 편집할 필요가 없습니다.
FileName 또는 ImageName 열의 데이터를 변경하지 마십시오. 이들은 생성된 파일 구조의 대화형 JMP 보고서 및 썸네일에 대한 링크입니다. 생성된 웹 페이지에 변경 사항을 반영하려면 데이터 테이블에서 첫 번째 스크립트를 실행해야 합니다. 현재 디렉터리 설정 을 클릭하고 추가 기능을 처음 실행할 때 보고서를 만든 동일한 폴더로 이동합니다.
이 표에는 인덱스 페이지의 모양을 조정할 수 있는 세 가지 스크립트가 있습니다.
- 테이블 레이아웃 보고서: 한 행에 최대 4개의 분석 단계가 있는 그리드에 인덱스 페이지를 생성합니다.
- 세로형 보고서(Lg. 아이콘): 큰 축소판 아이콘이 있는 목록에 인덱스 페이지를 생성합니다.
- 세로 보고서(Sm. 아이콘): 작은 축소판 아이콘이 있는 목록에 인덱스 페이지를 생성합니다.
보고서가 실행된 실제 시간을 타임스탬프에 반영하려면 JMP > 기본 설정 > 보고서 그런 다음 선택 출력의 날짜 제목 . 이렇게 하면 JMP 보고서에 날짜/시간이 기록되고 타임스탬프 열에 기록됩니다.
해당 열의 텍스트를 편집하여 보고서 이름 및 설명을 변경할 수 있습니다. 보고서의 순서는 테이블과 동일하므로 보고서 순서를 변경하려면 테이블의 행 순서만 변경하면 됩니다. 인덱스 페이지에서 보고서를 삭제하려면 테이블에서 삭제하십시오.
고급 기능
축소판은 보고서에서 사용 가능한 첫 번째 그래픽을 기반으로 자동으로 생성됩니다. 선택 도구를 사용하여 축소판을 수동으로 선택할 수 있습니다. 썸네일로 사용하려는 JMP 보고서의 개체를 강조 표시한 다음 선택 항목으로 보고서 작성 단추.
저널을 사용하여 웹 페이지에서 보고서를 생성할 수도 있습니다. 이것은 웹 페이지에 포함하려는 PPT 슬라이드나 이미지가 있는 경우에 유용합니다. 새 저널을 만든 다음 이미지에 붙여넣습니다.
이는 보고서 목록과 후속 웹 페이지에 정적 이미지로 표시됩니다.
자신의 CSS 파일을 사용하려는 경우 다음을 실행하여 해당 파일이 있는 데이터 테이블을 알릴 수 있습니다. 사용자 지정 .css 파일 설정 테이블 스크립트. 그런 다음 이 사용자 정의 .css 파일을 사용하여 보고서를 작성하려면 다음을 실행하십시오. 사용자 지정 .css 파일 보고서 스크립트.
데이터/타임스탬프 바로 뒤에 텍스트 블록을 추가하여 분석 세션 중에 JMP 보고서에 설명을 자동으로 추가할 수 있습니다. 그런 다음 보고서가 폭파되면 해당 텍스트 블록이 해당 행의 설명 필드로 당겨집니다.
의사 코드/프로그램 흐름
- 디렉토리를 설정합니다.
- 루트 HTML 보고서 디렉토리: 사용자는 런타임에 이것을 선택합니다.
- 기본 디렉터리: 이 자동 보고와 관련된 타임스탬프 디렉터리입니다.
- css 하위 디렉토리: .css 파일을 포함합니다.
- html 하위 디렉토리: JMP에서 생성한 .html5 보고서가 포함되어 있습니다.
- 이미지 하위 디렉토리: 썸네일용 이미지 파일이 들어 있습니다.
- .css 파일("defineCssTxt.jsl"에 포함됨)을 _css 폴더에 저장합니다.
- 색인 파일에 대한 HTML 기본 텍스트를 정의합니다. 각 보고서의 HTML 텍스트 삽입을 위한 자리 표시자를 포함합니다.
- 제어 창을 사용자에게 표시:
- 열려 있는 창 목록을 가져옵니다.
- 보고서를 포함하지 않는 이 목록 창에서 제거하십시오.
- 창 이름을 변경하여 고유하게 만들고 제어 창에 나열합니다.
- 사용자가 확인 버튼을 클릭하면:
- 파일 이름, 이미지 이름, 보고서 이름, 설명 및 타임스탬프에 대한 열이 있는 대기열 테이블을 만듭니다.
- 창 목록의 각 창에 대해:
- 대기열 테이블에 행을 추가합니다.
- 테이블의 현재 행에 창 이름을 추가하십시오.
- 현재 창의 트리 구조를 가져와 숨기고 텍스트를 가져옵니다.
- 보고서에서 첫 번째로 선택된 요소의 그림을 가져오거나 요소가 선택되지 않은 경우 보고서의 첫 번째 그림을 가져옵니다.
- 이 이미지의 이름을 대기열에 씁니다.
- 현재 보고서의 저널 텍스트를 가져옵니다.
- 플랫폼 이름을 얻기 위해 구문 분석합니다.
- 이 이름을 현재 보고서의 기본 보고서 이름으로 저장하십시오.
- 현재 보고서에 대한 타임스탬프 및 설명 정보 가져오기:
- 현재 보고서의 저널 텍스트를 가져옵니다.
- 가능한 경우 타임스탬프 및 설명 정보를 가져옵니다.
- 보고서를 실행하기 전에 기본 설정을 지정해야 합니다.
- 현재 보고서에 대한 대화형 HTML을 저장합니다.
- 타임스탬프를 기준으로 대기열을 정렬합니다.
- 대기열의 각 행에 대해:
- 대기열의 열 정보에 대한 자리 표시자와 함께 일반 보고서에 대한 HTML 텍스트를 정의합니다.
- 이러한 자리 표시자를 현재 행의 열 정보로 대체합니다.
- 결과 문자열을 기본 HTML 텍스트로 대체합니다.
- 에프. 결과 인덱스 파일을 저장합니다.
- g. 원하는 경우 모든 보고서를 닫습니다.
- 시간. 대기열 테이블에 제어 및 표시 스크립트를 작성합니다.
어디서 구할 수 있나요?
HTML5 자동 게시 추가 기능은 JMP File Exchange에서 사용할 수 있습니다. 여기에서 다운로드하십시오: https://community.jmp.com/docs/DOC-6118
CSS 정보 리소스
.css 파일을 편집하고 인덱스 페이지의 모양을 사용자 지정하려는 경우 시작할 수 있는 몇 가지 리소스는 다음과 같습니다. 첫 번째인 HTML Dog는 특히 초보자에게 적합하며 좋은 참조 소스 역할도 합니다. 최신 상태를 유지하기 위해 정기적으로 업데이트됩니다. 두 번째 링크는 Chris Coyier의 CSS-tricks로, 중급/고급 사용자를 위한 것입니다.
HTML 개: http://www.htmldog.com/guides/css/beginner /
CSS 트릭: http://css-tricks.com /
의견 및 제안
의견, 질문 및 제안을 보내주십시오 Daniel.Valente@jmp.com 또는 브래디.Brady@jmp.com .
