페이지 트리

버전 비교

  • 이 줄이 추가되었습니다.
  • 이 줄이 삭제되었습니다.
  • 서식이 변경되었습니다.

이 템플릿은 월별 생산 현황을 기반으로 전사 제조 공정을 직관적으로 관리할 수 있는 대시보드입니다. 상단 기간 선택을 통해 월 단위 실적 조회가 가능하며, 마스터-디테일 구조를 채택하여 전체 요약 정보와 개별 작업의 상세 내역을 한 화면에서 유기적으로 연결합니다.제조 공정 전반을 실시간 공정 전반을 실시간으로 모니터링하고, 개별 작업 데이터부터 상세 로그까지 기록까지 통합 분석하는 스마트팩토리 관제 대시보드입니다.

Image RemovedImage Added

Image Modified
Easy Heading Macro
navigationTitle목차
selectorh2
navigationExpandOptionexpand-all-by-default


(빨간 별) 템플릿 소개


이 템플릿은 월별 생산 현황을 기반으로 전사 제조 공정을 실시간으로 모니터링할 수 있는 스마트 관제 대시보드입니다.

상단 기간 조회를 통해 월 단위 실적 필터링이 가능하며, 마스터-디테일(Master-Detail) 구조를 적용하여 구조로 좌측 리스트에서 목록에서 특정 항목을 선택하면,

해당 작업의 환경 지표, 공정 진행 흐름도, 상세 이력 로그가 기록이 실시간으로 업데이트되어 데이터 업데이트되어 데이터 간의 상관관계를 심층 분석할 수 있습니다.

진행 상태에 따라 흐름도의 단계별 색상이 실시간으로 변화하므로하도록 구현되어, 공정 내 병목 구간이나 지연 요소를 즉각 식별하여 현장 대응력을 극대화하는 데 최적화되어 있습니다직관적으로 식별하고 신속한 의사결정을 지원합니다.

참고사항

레이아웃 활용 예시

  • [금융] 권역별 여수신 상품 판매 실적
    * 메인 : 주요 권역(수도권, 충청권, 영남권 등)별 총 여/수신 금액, 전월 대비 목표 달성률, 핵심 전략 상품 판매 건수 요약
    * 상세 : 선택한 권역 내 소속 영업점들의 주간 실적 차트 및 개별 상품 가입 고객의 연령대, 유입 경로, 계약 금액 리스트
  • [의료] 진료 센터별 환자 대기 및 병상 가동 현황
    * 메인 : 주요 진료 센터(응급, 중증외상, 심혈관 등)별 총 대기 환자 수, 평균 진료 대기 시간, 당일 병상 가동률 요약
    * 상세 : 선택한 센터 산하 진료과별 시간대별 환자 유입 추이 차트 및 개별 환자의 중증도, 담당의, 조치 상태 리스트
  • [교육] 단과대학별 재학생 성취도 및 학업 이탈 위험 관리
    * 메인 : 단과대학별 재학생 평균 학점, 전년 대비 등록 유지율, 중도 이탈(자퇴/휴학) 고위험군 학생 수 요약
    * 상세 : 선택한 단과대학 산하 전공 과별 성취도 증감 추이 차트 및 이탈 위험군 학생의 출결 현황, 최근 상담 이력 리스트
    /보험] 기업 대출 및 고액 보험금 청구 심사 관제
    * 목록 : 영업점 및 온라인으로 접수된 고액 대출 또는 보험금 청구 건 목록(접수번호, 기업/고객명, 청구액, 현재 심사 단계 등)
    * 상세 : 특정 청구 건 클릭 시, 고객 신용 등급, 담보물 가치, 배정된 전담 심사역 정보 요약
    <흐름도> 서류 접수 → 신용 및 사고 현장 조사 → 1차 심사 → 2차 심사 → 최종 승인 및 지급
    <로그> 제출 서류 진위 확인 내역, 현장 손해사정사 조사 일지, 심사역 검토 코멘트 이력 등
  • [유통/물류] 프리미엄(VIP) 맞춤형 주문 및 특수 배송 관제
    * 목록 : 고가의 명품, 신선식품, 맞춤 제작 가구 등 특별 관리가 필요한 주문 목록(주문번호, 고객명, 배송 지역, 현재 배송 상태 등)
    * 상세 : 특정 주문 클릭 시, 도착지 교통 상황, 고객 특이사항, 배송 기사 정보 요약
    <흐름도> 결제 완료 → 상품 준비/검수 → 특수 포장 → 전담 차량 이동 → 고객 인수
    <로그> 단계별 바코드 스캔 기록, 온도 이탈 여부, 알림 메세지 발송 이력 등
  • [의료/제약] 응급 환자 이송 및 중증 질환 처치 트래킹
    * 목록 : 현재 진행 중인 응급 환자 및 중증 환자 이송/치료 목록(환자명, 중증도 분류, 현재 위치, 진행 상태 등)
    * 상세 : 특정 환자 클릭 시, 환자 바이탈 사인 및 알러지 정보 요약
    <흐름도> 구급차 이송 → 응급실 도착 → 1차 처치 및 검사 → 수술/입원 → 퇴원
    <로그> 시간대별 바이탈 변화, 투여 약물, 검사 결과 및 의료진 처치 내역 조회 등


(빨간 별) 주요 기능


템플릿을 효과적으로 구현하기 위해 사용된 핵심 기능 3가지입니다.


패널
borderColor#e5e7eb
bgColor#ffffff
borderStylenone

라벨에 그리드 값 바인딩

메인 화면의 각 카테고리 상단에 표시된 'GMV' 및 '순매출' KPI 숫자는 하단에 위치한 요약 그리드의 데이터 값을 직접 바인딩하여, 데이터가 변형됨에 따라 KPI 값도 실시간으로 갱신됩니다.

마스터-디테일 데이터 연결

좌측 목록에서 특정 생산 작업을 선택하면, 해당 항목의 실시간 환경 지표와 공정 기록 등 상세 정보가 우측 카드 영역에 즉시 업데이트됩니다.

기본 모듈 [데이터 그리드 Master to Detail]



패널
borderColor#e5e7eb
bgColor#ffffff
borderStylenone

폼 이동 (화면 전환)

메인 화면과 상세 화면 간의 원할한 이동을 위해 폼 이동 기능을 적용했습니다. 메인 화면의 특정 카드 영역 클릭 또는 상세 화면의 'Main' 버튼으로 이동합니다.

진행 상태에 따른 단계별 색상 변경

선택된 작업의 공정 상태를 실시간으로 확인하고, 단계별 아이콘의 색상이 자동으로 변경됩니다.

모듈 다운로드 →



패널
borderColor#e5e7eb
bgColor#ffffff
borderStylenone

차트의 최대값에 색상 적용

상세 화면에 포함된 기간별 실적 직선 차트에서, 각 데이터 계열(GMV, 순매출)의 가장 높은 실적을 달성한 '최대값' 지점에만 포인트 색상이 적용되도록 설정했습니다.

모듈 다운로드

그리드에 생산 진척률 막대 차트 표시

생산 작업 목록에 진척률 항목을 추가하고, 달성률에 따라 색상이 변하는 막대 차트로 시각화했습니다.

가이드 보기



(빨간 별) 사용 레이아웃


정보

여러 카테고리의 KPI를 타일 형태로 한눈에 비교할 수 있는 카드형 전체 생산 작업 리스트와 개별 공정의 상세 정보를 한 화면에 배치한 마스터-디테일 레이아웃을 사용했습니다. 레이아웃 활용 팁이 궁금하시다면? 카드형 KPI 대시보드 템플릿 보기 [Grid] 마스터-디테일 조회 화면

(빨간 별) 사용 데이터


정보

2025~2026년(2개년) 일별 카테고리 실적(GMV, 순매출) 및 목표 2025년 9월 ~ 2025년 10월 기간에 해당하는 제조 공정에 관련 데이터를 사용했습니다. 다른 데이터를 다운 받고 싶다면? 샘플 데이터 목록