MOSFES
กำลังเตรียมพื้นที่ให้พร้อม
PROJECT OVERVIEW
Camp management หรือ KKS Camp คือเว็บแอปพลิเคชันบริหารจัดการค่ายการศึกษาของโรงเรียนขุขันธ์ รวมขั้นตอนก่อนเริ่มค่าย ระหว่างกิจกรรม และหลังจบค่ายไว้ในระบบเดียว รองรับผู้ดูแลระบบ หัวหน้าค่าย ครู นักเรียน และผู้ปกครอง พร้อมกำหนดสิทธิ์การเข้าถึงตามบทบาท การจัดค่ายและกิจกรรม: สร้างค่าย กำหนดตารางกิจกรรม จัดฐานการเรียนรู้และภารกิจ ให้นักเรียนลงทะเบียน ส่งคำตอบหรือรูปภาพ และสแกน QR Code เพื่อยืนยันการร่วมกิจกรรม ครูติดตามความก้าวหน้าและตรวจผลงานได้จากหน้าจัดการค่าย การเช็กชื่อและการเดินทาง: เช็กชื่อผ่าน QR Code, PIN, บัตร NFC บนอุปกรณ์ที่รองรับ หรือบันทึกโดยครู พร้อมจัดรถและผังที่นั่ง บันทึกการขึ้น–ลงรถ ดูสถานะผู้โดยสารและประวัติการเดินทาง รวมถึงส่งการแจ้งเตือนให้นักเรียนขึ้นหรือลงรถ การติดตามและการสื่อสาร: แสดงตำแหน่งล่าสุดของนักเรียนที่แชร์จากหน้าค่ายบน Google Maps พร้อมเส้นทางและระยะทางไปยังจุดหมาย ครูดูข้อมูลผู้เข้าค่ายได้ตามสิทธิ์ ส่วนผู้ปกครองดูเฉพาะนักเรียนที่เชื่อมโยงกับบัญชี รองรับการติดตั้งเป็น PWA, Web Push และอีเมลแจ้งเตือนก่อนเริ่มค่าย โดยผู้ดูแลปรับเวลา กลุ่มผู้รับ และแม่แบบข้อความได้ การประเมินและเอกสาร: สร้างแบบประเมิน สรุปผลและความคิดเห็นด้วย Gemini AI กำหนดเงื่อนไขการรับเกียรติบัตรจากภารกิจและแบบประเมิน ออกเกียรติบัตร PDF พร้อม QR Code สำหรับตรวจสอบ และจัดทำเอกสารโครงการกับรายงานสรุปเป็น PDF/DOCX รวมถึงส่งออกข้อมูลเป็น Excel พัฒนาด้วย Next.js 15, React และ TypeScript ใช้ HeroUI กับ Tailwind CSS สำหรับส่วนติดต่อผู้ใช้ เชื่อมฐานข้อมูล MySQL ผ่าน Prisma และผสานบริการ Google Maps, Cloudinary, Resend และ Gemini API
TOOLS & TECHNOLOGIES
PROJECT PROCESS
THE CHALLENGE
การจัดค่ายมีข้อมูลหลายส่วนที่ต้องเชื่อมกัน ตั้งแต่รายชื่อผู้เข้าร่วม ตารางกิจกรรม ผลงาน การเช็กชื่อ การเดินทาง ไปจนถึงแบบประเมินและเกียรติบัตร ความท้าทายคือการทำให้ครูติดตามข้อมูลได้สะดวก นักเรียนใช้งานผ่านมือถือได้ และผู้ปกครองเข้าถึงข้อมูลเฉพาะบุตรหลาน พร้อมรองรับการเช็กชื่อพร้อมกัน การอัปโหลดรูปภาพ และการส่งแจ้งเตือนโดยไม่เกิดรายการซ้ำ
THE APPROACH
รวมข้อมูลค่ายและผู้เข้าร่วมไว้ในระบบเดียว ออกแบบหน้าจอและ API ตามบทบาทผู้ใช้ พร้อมตรวจสิทธิ์ในระดับค่ายและความสัมพันธ์ผู้ปกครอง–นักเรียน เชื่อมผลภารกิจและแบบประเมินกับเงื่อนไขการรับเกียรติบัตร รองรับ QR/PIN/NFC และการเช็กชื่อโดยครู ใช้ข้อกำหนดข้อมูลไม่ซ้ำในฐานข้อมูลป้องกันการบันทึกซ้ำ จัดการรถ ผังที่นั่ง และสถานะขึ้น–ลงรถ พร้อม PWA และ Web Push เพื่อสื่อสารกับนักเรียน เชื่อม Google Maps พร้อมโหลดแผนที่เมื่อผู้ใช้ต้องการและแคชเส้นทางเพื่อลดคำขอ API อัปโหลดภาพตรงไปยัง Cloudinary และใช้คิวอีเมลที่กำหนดโควตารายวัน ป้องกันการส่งซ้ำ และรองรับการลองส่งใหม่ เพิ่ม Gemini AI ช่วยสรุปความคิดเห็นจากแบบประเมิน และสร้างเอกสาร PDF/DOCX กับไฟล์ Excel จากข้อมูลค่าย เพื่อลดการกรอกข้อมูลและจัดทำรายงานซ้ำ
