요약 정보(Tab1)와 데이터 입력/수정(Tab2)을 하나의 화면에서 수행할 수 있는 레이아웃 입니다.
레이아웃 구조
적용 예시
- [공공] 지자체 시설물 점검 현황
[공공] 대시민 주요 민원 처리 현황
* 요약 : 민원 접수 건수, 처리 완료 건수, 처리 지연 건수 등
* 목록 : 접수번호, 민원 내용, 담당자, 처리 상태 등
[IT] 사내 시스템 장애 및 보안 관제
* 요약 : 운영 중인 서버 수, 정상, 경고, 장애 발생 건수 등
* 목록 : 장애 발생 일시, 대상 시스템, 조치 내용, 완료 여부 등
- [유통/물류] 핵심 상품 재고 및 발주 관리
* 요약 : 총 취급 품목 수, 적정 재고 유지, 안전 재고 미달, 품절 품목 수
* 목록 : 품목코드, 현재 재고, 당일 출고 예정량, 신규 발주 수량 입력 등
레이아웃 활용 팁
- Tab을 활용한 화면의 목적 분리
- Tab1은 경영진이나 의사결정자를 위한 "요약 정보 제공 화면"으로, Tab2는 실무자를 위한 "데이터 관리 화면"으로 활용하세요.
- 복잡한 데이터 표와 화려한 차트가 한 화면에 섞여 집중력을 떨어뜨리는 것을 방지하고, '현황 파악'에 집중할 것인지, '데이터 입력'에 집중할 것인지 명확하게 구분할 수 있습니다.
- MX-Grid로 유연한 대시보드 디자인
- 여러 개의 컨트롤을 일일이 배치할 필요 없이 하나의 MX-Grid 안에서 대시보드를 만들어 보세요.
- 익숙한 엑셀 환경에서 수치, 텍스트, 조건부 서식 등을 배치할 수 있습니다. 픽셀 단위의 복잡한 간격 조정이나 퍼블리싱 과정 없이도, 실무자에게 친숙하고 깔끔한 레이아웃을 빠르게 완성할 수 있습니다.
- 복잡하게 SQL 쿼리를 작성할 필요 없이 원하는 차트를 MX-Grid에서 만들 수 있습니다.
- 가변 메세지 작성 영역
- 대시보드에서 "지금 당장 집중 해야 할 핵심 메세지"를 작성할 수 있습니다.
- 변수를 활용하여, 조회 조건이나 실시간 데이터에 따라 변하는 가변 수치를 텍스트 내에 직접 표현해 보세요.
예) '현재 기준 ' + :VS_TEAM + '의 이번 달 목표 달성까지 ' + :VS_AMT + '만원 남았습니다. '
- 데이터 수정(Tab2)과 시각화(Tab1)의 실시간 연동
- Tab2의 그리드에서 데이터를 추가/삭제/저장하면 Tab1 화면에 수정된 데이터가 반영됩니다.
- 별도의 보고서 취합 과정 없이, 실무자의 데이터 입력이 곧 관리자의 모니터링 대시보드로 이어져 확인할 수 있습니다.
