MOSFES
กำลังเตรียมพื้นที่ให้พร้อม
PROJECT OVERVIEW
Library คือเว็บแอปพลิเคชันสำหรับห้องสมุด ม.กระจาย โรงเรียนขุขันธ์ แบ่งการใช้งานเป็นหน้าค้นหาหนังสือสำหรับนักเรียนและระบบหลังบ้านสำหรับผู้ดูแล โดยใช้ฐานข้อมูล Cloud Firestore เพื่ออัปเดตข้อมูลระหว่างหน้าต่าง ๆ แบบเรียลไทม์ นักเรียนสามารถค้นหาหนังสือจากชื่อ กรองตามสถานะว่างหรือถูกยืม เรียงลำดับรายการ และดูหนังสือยอดนิยมได้ ส่วนผู้ดูแลสามารถเพิ่ม แก้ไข และลบหนังสือ พร้อมรูปปก ผู้แต่ง คำอธิบาย และบาร์โค้ด รวมถึงจัดการรายชื่อนักเรียนและนำเข้าข้อมูลจากไฟล์ Excel ระบบยืม–คืนรองรับการเลือกผู้ยืม กำหนดวันคืน ตรวจสอบรายการเกินกำหนด และสแกนบาร์โค้ดผ่านกล้องเพื่อค้นหาหนังสือและดำเนินรายการ พร้อมแสดงสถิติจำนวนหนังสือ นักเรียน สัดส่วนหนังสือว่างและถูกยืม หนังสือยอดนิยม และนักเรียนที่ยืมมากที่สุด พัฒนาด้วย React และ Vite ออกแบบหน้าจอให้รองรับมือถือ เชื่อมต่อ Firebase Authentication สำหรับเข้าสู่ระบบผู้ดูแลด้วยอีเมลหรือ Google และใช้ Cloudinary สำหรับจัดเก็บรูปปกหนังสือ
TOOLS & TECHNOLOGIES
PROJECT PROCESS
THE CHALLENGE
ออกแบบระบบที่เชื่อมข้อมูลหนังสือ นักเรียน และสถานะการยืม–คืนไว้ในที่เดียว เพื่อให้ผู้ดูแลค้นหารายการและบันทึกการทำงานได้สะดวก ขณะที่นักเรียนตรวจสอบหนังสือที่พร้อมยืมได้ด้วยตนเอง ความท้าทายคือการอัปเดตสถานะให้ตรงกัน การตรวจสอบวันกำหนดคืน การนำเข้าข้อมูลจำนวนมาก และการสแกนบาร์โค้ดผ่านกล้องบนอุปกรณ์ที่แตกต่างกัน
THE APPROACH
พัฒนาหน้าค้นหาหนังสือและระบบหลังบ้านด้วย React พร้อมการค้นหา กรอง เรียงลำดับ และแบ่งหน้า เชื่อมข้อมูลผ่าน Firestore แบบเรียลไทม์ และสร้างขั้นตอนยืม–คืนที่เชื่อมหนังสือกับผู้ยืมและวันกำหนดคืน เพิ่มการสแกนบาร์โค้ดด้วย html5-qrcode พร้อมสลับกล้อง ตรวจจับค่าซ้ำเพื่อลดการอ่านผิด และให้เลือกเล่มเมื่อพบหลายรายการ รองรับการนำเข้ารายชื่อนักเรียนจาก Excel พร้อมตรวจรหัสที่มีอยู่ในระบบ และย่อรูปปกก่อนอัปโหลดไปยัง Cloudinary สร้างแดชบอร์ดด้วย Recharts เพื่อสรุปสถานะหนังสือและอันดับการยืม พร้อมระบบเข้าสู่ระบบและตรวจสอบรายชื่อผู้ดูแลผ่าน Firebase Authentication
