ระบบบันทึกและติดตามการบ้าน

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

แจกฟรี! Google Apps Script ระบบบันทึกและติดตามการบ้าน 📚

ครูนุ่มพัฒนาระบบบันทึกการบ้านแบบง่าย ๆ โดยใช้ Google Apps Script + Google Sheets ช่วยให้ครูและนักเรียนสามารถบันทึก ติดตาม และตรวจสอบรายการการบ้านได้สะดวกมากขึ้น

ไม่ต้องติดตั้งโปรแกรมเพิ่มเติม และสามารถนำไปปรับใช้กับห้องเรียนหรือโรงเรียนได้เลย

✨ ความสามารถของระบบ

• บันทึกรหัสวิชาและชื่อวิชา
• บันทึกหัวข้อการบ้าน
• ระบุชื่อครูผู้สอน
• กำหนดวันส่งการบ้าน
• แนบลิงก์หรือรายละเอียดเพิ่มเติม
• แสดงรายการการบ้านในรูปแบบการ์ด
• ค้นหาการบ้านได้
• กรองรายการตามรายวิชา
• แจ้งเตือนสถานะการบ้านที่เลยกำหนดส่ง
• รายการที่เลยกำหนดจะแสดงสถานะเป็นสีแดง
• เพิ่มรายการการบ้านผ่านหน้าต่าง Modal
• ข้อมูลบันทึกลง Google Sheets แบบอัตโนมัติ
• มีการบันทึกวันและเวลาที่เพิ่มข้อมูล
• รองรับการใช้งานบนคอมพิวเตอร์และโทรศัพท์มือถือ

🔧 โครงสร้างระบบ

ระบบแบ่งการทำงานออกเป็น 2 ส่วนหลัก

1. Frontend — `index.html`

เป็นส่วนหน้าบ้านที่ผู้ใช้งานมองเห็น ทำหน้าที่แสดงรายการการบ้าน ค้นหา กรองรายวิชา และเพิ่มข้อมูลการบ้าน

2. Backend / API — `Code.gs`

ทำหน้าที่เป็นตัวกลางระหว่างหน้าเว็บกับ Google Sheets

เมื่อหน้าเว็บต้องการข้อมูล ระบบจะดึงข้อมูลจาก Google Sheets และจัดเรียงรายการใหม่ล่าสุดก่อน

เมื่อมีการเพิ่มการบ้าน ระบบจะรับข้อมูลจากหน้าเว็บและบันทึกลง Google Sheets พร้อมประทับวันและเวลา

📊 Google Sheets

ระบบจะใช้ Google Sheets เป็นฐานข้อมูลหลัก โดยสร้างชีตชื่อ

`Homework`

สำหรับเก็บข้อมูลต่าง ๆ เช่น

รหัสวิชา | ชื่อวิชา | หัวข้อ | ครูผู้สอน | กำหนดส่ง | ลิงก์แนบ | วันที่บันทึก

⏰ ระบบติดตามกำหนดส่ง

จุดที่น่าสนใจของระบบคือ ระบบสามารถนำวันกำหนดส่งมาเปรียบเทียบกับวันที่ปัจจุบันได้

หากการบ้านเลยกำหนดส่ง ระบบจะแสดงสถานะ “เลยกำหนดส่ง” เป็นสีแดง ทำให้มองเห็นรายการที่ต้องติดตามได้ง่ายขึ้น

🔗 วิธีเชื่อมต่อระบบ

หลังจากนำ `Code.gs` ไป Deploy เป็น Google Apps Script Web App แล้ว ให้คัดลอก Web App URL

จากนั้นเปิดไฟล์ `index.html` และนำ URL ไปใส่ในตัวแปร

`const WEB_APP_URL = 'ใส่_URL_ของ_GOOGLE_APPS_SCRIPT_ที่นี่';`

ตัวอย่าง

`const WEB_APP_URL = 'https://script.google.com/macros/s/xxxxx/exec';`

จากนั้นบันทึกไฟล์ ก็สามารถเชื่อมต่อ Frontend กับ Backend และเริ่มใช้งานระบบได้ทันที

🎁 แจกฟรี!

ระบบนี้เหมาะสำหรับครูที่อยากเริ่มต้นทำระบบบันทึกการบ้านด้วย Google Apps Script และสามารถนำโค้ดไปศึกษา ปรับแต่ง และต่อยอดให้เหมาะกับห้องเรียนของตัวเองได้เลยค่ะ ไม่อนุญาตให้จำหน่าย

อีกหนึ่งตัวอย่างของการนำ Google Apps Script มาพัฒนา Web App ใช้งานจริง โดยไม่ต้องมี Server หรือ Database แบบเสียค่าใช้จ่ายเพิ่มเติม