Kim Dongha
라이브 패널 창 분리 — 듀얼 모니터 관제

라이브 패널 창 분리 — 듀얼 모니터 관제

영상을 보는 동안 관제의 나머지 기능이 멈춰 있었다. 실시간 라이브뷰를 보는 중에는 다른 관제 기능을 사용할 수 없었다.

역할

연도

도구·방법

📝

개요

새창에서 관제하기 — Dual Monitor, Live

영상을 보는 동안 관제의 나머지 기능이 멈춰 있었다. 실시간 라이브뷰를 보는 중에는 다른 관제 기능을 사용할 수 없었다.

프로젝트 개요
프로젝트 개요

Problem

  • AS-IS: 디바이스 목록 · 지도 · 영상이 한 창에 묶여, 영상이 창을 점유
  • 라이브뷰 시청 중 목록·지도 접근 불가
  • 모니터 2대 환경인데 한 창에 묶여 활용하지 못함
  • 오프라인 여부와 영상 끊김을 구분하지 못함
AS-IS
AS-IS

Research

  • VOC 분석: B2B 관제 고객 문의 중 라이브뷰·창 전환 관련 유형 분류
  • 사용자 인터뷰: 관제 담당자·차량 관리자
  • 서버 모니터링: 라이브뷰 세션 길이 · 동시 접속 패턴
"차량 40대를 한 화면에서 보면서 이벤트 확인이랑 경로 조회도 같이 해야 하는데, 라이브를 켜면 다른 기능이 막혀요." — 해외 고객사 · 관제 담당자 (재구성)
"관제실 모니터가 두 대인데 한 화면에 다 몰려 있어요. 라이브만 옆 모니터로 빼서 계속 띄워두고 싶습니다." — 해외 고객사 · 운영 관리자 (재구성)

Solution

  • 라이브 패널을 새 창으로 분리(Undock) — 두 모니터에서 동시 관제
  • 모니터 1: 관제 작업(목록·지도) / 모니터 2: 라이브 상시(분리 창) + 알림 로그
  • 최대 64채널까지 확장되는 가변 프레임 그리드
  • 예외 설계: 브라우저 팝업 차단 시 현재 창 대체 경로 제공
  • 개발 협업: 상태 기준표(상태·판정 조건·표시·FE/BE 처리) 전달, 웹 멀티 윈도우 제약(팝업 정책·창 간 동기화) 합의
TO-BE
TO-BE
RESULT
RESULT

공개 앱·웹 화면 기준 재구성 — 세부 수치는 범위로 표기

실제 화면과 상세 자료는 비공개이며, 문의 시 공유 가능합니다.


🗂️

다른 케이스

디자인 목록으로