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

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

ระบบแจ้งลาเรียนออนไลน์ (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 + ตารางแบบเรียลไทม์ทันที 🎯 เหมาะสำหรับ - โรงเรียน / หน่วยงานราชการ - งานโครงการ / งานกิจกรรม - บัญชีรายรับรายจ่ายส่วนตัว หรือใช้เป็นต้นแบบพัฒนาระบบอื่นต่อได้

ระบบติดตามงานซ่อมบำรุง

ระบบแจ้งซ่อมบำรุง 🔧 เปลี่ยนงานซ่อม “กระดาษยุ่งๆ” ให้เป็นระบบดิจิทัลครบวงจร นี่คือภาพรวมของ ระบบติดตามงานซ่อมบำรุง ที่ใช้งานได้จริงในโรงเรียน/หน่วยงาน พร้อม Workflow ตั้งแต่แจ้ง → บันทึก → ติดตาม ระบบถูกออกแบบให้ทำงานร่วมกัน 3 ส่วนหลัก 🖥️ 1) ส่วนหน้าบ้าน (Frontend) – หน้าฟอร์มแจ้งซ่อม • ดีไซน์ทันสมัย รองรับมือถือ ใช้งานง่าย • ใช้ Floating Labels ทำให้กรอกข้อมูลสะดวก • มี Popup แจ้งเตือนสวยงามเมื่อบันทึกสำเร็จ/ผิดพลาด • กด “ส่งแจ้งซ่อม” แล้วระบบจะตรวจสอบข้อมูล + ป้องกันการกดซ้ำอัตโนมัติ • ส่งข้อมูลเข้าไปยังระบบหลังบ้านทันที ⚙️ 2) ส่วนหลังบ้าน (Backend) • รับข้อมูลจากฟอร์ม • สร้างรหัสใบงานอัตโนมัติ เช่น REQ-123456 • บันทึกวัน–เวลาแจ้ง (Timestamp) • ส่งข้อมูลเข้าไปเก็บในฐานข้อมูล 📊 3) ฐานข้อมูล (Database) • เก็บข้อมูลทั้งหมดในรูปแบบตาราง • เพิ่มข้อมูลต่อท้ายอัตโนมัติ • บันทึกครบ: ผู้แจ้ง / สถานที่ / อาการเสีย / สถานะงาน 🔁 Workflow การทำงานจริง User → เปิดเว็บ → กรอกข้อมูล → กดส่ง ระบบ → ตรวจสอบ → สร้าง ID → บันทึกฐานข้อมูล หน้าเว็บ → แจ้ง “บันทึกสำเร็จ” → พร้อมใช้งานต่อทันที ผลลัพธ์ที่ได้ ✔ แจ้งซ่อมผ่านมือถือได้ ✔ ข้อมูลไม่หาย ไม่ตกหล่น ✔ ติดตามสถานะย้อนหลังได้ ✔ ลดงานเอกสารและเวลาประสานงาน เหมาะสำหรับ: 🏫 โรงเรียน 🏢 หน่วยงานราชการ 🏭 องค์กรที่มีงานซ่อมภายใน

ระบบติดตามงานฝ่ายบริหารโรงเรียน

📌 เลิกตามงานในไลน์ เปลี่ยนมาใช้ “ระบบติดตามงานฝ่ายบริหารโรงเรียน” ผู้บริหารเห็นภาพรวม หัวหน้าฝ่ายรู้สถานะงาน ครูรายงานความคืบหน้าได้ง่ายในที่เดียว ✨ วันนี้ครูนุ่มแจก Prompt สร้างระบบติดตามงานฝ่ายบริหารโรงเรียน โดยใช้ ✅ Gemini (Canvas) ✅ Google Sheets ✅ Google Apps Script ❌ ไม่ต้องเขียนโค้ดเองทั้งหมด ❌ ไม่ต้องซื้อระบบแพง ⸻ 🔧 ระบบนี้ทำอะไรได้บ้าง ✔️ มอบหมายงานเป็นระบบ ✔️ ติดตามสถานะงานแบบ Real-time ✔️ แยกงานตามฝ่าย / ผู้รับผิดชอบ ✔️ Dashboard สำหรับผู้บริหาร ✔️ แจ้งเตือนงานใกล้ครบกำหนด / งานล่าช้า ✔️ มี Log การแก้ไข ตรวจสอบย้อนหลังได้ ⸻ 🏫 เหมาะกับ 👔 ผู้บริหารโรงเรียน 📂 งานแผนงาน / ธุรการ / งบประมาณ 💻 ครูสายเทค / ICT โรงเรียน 📊 โรงเรียนที่ใช้ Google Workspace ⸻ 💡 ใช้ได้จริงในโรงเรียน 💡 ปรับแต่งต่อยอดได้ 💡 ใช้แทนกระดาษ + LINE ได้ทันที ⸻

ระบบติดตามรถเก็บขยะ

ระบบติดตามรถเก็บขยะแบบ Real-Time สำหรับหน่วยงานที่ต้องการดูตำแหน่งรถเก็บขยะบนแผนที่ได้ทันที 🚛📍 ระบบนี้ถูกพัฒนาเป็น Web Application ที่ทำงานร่วมกับ Google Apps Script + Google Sheets ทำให้สามารถติดตามตำแหน่งรถเก็บขยะได้แบบเกือบ Real-Time ผ่านหน้าเว็บ ใช้งานง่าย ไม่ต้องติดตั้งโปรแกรมเพิ่มเติม ⸻ 🔎 ภาพรวมการทำงานของระบบ ระบบประกอบด้วย 3 ส่วนหลัก 1️⃣ Google Sheets (ฐานข้อมูล) ทำหน้าที่เป็น Database สำหรับเก็บข้อมูลพิกัดล่าสุดของรถแต่ละคัน เช่น • วันเวลา • รหัสรถ • Latitude • Longitude 2️⃣ Google Apps Script (Backend) ทำหน้าที่เป็นตัวกลางรับ-ส่งข้อมูลระหว่างหน้าเว็บกับ Google Sheets ฟังก์ชันสำคัญ เช่น • doGet(e) → เรียกหน้าเว็บมาแสดงผลเมื่อมีคนเปิดระบบ • setupSheet() → ใช้สร้างหัวตารางใน Google Sheets (รันครั้งแรกครั้งเดียว) • saveLocation(truckId, lat, lng) → รับพิกัด GPS จากมือถือคนขับ และอัปเดตตำแหน่งล่าสุดของรถ • getAllLocations() → ดึงตำแหน่งรถทุกคันจากฐานข้อมูล เพื่อส่งไปแสดงบนแผนที่ 3️⃣ HTML / JavaScript (Frontend) เป็นหน้าเว็บสำหรับผู้ใช้งาน แบ่งเป็น 2 โหมด 👨‍✈️ โหมดคนขับ • เปิดระบบจากมือถือ • เลือกรถที่กำลังขับ • กดเริ่มส่งตำแหน่ง • ระบบจะใช้ GPS ของมือถือส่งพิกัดไปยังเซิร์ฟเวอร์อัตโนมัติ 📍 โหมดผู้ติดตาม • เปิดดูผ่านหน้าเว็บ • ระบบจะดึงพิกัดรถทุกคันทุกๆ 10 วินาที • แสดงตำแหน่งรถบนแผนที่แบบเกือบ Real-Time ⸻ 🏢 ระบบนี้เหมาะกับหน่วยงาน เช่น • เทศบาล / องค์การบริหารส่วนตำบล (อบต.) • องค์การบริหารส่วนจังหวัด (อบจ.) • หน่วยงานจัดการขยะและสิ่งแวดล้อม • บริษัทเอกชนที่มีรถเก็บขยะ • หน่วยงานที่ต้องติดตามรถภาคสนาม ช่วยให้ ✅ ตรวจสอบตำแหน่งรถได้ ✅ วางแผนเส้นทางเก็บขยะได้ดีขึ้น ✅ ประชาชนสามารถติดตามรถขยะในพื้นที่ได้ ⸻