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

📍 แจกฟรี Template App Script
“ระบบกรอกพิกัดการเยี่ยมบ้านนักเรียน”
พร้อมระบบแผนที่ + Dashboard + เชื่อม Google Sheets
❌ ไม่อนุญาตให้นำไปจำหน่ายต่อ

เปิดเทอมนี้…โรงเรียนมี “ระบบเก็บพิกัดบ้านนักเรียน” กันหรือยัง? 🏡✨
Template นี้ออกแบบมาเพื่อช่วยให้ครูสามารถบันทึกข้อมูลการเยี่ยมบ้านนักเรียนได้สะดวก รวดเร็ว และดูข้อมูลได้แบบเรียลไทม์ ผ่าน Web Application ใช้งานได้ทั้งมือถือและคอมพิวเตอร์

🔹 ฟีเจอร์เด่นภายในระบบ

✅ ฟอร์มบันทึกข้อมูลนักเรียนครบถ้วน
- รหัสนักเรียน
- ชื่อ-สกุล
- ระดับชั้น / ห้องเรียน
- เบอร์โทร (ตรวจสอบเลข 10 หลักอัตโนมัติ)
- ข้อมูลที่อยู่พื้นฐาน

🗺️ ระบบแผนที่ปักหมุดบ้านนักเรียน (Leaflet Map)
- ดึง GPS ตำแหน่งปัจจุบันอัตโนมัติ
- ลากหมุดปักตำแหน่งบ้านได้เอง (Drag & Drop)

💾 บันทึกข้อมูลลง Google Sheets ผ่าน Google Apps Script
ทำงานแบบ Background ไม่ต้องรีเฟรชหน้าเว็บ

📊 ระบบแสดงผลข้อมูลและแผนที่รวม
- Filter ตามระดับชั้น / ห้องเรียน
- แสดงหมุดนักเรียนบนแผนที่แบบ Real-time
- Auto Zoom ครอบคลุมทุกพิกัดในห้องเรียน

📋 ตารางข้อมูลแบบมืออาชีพด้วย DataTables
- ค้นหาได้
- เรียงข้อมูลได้
- แบ่งหน้าอัตโนมัติ

🔍 ระบบดูรายละเอียดนักเรียน
พร้อมปุ่ม “นำทางด้วย Google Maps” ไปยังบ้านนักเรียนทันที 🚗

📈 Dashboard สรุปข้อมูลอัตโนมัติด้วย Chart.js
- กราฟจำนวนนักเรียนแต่ละระดับชั้น
- กราฟสัดส่วนนักเรียนตามตำบล

⚙️ รองรับการทำงานทั้งแบบเชื่อมฐานข้อมูลจริง และ Mock Data
แม้ยังไม่ได้เชื่อม Google Apps Script ก็สามารถทดลองใช้งาน UI ได้ทันที

💡 เหมาะสำหรับ
- ระบบเยี่ยมบ้านนักเรียน
- งานดูแลช่วยเหลือนักเรียน
- งานฝ่ายปกครอง
- งานแนะแนวและติดตามนักเรียน

การนำไปใช้งาน
* เมื่อ Deploy เรียบร้อยแล้วให้นำลิงค์เว็บแอป มาใส่ในไฟล์ index.html
บรรทัดที่ 392 const SCRIPT_URL ='xxx'