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

ระบบรายงานการเรียนต่อ นักเรียนชั้น ม.6 🎓
ทำสำเนาใต้คอมเมนต์ (ไม่อนุญาตให้นำไปจำหน่าย)
ใครกำลังมองหาระบบสรุปข้อมูลการเรียนต่อของนักเรียนแบบมืออาชีพ ใช้งานง่าย และดูสถิติได้ทันที บอกเลยว่าตัวนี้ตอบโจทย์มากค่ะ ✅
ระบบนี้ถูกออกแบบเป็น Single Page Application (SPA)
ทำงานจบในหน้าเดียว ไม่ต้องรีเฟรชหน้าจอ
พัฒนาด้วย Google Apps Script (GAS) + Google Sheets เป็นฐานข้อมูลหลังบ้าน
⸻
🔹 1. ส่วนฟอร์มสำหรับนักเรียน (form-view)
📝 กรอกข้อมูลสำคัญ เช่น
• รหัสนักเรียน
• ชื่อ-สกุล
• ห้อง
• แผนการเรียน
⚙️ ฟิลด์แบบไดนามิก (Dynamic Fields)
ถ้าเลือก “ศึกษาต่อมหาวิทยาลัย” หรือ “วิทยาลัย/อาชีวศึกษา”
ระบบจะแสดงช่องกรอก ชื่อสถาบัน / คณะ / จังหวัด อัตโนมัติ
แต่ถ้าเลือก “ทำงาน” หรือ “อื่นๆ” ช่องเหล่านี้จะซ่อนทันที
🚀 บันทึกข้อมูลแบบไม่ต้องรีโหลดหน้า
ใช้ google.script.run เชื่อมต่อหลังบ้านโดยตรง
บันทึกเสร็จมีหน้าต่างขอบคุณ พร้อมป้องกันการกดซ้ำด้วย Loading Spinner
⸻
🔹 2. Dashboard สำหรับแอดมิน (admin-view)
👨‍💼 กดสลับโหมดเพื่อเข้าสู่หน้าแอดมิน
ระบบจะดึงข้อมูลล่าสุดจาก Google Sheets อัตโนมัติ
📊 สรุปสถิติแบบเรียลไทม์
• จำนวนผู้กรอกข้อมูลทั้งหมด
• สัดส่วนเรียนต่อ vs ทำงาน
• 5 อันดับมหาวิทยาลัยยอดนิยม
📈 แสดงกราฟด้วย Chart.js
• กราฟโดนัท แสดงสถานะการเรียนต่อ
• กราฟแท่ง แสดงจำนวนนักเรียนแยกตามห้อง
🔍 ตารางข้อมูล + ค้นหาแบบ Real-time
พิมพ์ปุ๊บ กรองข้อมูลทันที (รหัส / ชื่อ / มหาวิทยาลัย)
⸻
🔹 3. เทคโนโลยีที่ใช้ (UI & UX)
🎨 ออกแบบ Responsive 100% ด้วย Tailwind CSS
ใช้งานได้ทั้งมือถือและคอมพิวเตอร์
✨ ไอคอนสวย ๆ จาก Lucide
📊 กราฟสถิติสวยงาม เข้าใจง่าย
🔄 Loading State ป้องกันการส่งข้อมูลซ้ำ
⸻
💡 สรุปจุดเด่นของระบบนี้
✅ ฟรี ใช้ Google Account ก็ทำได้
✅ ไม่ต้องมีเซิร์ฟเวอร์
✅ จัดการข้อมูลผ่าน Google Sheets
✅ ดูสถิติภาพรวมได้ทันที
✅ ปรับแต่งต่อยอดได้เอง
เหมาะสำหรับ
🏫 โรงเรียนมัธยมศึกษา
👩‍🏫 งานวิชาการ / งานแนะแนว
📊 ผู้บริหารที่ต้องการข้อมูลภาพรวมทันที