대시보드 화면 (Dashboard)
한눈에 보기
대시보드는 KPI 지표, 차트, 요약 테이블 등 여러 위젯을 한 화면에 배치하여 핵심 정보를 한눈에 파악하는 화면입니다. 생산 현황판, 매출 대시보드 등을 만들 수 있습니다.
소개
대시보드 화면은 여러 데이터를 시각적으로 요약하여 보여주는 화면입니다. 경영진이나 관리자가 현재 상황을 빠르게 파악할 때 사용합니다.
코드 없이 위젯을 드래그하여 배치하고, 데이터 소스를 연결하면 실시간으로 업데이트되는 대시보드가 완성됩니다.
이렇게 보입니다
전체 화면
대시보드 화면의 전체 모습입니다. 여러 위젯이 그리드 형태로 배치되어 있습니다.
생산 현황 대시보드
금일 생산
1,250
▲ +150
목표달성률
87.5%
▼ -2.1%
불량률
2.3%
▼ -0.5%
가동률
95.1%
▲ +1.2%
월별 생산량 추이
1월
2월
3월
라인별 생산 현황
(파이 차트 영역)
최근 작업지시 현황
| 지시번호 | 품목 | 수량 | 상태 | 진행률 |
|---|---|---|---|---|
| WO-042 | 프레임 | 200 | 진행중 | 75% |
| WO-041 | 케이스 | 150 | 완료 | 100% |
KPI 카드 위젯
KPI 카드 위젯은 핵심 지표를 큰 숫자로 표시하고, 전일/전월 대비 증감을 화살표로 보여줍니다.
차트 위젯
바 차트, 라인 차트, 파이 차트 등 다양한 차트 위젯을 배치할 수 있습니다.
위젯 종류
| 위젯 | 용도 | 설정 항목 |
|---|---|---|
| KPI 카드 | 핵심 지표 1개를 큰 숫자로 표시 | 데이터 소스, 집계 함수, 비교 기간 |
| 바 차트 | 항목별 비교 | X축, Y축, 그룹핑 |
| 라인 차트 | 시계열 추이 | X축(날짜), Y축(값) |
| 파이 차트 | 비율/구성 | 분류 컬럼, 값 컬럼 |
| 요약 테이블 | 최근 데이터 목록 | 데이터 소스, 표시 컬럼, 정렬 |
| 게이지 | 목표 대비 달성률 | 현재값, 목표값 |
| 진행률 바 | 작업 진행 상태 | 현재값, 전체값 |
설정 방법
1단계: 대시보드 노드 배치
- 팔레트에서 화면 > 대시보드 노드를 캔버스에 배치합니다
- 데이터를 가져올 테이블과 연결합니다
2단계: 위젯 추가 및 배치
- 속성 패널에서 "위젯 추가" 버튼을 클릭합니다
- 위젯 종류를 선택합니다
- 위젯을 드래그하여 크기와 위치를 조정합니다
3단계: 위젯 데이터 연결
각 위젯에 표시할 데이터를 설정합니다:
| 위젯 | 주요 설정 |
|---|---|
| KPI 카드 | 테이블, 집계 함수(합계/평균/건수), 필터 조건 |
| 차트 | 테이블, X축 컬럼, Y축 컬럼, 집계 방식 |
| 요약 테이블 | 테이블, 표시 컬럼, 정렬, 건수 제한 |
4단계: 새로고침 설정
| 설정 | 설명 |
|---|---|
| 수동 새로고침 | 사용자가 새로고침 버튼 클릭 |
| 자동 새로고침 | 설정한 간격(30초, 1분, 5분 등)으로 자동 갱신 |
실무 예시
MES 생산 현황 대시보드
| 위젯 | 내용 |
|---|---|
| KPI: 금일 생산량 | 오늘 작업실적의 합계 수량 |
| KPI: 목표달성률 | (실적/계획) x 100% |
| KPI: 불량률 | (불량수량/생산수량) x 100% |
| 바 차트: 라인별 생산량 | 생산라인별 일일 생산량 비교 |
| 라인 차트: 주간 추이 | 최근 7일간 일별 생산량 추이 |
| 요약 테이블: 최근 작업지시 | 진행 중인 작업지시 목록 |
ERP 매출 대시보드
| 위젯 | 내용 |
|---|---|
| KPI: 월매출 | 이번 달 판매금액 합계 |
| KPI: 수주잔고 | 미출하 주문 금액 합계 |
| 파이 차트: 품목별 매출 | 품목 분류별 매출 비율 |
| 라인 차트: 월별 매출 추이 | 최근 12개월 매출 추이 |
자주 묻는 질문
Q: 하나의 대시보드에 여러 테이블의 데이터를 표시할 수 있나요? A: 네, 각 위젯별로 서로 다른 테이블을 데이터 소스로 연결할 수 있습니다.
Q: 대시보드의 레이아웃을 사용자가 변경할 수 있나요? A: 관리자가 설정한 기본 레이아웃이 사용자에게 보여지며, 사용자 개인 커스터마이징은 설정에 따라 허용할 수 있습니다.
Q: 대시보드에 실시간 데이터를 표시할 수 있나요? A: 자동 새로고침 간격을 짧게 설정하면 거의 실시간에 가까운 업데이트가 가능합니다.
다음 단계
- 마스터-디테일 화면 - 목록 + 상세 동시 보기
- 간트차트 화면 - 일정 시각화
- 피벗테이블 화면 - 교차 분석