รายละเอียดระบบ

ระบบจัดคิวอัตโนมัติ (Queue Management System)
❌ ไม่อนุญาตให้นำไปทำขายหรือดัดแปลงเพื่อจำหน่ายทุกกรณี
⸻
🎯 ระบบนี้คืออะไร?
เป็น Web Application แบบหน้าเดียว (Single Page Application)
พัฒนาโดยใช้ HTML + Tailwind CSS + JavaScript
ทำงานร่วมกับ Google Apps Script + Google Sheets เป็นฐานข้อมูลหลังบ้าน
ไม่ต้องเช่าโฮสติ้ง ❗
ไม่ต้องติดตั้งโปรแกรม ❗
เปิดผ่านเบราว์เซอร์ได้ทันที ❗
⸻
🔹 โครงสร้างระบบ แบ่งเป็น 3 หน้าจอหลัก
1️⃣ จุดรับคิว (Kiosk – สำหรับลูกค้า)
📍 ใช้ตั้งไว้หน้าจุดบริการ
วิธีใช้งาน:
• ลูกค้ากดปุ่ม “รับคิว” สีเขียว
• ระบบสร้างคิวใหม่ (เช่น A001)
• แสดงหมายเลขคิว 5 วินาที
• บันทึกลงฐานข้อมูลอัตโนมัติ
⸻
2️⃣ จุดเรียกคิว (Staff – สำหรับพนักงาน)
📍 ใช้ที่เคาน์เตอร์บริการ
วิธีใช้งาน:
• หน้าจอแสดง “คิวที่เรียกล่าสุด”
• กดปุ่ม “เรียกคิวถัดไป”
• ระบบเรียกตามลำดับ FIFO (มาก่อนได้ก่อน)
• หากไม่มีคิวรอ ระบบแจ้งเตือนทันที
⸻
3️⃣ จอแสดงผลคิว (Display – สำหรับจอทีวีส่วนกลาง)
📍 ใช้แสดงผลให้ลูกค้านั่งรอดู
⚠️ สำคัญมาก:
เมื่อเปิดครั้งแรก ต้องกดปุ่ม
“เริ่มจอแสดงผล (เปิดระบบเสียง)”
เพื่ออนุญาตให้เบราว์เซอร์เล่นเสียงได้
การทำงาน:
• รีเฟรชข้อมูลทุก 3 วินาทีอัตโนมัติ
• คิวปัจจุบันแสดงตัวใหญ่ กระพริบสีเหลือง
• มีเสียงประกาศภาษาไทย เช่น
“ขอเชิญหมายเลขคิว เอ ศูนย์ ศูนย์ หนึ่ง ที่ช่องบริการค่ะ”
• แสดงจำนวนคิวที่รอทั้งหมดแบบเรียลไทม์
⸻
🏢 เหมาะกับหน่วยงานไหนบ้าง?
✔ โรงพยาบาล / คลินิก
✔ โรงเรียน / งานทะเบียน / ห้องวิชาการ
✔ อบต. / เทศบาล / หน่วยงานราชการ
✔ ธนาคาร / สหกรณ์
✔ ศูนย์บริการลูกค้า
✔ จุดรับบัตรคิวงานกิจกรรม
✔ งาน Open House / รับสมัครนักเรียน
✔ หน่วยงานสาธารณสุข
⸻
🔧 วิธีติดตั้งใช้งานจริง
ใช้เพียง URL เดียว เปิดพร้อมกัน 3 อุปกรณ์:
📱 แท็บเล็ต → เปิดหน้า “จุดรับคิว”
💻 คอมพนักงาน → เปิดหน้า “จุดเรียกคิว”
📺 ทีวีต่อเน็ต → เปิดหน้า “จอแสดงผลคิว”
จบครบในลิงก์เดียว ✨
⸻
💡 จุดเด่น
• ฟรี 100%
• ใช้ Google Account ก็พอ
• ทำงานแบบ Real-Time
• ไม่ต้องมีเซิร์ฟเวอร์ส่วนตัว
• แก้ไข/ปรับแต่งเองได้
• นำไปพัฒนาต่อยอด
⸻