กลับสู่หน้าหลัก

ระบบจองตั๋ว Thaitan

ภาพรวม

แพลตฟอร์มจองตั๋วคอนเสิร์ตยุคใหม่ที่มีฟีเจอร์ตัวแก้ไข E-Ticket แบบลากวาง (Drag-and-drop), ระบบการจองและล็อคที่นั่งชั่วคราว (Soft Hold), และการสร้างคิวอาร์โค้ดแบบเรียลไทม์สำหรับการสแกนของพนักงาน

ความท้าทาย

  • การป้องกันการจองซ้ำซ้อนในช่วงที่มีผู้ใช้งานจำนวนมากตอนเปิดขายบัตร
  • การสร้างอินเทอร์เฟซ Drag-and-drop ที่ตอบสนองรวดเร็วสำหรับผู้จัดงานเพื่อออกแบบ E-Ticket ด้วยตนเอง
  • การทำให้การสแกนคิวอาร์โค้ดของพนักงานหน้างานเป็นไปอย่างรวดเร็วและเชื่อถือได้ แม้การเชื่อมต่ออินเทอร์เน็ตจะไม่เสถียร

การดำเนินการ

  • สร้างระบบ Soft Hold ด้วย Redis (หรือ Transaction) เพื่อจองและล็อคที่นั่งไว้ 15 นาทีระหว่างขั้นตอนการชำระเงิน
  • สร้าง Dynamic Ticket Editor โดยใช้การจัดการ State ของ React ขั้นสูงและ HTML Canvas ในส่วนการออกแบบ
  • ปรับปรุงระบบสแกนและคำสั่งฐานข้อมูลด้วย Prisma ทำให้สามารถตรวจสอบและยืนยันตั๋วได้ในเวลาต่ำกว่า 1 วินาที

ผลลัพธ์

  • ได้ระบบที่มีความสามารถในการขยายตัวสูง (Scalable) รองรับการจองบัตรพร้อมกันจำนวนมาก
  • มอบประสบการณ์ผู้ใช้ (UI/UX) ที่ลื่นไหลทั้งฝั่งผู้จัดงานและผู้ซื้อบัตร
  • รองรับหลายภาษาแบบเต็มรูปแบบ (i18n) สำหรับผู้ใช้งานต่างชาติ

เทคโนโลยีที่ใช้

Next.js 16HeroUI v3PrismaSupabase