📅🔔 เปิดตัว Class Schedule Notification System: CSNS
“ระบบแจ้งเตือนตารางสอน” ผู้ช่วยจัดการเวลาเข้าสอนสำหรับคุณครูยุคดิจิทัล
ในแต่ละวันคุณครูต้องรับผิดชอบทั้งการจัดการเรียนการสอน งานประจำชั้น งานเอกสาร กิจกรรมของโรงเรียน และงานอื่น ๆ อีกมากมาย บางครั้งอาจทำให้จำเวลาเข้าสอนผิด ลืมคาบ หรือไม่ทันตรวจสอบว่าคาบถัดไปต้องสอนวิชาใด ชั้นไหน และห้องใด
Class Schedule Notification System: CSNS จึงถูกพัฒนาขึ้นเพื่อเป็นผู้ช่วยส่วนตัวสำหรับคุณครู ช่วยจัดเก็บตารางสอน แสดงคาบปัจจุบัน แจ้งคาบถัดไป แสดงเวลานับถอยหลัง และส่งข้อความแจ้งเตือนผ่าน LINE ก่อนถึงเวลาเข้าสอน
ระบบออกแบบหน้าจอในรูปแบบ iOS Widget มีความสวยงาม ทันสมัย ดูข้อมูลได้ง่าย และรองรับการใช้งานทั้งบนคอมพิวเตอร์ แท็บเล็ต และโทรศัพท์มือถือ
🌐 เข้าใช้งานระบบ
https://knid1515.github.io/CSNS_ClassScheduleNotificationSystem/
━━━━━━━━━━━━━━━━━━━━
📌 Class Schedule Notification System: CSNS คืออะไร?
CSNS คือเว็บแอปพลิเคชันสำหรับจัดการและแจ้งเตือนตารางสอน โดยใช้ Google Sheets เป็นฐานข้อมูลหลัก คุณครูสามารถเพิ่ม แก้ไข ลบ และค้นหาตารางสอนได้จากหน้าเว็บ พร้อมกำหนดข้อมูลชั้น/ห้อง คาบเรียน เวลาเริ่ม–สิ้นสุด วิชา สถานที่ และครูผู้สอน
เมื่อถึงวันและเวลาที่กำหนด ระบบจะแสดงคาบปัจจุบันและคาบถัดไปบนหน้าหลัก พร้อมคำนวณเวลานับถอยหลังตามเวลาจริง นอกจากนี้ยังสามารถตั้งค่าให้ส่งข้อความแจ้งเตือนผ่าน LINE Messaging API ก่อนถึงเวลาเข้าสอนได้อีกด้วย
━━━━━━━━━━━━━━━━━━━━
✨ จุดเด่นของระบบ
🏠 1. หน้าหลักรูปแบบ iOS Widget
หน้าหลักได้รับการออกแบบให้ดูง่ายและสวยงาม โดยแสดงข้อมูลที่จำเป็นต่อการเข้าสอน ได้แก่
✅ วันและวันที่ปัจจุบัน
✅ เวลาปัจจุบัน
✅ คาบที่กำลังสอน
✅ คาบถัดไป
✅ ชื่อวิชา
✅ ชั้น/ห้อง
✅ สถานที่เรียน
✅ เวลาเริ่มและเวลาสิ้นสุด
✅ เวลานับถอยหลังก่อนถึงคาบ
✅ ตารางสอนประจำวันแบบ Timeline
คุณครูจึงสามารถเปิดดูหน้าหลักแล้วทราบได้ทันทีว่า ขณะนี้มีคาบสอนหรือไม่ และคาบต่อไปต้องเข้าสอนเมื่อใด
━━━━━━━━━━━━━━━━━━━━
⏰ 2. แสดงเวลาตามข้อมูลจริงจาก Google Sheets
ระบบดึงเวลาเริ่มต้นและเวลาสิ้นสุดจากข้อมูลคาบใน Google Sheets โดยตรง ไม่จำเป็นต้องกำหนดเวลาไว้ตายตัวภายในโค้ด
รองรับรูปแบบเวลา เช่น
• 08:30
• 9:30
• 09.30
• เวลาแบบ AM/PM
• เซลล์ที่กำหนดชนิดข้อมูลเป็นเวลาใน Google Sheets
ระบบคำนวณเวลาโดยใช้เขตเวลา Asia/Bangkok เพื่อให้การแสดงคาบปัจจุบัน คาบถัดไป และเวลานับถอยหลังตรงกับเวลาจริงในประเทศไทย
━━━━━━━━━━━━━━━━━━━━
🏫 3. จัดการข้อมูลชั้น/ห้องแบบ CRUD
ผู้ดูแลระบบสามารถจัดการข้อมูลชั้นเรียนได้อย่างอิสระ เช่น
✅ เพิ่มชั้น/ห้อง
✅ แก้ไขชื่อชั้น/ห้อง
✅ กำหนดสถานที่เรียน
✅ กำหนดสีประจำชั้น
✅ เปิดหรือปิดการใช้งาน
✅ ลบข้อมูลที่ไม่ได้ใช้งาน
ข้อมูลชั้น/ห้องจะถูกนำไปใช้เป็นตัวเลือกในแบบฟอร์มตารางสอน ช่วยลดปัญหาการพิมพ์ชื่อชั้นไม่ตรงกันหรือกรอกข้อมูลผิด
หากข้อมูลชั้นกำลังถูกใช้งานในตารางสอน ระบบจะป้องกันการลบ และแนะนำให้ปิดสถานะแทน เพื่อรักษาความถูกต้องของข้อมูลเดิม
━━━━━━━━━━━━━━━━━━━━
🕐 4. จัดการคาบและเวลาแบบ CRUD
ระบบมีหน้าจัดการคาบเรียนโดยเฉพาะ ผู้ดูแลสามารถกำหนดรายละเอียดได้ เช่น
✅ ชื่อคาบ
✅ ลำดับคาบ
✅ เวลาเริ่มต้น
✅ เวลาสิ้นสุด
✅ สถานะเปิดหรือปิดใช้งาน
✅ เพิ่ม แก้ไข และลบคาบเรียน
เมื่อนำคาบไปใช้ในตารางสอน ระบบจะเติมเวลาเริ่มต้นและเวลาสิ้นสุดให้อัตโนมัติ ทำให้ตารางทั้งหมดใช้ข้อมูลเวลาจากแหล่งเดียวกัน และลดความคลาดเคลื่อนในการแจ้งเตือน
━━━━━━━━━━━━━━━━━━━━
📝 5. จัดการตารางสอนแบบครบวงจร
คุณครูหรือผู้ดูแลระบบสามารถจัดการตารางสอนได้จากหน้าเว็บ โดยรองรับการทำงานแบบ CRUD ได้แก่
✅ เพิ่มรายการตารางสอน
✅ แก้ไขรายการเดิม
✅ ลบรายการ
✅ ค้นหาและกรองข้อมูล
✅ เลือกวันสอน
✅ เลือกคาบเรียน
✅ เลือกชั้น/ห้อง
✅ ระบุชื่อวิชา
✅ ระบุครูผู้สอน
✅ ระบุสถานที่
✅ เปิดหรือปิดสถานะรายการ
แบบฟอร์มจะดึงข้อมูลชั้น/ห้องและคาบเวลาจาก Google Sheets มาเป็นตัวเลือก ช่วยให้บันทึกข้อมูลได้สะดวก รวดเร็ว และเป็นมาตรฐานเดียวกัน
━━━━━━━━━━━━━━━━━━━━
📊 6. Dashboard สรุปข้อมูล
หน้า Dashboard ช่วยสรุปภาพรวมของตารางสอน เช่น
• จำนวนรายการตารางสอนทั้งหมด
• จำนวนวิชาที่สอน
• จำนวนชั้น/ห้อง
• จำนวนคาบเรียน
• ตารางสอนประจำวัน
• ข้อมูลที่กำลังเปิดใช้งาน
เหมาะสำหรับตรวจสอบความครบถ้วนของตารางสอนและดูภาพรวมก่อนเริ่มใช้งานจริง
━━━━━━━━━━━━━━━━━━━━
🔔 7. แจ้งเตือนก่อนถึงคาบผ่าน LINE
หนึ่งในฟังก์ชันสำคัญของ CSNS คือระบบแจ้งเตือนผ่าน LINE Messaging API ซึ่งสามารถกำหนดให้ส่งข้อความก่อนถึงเวลาเข้าสอนได้
ข้อความแจ้งเตือนสามารถแสดงรายละเอียด เช่น
📌 ชื่อวิชา
📌 ชั้น/ห้อง
📌 คาบเรียน
📌 เวลาเริ่ม–สิ้นสุด
📌 สถานที่สอน
📌 เวลาที่เหลือก่อนเข้าสอน
ผู้ดูแลสามารถกำหนดจำนวนนาทีที่ต้องการให้แจ้งล่วงหน้าได้จากการตั้งค่าระบบ เช่น แจ้งก่อนเข้าสอน 5 นาที 10 นาที หรือ 15 นาที
ภายในระบบมีเครื่องมือสำหรับจัดการการแจ้งเตือน ได้แก่
✅ ปุ่มทดสอบส่งข้อความ LINE
✅ ปุ่มตั้ง Trigger อัตโนมัติ
✅ ปุ่มลบ Trigger
✅ แสดงสถานะว่า Trigger ทำงานอยู่หรือยังไม่ได้ตั้ง
✅ ตรวจสอบตารางสอนทุก 1 นาที
✅ ป้องกันการส่งข้อความซ้ำในคาบเดียวกัน
✅ บันทึกประวัติการส่งใน NotificationLog
รองรับการส่งไปยัง LINE User ID และ Group ID ตามค่าที่ผู้ดูแลกำหนด
ข้อควรระวัง: LINE Channel Access Token เป็นข้อมูลสำคัญ ไม่ควรเผยแพร่ ส่งต่อ หรือบันทึกไว้ในพื้นที่สาธารณะ
━━━━━━━━━━━━━━━━━━━━
📄 8. รายงานตารางสอนและการพิมพ์ A4
ระบบสามารถสร้างรายงานในรูปแบบตารางสอนจริง โดยออกแบบให้
• วันจันทร์–วันศุกร์เรียงลงในแนวตั้ง
• คาบและเวลาเรียงจากซ้ายไปขวาในแนวนอน
• แสดงชื่อวิชา
• แสดงชั้น/ห้อง
• แสดงสถานที่
• แสดงชื่อครูผู้สอน
สามารถกรองรายงานตามข้อมูลต่าง ๆ เช่น
✅ ครูผู้สอน
✅ วัน
✅ วิชา
✅ ชั้น/ห้อง
✅ สถานที่
ก่อนพิมพ์สามารถเปิดหน้าตัวอย่างหรือ Preview เพื่อตรวจสอบความถูกต้อง และรองรับการพิมพ์บนกระดาษ A4 แนวนอนอย่างเป็นระเบียบ
━━━━━━━━━━━━━━━━━━━━
🔐 9. ป้องกันหน้าจัดการด้วยระบบ PIN
เมนูสำหรับเพิ่ม แก้ไข หรือลบข้อมูลได้รับการป้องกันด้วยรหัส PIN โดยออกแบบเป็นแป้นกดตัวเลข ใช้งานง่ายบนโทรศัพท์มือถือและหน้าจอสัมผัส
ช่วยป้องกันไม่ให้บุคคลทั่วไปเข้าไปเปลี่ยนแปลงข้อมูลตารางสอน ชั้นเรียน คาบเวลา และการตั้งค่าการแจ้งเตือนโดยไม่ได้รับอนุญาต
━━━━━━━━━━━━━━━━━━━━
📱 10. รองรับทุกขนาดหน้าจอ
CSNS ออกแบบในรูปแบบ Responsive สามารถใช้งานได้กับอุปกรณ์หลายประเภท ได้แก่
💻 คอมพิวเตอร์
📱 โทรศัพท์มือถือ
📲 แท็บเล็ต
🖥️ จอแสดงผลภายในห้องทำงาน
เมนู ตาราง การ์ดข้อมูล และหน้าต่างแบบฟอร์มจะปรับขนาดตามหน้าจอ ทำให้ใช้งานได้สะดวกทุกที่
━━━━━━━━━━━━━━━━━━━━
📚 ขั้นตอนการใช้งานเบื้องต้น
1️⃣ เปิดเว็บไซต์ CSNS
เข้าสู่ระบบผ่านลิงก์
https://knid1515.github.io/CSNS_ClassScheduleNotificationSystem/
หน้าหลักจะแสดงคาบปัจจุบัน คาบถัดไป เวลานับถอยหลัง และตารางสอนของวันนี้ทันที
2️⃣ ตรวจสอบข้อมูลชั้น/ห้อง
เข้าสู่เมนูจัดการด้วยรหัส PIN แล้วเพิ่มข้อมูลชั้น/ห้องที่ต้องการใช้งาน พร้อมกำหนดสถานที่ สี และสถานะ
3️⃣ กำหนดคาบและเวลา
เพิ่มข้อมูลคาบเรียน กำหนดเวลาเริ่มต้นและเวลาสิ้นสุดให้ตรงกับตารางเรียนของโรงเรียน
4️⃣ เพิ่มตารางสอน
เลือกวัน คาบ ชั้น/ห้อง วิชา ครูผู้สอน และสถานที่ จากนั้นกดบันทึก
5️⃣ ตรวจสอบหน้าหลัก
กลับมาที่หน้าหลักและกด Refresh ระบบจะโหลดข้อมูลล่าสุดจาก Google Sheets พร้อมคำนวณคาบปัจจุบันและคาบถัดไปใหม่
6️⃣ ตั้งค่าการแจ้งเตือน LINE
กรอก LINE Channel Access Token และ LINE User/Group UID จากนั้นกดปุ่มทดสอบ LINE เพื่อตรวจสอบว่าสามารถส่งข้อความได้
7️⃣ ตั้ง Trigger อัตโนมัติ
เมื่อทดสอบ LINE สำเร็จ ให้กดปุ่มตั้ง Trigger ระบบจะตรวจสอบตารางสอนและส่งแจ้งเตือนตามเวลาที่กำหนดโดยอัตโนมัติ
8️⃣ ตรวจสอบและพิมพ์รายงาน
เลือกตัวกรองที่ต้องการ เปิด Preview ตรวจสอบข้อมูล แล้วสั่งพิมพ์รายงานบนกระดาษ A4 แนวนอน
━━━━━━━━━━━━━━━━━━━━
⚙️ แนวทางการติดตั้งสำหรับผู้ดูแลระบบ
ระบบพัฒนาด้วย Google Apps Script และ Google Sheets โดยแยกไฟล์หลัก ได้แก่
• code.gs
• Setup.gs
• index.html
• javascript.html
• style.html
หลังวางโค้ดครบแล้ว ให้ดำเนินการดังนี้
- รันฟังก์ชัน setupSystem() เพื่อสร้างชีตและโครงสร้างข้อมูล
- อนุญาตสิทธิ์การทำงานของ Google Apps Script
- ตรวจสอบข้อมูลในชีต Classes และ Periods
- ตั้งค่า PIN และข้อมูล LINE
- Deploy เป็น Web App
- กำหนดสิทธิ์การเข้าถึงให้เหมาะสม
- เปิด URL ของ Web App และทดสอบทุกเมนู
- หากแก้ไขโค้ด ให้ Deploy เป็น New version ทุกครั้ง
━━━━━━━━━━━━━━━━━━━━
💡 ประโยชน์ที่ได้รับ
✅ ลดปัญหาลืมเวลาเข้าสอน
✅ ตรวจสอบคาบถัดไปได้รวดเร็ว
✅ วางแผนการสอนในแต่ละวันได้ง่ายขึ้น
✅ ลดความผิดพลาดในการกรอกเวลา
✅ จัดการตารางสอนผ่านหน้าเว็บได้สะดวก
✅ รับการแจ้งเตือนผ่าน LINE
✅ จัดเก็บข้อมูลอย่างเป็นระบบใน Google Sheets
✅ สร้างและพิมพ์รายงานตารางสอนได้ทันที
✅ ใช้งานได้ทั้งคอมพิวเตอร์และโทรศัพท์มือถือ
✅ ประยุกต์ใช้ได้กับครู โรงเรียน หรือหน่วยงานทางการศึกษา
━━━━━━━━━━━━━━━━━━━━
👨🏫 เหมาะสำหรับใคร?
• คุณครูที่มีหลายวิชาหรือหลายระดับชั้น
• ครูประจำชั้นและครูประจำวิชา
• โรงเรียนที่ต้องการจัดเก็บตารางสอนแบบออนไลน์
• ผู้ดูแลตารางเรียนและตารางสอน
• ฝ่ายวิชาการ
• ผู้บริหารสถานศึกษา
• ผู้ที่ต้องการพัฒนาระบบด้วย Google Apps Script และ Google Sheets
━━━━━━━━━━━━━━━━━━━━
🚀 เริ่มต้นใช้งาน
หากคุณกำลังมองหาระบบช่วยจัดการตารางสอนที่ใช้งานง่าย สวยงาม ตรวจสอบเวลาได้จริง และแจ้งเตือนก่อนเข้าสอน Class Schedule Notification System: CSNS คืออีกหนึ่งเครื่องมือที่จะช่วยให้การทำงานในแต่ละวันเป็นระบบและสะดวกมากยิ่งขึ้น
🌐 ทดลองใช้งานระบบได้ที่
https://knid1515.github.io/CSNS_ClassScheduleNotificationSystem/
Class Schedule Notification System: CSNS
“จัดตารางให้เป็นระบบ แจ้งเตือนตรงเวลา พร้อมสำหรับทุกคาบเรียน”
พัฒนาและแบ่งปันโดย
นายวัฒนชาต ทัศนศร
#ClassScheduleNotificationSystem
#CSNS
#ระบบแจ้งเตือนตารางสอน
#ระบบตารางสอนออนไลน์
#ตารางสอนครู
#GoogleAppsScript
#GoogleSheets
#LINEBot
#LINEMessagingAPI
#เว็บแอปเพื่อการศึกษา
#นวัตกรรมการศึกษา
#เทคโนโลยีเพื่อการศึกษา
#ครูยุคดิจิทัล
#ระบบงานครู
#สื่อเทคโนโลยีสำหรับครู