MOSFES
กำลังเตรียมพื้นที่ให้พร้อม
PROJECT OVERVIEW
Mosapp Gallery เป็นแพลตฟอร์มจัดการและส่งมอบภาพถ่ายสำหรับช่างภาพงานอีเวนต์และงานแต่งงาน ครอบคลุมตั้งแต่การสร้างอีเวนต์ จัดการอัลบั้ม มอบหมายช่างภาพหลายคน ไปจนถึงการแชร์ลิงก์หรือ QR Code ให้ลูกค้าและแขกเข้าดูและดาวน์โหลดภาพ พร้อมปรับธีมและรูปแบบแกลเลอรีให้เหมาะกับแต่ละงาน ฟีเจอร์หลักคือการค้นหาภาพด้วยใบหน้า ผู้ใช้ส่งภาพเซลฟี่เพื่อค้นหาภาพของตนภายในอัลบั้ม โดยใช้ Human ตรวจจับใบหน้าและ ArcFace บน ONNX Runtime Web สร้างเวกเตอร์ 512 มิติ ก่อนค้นหาความคล้ายด้วย TiDB Vector Search รองรับการอัปโหลดหลายภาพ การสร้างภาพย่อ การเฝ้าดูโฟลเดอร์เพื่ออัปโหลดอัตโนมัติ และการเชื่อมต่อ PhotoSync ผ่าน API จัดเก็บภาพบน Cloudflare R2 พร้อมแดชบอร์ดสำหรับช่างภาพและผู้ดูแล ระบบแพ็กเกจสมาชิก โควตาพื้นที่จัดเก็บและจำนวนภาพ รวมถึงการชำระเงินผ่าน Omise PromptPay และอัปเดตสถานะผ่าน Webhook
TOOLS & TECHNOLOGIES
PROJECT PROCESS
THE CHALLENGE
ช่างภาพงานอีเวนต์ต้องจัดการภาพจำนวนมากและส่งมอบให้ผู้เข้าร่วมหลายคน ขณะที่แขกต้องไล่ค้นหาภาพของตนเองจากทั้งอัลบั้ม จึงต้องออกแบบระบบที่ช่วยค้นหาภาพได้สะดวก รองรับการอัปโหลดและจัดเก็บภาพจำนวนมาก แยกสิทธิ์ของผู้ดูแลกับช่างภาพ และควบคุมโควตาการใช้งานตามแพ็กเกจสมาชิก
THE APPROACH
พัฒนาเว็บแอปด้วย Next.js และ TypeScript แยกหน้าสำหรับผู้ดูแล ช่างภาพ และผู้เข้าชมอัลบั้ม ใช้ Auth.js จัดการการเข้าสู่ระบบ และ Prisma เชื่อมต่อฐานข้อมูล TiDB สร้างกระบวนการค้นหาภาพด้วยใบหน้าจากเซลฟี่ โดยตรวจจับใบหน้าและสร้างเวกเตอร์บนเบราว์เซอร์ แล้วเทียบความคล้ายในฐานข้อมูลเฉพาะอีเวนต์ พร้อมสร้างแกลเลอรีที่เลือกธีมได้และแชร์ผ่านลิงก์หรือ QR Code เชื่อม Cloudflare R2 สำหรับจัดเก็บภาพ ใช้ Presigned URL ในกระบวนการอัปโหลดและดาวน์โหลด เพิ่มระบบอัปโหลดอัตโนมัติจากโฟลเดอร์และ PhotoSync พร้อมพัฒนาการตรวจสอบโควตา แพ็กเกจสมาชิก และการชำระเงิน Omise PromptPay ที่รับผลผ่าน Webhook
