車両・機器の統合管制システム
複数の車両と機器の状態を中央管制センターでリアルタイムに見守る、統合管制システムのダッシュボード画面を開発しました。管制センターに集まる位置・運行速度の情報は、配車間隔を調整し、路線と運行スケジュールが守られたかを確認する根拠になります。管制画面は複数の対象を同時に見る必要があるため情報が密で、状態の変化に気づくのが遅れれば対応も遅れます。機器一覧、位置・運行・機器状態の表示、詳細情報の照会へと続く管制画面の操作の流れを担当しました。
複数の機器を一画面に集めた管制ダッシュボード
統合管制システムは、複数の車両と機器の状態を中央管制センターでリアルタイムに見守り、制御するシステムです。そのうち管制要員が見るダッシュボード画面を開発し、複数の機器の状態を一画面で監視できるようにしました。対象が多くても画面を行き来せず、一か所で全体を見ることが管制画面の出発点です。

状態が変われば、すぐ気づけるよう組んだリアルタイム表示
管制業務では、機器の状態が変わった瞬間に素早く気づくことが重要です。リアルタイムの状態変化をすぐ把握できるよう、ダッシュボードの画面情報を構成しました。管制画面は情報の密度が高いため、多くの情報の中でも変化が埋もれない配置が必要でした。

位置・運行・機器状態を一緒に見る画面構成
統合管制システムの位置・運行情報は、車両と機器に付いた位置受信機と通信装置が、無線通信網で中央管制センターへすぐに送ります。車両がどこにいるかと一緒に、どれだけの速度で走っているかもこの経路で入ってきます。管制要員が確認する情報は、機器の位置、運行状態、機器そのものの状態に分かれます。この三つを視覚的に表示し、複数の対象の状態を同時に確認しなければならない管制業務に合わせました。

一覧から詳細まで途切れない照会の流れ
管制画面の操作は、機器一覧で対象を探し、状態を確認し、必要なら詳細情報を開く順につながります。機器一覧、状態確認、詳細情報の照会へと続く操作の流れを実装しました。三つの段階が一つの流れでつながってこそ、管制要員は一つの対象を確認する間に画面の中で迷いません。

この仕事のポイント
複数機器の状態を一画面で見る管制ダッシュボード
位置・運行・機器状態がひと目で分かるリアルタイム表示
機器一覧から状態確認、詳細照会へとつながる操作
インサイト
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…



