마스터 그리드의 항목을 더블 클릭하면 별도로 구성해놓은 폼을 팝업창으로 띄워 상세 데이터를 즉각적으로 탐색하고 분석할 수 있는 마스터-디테일 (Master-Detail) 팝업 지도 이미지를 활용해 지역별 요약 데이터와 상세 데이터를 시각화할 수 있는 대시보드 레이아웃입니다.
레이아웃 구조
적용 사례
- [금융] 상품 목록의료·제약 ] 지역별 의약품 판매 실적 현황 대시보드
- [유통] 주문 및 배송 관제온·오프라인 통합 옴니채널 성과 대시보드
* Master : 주문 정보(주문번호, 주문일시, 고객명, 총 결제금액, 주문상태) 조회
* Detail : 선택한 주문의 주문 상세(개별 상품 리스트, 배송지 주소, 택배사 송장 추적 정보, CS 상담 이력) 조회
[제조] 장비 유지보수 및 자산 관리
* Master : 설비 정보(설비명, 설비위치, 현재 가동률, 최근 점검일, 상태) 조회
* Detail : 선택한 설비의 설비 제원 및 이력(상세 사양, 부품 교체 이려그 수리 매뉴얼, 센서 데이터) 조회
[공공] 인사 정보 및 역량 관리
* Master : 직원 명부(사번, 설명, 부서, 직급, 근태 현황, 성과 등급) 조회
* Detail : 선택한 직원의 인사 카드(상세 경력 사항, 보유 자격증 목록, 연도별 고과 점수, 교육 이수 현황, 연봉 변동 추이) 조회 목록 : 전국 유통 경로(백화점, 할인점, 온라인)별 매출 실적 조회
* 상세 : 특정 지역/유통경로 클릭 시, 브랜드 또는 상품별 매출 상위 5개 목록 조회하여 유행 품목이나 행사 상품의 성과 확인 - [제조] 공장별 가동률 및 출하 현황 대시보드
* 목록 : 지역별 생산 거점(제1공장, 제2공장, 외주)별 생산품 공급 현황 조회
* 상세 : 특정 지역/거점 클릭 시, 설비별 생산 효율/불량률 상위 5개 목록 조회하여 생산 이슈 또는 판매 이슈 진단 - [물류] 권역별 라스트마일 및 배송 품질 관리 대시보드
* 목록 : 지역별 서비스 타입(풀필먼트, 일반 택배, 신선 배송)별 배송 지연 건수 또는 당일 배송 비율 조회
* 상세 : 특정 지역/서비스 클릭 시, 배송파트너/거점별 품질 하위 5개 목록 조회하여 고객 만족도가 낮은 지역/서비스 즉시 개선
레이아웃 활용 팁
상세 정보 팝업 화면 구현
팝업창으로 보여줄 화면을 별도의 폼(Form)을 추가하여 구현합니다.
- 마스터 그리드와 디테일 그리드 연동
- LIST 폼의 마스터 그리드와 DETAIL 폼의 디테일 그리드의 데이터가 연동되게 설정하세요.
- 마스터 그리드에서 선택한 값을 변수로 설정하여 디테일 그리드의 조회조건으로 설정하면 마스터-디테일 조회 화면 구현이 가능합니다.
데이터 라벨과 그리드 연동
상세 화면에 배치된 라벨과 디테일 그리드를 연결하여 사용자가 원하는 위치에서 자유롭게 데이터가 보여지도록 설정하세요.
- 데이터 라벨에 디자인 속성을 설정하고, 디테일 그리드의 Visible 속성을 비활성화하면 사용자 관점에서 보기 편한 조회 화면이 만들어집니다.
- Add-In 컴포넌트를 활용한 텍스트 데이터 시각화
- Add-In 컴포넌트를 배치하여 텍스트 데이터에 서식이 설정된 형태로 시각화할 수 있습니다.
- 일반 텍스트 형식이 아닌, HTML 태그가 설정된 값이 저장됩니다. 데이터의 길이가 길기 때문에 DB에서 해당 컬럼의 데이터 포맷을 Text로 설정하는 것을 추천합니다.
KPI 카드 구현
화면 진입 시 시선이 가장 먼저 머무는 영역에 핵심 지표를 수직 형태로 배치해 전체 매출액과 관리 항목별 비중을 직관적으로 인지할 수 있도록 합니다.
- 주요 지표를 한 눈에 인지할 수 있어, 사용자가 세부 데이터를 탐색하기 전 전체 맥락을 빠르게 파악할 수 있습니다.
- 특정 카드를 클릭했을 때 우측 데이터 영역이 변경되도록 구현할 수 있습니다.
- 지리적 히트맵·심볼 맵 구현
- 단순한 숫자 나열이나 일반 차트 대신, 지도 이미지를 활용해 위치 기반 데이터를 시각화해보세요.
- 어느 지역에 데이터가 집중되는지, 거점별 현황이 어떻게 분포하는지를 즉각 파악할 수 있어 지리적 맥락을 직관적으로 전달합니다.
피벗 매트릭스 그리드
엑셀을 활용해 행과 열의 교차하는 지점에 수치를 표기하는 피벗 표 형태의 레이아웃을 구성해 보세요.
- 복잡한 쿼리 없이도 두 가지 이상의 기준이 교차하는 다차원 데이터를 체계적으로 요약하여 보여줄 수 있습니다.
- 엑셀의 조건부 서식을 함께 적용하면 특정 조합에서 두드러지는 패턴이나 이상치를 한눈에 식별할 수 있습니다.
- 동적 데이터/랭킹 목록
- 상단 목록에서 선택한 결과에 따라 실시간으로 업데이트되는 동적 목록을 구성해 보세요.
- 사용자가 전체 현황에서 특정 항목을 선택했을 때, 세부 순위와 상세 항목이 즉시 표시되어 원인 추적과 비교 분석이 가능합니다.