ระบบครุภัณฑ์พร้อม QR Code

รายละเอียดระบบ

ระบบบริหารจัดการครุภัณฑ์ ด้วย Google Apps Script
สำเนาใต้คอมเมนต์ 👇 (ไม่อนุญาตให้นำไปจำหน่าย)
ใครกำลังมองหาระบบจัดการครุภัณฑ์แบบออนไลน์ ใช้งานง่าย ไม่ต้องเช่า Server ไม่ต้องซื้อโปรแกรมแพงๆ โพสต์นี้ห้ามพลาดค่ะ!
ครูนุ่มขอแจกฟรี “ระบบบริหารจัดการครุภัณฑ์” เล็กๆ
พัฒนาด้วย HTML + CSS (Bootstrap 5) + JavaScript
เชื่อมต่อฐานข้อมูลกับ Google Sheets ผ่าน Google Apps Script
💻 รูปแบบระบบเป็น Web Application แบบหน้าเดียว (Single Page Application – SPA)
ใช้งานลื่น ไม่ต้องรีเฟรชหน้า รองรับทั้งคอมพิวเตอร์และมือถือ
⸻
🔹 โครงสร้างการทำงานของระบบ
1️⃣ หน้าเพิ่มครุภัณฑ์ (ลงทะเบียนอุปกรณ์)
• กรอกข้อมูลสำคัญ เช่น
▪ รหัสครุภัณฑ์
▪ ชื่อรายการ
▪ หมวดหมู่
▪ วันที่
▪ สถานที่
▪ ผู้รับผิดชอบ
▪ สถานะ
• เมื่อกด “บันทึก”
ระบบจะส่งข้อมูลไปยัง Google Apps Script
แล้วเขียนลง Google Sheets อัตโนมัติ
• ✅ สร้าง QR Code ให้อัตโนมัติทันทีหลังบันทึกสำเร็จ
QR จะเก็บ URL พร้อมพารามิเตอร์ เช่น
?view=COM-001
สามารถกด “พิมพ์ QR Code” เพื่อนำไปติดที่อุปกรณ์ได้เลย
⸻
2️⃣ หน้ารายการครุภัณฑ์
• แสดงข้อมูลทั้งหมดจาก Google Sheets ในรูปแบบตารางอ่านง่าย
• มี Badge สีบอกสถานะชัดเจน
🟢 ใช้งานปกติ
🟡 ส่งซ่อม
🔴 ชำรุด
• มีปุ่ม “ดู QR Code ย้อนหลัง” ในแต่ละรายการ
• มีปุ่มรีเฟรช โหลดข้อมูลล่าสุดได้ทันที
⸻
3️⃣ หน้าสแกน QR (จำลองการสแกน)
• เตรียมไว้สำหรับพัฒนาต่อยอดเปิดกล้องมือถือสแกนจริง
• ปัจจุบันเป็นโหมด Simulate Scan
สามารถกรอกรหัสเพื่อจำลองการสแกนได้
• รองรับการนำไปเชื่อมต่อกับไลบรารี เช่น html5-qrcode ในอนาคต
⸻
🌟 จุดเด่นของระบบ
✔ รองรับมือถือ 100% ด้วย Bootstrap 5
✔ ใช้ Google Sheets เป็นฐานข้อมูล (จัดการง่ายเหมือน Excel)
✔ ไม่ต้องมี Server
✔ ไม่เสียค่าโฮสติ้ง
✔ เหมาะกับโรงเรียน หน่วยงานราชการ อบต. เทศบาล และองค์กรขนาดเล็ก
⸻