WEB DASHBOARD · HEALTHCARE · AI
CV
CARE VISION Web
간호스테이션 영상관제
웹 시스템
기존 WPF 데스크톱 앱을 웹 기반으로 전환. 브라우저에서 9채널 CCTV + AI 낙상감지 + 영상통화를 통합 제공하는 간호 스테이션 솔루션
v2.0 — Desktop → Web Migration
Year
2026
Platform
Web Dashboard · Tablet
Domain
Healthcare · Video · AI
Role
Full-Stack · UI/UX · API
Duration
90 days
Base
Overview // 프로젝트 개요
설치 없이, 브라우저만으로
영상관제를 시작합니다
기존 WPF 데스크톱 프로그램(#285)을 웹 기반으로 전환하여, 별도 설치 없이 브라우저만으로 병원 어디서든 영상관제가 가능합니다.
WebRTC/HLS.js 기반 저지연 스트리밍, SignalR 실시간 이벤트 Push, YOLO AI 낙상감지를 웹에서 그대로 구현했습니다.
🖥 라이브 데모 보기 →🖥
9채널
실시간 CCTV
🤖
94%
AI 낙상감지 정확도
📞
WebRTC
영상통화
⚡
<1초
이벤트 응답
Migration // Desktop → Web 전환
#285 Desktop (WPF)
- Windows 전용 — 설치 필요 (MSI)
- C# + WPF + DirectX 렌더링
- RTSP 직접 디코딩 (FFmpeg)
- SIP 프로토콜 영상통화
- 단일 PC 전용 — 이동 불가
- 업데이트 시 재설치 필요
#300 Web (Browser)
- 크로스 플랫폼 — 브라우저만 있으면 OK
- HTML5 + JavaScript + RESTful API
- HLS.js + WebSocket 저지연 스트리밍
- WebRTC 영상통화 (ICE/STUN/TURN)
- 태블릿·모바일에서도 접근 가능
- 서버 배포만으로 즉시 업데이트
Core Modules // 핵심 기능
🖥
9채널 CCTV 그리드
브라우저에서 3×3 영상 그리드 실시간 재생. HLS.js + WebSocket 기반 저지연 스트리밍. 드래그 순서 변경, 레이아웃 전환.
⚠️
AI 낙상·이탈 감지
YOLO 기반 AI 엔진 이벤트를 SignalR로 실시간 수신. 해당 셀 붉은 펄스 + 알림 배너 + 소리 경보.
📞
WebRTC 영상통화
환자·보호자 영상통화를 웹에서 직접 수신/응답. ICE/STUN/TURN 서버 연동, 자동수신 토글.
📊
실시간 대시보드
병동별 환자 현황, AI 이벤트 통계, 카메라 상태를 실시간 차트로 시각화. 일간/주간 리포트 자동 생성.
📋
이벤트 히스토리
시간·카메라·유형별 필터링. 이벤트 클립 재생, PDF 리포트 내보내기. 사고 보고서 자동 작성.
🏥
병동·카메라 관리
병동→병실→카메라 계층 매핑. RTSP URL 관리, 상태 모니터링, 시각적 배치도 편집.
Tech Stack // 기술 스택
Screens // 웹 화면
간호사 스테이션 PC 브라우저에서 사용하는 통합 영상관제 시스템. 설치 없이 접속만으로 9채널 CCTV, AI 감지, 영상통화, 대시보드를 모두 사용합니다.
// 01 · 메인 9채널 모니터링
// 02 · AI 낙상감지 알림
// 03 · WebRTC 영상통화
// 04 · 단일 채널 확대
// 05 · 환자 상세 정보
// 06 · 실시간 대시보드
// 07 · 이벤트 히스토리
// 08 · 병동/카메라 관리
// 09 · 시스템 설정
// 10 · 로그인 페이지