ระบบบันทึกการสอนเสริม (Supplementary teaching recording system)

ขอบข่ายของ "ระบบบันทึกการสอนเสริม"

1. การทำงานหลัก (Core Function)
ระบบนี้เป็นเว็บแอปพลิเคชัน (Web App) ที่สร้างด้วย Google Apps Script โดยมีจุดประสงค์เพื่อ บันทึกและสรุปผลข้อมูลการสอนเสริม (เช่น การสอนพิเศษ, การสอนซ่อมนอกเวลา) โดยใช้ Google Sheets เป็นฐานข้อมูลหลักในการจัดเก็บข้อมูลทั้งหมด

2. ระบบผู้ใช้งาน (Authentication)
การเข้าสู่ระบบ: ผู้ใช้ต้องป้อน Username และ Password (ซึ่งถูกเก็บไว้ในชีต Users) เพื่อเข้าสู่แดชบอร์ด

การจัดการ Session: เมื่อล็อกอินสำเร็จ ระบบจะจดจำการล็อกอินไว้ (ผ่าน sessionStorage) ทำให้ผู้ใช้ ไม่หลุดออกจากระบบ แม้จะกดรีเฟรชหน้าเว็บ

การออกจากระบบ: มีปุ่ม Logout ที่ชัดเจน เมื่อกดแล้วจะล้าง Session และกลับไปหน้าล็อกอิน

3. แดชบอร์ดและสรุปผล (Dashboard & Visualization)
หน้าแดชบอร์ด ถูกออกแบบมาเพื่อสรุปข้อมูลสำคัญในรูปแบบที่เข้าใจง่าย (Data Visualization) ประกอบด้วย:

Box-Info (กล่องสรุปข้อมูล): แสดงผลสรุป 4 ส่วนหลัก (เช่น จำนวนครั้งที่สอน, ชั่วโมงรวม, จำนวนวิชา)

กราฟแท่ง: สรุปจำนวน "ชั่วโมงสอน" โดยจำแนก "ตามรายวิชา"

กราฟวงกลม: แสดง "สัดส่วนการสอน" โดยจำแนก "ตามครูผู้สอน"

กราฟเส้น: แสดง "แนวโน้ม" การสอน (เช่น 5-10 รายการล่าสุด)

4. การจัดการข้อมูล (Data Management - CRUD)
ระบบรองรับการจัดการข้อมูล (CRUD) ทั้งหมดภายในหน้าเดียว:

Create (เพิ่ม): ผู้ใช้สามารถกดปุ่ม "เพิ่มข้อมูล" เพื่อเปิดหน้าต่าง Modal ขึ้นมาบันทึกรายการสอนเสริมใหม่

Read (อ่าน): ข้อมูลทั้งหมดจะแสดงใน "ตารางข้อมูล" ที่รองรับการแสดงผลบนมือถือ (Responsive)

Update (แก้ไข): สามารถกดปุ่ม "แก้ไข" ที่ท้ายแถวของแต่ละรายการ เพื่อเรียกข้อมูลเดิมขึ้นมาใน Modal และบันทึกทับ

Delete (ลบ): สามารถกดปุ่ม "ลบ" พร้อม หน้าต่างยืนยัน (SweetAlert) ก่อนทำการลบจริง

5. การค้นหาและกรองข้อมูล (Filtering)
ผู้ใช้สามารถกรองข้อมูลที่จะนำมาแสดงผลบนแดชบอร์ด (ทั้ง Box-Info, กราฟ และตาราง) ได้ โดยมีตัวกรอง 3 ส่วน:

วันที่เริ่มต้น

วันที่สิ้นสุด

รายวิชา (ดึงตัวเลือกมาจากข้อมูลที่มีอยู่จริง)