车辆与设备综合监控系统
我们开发了综合监控系统的仪表板界面,中央监控中心通过它实时监视多台车辆与设备的状态。汇集到监控中心的位置与行驶速度信息,是调整发车间隔、核查是否遵守线路与运行时刻的依据。监控界面需要同时查看多个对象,信息十分密集,晚一步察觉状态变化,应对也会晚一步。我们负责从设备列表、位置与运行及设备状态显示,到详细信息查询的整套监控界面操作流程。
把多台设备汇聚在一个界面的监控仪表板
综合监控系统让中央监控中心实时监视并控制多台车辆与设备的状态。我们开发了其中供监控人员查看的仪表板界面,让多台设备的状态在同一界面上监视。对象再多,也不必在界面间来回切换,在一处看到全貌,这是监控界面的出发点。

状态一变就能立刻察觉的实时显示
在监控工作中,尽快察觉设备状态变化的那一刻至关重要。我们组织了仪表板上的信息,让实时状态变化能被迅速掌握。监控界面信息密度很高,因此需要一种布局,让变化不会淹没在大量信息之中。

同时查看位置、运行与设备状态的界面构成
综合监控系统的位置与运行信息,由车辆和设备上安装的定位接收器与通信装置,经无线通信网即时发送到中央监控中心。车辆在哪里、跑得多快,都经由这条路径传来。监控人员查看的信息分为三类:设备位置、运行状态和设备本身的状态。我们把这三类信息可视化呈现,以适应需要同时确认多个对象状态的监控工作。

从列表到详情不中断的查询流程
监控界面的操作顺序是:在设备列表中找到对象、确认状态、必要时打开详细信息。我们实现了从设备列表、状态确认到详细信息查询的操作流程。三个步骤连成一条线,监控人员确认单个对象时才不会在界面里迷路。

项目亮点
在同一界面查看多台设备状态的监控仪表板
让位置、运行与设备状态一目了然的实时显示
从设备列表到状态确认、详情查询一路衔接的操作
洞察
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…



