AIoT 실시간
산업 모니터링
수질·유량·전력 센서 데이터를 실시간으로 시각화하고, AI가 이상 징후를 자동 감지하여 운영 리포트를 생성하는 산업용 IoT 모니터링 대시보드입니다.
SPEC
기술 스펙
카테고리
산업용 IoT 모니터링 대시보드
업종
수처리 · 정수설비 · 산업 설비 · 제조
개발 언어
HTML5 CSS3 JavaScript (ES6+)
데이터베이스
없음 (실시간 시뮬레이션 데이터)
프론트엔드
Vanilla JS Chart.js SVG 센서 배치도
AI / 외부 API
OpenAI Chat Completions API (스트리밍)
클라우드 / 배포
Vercel (GitHub 자동 배포)
반응형
PC · 태블릿 · 모바일 완전 대응
FEATURES
핵심 기능
실시간 센서 시각화
pH · 탁도 · 잔류 염소 · 유량 · 수온 · 전력 6개 센서의 실시간 데이터를 KPI 카드와 스파크라인으로 표시.
멀티 센서 스트림 차트
6개 센서 데이터를 하나의 실시간 멀티라인 차트로 동시 시각화. 정상 범위 벗어날 시 경고 배너 자동 표시.
AI 이상 감지
센서 데이터가 정상 범위를 벗어날 때 자동 감지. 이상 유형·원인·조치 방법을 이력 테이블에 기록.
AI 운영 리포트 자동 생성
OpenAI API 스트리밍 호출로 현재 센서 상태를 분석한 운영 리포트를 실시간으로 생성. 타이핑 효과로 출력.
SVG 공장 센서 배치도
공장 평면도 위에 센서 위치를 SVG로 표시. 이상 감지 센서는 빨간색으로 강조 표시.
AI 예측 차트
현재 pH 데이터를 기반으로 AI가 향후 추이를 예측. 예측 구간을 점선으로 차트에 표시.
HIGHLIGHTS
주요 특징
OpenAI API 실제 연동
단순 UI 데모가 아닌 OpenAI Chat Completions API를 실제로 호출하여 AI 운영 리포트를 생성합니다. 스트리밍 응답을 실시간으로 화면에 출력하는 타이핑 효과까지 구현되어 있습니다.
수처리·정수설비 업종 특화
pH, 탁도, 잔류 염소, 유량, 수온 등 실제 수처리 설비에서 모니터링하는 센서 항목을 그대로 구현했습니다. 정수설비 업종 클라이언트에게 즉시 시연 가능한 업종 특화 데모입니다.
실제 IoT 시스템 연동 가능 구조
현재는 시뮬레이션 데이터를 사용하지만, 실제 IoT 센서 API나 MQTT 브로커와 연동하면 즉시 실제 운영 모니터링 시스템으로 전환 가능한 구조로 설계되었습니다.
ABOUT
상세 설명
이 AIoT 모니터링 대시보드는 수처리·정수설비·산업 설비 운영자가 현장 센서 데이터를 웹 브라우저에서 실시간으로 모니터링하고, AI의 도움으로 이상 징후를 조기에 발견할 수 있도록 설계된 산업용 웹 애플리케이션입니다.
pH, 탁도, 잔류 염소, 유량, 수온, 전력 6개 센서의 실시간 데이터를 KPI 카드, 스파크라인, 멀티라인 차트로 시각화합니다. 센서 값이 정상 범위를 벗어나면 즉시 경고 배너가 표시되고, 이상 이력이 자동으로 기록됩니다.
OpenAI API를 활용한 AI 운영 리포트 생성 기능은 현재 센서 상태를 종합 분석하여 운영자가 즉시 조치를 취할 수 있는 실용적인 리포트를 자동으로 생성합니다. 정수설비 업종 5년 이상의 현장 경험을 바탕으로 실제 운영에 필요한 기능을 설계했습니다.
우리 설비 모니터링 시스템이 필요하다면?
IoT 센서 데이터 시각화 및 AI 분석 대시보드를 제작해 드립니다.