Heatmap

소개

• 개요: Heatmap은 Building/Space/기간 조건으로 과거 데이터를 조회하고, 선택 기간을 분할한 최대 12개의 히트맵을 Video Player 형태로 연속 재생·탐색할 수 있는 분석 화면입니다.

• 주요 기능:

  • 필터: Building · Space · 기간(최대 8일)

  • 결과: 선택 기간을 균등 분할한 12개 히트맵 생성 및 재생 바/이동 버튼 제공

  • 보조 UI: 하단 썸네일 타임슬롯(시간 라벨), 우측 패널 조건/설정

  • 다운로드: 우측 Dwonload 패널의 Excel · GIF 내보내기, 썸네일 타임슬롯별 이미지 다운로드

  • Visualization: Heatmap Radius 슬라이더, Heatmap Opacity 슬라이더 (예: 15px, 50%)

  • 데이터 소스: Tag 단말기로 수집된 위치 데이터를 기반으로 히트맵 생성

사용방법

조회(View)

1. 경로: 애플리케이션 > Heatmap

2. 필터/조건:

   • Building과 Space를 선택합니다. (예: U-space 1B, 12F 등 제공 환경에 따름)

   • 기간을 선택합니다. 최대 8일까지 선택 가능합니다.

3. 결과 확인:

   • 선택 기간을 기준으로 최대 12개의 히트맵이 생성됩니다.

   • 상단/하단 재생 컨트롤과 시간 구간 라벨을 이용해 프레임을 순차 탐색합니다.

   • 우측 Dwonload에서 Excel 또는 GIF 내보내기를 실행합니다.

   • 썸네일 타임슬롯의 다운로드 버튼으로 해당 시간대 히트맵 이미지를 저장합니다.

   • 우측 Visualization 패널에서 Heatmap Radius/Heatmap Opacity 슬라이더로 강도·투명도를 조정해 시각화를 비교합니다.

검증

• 선택한 Building/Space/기간이 결과 히트맵에 일관되게 반영되는지 확인합니다.

• 12개 히트맵이 시간 순서대로 재생/이동되는지, 썸네일/재생 바와 동기화되는지 확인합니다.

• GIF 내보내기 애니메이션이 생성된 프레임 수(최대 12개)와 순서를 반영하는지 확인합니다.

• 썸네일 타임슬롯 이미지 다운로드가 해당 시점의 히트맵을 저장하는지 확인합니다.

• Visualization의 Heatmap Radius/Heatmap Opacity 슬라이더 조정값이 지도 히트맵에 즉시 반영되는지 확인합니다.

• 히트맵 값이 Tag 단말기 위치 데이터 집계(체류/카운트 등)와 일치하는지 샘플 검증합니다.