Ejin Solution
산업 설비 모니터링 대시보드 리디자인

이진솔루션 모니터링 시스템은 전국 단위 공장/라인/설비와 엣지PC의 연결 상태, 그리고 설비 센서/파라미터 수집 현황을 통합적으로 관리하는 대시보드입니다.

기존 화면은 정보가 많아 “어디를 먼저 봐야 하는지”가 불명확했기 때문에, 운영 흐름을 기준으로 화면 구조를 재정의했습니다. 상단에는 상태(온라인/오프라인/연결실패)와 수집량 같은 핵심 KPI를 우선 배치하고, 지도·카드·차트 영역은 우선순위에 따라 그룹핑하여 스캔만으로도 현황을 파악할 수 있게 구성했습니다.

또한 카드형 레이아웃을 컴포넌트 단위로 정리해 React/TypeScript 기반 화면에서 재사용성을 확보했고, 알림(이벤트/임계치 초과) 팝업은 내용 가독성 및 대비를 강화해 즉시 조치가 가능하도록 개선했습니다.

• 엣지PC/설비 상세: 설비 정보(메타), 연결된 태그 목록, 기간별 추이(라인차트), 수집량(바차트) 구성으로 운영자가 한 화면에서 상태·데이터를 확인
• 전국 공장 현황(지도): 지역별 공장 분포와 총 공장/라인/설비/태그 수를 직관적으로 표시, 상태 카드(온라인/오프라인/실패) 및 시스템 리소스 위젯 제공
• 전체 누적 대시보드: 다수 엣지 장비의 실시간 파라미터 수집 현황을 카드 그리드로 제공, 상태(온라인/대기/실패/오프라인) 요약 및 페이지네이션
• 알림 팝업: 임계치 초과(예: CPU usage) 이벤트를 리스트로 제공해 빠른 확인/대응이 가능하도록 시인성 강화
• 에너지 관리 대시보드: 전기/가스/난방 소비량 및 온실가스 배출량을 KPI·게이지·스택차트로 제공, 공장 상세/랭킹/이벤트 현황 테이블 포함