Real-Time Kanban 即時看板 — MXP IT

您面對的挑戰(「偽即時」看板的日常謊言)

  • 老闆花大錢裝了一面「即時看板」,結果要手動按 Refresh 才會更新 — 這叫即時?這叫手動
  • 號稱「自動更新」,但其實是每 60 秒輪詢一次。生產線出了狀況,看板上還在顯示一分鐘前的「一切正常」
  • 看板顯示的數據跟 ERP 裡查到的不一樣 — 因為看板是 30 秒前的快照,ERP 是即時的。到底信誰?
  • 產線主管站在看板前面盯著等它刷新,刷新完發現數據沒變,再等一分鐘⋯⋯時間就這樣被看板吃掉了
  • 實驗室的量測結果出來了,但看板要等下一輪輪詢才會顯示。等到看板更新的時候,隔壁已經開始做下一批了
  • 最慘的是:看板掛了你還不知道。因為它一直顯示最後一次更新的數據,看起來很正常,其實已經停在三小時前

我們的解決方案

iDempiere Real-Time Kanban 是貨真價實的即時看板。採用 Server Push(WebSocket)技術,ERP 資料一變動,看板立刻更新 — 不是一秒後、不是三十秒後、不是一分鐘後,是立刻。產線狀態、品檢結果、工單進度、實驗數據,全部即時推送到大螢幕上。你眼睛看到的就是此刻真正的狀態,不是「剛才」的狀態。這才叫即時,不是那種要你按 F5 的假即時。

Demo 影片

Demo 1 — Real-Time Kanban 即時推送展示

Demo 2 — 多看板同步更新展示

核心功能

⚡ Server Push 真即時 — 0 延遲,不是「幾乎即時」

採用 WebSocket 長連線,ERP 資料庫一有異動,Server 主動推送到所有已連線的看板。不是 Client 端輪詢、不是定時刷新、不是「每 N 秒拉一次」。是真正的 Push — 資料變了,看板就變了。差別在哪?別人的看板是「等公車」,我們的看板是「Uber 到門口了」。

🏭 全產線即時覆蓋 — 從車間到實驗室一個都不漏

生產看板、品檢看板、實驗室看板、倉庫看板 — 全部 Real-Time。產線換模完成?看板立刻變色。品檢 NG?看板馬上亮紅燈。實驗數據回寫 ERP?看板同步顯示。不管你有幾條產線、幾間實驗室,全部即時同步,不用等,不用猜。

📺 多螢幕同步 — 全廠看到的是同一個真相

辦公室的電腦螢幕、車間的大電視、會議室的投影 — 連到同一個看板就看到同樣的數據,而且同時更新。不會出現「我這邊顯示 OK 你那邊顯示 NG」的薛丁格狀態。一個真相,全廠共享。

🎨 自訂看板版面 — 你的看板你設計

要顯示什麼欄位、什麼顏色、什麼排序,全部可以自訂。老闆要看產能利用率?主管要看工單進度?品保要看不良率?各做一個看板,各取所需。不用找 IT 開發,ERP 裡面自己拖拉就好。

🚨 異常即時警示 — 壞消息第一個知道

看板不只是顯示數據,還會在異常發生的瞬間變色、閃爍、發出警示。溫度超標?看板瞬間變紅。良率掉到門檻以下?看板馬上亮燈。不用等巡檢人員走過去才發現,看板比任何人的反應都快。

🔗 ERP 原生整合 — 不是外掛的花瓶

看板直接吃 iDempiere ERP 的資料,不用另外建資料庫、不用寫 ETL、不用擔心數據不同步。ERP 裡面的每一筆異動都即時反映在看板上。這不是一個「接在 ERP 旁邊的看板工具」,這是 ERP 本身的一部分。

真即時 vs 假即時

iDempiere Real-Time Kanban 坊間「即時」看板
更新方式 Server Push(WebSocket) Client 輪詢 / 定時刷新
延遲時間 < 1 秒 30 秒 ~ 2 分鐘
需要按 Refresh? 永遠不用 有時候要 / 看運氣
伺服器負載 低(有事才推) 高(每 N 秒查一次)
斷線偵測 WebSocket 自動偵測 看板掛了你也不知道

技術架構

WebSocket Server Push
ERP 資料異動即時推送至所有連線看板
iDempiere ERP
看板資料來源,原生整合免 ETL
GitHub ↗
響應式 Web UI
電腦螢幕、電視、平板全適用

準備好看到「真正的即時」了嗎?

看完 Demo 影片你就知道差別了 — 真即時和假即時,一眼就看得出來。

立即免費諮詢

常見問題

▶ 真的不用按 Refresh 嗎?

真的。打開看板網頁之後,你可以把鍵盤收起來。Server Push 會在 ERP 資料異動的瞬間把新數據推到你的螢幕上。你要做的就是「看」,其他什麼都不用做。如果你還是手癢想按 F5,我們也不攔你,但真的沒必要。

▶ WebSocket 斷線了怎麼辦?

系統會自動偵測斷線並嘗試重連,看板上也會顯示連線狀態。不會像某些看板一樣,斷線了還繼續顯示過時數據讓你以為一切正常。誠實,是即時看板最基本的美德。

▶ 看板可以掛幾面?

想掛幾面就掛幾面。每面看板只是一個瀏覽器頁面,開網址就能用。辦公室一面、車間每條產線一面、會議室一面、老闆辦公室一面 — 全部同步更新,資源佔用極低。

▶ 需要額外的硬體嗎?

看板端只需要一台能開瀏覽器的設備 — 電腦、平板、Smart TV 都行。Server 端就是你現有的 iDempiere 伺服器。不用另外買看板專用主機、不用裝專用軟體,開 Chrome 就能看。

▶ 跟一般 BI 看板有什麼不同?

一般 BI 看板(Grafana、Power BI)是「拉」的:定時去資料庫查一次。我們是「推」的:資料一變就送過來。差別就像「每分鐘看一次手機」跟「有訊息就震動通知你」。哪個比較即時?你自己感受。

🟡

銷售循環

🆕 型號申請單
流程圖 ↗
起草
業務填寫新型號申請內容
DocPrepare
DocAction: PR — 確認申請規格
DocAuto
Wait/Sleep — 系統判斷流程路徑
權限:RD分組主管
Set Variable — 設定審核權限群組
通知主管審核
Email 通知 RD 分組主管
主管審核
Sub Workflow — 主管確認型號申請
DocComplete
IsApproved = Y → 型號申請核准
完成通知
Email 通知申請人核准結果
DocReject
IsApproved = N → DocAction: RJ 駁回
駁回通知
Email 通知申請人駁回原因
📋 詢報價
流程圖 ↗
起草
業務填寫報價品項與條件
DocPrepare
系統檢查必填欄位
業務主管確認
確認報價金額與交期
DocComplete
報價單確認發出
→ 轉銷售訂單
🧫 索樣訂單
流程圖 ↗
起草
業務建立索樣需求
文件準備
DocPrepare — 確認索樣品項與數量
DocAuto
系統判斷文件類型 C_DocType_ID = 1000125
索樣訂單分支
Set Variable — 進入索樣流程
文件完成
DocComplete — 索樣訂單確認
通知審核主管
依 Volume / QtyPost 門檻觸發
業務主管審核
Sub Workflow — 確認索樣條件
CEO 審核
FreightAmt > 80,000 或大量時觸發
→ 安排送樣出貨
📅 預計訂單
流程圖 ↗
起草
業務建立預計訂單(交期表)
DocPrepare
確認預計出貨品項與交期
DocAuto
系統自動處理
DocComplete
交期表確認
→ 轉銷售訂單
📄 銷售訂單
流程圖 ↗
起草
業務建立訂單
DocPrepare
確認庫存與交期
業務主管審核
金額 < 門檻
CEO 審核
金額 ≥ 門檻
Email 通知
通知客戶訂單確認
DocComplete
訂單鎖定
→ 安排出貨
📦 出貨單
流程圖 ↗
起草
倉庫備料出貨
DocPrepare
核對品項與數量
DocAuto
自動扣減庫存
DocComplete
出貨完成
→ 開立發票
🧾 客戶發票
流程圖 ↗
起草
財務建立應收發票
DocPrepare
確認金額與稅率
DocAuto
產生應收帳款
DocComplete
發票確認
→ 客戶收款
💳 收款
流程圖 ↗
起草
輸入銀行入帳金額
DocPrepare
對應客戶與帳戶
DocAuto
自動沖銷應收
DocComplete
收款完成
→ 核銷配對
核銷配對
流程圖 ↗
起草
選擇發票與收款
DocPrepare
計算核銷金額
DocAuto
自動配對沖銷
DocComplete
帳款結清
🔵

採購循環

📝 採購申請
流程圖 ↗
起草
部門填寫採購需求品項與數量
DocPrepare
DocAction: PR — 確認採購規格
DocAuto
DocAction: -- — 系統判斷流程路徑
Please Approve Requisition
Sub Workflow — TotalLines > 100 需主管審核
DocComplete
DocAction: CO — 採購申請核准
Open Requisitions
Report — 輸出未結採購申請明細
通知完成
Wait/Sleep — 通知相關人員申請完成
→ 轉採購訂單
📄 採購訂單
流程圖 ↗
起草
採購人員建立訂單
DocPrepare
確認供應商與單價
採購主管審核
簽核採購條件
DocComplete
訂單確認發送供應商
→ 等待進貨
📥 進貨單
流程圖 ↗
起草
倉庫驗收入庫
DocPrepare
核對品項數量與品質
DocAuto
自動增加庫存
DocComplete
進貨完成
→ 對帳開立發票
🧾 廠商發票
流程圖 ↗
起草
財務登錄廠商發票
DocPrepare
比對進貨單與發票金額
DocAuto
產生應付帳款
DocComplete
發票確認
→ 安排付款
💸 付款
流程圖 ↗
起草
財務建立付款單
DocPrepare
確認付款帳戶與金額
財務主管核准
核准付款
DocAuto
自動沖銷應付
DocComplete
付款完成
→ 核銷配對
🟢

財務循環

📒 日記帳
流程圖 ↗
起草
輸入借貸分錄
DocPrepare
驗證借貸平衡
DocAuto
自動計算
DocComplete
分錄過帳
📚 日記帳批
流程圖 ↗
起草
建立批次分錄
DocPrepare
驗證所有分錄
DocAuto
批次計算與驗證
DocComplete
批次過帳
🏦 銀行對帳單
流程圖 ↗
起草
匯入銀行交易明細
DocPrepare
比對系統紀錄
DocAuto
自動比對已知交易
DocComplete
對帳完成
→ 未配對項目處理
🔄 銀行轉帳
流程圖 ↗
起草
設定轉帳帳戶與金額
DocPrepare
確認轉帳明細
DocAuto
產生雙邊分錄
DocComplete
轉帳完成
🩵

固定資產循環

🏷️ 資產新增
流程圖 ↗
起草
財務登錄新購資產
DocPrepare
填寫資產類別、金額與啟用日
DocAuto
自動建立資產卡
DocComplete
資產入帳
→ 資產改良 / 折舊
🔧 資產改良
流程圖 ↗
起草
填寫改良工程內容與金額
DocPrepare
DocAction: PR — 確認資本化改良內容
DocAuto
DocAction: -- — 系統自動計算
通知主管審核
Wait/Sleep — 等待主管確認
主管審核
Sub Workflow — 主管簽核
DocComplete
DocAction: CO — IsValid = Y 改良完成
完成通知
Wait/Sleep — 通知相關部門
Reject 通知
IsValid = N → 駁回通知
Reject
Wait/Sleep — 單據駁回結案
📉 資產折舊
流程圖 ↗
起草
財務建立月折舊批次
DocPrepare
確認折舊方法與期間
DocAuto
自動計算各資產折舊額
DocComplete
折舊分錄過帳
🔄 資產轉移
流程圖 ↗
起草
申請資產部門間轉移
DocPrepare
確認轉出/轉入部門與資產明細
DocAuto
DocAction = VO → 作廢分支
Receiver Notify
Email 通知接收方審核
Receiver Approved
Sub Workflow — 接收方確認
DocComplete
IsValid = Y → 轉移完成
Rejected
IsValid = N → 駁回 (DocAction: RJ)
📊 資產重估
流程圖 ↗
起草
財務建立重估作業
DocPrepare
填寫重估後公允價值
DocAuto
自動計算重估差額
DocComplete
重估入帳
🗑️ 資產報廢
流程圖 ↗
起草
申請資產報廢或出售
DocPrepare
確認殘值與處分損益
DocAuto
自動沖銷帳面價值
DocComplete
資產除帳
🩷

人資循環

🪪 忘刷卡
流程圖 ↗
起草
員工填寫忘刷卡日期與類型
DocPrepare
DocAction: PR — 確認刷卡記錄缺漏
DocAuto
Wait/Sleep — DocAction = VO → 作廢分支
類型判斷
ForgetType = G → 直接完成;其他 → 主管審核
通知主管審核
ForgetType ≠ G → Email 通知主管
主管審核
Sub Workflow — 主管確認忘刷卡事由
DocComplete
IsValid = Y → 補刷記錄核准
完成通知
Wait/Sleep — 通知員工核准結果
駁回
IsValid = N → DocAction: RJ
🗓️ 請假單
流程圖 ↗
員工申請
填寫假別與日期區間
DocPrepare
系統計算剩餘假數
直屬主管審核
確認可否請假
Email 通知
核准結果通知員工
DocComplete
假單核准生效
加班申請
流程圖 ↗
起草
員工填寫加班日期與時數
DocPrepare
單據準備 — DocAction: PR
DocAuto
Wait/Sleep — DocAction = VO → 作廢分支
WaitOneHour
Wait/Sleep — 等待一小時緩衝
HR_validovertimenote_sp
Process — 驗證加班申請合法性
EmailDirectSupervisor
IsValid = Y → Email 通知直屬主管簽核
HR_OvertimeInvalidNotice
IsValid = N → 通知申請無效
Cancel
IsCancelled = Y → Set Variable 取消
Approved
Sub Workflow — 主管審核加班申請
DocComplete
加班核准,計入薪資計算
📈 薪資調整
流程圖 ↗
HR 起草
填寫調薪員工與金額
DocPrepare
確認調薪生效日
HR主管審核
核准調薪
管理層核准
高階主管確認
DocComplete
調薪生效
💰 薪資彙總
流程圖 ↗
起草
HR 建立當月薪資批次
DocPrepare
彙整出勤、加班、調整
DocAuto
自動計算勞健保與稅
DocComplete
薪資確認
薪資條寄送
Email 通知每位員工
🟣

生產循環

🔬 PLM 需求
流程圖 ↗
研發提案
填寫新品研發需求
DocPrepare
說明規格與目標市場
RD 主管審核
評估技術可行性
DocComplete
需求確認
→ PLM 送樣
🧪 PLM 送樣
流程圖 ↗
起草
研發準備樣品
DocPrepare
填寫樣品規格與批號
QM 確認
品管驗樣通過
DocComplete
送樣完成
→ PLM 專案
🗂️ PLM 專案
流程圖 ↗
起草
規劃量產時程與資源
DocPrepare
確認 BOM 與工藝
管理層審核
核准量產計畫
DocComplete
專案啟動
→ 生產訂單
🏭 生產訂單
流程圖 ↗
起草
生管建立生產工單
Doc_Prepare
單據準備 — 確認 BOM、物料與產能
Doc_Auto
判斷生產類型 (productiontype)
通知代理人
productiontype ≠ V 時 Email 觸發
代理人簽核
Sub Workflow — 生產主管確認
組別判斷
DifferenceQty > 0 → 差異數量處理
通知組別主管
依 PartType (正型/PS/OC…) 分派通知
Doc_Complete
工單確認,正式開工
→ 生產工單執行
⚙️ 生產工單
流程圖 ↗
MRPNodeProcessBulider
Process — 初始化生產流程節點
投料
Wait/Sleep — 等待投料作業完成 → ProductionFeeded
攪拌
Wait/Sleep — 攪拌作業
Notice Sampling Role
Email (M) — 通知取樣人員
取樣
Wait/Sleep — 取樣作業
過濾
Wait/Sleep — 過濾作業
MRP_IPQC_Notice_SP
Process — 發送 IPQC 通知
QC Sample Confirm
Sub Workflow — QC 取樣確認 (依廠別分 CP/一般)
IPQC Valid
Wait/Sleep — IPQC 驗證判斷
IPQC 結果通知
IsIPQCPass=Y → 繼續 / NGSP → 重新取樣 / NGST → 重新攪拌 / N → 重工通知
Notice PP
Email (M) — 通知包裝人員準備過濾裝桶
過濾裝桶
Wait/Sleep — 過濾裝桶作業
調整單簽核
Sub Workflow — 依 PartType (正型/RGB/OC/BM/PS) 分流主管簽核
結果審核
Set Variable — IsConfirmed=Y → 完成通知 / N → Reject Notice
DocComplete
生產工單完工
→ 靜置桶槽投料
🛢️ 靜置桶槽投料
流程圖 ↗
申請新工作站代號
若無可用替用代碼,IT 申請 (EX: D1A)
Workshop 設定
Window — 設定靜置桶槽工作站
Workshop 確認
Window — 確認桶槽投料參數
注料程式重啟
重啟注料控制程式
生管投單至替代工作站
EX: D1A — 將工單指派至靜置桶槽
生產完成
靜置桶槽投料作業完成
還原作業
工作站設定還原至原始狀態
Workshop 還原
Window — 還原桶槽工作站設定
Workshop 結案
Window — 確認還原完成,作業結束
→ 洗桶工單
📋 盤點單
流程圖 ↗
起草
倉管建立盤點單
DocPrepare
DocAction: PR — 確認盤點品項與倉別
DocAuto
DocAction: -- — 系統自動處理
盤點單分支
DocSubTypeInv = PI → 進入主管簽核流程
通知主管
Email 通知主管進行盤點審核
主管簽核
Sub Workflow — 主管確認盤點結果
審核結果
Wait/Sleep — 判斷 IsValid
DocComplete
IsValid = Y → 盤點完成,調整庫存
駁回通知
IsValid = N → Email 通知重新盤點
🪣 洗桶工單
流程圖 ↗
起草
生管建立洗桶工單
DocPrepare
確認洗桶桶槽清單
UpdateWorkshopTank
Process — 更新工場桶槽狀態
通知 QC
Email 品管人員準備檢驗
Mail 生管
Email 生管知悉進度
檢驗
Sub Workflow — QC 執行洗桶檢驗
通知再洗桶
IsValid = N → 重新洗桶
UpdateWorkshopTank
Process — 更新桶槽為已洗淨
通知完成
Email 通知洗桶完成
DocComplete
洗桶工單結案
🔴

品質管理

🚨 CAR 申請
流程圖 ↗
品質問題登錄
描述不良現象與數量
DocPrepare
確認問題範圍
品管主管確認
評估嚴重性
DocComplete
開立 CAR
→ 暫時對策
🩹 暫時對策
流程圖 ↗
起草
擬定立即處置方案
DocPrepare
確認對策有效性
主管確認
批准立即實施
DocComplete
對策執行
→ 根本原因分析
🔍 根本原因
流程圖 ↗
起草
5Why / 魚骨圖分析
DocPrepare
填寫根本原因
品管審核
確認分析正確性
DocComplete
根本原因確定
→ 矯正措施跟進
✔️ 矯正跟進
流程圖 ↗
起草
制訂矯正行動計畫
DocPrepare
DocAction: PR — 確認矯正效果驗證方式
DocAuto
Wait/Sleep — 系統判斷流程路徑
NoticeEditor
Email (M) — 通知編輯人員填寫跟進內容
IsSubmit
Sub Workflow — 確認是否已提交驗證
IsValid / DocReject
IsValid=N → DocAction: RJ 退回
NoticeManager
Email (M) — 通知主管審核跟進結果
Approved
Sub Workflow — 主管確認矯正效果
DocComplete
Approved=Y → DocAction: CO — CAR 案件關閉
DocReject
Approved=N → DocAction: RJ — 退回重新矯正

完整 83 個工作流程 → iDempiere AD_Workflow 流程圖