Portfolio
PROJECT #272 · HARBOR CRANE MONITORING

항만 크레인
모니터링 시스템

서호전기 · 항만 컨테이너 크레인 실시간 모니터링 & 제어 플랫폼

Client
서호전기
Development
2024.02 — 08
Platform
ASP.NET Web + WPF
Protocol
WebSocket · TCP/IP

프로젝트 개요

대표 이미지

항만 크레인 실시간 모니터링

항만의 컨테이너 크레인의 실시간 운전 상태, 고장 상태, 통계 정보를 시각화하는 통합 모니터링 시스템입니다. 별도의 데이터 서버로부터 소켓 또는 DB Table로 전달받은 바이너리 데이터를 DB 맵핑 정의에 따라 실시간으로 표시합니다.

  • 실시간 크레인 운전/고장 상태 시각화
  • WebSocket 기반 실시간 데이터 스트림
  • DB 맵핑 기반 유지보수 친화적 설계
  • 운전/고장 기록 필터링 조회 & 통계 차트

업무 내용

📋 요구사항

  • 크레인의 실시간 운전상태·고장상태 시각화
  • 운전기록·고장기록·통계 DB 기반 조회
  • 테이블 형식 필터링 (날짜·시간·카테고리)
  • 그래프 통계 연동 표시
  • 바이너리 데이터 맵핑 기반 표시
  • DB 변경으로 유지보수 가능한 설계

🛠️ 구축 환경

  • Windows Server + IIS 웹서버
  • PostgreSQL 데이터베이스
  • ASP.NET / C# 백엔드
  • HTML / jQuery / CSS 프론트엔드
  • WebSocket · TCP/IP 실시간 통신
  • SignalR 기반 양방향 데이터 푸시

주요 기능

🏗️

실시간 운전 상태

크레인의 현재 위치·속도·하중 등 실시간 상태를 대시보드에 표시

⚠️

고장 감지 & 알림

이상 상태 실시간 감지 및 경보, 장애 기록 자동 저장

📊

통계 & 리포트

기간별 운전 시간·가동률·고장 빈도를 그래프로 시각화

🔌

WebSocket 스트림

별도 데이터 서버로부터 바이너리 실시간 데이터 수신

🗄️

DB 맵핑 시스템

바이너리 필드 → 의미 있는 데이터 맵핑을 DB로 유지보수

🎨

3D 크레인 뷰

실제 크레인 3D 모델 위에 실시간 상태 오버레이

기술 스택

Frontend
Backend
🌐 📡
Protocol · Database
🔌 📶

화면 구성