實作案例 / 平台與工具開發
苗栗救災 3D 指揮中心：志工回報自動變成一張看得懂的圖
志工在 LINE 用講的回報，系統整理進 Notion，再畫成一張可拖曳旋轉的 3D 地圖：哪個站缺什麼、東西送到哪、山路單線通車要換小貨車，指揮中心一眼看懂。公司網路內每 20 秒跟 Notion 同步，連不到就用內建快照。
▶ 開啟互動 Demo拖曳旋轉、滾輪縮放，點站點或需求單看詳情；展場外會用內建快照
往下捲動↓
THE REAL CHALLENGE
客戶問題
與真正挑戰
- 01
Notion 表格對指揮官來說還是一堆列，看不出「哪裡缺什麼、東西到哪了」。
- 02
庫存不是一個數字，是入庫、出庫、調撥的加總，在途的不能算，還要有安全線才知道什麼時候該警告。
- 03
需求單從提出、確認、調撥到完成走到哪一步，要讓人一眼看到待處理的。
- 04
山區道路單線通車，大卡車進不來，物資要在轉運點換小貨車，這種現場狀況要畫得出來。
HOW WE INTEGRATE
3D 指揮看板 · Notion 即時資料 · n8n
HOW WE INTEGRATE
朕宏如何整合
1
沿用災區調度 Demo 的 Notion 六張表當資料源：站點、志工、品項、庫存、異動、需求單。
2
n8n 工作流「看板來拿資料」：讀 Notion 整理成 JSON，看板每 20 秒自動拉一次；連不到時自動退回內建快照，展場不怕斷網。
3
three.js 畫苗栗山區等角 3D 地圖：藍色集散站、綠色收容站、橘色前線站，小人是志工、箱子堆是庫存、卡車是在途物資。
4
庫存像存摺：每筆進來加、出去減；每項物資設安全線，低於就變紅，站點標籤顯示幾項告急，有人要但沒貨的直接標「缺」。
5
需求單列表點一列地圖就跳到那站；1×、3×、8× 倍速回放 27 筆異動；右下角保留志工回報原文。
6
附一頁「這張圖怎麼看」白話說明，並清楚標示哪些是 Notion 真資料、哪些是為了展示演的。
OUTCOME
完成成果
- 3 個站點、9 張需求單、27 筆異動、志工回報原文全部來自 Notion 真資料，地點與動畫為展示情境。
- 從 LINE 回報到 3D 看板全程不用人手搬資料，指揮中心看圖就能決定調撥。
- 承接獲選數位發展部公民科技協力場的苗栗縣政府「志工與物資管理工具」，作為下一階段的指揮端介面。
RELATED