자율운항선
원격관제 HMI
HD현대 자율운항선박 ROC(Remote Operation Center) 의 Web 기반 통합 HMI. 선박 초기화·항로계획·통신·사이버보안·센서 모니터링·ECDIS·CCTV 까지 자율운항선 원격관제에 필요한 전 기능을 단일 브라우저에서 제공하는 대규모 실시간 관제 UI — UI 설계 + 프론트엔드 개발 담당
Overview // project background
선박 3척을 한 화면에서 원격 조종
HD현대의 차세대 자율운항선박(MASS — Maritime Autonomous Surface Ship) 원격 관제 센터의 HMI 를 담당한 프로젝트입니다. 선박은 해상에서 자율적으로 항해하지만, 긴급 상황이나 복잡한 항로·입출항 시점에는 육상 ROC 에서 원격 제어권을 넘겨받아 조종합니다.
한 오퍼레이터가 Bridge IMO1111 / RCS IMO2222 / RCS IMO3333 세 척의 선박 상태 · 센서 · 통신 · 사이버 보안 · 항로 · 날씨 · CCTV 를 동시에 모니터링하고, 필요 시 Control Authority 를 이양받아 원격 조종할 수 있도록 Command of Maneuver(MoO) 워크플로우 기반으로 설계되었습니다.
Core Modules // 10 main views
Secure Login
ROC 오퍼레이터 인증 · 2FA · Remember me · 세션 만료 관리. 다크 UI + 해양 배경 브랜드 경험.
선박 초기화
Bridge / RCS 탭 전환, Signal · Module · Control Ready 3단계 체크, GPS/Gyro/Speed Log/Anenometer 등 장비 상태 LED 표시.
통합 대시보드
OE · Navigation · GIS 지도 · Ship Command · Station Health · Cyber Security Alarm · Control Authority/MoO 관리를 한 화면에.
Voyage Plan
현재/신규 항로 편집, Waypoint 드래그, Working Plan 캘린더, Plan Update Log · RCS Control On/Off.
Communication Setup
Inter Station · Mediation Server 연결, TEST SIGNAL, Voyage Plan / Pairing / Control Authority / Sensor Data (VDR) 로그.
ECDIS
IMO 표준 전자해도, Waypoint 경로, 실시간 선박 위치·COG·SOG, 환경정보(풍향·파고·시정).
Engine & Propulsion
메인 엔진 RPM·부하·온도·연료, Rudder indicator, Bow/Stern Thruster, Shaft Torque 1시간 트렌드.
Alert Center
Critical / Warning / Info 3단계 알람, Cyber Security · Engine · Navigation · Sensor 카테고리, Acknowledge 워크플로우.
Weather & Sea
풍향·풍속·파고·수온·기압·가시거리, 24시간 예보 차트, 기압 배치도, 주의보 알림.
Multi-Camera CCTV
선수/현측/선미/엔진룸/브리지/데크/화물창 8개 카메라 동시 모니터, PTZ 제어, Object Detection Overlay.
Tech Stack // engineering
Screens // 10 key pages (5 real + 5 concept)
