มหาวิทยาลัย · งานกลุ่ม · 2026

ระบบจัดการเคสกู้ภัย (ป่อเต็กตึ๊ง)

เว็บรับแจ้งและติดตามเคสกู้ภัย ตั้งแต่รับเคส มอบหมายรถ ออกเดินทาง ถึงที่เกิดเหตุ ส่งต่อโรงพยาบาล จนปิดเคส พร้อมแผนที่และบันทึกเหตุการณ์ ผมรับบทบาท Scrum Master ดูแลกระบวนการ Scrum ของทีม ลองกดใช้ได้จริงในกรอบด้านล่าง จะสลับดูแบบหน้าต่างหรือมือถือก็ได้

HTML/CSS/JSNode.jsExpressOpenStreetMapScrum Masterงานกลุ่ม
เปิดเต็มจอ
thanason.online/projects/poh-teck-tung/
โหมดเดโม · ข้อมูลจำลอง

ลองใช้ระบบรับเคส

ระบบตัวจริงต่อกับ backend Node.js และ WebSocket เวอร์ชันนี้ใช้ข้อมูลจำลองในเบราว์เซอร์ เปิดดูขั้นตอนการทำงานของเจ้าหน้าที่ได้ทันทีโดยไม่ต้องมีเซิร์ฟเวอร์

จอมือถือแคบเกินกว่าจะแสดงกรอบ เปิดเดโมเต็มจอแทนได้เลย

เปิดเดโมเต็มจอ
  1. เลือกเคสที่กำลังปฏิบัติ เลือกเคสจากรายการ แล้วดูข้อมูลและรูปจุดเกิดเหตุบนแผนที่
  2. กดตามลำดับเหตุการณ์ กำลังไป, ถึงที่เกิดเหตุ ระบบบันทึกเวลาและตำแหน่ง GPS ตอนกดปุ่ม
  3. ส่งโรงพยาบาลและจบเคส เลือกโรงพยาบาลปลายทางที่อยู่ในรัศมี 10 กม. เรียงตามระยะทาง แล้วกดจบเคสพร้อมหมายเหตุ

โหมดเดโม · ข้อมูลจำลอง: เคส เจ้าหน้าที่ และตำแหน่งในเดโมเป็นข้อมูลตัวอย่าง ไม่ใช่ข้อมูลจริงของมูลนิธิ และไม่มีการส่งข้อมูลออกไปที่ใด

ฟีเจอร์ในระบบ

สถานะเจ้าหน้าที่

สลับสถานะพร้อมปฏิบัติงานหรือไม่ว่าง และอัปเดตไปศูนย์วิทยุทันที

กำลังไป และถึงที่เกิดเหตุ

บันทึกเวลาและตำแหน่ง GPS ตอนกดปุ่ม พร้อมเปลี่ยนสถานะเคสให้อัตโนมัติ

ส่งต่อโรงพยาบาล

เลือกโรงพยาบาลปลายทางตามระยะทางและดูเส้นทางบนแผนที่

จบเคส

สรุปเวลาและบันทึกหมายเหตุก่อนปิดเคส

แผนที่เคส

ดูจุดเกิดเหตุและรถที่ได้รับมอบหมายบนแผนที่ OpenStreetMap

ติดตามรถแบบเรียลไทม์

ส่งตำแหน่ง GPS ต่อเนื่องระหว่างนำส่งโรงพยาบาล

กลับไปหน้าผลงานทั้งหมด