차량·장비 통합 관제 시스템
여러 차량과 장비의 상태를 중앙 관제 센터에서 실시간으로 지켜보는 통합 관제 시스템의 대시보드 화면을 개발했습니다. 관제 센터에 모인 위치 · 운행 속도 정보는 배차 간격을 조정하고 노선과 운행 일정을 지켰는지 확인하는 근거가 됩니다. 관제 화면은 여러 대상을 동시에 봐야 해서 정보가 빽빽하고, 상태 변화를 늦게 알아채면 대응도 늦어집니다. 장비 목록, 위치 · 운행 · 장비 상태 표시, 상세 정보 조회로 이어지는 관제 화면의 조작 흐름을 맡았습니다.
여러 장비를 한 화면에 모은 관제 대시보드
통합 관제 시스템은 여러 차량과 장비의 상태를 중앙 관제 센터에서 실시간으로 지켜보고 제어하는 시스템입니다. 그중 관제 요원이 들여다보는 대시보드 화면을 개발해, 여러 장비의 상태를 한 화면에서 모니터링하도록 했습니다. 대상이 많아도 화면을 옮겨 다니지 않고 한자리에서 전체를 보는 것이 관제 화면의 출발점입니다.
상태가 바뀌면 바로 알아보게 짠 실시간 표시
관제 업무에서는 장비 상태가 바뀐 순간을 빨리 알아채는 것이 중요합니다. 실시간 상태 변화를 빠르게 파악하도록 대시보드의 화면 정보를 구성했습니다. 관제 화면은 정보 밀도가 높아서, 많은 정보 사이에서도 바뀐 것이 묻히지 않는 배치가 필요했습니다.
위치 · 운행 · 장비 상태를 함께 보는 화면 구성
통합 관제 시스템의 위치 · 운행 정보는 차량과 장비에 달린 위치 수신기와 통신 장치가 무선 통신망으로 중앙 관제 센터에 곧바로 보냅니다. 차량이 어디에 있는지와 함께 얼마나 빨리 달리는지도 이 경로로 들어옵니다. 관제 요원이 확인하는 정보는 장비의 위치, 운행 상태, 장비 자체의 상태로 나뉩니다. 이 세 가지를 시각적으로 표시해, 여러 대상의 상태를 동시에 확인해야 하는 관제 업무에 맞췄습니다.
목록에서 상세까지 끊기지 않는 조회 흐름
관제 화면의 조작은 장비 목록에서 대상을 찾고, 상태를 확인하고, 필요하면 상세 정보를 여는 순서로 이어집니다. 장비 목록, 상태 확인, 상세 정보 조회로 이어지는 조작 흐름을 구현했습니다. 세 단계가 한 흐름으로 이어져야 관제 요원이 대상 하나를 확인하는 동안 화면을 헤매지 않습니다.
이 작업의 포인트
여러 장비의 상태를 한 화면에서 보는 관제 대시보드
위치 · 운행 · 장비 상태를 한눈에 보이게 한 실시간 표시
장비 목록에서 상태 확인, 상세 조회로 이어지는 조작
인사이트
GA4 client_storage: 'none'은 정말 쿠키를 막을까?
두 달 전 이 블로그에 「GA4 쿠키 없이 쓰기」라는 글을 썼습니다. clientstorage: 'none' 으로 쿠키 저장을 끄고, 자체 분석이 쓰던 익명 ID 를 clientid 로 넘기면 쿠키 0개로 GA4 를 쓸 수 있다는 내…
GA4 Measurement Protocol: gtag.js 없이 서버에서 이벤트 보내기
랜딩 페이지의 전송량을 파일 단위로 쪼개 보다가, 가장 큰 파일이 우리 코드가 아니라는 것을 알았습니다. Google Analytics 의 gtag.js 였고, 방문 한 번에 176KB 를 받고 있었습니다. 페이지 전체가 1,094K…
중소 제조업 AI 도입 순서: DX를 먼저 끝내야 할까?
공장을 가진 중소·중견 제조기업 16만여 곳 가운데 스마트공장을 도입한 곳은 19.5%입니다. 회사가 작을수록 이 비율은 더 떨어집니다. 중소벤처기업부가 2025년 4월에 낸 제1차 스마트제조혁신 실태조사 결과입니다. 그림: 기업 규…
Next.js loading.tsx와 404: 버튼이 화면보다 먼저 살아나게 하기
관리 화면 왼쪽 위에 사이드바를 접고 펴는 ☰ 버튼이 있습니다. 폭 하나 바꾸는 버튼인데, 대시보드에서 누르면 2초 넘게 아무 반응이 없었습니다. 레이아웃만 바꾸는 일이 왜 이렇게 오래 걸리는지부터 들여다봤습니다. Next.js 16…