คลังโค้ดครู DevTech

ระบบติดตามงานนักเรียน

ระบบติดตามงานนักเรียน (Email Alert System) ระบบเล็กๆ แต่ช่วยครูได้เยอะมาก ✨ ระบบนี้เป็น Web Application สำหรับครูผู้สอน ใช้ติดตามการส่งงานของนักเรียนรายบุคคล พร้อมส่งอีเมลแจ้งเตือนได้ทันทีจากหน้าเว็บเดียว ไม่ต้องสลับหลายเครื่องมือ 🔹 การทำงานหลักของระบบ แบ่งออกเป็น 4 ส่วน 📊 1. Dashboard แสดงข้อมูลแบบชัดเจน – ดึงข้อมูลจาก Google Sheet มาแสดงเป็นตาราง – มีชื่อ, อีเมล, รายละเอียดงาน, กำหนดส่ง และสถานะ – ใช้สีช่วยแยกสถานะ 🟠 Pending = รอแจ้งเตือน 🟢 Sent = ส่งแล้ว มองปุ๊บรู้ทันที ใครยังไม่ส่ง ใครเรียบร้อยแล้ว ➕ 2. เพิ่มงานใหม่ได้ง่ายมาก – กดปุ่ม “เพิ่มงานใหม่” – กรอกข้อมูลนักเรียนและรายละเอียดงาน – บันทึกแล้วข้อมูลจะเข้า Google Sheet ทันที – ตารางอัปเดตอัตโนมัติ ไม่ต้องรีโหลดหน้าเว็บ 🚀 3. กดแจ้งเตือน ส่งอีเมลรายบุคคล – มีปุ่ม “แจ้งเตือน” (ไอคอนจรวด 🚀) เฉพาะงานที่ยังไม่ส่ง – ระบบจะสั่งงาน Apps Script ให้ส่งอีเมลหานักเรียนทันที – มี Loading แสดงระหว่างส่ง รู้เลยว่าระบบกำลังทำงาน ⚡ 4. อัปเดตสถานะแบบ Real-time (จุดเด่นสุด) – ส่งอีเมลสำเร็จ → สถานะเปลี่ยนทันที – ปุ่มแจ้งเตือนกลายเป็น “ส่งแล้ว” กดซ้ำไม่ได้ – สถานะในตารางเปลี่ยนจาก Pending → Sent – พร้อมบันทึกสถานะกลับไปที่ Google Sheet แบบอัตโนมัติ 🔎 สรุปสั้นๆ นี่คือระบบแนวคิด “ดูงาน → เพิ่มงาน → กดส่ง → เปลี่ยนสถานะ” จบในหน้าเดียว ใช้งานเร็ว ลดภาระครู และหน้าตาดูทันสมัยด้วย Tailwind CSS 💻✨ เหมาะมากสำหรับ 👩‍🏫 ครูผู้สอน 🏫 โรงเรียน 📚 ห้องเรียนที่อยากจัดการงานให้เป็นระบบ

ระบบแจ้งซ่อมไฟถนน/ถนนชำรุด พร้อมพิกัด Google Maps

ระบบแจ้งซ่อมสาธารณูปโภค (ไฟถนน / ถนนชำรุด) พร้อมพิกัดแผนที่ ใครกำลังมองหา ระบบรับแจ้งปัญหาสาธารณูปโภคออนไลน์ ใช้งานง่าย และไม่ต้องเสียค่าเซิร์ฟเวอร์รายเดือน ระบบนี้สามารถนำไปใช้งานได้จริงทันทีค่ะ 👍 ระบบนี้เป็น Web Application ขนาดเล็ก ที่ทำงานร่วมกับ Google Apps Script และ Google Sheets ทำให้สามารถใช้งานได้ฟรีแบบ Serverless ไม่ต้องเช่าโฮสต์ ไม่ต้องดูแลเซิร์ฟเวอร์เอง ⸻ 🧩 ความสามารถของระบบ ✅ หน้าเว็บสวยงาม ใช้งานง่าย รองรับมือถือ (Responsive) ✅ ใช้ฟอนต์ Sarabun มาตรฐานราชการไทย อ่านง่าย ✅ มี แผนที่ให้ระบุตำแหน่งจุดที่เกิดปัญหา ได้อย่างแม่นยำ ✅ รองรับ การดึงพิกัด GPS อัตโนมัติ จากมือถือผู้แจ้ง ✅ บันทึกข้อมูลลง Google Sheets อัตโนมัติ ✅ สามารถนำข้อมูลไปทำ Dashboard / รายงาน / กราฟสรุปผล ได้ทันที ข้อมูลที่ระบบบันทึก เช่น • วันที่และเวลาแจ้ง • ประเภทปัญหา • รายละเอียดปัญหา • ชื่อผู้แจ้ง • พิกัด Latitude / Longitude • สถานะการดำเนินงาน ⸻ 🏢 ระบบนี้เหมาะกับหน่วยงานไหนบ้าง 🏘 หมู่บ้านจัดสรร / คอนโดมิเนียม ให้ลูกบ้านแจ้งปัญหาพื้นที่ส่วนกลาง เช่น ไฟทางเดินดับ ท่อระบายน้ำตัน หรืออุปกรณ์ชำรุด 🏛 เทศบาล / อบต. / ผู้นำชุมชน ใช้รับแจ้งปัญหาจากประชาชน เช่น ถนนเป็นหลุม ไฟสาธารณะดับ กิ่งไม้หัก 🎓 โรงเรียน / มหาวิทยาลัย ใช้แจ้งซ่อมอาคารสถานที่ ไฟส่องสว่าง ถนนภายในสถานศึกษา 🏭 โรงงาน / นิคมอุตสาหกรรม ใช้แจ้งซ่อมพื้นที่ส่วนกลางหรือแจ้งเหตุภายในโรงงาน 🤝 หน่วยงานจิตอาสา / มูลนิธิ ใช้รับแจ้งเหตุหรือจุดที่ต้องการความช่วยเหลือ พร้อมพิกัดตำแหน่ง ⸻ 💡 จุดเด่นของระบบนี้ • ใช้งานผ่านเว็บได้ทันที • ไม่ต้องติดตั้งโปรแกรม • ใช้บัญชี Google ก็เริ่มใช้งานได้ • สามารถต่อยอดทำ Dashboard หรือระบบแจ้งเตือนเพิ่มเติมได้ ⸻

ระบบแจ้งเตือนงานใกล้กำหนด

แจ้งเตือนงานใกล้กำหนดผ่าน LINE อัตโนมัติ ด้วย Google Apps Script + LINE Messaging API 📊 ใช้แค่ Google Sheet 4 คอลัมน์ | งาน | กำหนดส่ง | สถานะ | LINE_USER_ID | 📌 เช็กงานจาก Google Sheet 📌 ยังไม่ส่ง → เหลือ ≤ 1 วัน 📌 ส่ง LINE แจ้งเตือนถึงนักเรียนทันที เหมาะทั้งการบ้าน งานค้าง และงานระบบโรงเรียน ครูไม่ต้องทวง เด็กไม่ลืมงาน 💚 ⏰ ตั้งเวลาอัตโนมัติ • Trigger → Time-driven • รันวันละครั้ง (เช้า / เย็น) 🎯 เหมาะสำหรับ ✅ แจ้งเตือนการบ้าน ✅ งานค้าง ✅ ระบบติดตามงานนักเรียน ✅ ต่อยอดเป็นบอทโรงเรียน

ระบบแจ้งลาเรียนออนไลน์

ระบบแจ้งลาเรียนออนไลน์ (App Script + LINE Messaging API) อัปเกรดการทำงานของครูให้เป็นระบบและทันสมัยขึ้นแบบไม่ต้องทำเองใหม่ทั้งหมด 🚀 ใครเบื่อ! ❌ งานเอกสารกองโต ❌ แบบฟอร์มลาหาย ❌ ต้องเช็กชื่อ–แจ้งเหตุผลทีละคน ❌ ระบบลาหลายช่องทางจนตามไม่ทัน วันนี้มี โค้ด App Script ตัวเต็ม ที่จะช่วยจัดการทุกอย่าง อัตโนมัติ ให้เสร็จในที่เดียวค่ะ 🙌 ⸻ 🎯 ระบบทำอะไรได้บ้าง? ✔ รับแจ้งลาออนไลน์ ผ่านหน้าเว็บ ✔ บันทึกข้อมูลอัตโนมัติลง Google Sheet ✔ ส่งแจ้งเตือนเข้าห้อง LINE ครูประจำชั้น/งานวินัยทันที ✔ แสดงข้อมูลสำคัญ เช่น ชื่อ – ห้อง – วันที่ลา – เหตุผล ✔ ค้นย้อนหลังง่าย / ใช้แทนเอกสารได้ 100% ✔ พร้อมสำหรับใช้จริงในโรงเรียนหรือหลักสูตรออนไลน์ ⸻ 🛠️ สิ่งที่คุณจะได้รับ 📌 Template Google Sheet (ฐานข้อมูล) 📌 ฟอร์มแจ้งลาเรียนออนไลน์ 📌 โค้ด Google Apps Script พร้อมใช้งาน 📌 วิธีเชื่อมต่อ LINE Messaging API 📌 ตัวอย่างข้อความแจ้งเตือนแบบพร้อมส่งเข้า LINE ⸻ 🚀 จุดเด่นของระบบนี้ ✨ ลดงานครู 70–90% ✨ นักเรียนใช้ผ่านมือถือได้เลย ✨ ข้อมูลอยู่บนคลาวด์ ปลอดภัย แก้ไขง่าย ✨ แจ้งเตือนอัตโนมัติ ไม่ต้องไล่ถาม ✨ ปรับแต่งโค้ดเองได้ตามบริบทของโรงเรียน ⸻

ระบบติดตามโครงงาน

ระบบติดตามโครงงาน (Project Tracking System) ทำงานบน Google Sheets + Google Apps Script ใช้งานง่าย เหมาะสำหรับครูโครงงานและนักเรียนสายโครงงานทุกระดับ 🚀💻 เลิกปวดหัวกับ ❌ การส่งหัวข้อซ้ำ ❌ ตามงานทีละคน ❌ แก้ไขข้อมูลไม่เป็นระบบ ❌ ไม่มีที่เก็บสถานะโครงงานแบบรวมศูนย์ ตอนนี้คุณสามารถใช้ระบบนี้เพื่อจัดการทุกอย่างได้ในหน้าเดียว! ⸻ 🧩 ระบบนี้ทำอะไรได้บ้าง? ✔ นักเรียนส่งหัวข้อโครงงานออนไลน์ กรอกรหัสนักเรียน ชื่อโครงงาน รายละเอียดสั้น ๆ หรือใส่ลิงก์ Google Docs ก็ได้ ✔ บันทึกลง Google Sheet อัตโนมัติ ข้อมูลทุกอย่างถูกเก็บเป็นระเบียบ แยกแถวตามคน ดูย้อนหลังง่ายมาก ✔ ครูตรวจงานในระบบเดียว มีสถานะให้เลือก เช่น • ⭕ รอตรวจ • 🟢 อนุมัติ • 🔴 ต้องแก้ไข ✔ รีเฟรชข้อมูลแบบเรียลไทม์ นักเรียนส่งข้อมูล → ครูเห็นทันที ✔ หน้า Dashboard สวย ง่าย ใช้สะดวก เหมือนในรูปตัวอย่าง ใช้ได้ทั้งบนมือถือและคอม ⸻ 🛠️ เครื่องมือที่ใช้ • Google Sheets (ฐานข้อมูลหลัก) • Google Apps Script (บันทึกข้อมูล + จัดการสถานะ) • HTML/CSS (หน้า UI ที่ใช้งานง่าย) • รองรับนักเรียนจำนวนมาก • ปรับแต่งได้ตามโรงเรียนของคุณ ⸻ 🚀 เหมาะสำหรับ 📌 ครูคอมพิวเตอร์ / ครูโครงงาน 📌 รายวิชาโครงงาน 📌 ระบบประกวดโครงงานภายในโรงเรียน 📌 ผู้สอนที่ต้องการระบบติดตามงานแบบเป็นมืออาชีพ ⸻ ❤️ ดาวน์โหลดฟรี + นำไปปรับใช้ได้เลย ระบบนี้ออกแบบมาให้ครูใช้งานได้ทันที ไม่ต้องเขียนโค้ดมาก เพียงแก้ไขสคริปต์เล็กน้อย ก็พร้อมใช้งานในโรงเรียนของคุณแล้ว

ระบบติดตามงบประมาณคงเหลือแบบเรียลไทม์

ระบบติดตามงบประมาณ (Budget Tracker) ด้วย Google App Script ใครกำลังมองหาระบบบันทึกรายรับ-รายจ่าย ใช้งานง่าย ดูข้อมูลแบบเรียลไทม์ บอกเลยว่าตัวนี้ตอบโจทย์มาก 💡 จุดเด่นของระบบ เป็น Web Application ใช้งานผ่านเบราว์เซอร์ ไม่ต้องติดตั้ง รองรับทั้งมือถือ แท็บเล็ต และคอมพิวเตอร์ 🧩 โครงสร้างระบบ (ทำงานร่วมกัน 3 ส่วน) 1️⃣ Frontend (หน้าเว็บ) - ออกแบบด้วย Bootstrap 5 โทนสีฟ้า สบายตา - มี Dashboard สรุป รายรับ / รายจ่าย / คงเหลือ - ฟอร์มกรอกข้อมูลง่ายๆ ใช้งานได้ทันที - ตารางแสดงประวัติ 50 รายการล่าสุด - แจ้งเตือนด้วย SweetAlert2 สวยและใช้งานง่าย - ทำงานแบบไม่ต้องรีเฟรชหน้า (SPA) 2️⃣ Backend (Apps Script) - คอยรับ-ส่งข้อมูลระหว่างหน้าเว็บกับฐานข้อมูล - คำนวณยอดรวมแบบอัตโนมัติ - บันทึกข้อมูลใหม่และอัปเดตผลลัพธ์ทันที 3️⃣ Database (Google Sheets) - เก็บข้อมูลถาวร ปลอดภัย - โครงสร้างเข้าใจง่าย (วันเวลา / ประเภท / รายการ / จำนวนเงิน) - สามารถนำไปต่อยอดทำรายงานหรือกราฟได้ 🔄 ลำดับการทำงาน - เปิดเว็บ → โหลดข้อมูลจาก Sheets มาแสดง - กรอกข้อมูล → กดบันทึก - ระบบบันทึกลงฐานข้อมูล - อัปเดต Dashboard + ตารางแบบเรียลไทม์ทันที 🎯 เหมาะสำหรับ - โรงเรียน / หน่วยงานราชการ - งานโครงการ / งานกิจกรรม - บัญชีรายรับรายจ่ายส่วนตัว หรือใช้เป็นต้นแบบพัฒนาระบบอื่นต่อได้