ภาพรวม
แพลตฟอร์มจองตั๋วคอนเสิร์ตยุคใหม่ที่มีฟีเจอร์ตัวแก้ไข 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