ระบบบันทึกการสอนเสริม (Supplementary teaching recording system)
ฟรี
Google AppScript (GAS)
ระบบบันทึกการสอนเสริม (Supplementary teaching recording system)
23
ดาวน์โหลด
390
เข้าชม
1.0.0
เวอร์ชัน
รายละเอียด
ขอบข่ายของ "ระบบบันทึกการสอนเสริม"
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 ส่วน:
วันที่เริ่มต้น
วันที่สิ้นสุด
รายวิชา (ดึงตัวเลือกมาจากข้อมูลที่มีอยู่จริง)
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 ส่วน:
วันที่เริ่มต้น
วันที่สิ้นสุด
รายวิชา (ดึงตัวเลือกมาจากข้อมูลที่มีอยู่จริง)
คู่มือการใช้งาน
ขอบข่ายของ "ระบบบันทึกการสอนเสริม"
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 ส่วน:
วันที่เริ่มต้น
วันที่สิ้นสุด
รายวิชา (ดึงตัวเลือกมาจากข้อมูลที่มีอยู่จริง)
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 ส่วน:
วันที่เริ่มต้น
วันที่สิ้นสุด
รายวิชา (ดึงตัวเลือกมาจากข้อมูลที่มีอยู่จริง)
ข้อมูลโปรแกรม
หมวดหมู่Google AppScript (GAS)
เวอร์ชัน1.0.0
ภาษาที่ใช้พัฒนาไม่ระบุ
ราคา
ฟรี
ให้คะแนนโปรแกรม
เข้าสู่ระบบ เพื่อให้คะแนนโปรแกรมนี้
แชร์โปรแกรมนี้
โปรแกรมที่เกี่ยวข้อง
Google AppScript (GAS)
ฟรี
ระบบบันทึกการสอนเสริม (Supplementary teaching recording system)
ฟรี
หมดโควตา (23/20 ครั้ง) — เหลือเฉพาะ VIP
เวอร์ชัน
1.0.0
ภาษาที่พัฒนา
ไม่ระบุ
ยอดดาวน์โหลด
23 ครั้ง
เข้าชม
390 ครั้ง
ขอบข่ายของ "ระบบบันทึกการสอนเสริม"
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 ส่วน:
วันที่เริ่มต้น
วันที่สิ้นสุด
รายวิชา (ดึงตัวเลือกมาจากข้อมูลที่มีอยู่จริง)
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 ส่วน:
วันที่เริ่มต้น
วันที่สิ้นสุด
รายวิชา (ดึงตัวเลือกมาจากข้อมูลที่มีอยู่จริง)
ขอบข่ายของ "ระบบบันทึกการสอนเสริม"
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 ส่วน:
วันที่เริ่มต้น
วันที่สิ้นสุด
รายวิชา (ดึงตัวเลือกมาจากข้อมูลที่มีอยู่จริง)
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 ส่วน:
วันที่เริ่มต้น
วันที่สิ้นสุด
รายวิชา (ดึงตัวเลือกมาจากข้อมูลที่มีอยู่จริง)
ให้คะแนนโปรแกรมนี้
เข้าสู่ระบบ เพื่อให้คะแนนโปรแกรมนี้
แชร์ทางโซเชียล