แดชบอร์ดการผลิต แบบเรียลไทม์

ปัญหาเดิม

ข้อมูลกระจายอยู่ใน ERP ระบบสแกน IoT และ Excel รายงานช้าไปหนึ่งวัน หลายฝ่ายทำรายงาน Excel แบบเดียวกันซ้ำ และไม่มีใครเห็นไลน์ผลิตเทียบแผน พลังงาน หรือพื้นที่คลังแบบทันที

สิ่งที่สร้าง

แดชบอร์ด Next.js ที่รับยอดผลิตสดผ่าน MQTT ตรงเข้าเบราว์เซอร์ และดึงแผนกับข้อมูลหลักจาก ASP.NET Core API ที่ต่อฐานข้อมูล ERP, HR, WMS และระบบรายงาน เจาะจากบริษัทลงถึงโรงงาน ไลน์ และสินค้า

ฟีเจอร์หลัก

• ยอดผลิตจริงเทียบแผนแบบสด เจาะลงถึงไลน์และสินค้า
• กำลังคนตามแผนก: มาทำงาน อยู่ในกะ นอกกะ และโอที
• สถานะเครื่องจักร: เดินเครื่องหรือซ่อมบำรุง
• โหลดไฟฟ้า สัดส่วนโซลาร์ และ CO₂ ที่ลดได้สำหรับ ESG
• พื้นที่คลังและ ASRS และยอดขายเทียบเป้ารายเดือน
• การแจ้งเตือน ไทย/อังกฤษ โหมดมืด และเลย์เอาต์สำหรับจอทีวีในโรงงาน

เบื้องหลังทางเทคนิค

• กฎวันทำงานตัดรอบ 08:00 ทั้งใน API และ header ก่อน 08:00 นับเป็นวันทำงานก่อนหน้า พร้อมป้าย “ยอดผลิตเมื่อวาน”
• ข้อมูลสองความเร็ว: ยอดผลิตสดผ่าน MQTT over WebSocket เข้า Zustand store ส่วนแผนและข้อมูลหลักดึงจาก API ทุก 30 วินาที
• คำนวณกำลังผลิตต่อชั่วโมงโดยตัดช่วงว่างที่ยอดเป็นศูนย์ติดกัน 3 ช่วง 10 นาทีขึ้นไปออกก่อนหาค่าเฉลี่ย