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

ระบบสอบออนไลน์ครบวงจร พร้อมระบบป้องกันการทุจริต

🎉 **แจกฟรี! Google Apps Script ระบบสอบออนไลน์ครบวงจร** พร้อมระบบป้องกันการทุจริต ใช้งานได้จริงในโรงเรียน 🚀 📢 สำหรับคุณครูและสถานศึกษาที่กำลังมองหาระบบสอบออนไลน์แบบครบเครื่อง วันนี้ครูนุ่มเปิดให้ **ดาวน์โหลดฟรี** ผ่านระบบ **CodeHub** (❌ ไม่อนุญาตให้นำไปจำหน่าย) ## ✨ ความสามารถเด่นของระบบ ✅ เว็บแอปพลิเคชันใช้งานผ่าน Browser ไม่ต้องติดตั้งโปรแกรม ✅ พัฒนาด้วย Google Apps Script เชื่อมต่อ Google Workspace ได้อย่างลงตัว ✅ รองรับ 3 บทบาทการใช้งาน * 👨‍💼 ผู้ดูแลระบบ (Admin) * 👨‍🏫 ครูผู้สอน * 👨‍🎓 นักเรียน ### 👨‍💼 สำหรับผู้ดูแลระบบ 🔹 ตั้งค่าชื่อโรงเรียน ภาคเรียน และปีการศึกษา 🔹 จัดการรายวิชา ห้องเรียน และบัญชีครู 🔹 นำเข้ารายชื่อนักเรียนแบบ CSV ได้ทั้งห้อง 🔹 เปิดปีการศึกษาใหม่โดยแยกฐานข้อมูลแต่ละปี 🔹 ดูรายงานภาพรวมทั้งโรงเรียน พร้อม Export เป็น Google Sheet / Excel ### 👨‍🏫 สำหรับครูผู้สอน 📝 สร้างข้อสอบได้ทั้ง * ปรนัย * อัตนัย * แบบผสม 📚 เพิ่มข้อสอบได้ทั้ง * เพิ่มทีละข้อ * นำเข้าหลายข้อด้วยข้อความ (Bulk Import) 🎯 กำหนด * วันและเวลาเปิด-ปิดสอบ * เวลาทำข้อสอบ * สุ่มข้อสอบ * สุ่มตัวเลือก * มอบหมายหลายห้องเรียน * เกณฑ์การตรวจจับการทุจริต 📊 ตรวจข้อสอบอัตนัย พร้อมสรุปผลคะแนนและกราฟรายงาน ### 👨‍🎓 สำหรับนักเรียน 📱 เข้าสอบผ่านโทรศัพท์ แท็บเล็ต หรือคอมพิวเตอร์ ✔️ ระบบบันทึกคำตอบอัตโนมัติ ✔️ แสดงสถานะการทำข้อสอบ ✔️ ส่งข้อสอบออนไลน์ ✔️ เห็นคะแนนปรนัยทันทีหลังสอบ ✔️ รอคะแนนอัตนัยหลังครูตรวจ ## 🛡️ ระบบป้องกันการทุจริต ระบบตรวจจับพฤติกรรมต้องสงสัยระหว่างสอบ เช่น 🚫 สลับแท็บหรือออกจากหน้าสอบ 🚫 คลิกขวา 🚫 คัดลอก (Copy) 🚫 วางข้อความ (Paste) เมื่อเกินจำนวนครั้งที่ครูกำหนด ระบบจะ **บังคับส่งข้อสอบอัตโนมัติ** เพื่อช่วยลดการทุจริตในการสอบออนไลน์ ## 💡 เหมาะสำหรับ 🏫 โรงเรียน 🎓 วิทยาลัย 📖 การอบรมออนไลน์ 💻 การสอบก่อนเรียน-หลังเรียน 📋 การสอบวัดผลภายในองค์กร 🎁 **ดาวน์โหลดฟรีได้ในระบบ CodeHub** ❌ **ไม่อนุญาตให้นำไปจำหน่าย ดัดแปลงเพื่อจำหน่าย หรือเผยแพร่เชิงพาณิชย์** ** การติดตั้งอยู่ในไฟล์ README.md ** หากโพสต์นี้มีประโยชน์ ฝากกด ❤️ กดแชร์ และติดตามเพจ **ครูนุ่ม DevTech** เพื่อรับระบบฟรีและเทคนิคการพัฒนา Google Apps Script, PHP และ AI สำหรับงานการศึกษาอย่างต่อเนื่องค่ะ 😊

ระบบคลังบทเรียนออนไลน์

🎉 **แจกฟรี! ระบบคลังบทเรียนออนไลน์ (Science Lesson Hub)** 📚 ระบบคลังบทเรียนออนไลน์ พัฒนาด้วย **Canva + PHP + MySQL/MariaDB** พร้อมซอร์สโค้ดเต็ม เหมาะสำหรับโรงเรียนหรือครูที่ต้องการสร้างศูนย์รวมบทเรียนออนไลน์ ใช้งานได้จริง และสามารถนำไปพัฒนาต่อยอดได้ ✨ **ฟีเจอร์เด่น** ✅ รองรับผู้ใช้งาน 3 บทบาท * 👨‍🎓 นักเรียน สมัครสมาชิก เข้าดูบทเรียน กดไลก์ และแก้ไขข้อมูลส่วนตัว * 👩‍🏫 ครู เพิ่ม แก้ไข ลบ "บทเรียนของตนเอง" ได้อย่างปลอดภัย * 👨‍💼 ผู้ดูแลระบบ จัดการผู้ใช้ บทเรียน และตั้งค่าเว็บไซต์ได้ทั้งหมด ✅ ระบบตั้งค่าเว็บไซต์ผ่านหน้า Admin * เปลี่ยนโลโก้ * เปลี่ยนชื่อเว็บไซต์ * เปลี่ยนชื่อโรงเรียน * เปลี่ยนสีธีมเว็บไซต์ * แก้ไขคำอธิบายหน้าเว็บ **ไม่ต้องแก้ไขโค้ด** ✅ ธีมสีบทเรียนอัตโนมัติตาม 11 กลุ่มสาระการเรียนรู้ ✅ รองรับการกดไลก์และนับจำนวนผู้เข้าเรียน ✅ หน้ารายละเอียดบทเรียนแสดงภาพเต็ม ไม่ถูกครอป ✅ ดาวน์โหลดข้อมูลผู้ใช้งานและข้อมูลการเข้าเรียนเป็นไฟล์ CSV ✅ พัฒนาด้วย * PHP 8+ * MySQL / MariaDB * mysqli (Prepared Statements) * Tailwind CSS * jQuery + DataTables 🔒 คำนึงถึงความปลอดภัย * เข้ารหัสรหัสผ่านด้วย Password Hash * ใช้ Prepared Statements ป้องกัน SQL Injection * ตรวจสอบสิทธิ์ทุกการทำงานฝั่งเซิร์ฟเวอร์ * รองรับการจัดการบทเรียนตามสิทธิ์ของผู้ใช้งาน 💯 เหมาะสำหรับ 🏫 โรงเรียน 👩‍🏫 ครูผู้สอน 💻 ผู้พัฒนาระบบการศึกษา 📖 ผู้ที่ต้องการศึกษาตัวอย่างการพัฒนาเว็บไซต์ด้วย PHP + MySQL 🎁 **แจกฟรีสำหรับสมาชิก VIP ในระบบ CodeHub** ❌ **ไม่อนุญาตให้นำซอร์สโค้ดไปจำหน่าย ดัดแปลงเพื่อจำหน่าย หรือเผยแพร่ต่อในเชิงพาณิชย์ทุกกรณี** ขอความร่วมมือเคารพสิทธิ์ของผู้พัฒนา เพื่อให้สามารถพัฒนาผลงานดี ๆ แจกให้กับทุกท่านต่อไป

ระบบบริหารจัดการสารสนเทศสถานศึกษา

🎉 **แจกฟรี! Google Apps Script ระบบบริหารจัดการสารสนเทศสถานศึกษา (School MIS)** ยกระดับการบริหารจัดการข้อมูลภายในโรงเรียนด้วย **School MIS** ที่พัฒนาด้วย **Google Apps Script + Google Sheets** ใช้งานผ่านเว็บเบราว์เซอร์ ไม่ต้องติดตั้งโปรแกรมเพิ่มเติม เหมาะสำหรับโรงเรียนที่ต้องการเริ่มต้นระบบสารสนเทศด้วยงบประมาณที่คุ้มค่า ✨ **ความสามารถของระบบ** 📊 **Dashboard** * แสดงภาพรวมข้อมูลนักเรียน * สรุปจำนวนนักเรียน ชาย-หญิง * กราฟสถิติรายระดับชั้นด้วย Chart.js 👨‍🎓 **ระบบจัดการนักเรียน** * เพิ่ม แก้ไข ลบ ค้นหา และแสดงข้อมูลนักเรียน * ตาราง DataTables ค้นหาและแบ่งหน้าอัตโนมัติ 👨‍🏫 **ระบบจัดการครู** * จัดเก็บข้อมูลครู ตำแหน่ง และรายวิชาที่สอน * จัดการข้อมูลได้สะดวกผ่านหน้าเว็บ 👤 **ระบบจัดการผู้ใช้งาน** * กำหนด Username / Password * จัดการสิทธิ์ Admin และ Staff * ป้องกันการลบบัญชีผู้ดูแลระบบของตนเอง ⚙️ **ตั้งค่าระบบ** * ชื่อสถานศึกษา * ปีการศึกษา * ภาคเรียน * ข้อมูลพื้นฐานของโรงเรียน 💡 **จุดเด่นของระบบ** ✅ พัฒนาเป็น Single Page Application (SPA) ใช้งานลื่นไหล ไม่ต้องรีเฟรชหน้าเว็บ ✅ Responsive รองรับทั้งคอมพิวเตอร์ แท็บเล็ต และมือถือ ✅ รองรับ Dark Mode พร้อมจดจำการตั้งค่า ✅ ใช้ SweetAlert2 สำหรับแจ้งเตือนและยืนยันการทำรายการ ✅ เชื่อมต่อ Google Sheets ผ่าน Google Apps Script ✅ รองรับ Role-Based Access Control (Admin / Staff) ✅ มี Mock Mode สำหรับทดลองใช้งานและพัฒนาระบบ 📌 เหมาะสำหรับ * โรงเรียน * สถานศึกษา * หน่วยงานทางการศึกษา * ผู้ที่ต้องการศึกษาการพัฒนา Web Application ด้วย Google Apps Script 🎁 **ดาวน์โหลดฟรีได้ในระบบ CodeHub** ❌ **อนุญาตให้นำไปศึกษา ปรับปรุง และใช้งานได้** 🚫 **ไม่อนุญาตให้นำไปจำหน่าย ดัดแปลงเพื่อจำหน่าย หรือแจกจ่ายในเชิงพาณิชย์ทุกกรณี** หากเห็นว่าระบบนี้เป็นประโยชน์ ฝากกด ❤️ กดแชร์ และติดตามเพจไว้ด้วยนะคะ เพื่อเป็นกำลังใจในการพัฒนาระบบ Google Apps Script ดี ๆ มาแจกฟรีอย่างต่อเนื่อง

ระบบปฏิทินกิจกรรมหน่วยงาน

📢 แจกฟรี! App Script ระบบปฏิทินกิจกรรมหน่วยงาน (Public Calendar) วันนี้ขอมาแชร์ระบบ “ปฏิทินกิจกรรมหน่วยงาน” ที่พัฒนาเป็น Web Application ใช้งานได้จริง และที่สำคัญคือใช้เครื่องมือฟรีจาก Google ทั้งระบบ! 💡 เหมาะสำหรับ: หน่วยงาน / โรงเรียน / องค์กร ที่ต้องการจัดการตารางกิจกรรมให้ดูง่าย ทันสมัย และเข้าถึงได้ทุกอุปกรณ์ ⸻ 🔧 โครงสร้างระบบ (System Architecture) 1️⃣ ฐานข้อมูล (Database) – Google Sheet ใช้เก็บข้อมูลกิจกรรมทั้งหมด เช่น • ชื่อกิจกรรม • วันเริ่ม / วันสิ้นสุด • รายละเอียด • สีของกิจกรรม 👉 แก้ไขง่าย เพิ่ม/ลบ/ปรับข้อมูลได้เหมือนพิมพ์งานทั่วไป ⸻ 2️⃣ ระบบประมวลผล (Backend) – Google Apps Script ทำหน้าที่เป็น API เชื่อมระหว่างหน้าเว็บกับฐานข้อมูล • doGet() → โหลดหน้าเว็บให้ผู้ใช้งาน • getEvents() → ดึงข้อมูลกิจกรรมจาก Sheet • addEvent() → บันทึกกิจกรรมใหม่ลงระบบ ⸻ 3️⃣ ส่วนแสดงผล (Frontend) – HTML / CSS / JavaScript • ใช้ Bootstrap 5 → รองรับมือถือ (Responsive) • ใช้ FullCalendar.js → แสดงปฏิทินแบบสวยงาม • ใช้ google.script.run → เชื่อมข้อมูลแบบไม่ต้องรีเฟรชหน้า ⸻ 🔄 การทำงานของระบบ (Data Flow) 📌 กรณีดูปฏิทิน • ผู้ใช้เปิดลิงก์ • ระบบโหลดหน้าเว็บ • ดึงข้อมูลจาก Google Sheet • แสดงผลบนปฏิทินทันที 📌 กรณีเพิ่มกิจกรรม • กรอกข้อมูลผ่านฟอร์ม • ระบบส่งข้อมูลไปบันทึกใน Sheet • แสดงผลบนปฏิทินทันที (ไม่ต้องรีเฟรช) ⸻ ✨ จุดเด่นของระบบนี้ ✅ ใช้งานฟรี 100% (Serverless) ✅ ไม่ต้องเช่าโฮสติ้ง ✅ อัปเดตข้อมูลแบบ Real-time ✅ โครงสร้างเข้าใจง่าย แยก Frontend / Backend ชัดเจน ✅ พร้อมนำไปใช้งานจริง หรือพัฒนาต่อยอดได้ทันที ⸻ 💬 ใครที่กำลังมองหาระบบปฏิทินใช้งานในหน่วยงาน หรืออยากศึกษาแนวทางการทำ Web App ด้วย Google Apps Script ตัวนี้ตอบโจทย์มากค่ะ ⸻

ระบบคลังรูปภาพกิจกรรมหน่วยงาน

📸 แจกฟรี! App Script ระบบคลังรูปภาพกิจกรรมหน่วยงาน 🎉 ใช้งานได้จริง พร้อมโค้ดครบ! เหมาะสำหรับโรงเรียน หน่วยงานราชการ องค์กรต่างๆ ❗ระบบนี้แจกให้ใช้ฟรีเพื่อการใช้งานเท่านั้น ไม่อนุญาตให้นำไปจำหน่ายทุกกรณี ⸻ 💡 มาดูภาพรวมการทำงานแบบเข้าใจง่าย: ระบบนี้เป็น Web Application ที่ใช้ * Google Sheets เป็นฐานข้อมูล * Google Apps Script เป็น Backend * และโค้ดใน Canvas คือหน้าบ้าน (Frontend) สำหรับแสดงผล ⸻ 🔹 ขั้นตอนการทำงานของระบบ 1️⃣ เริ่มโหลดหน้าเว็บ เมื่อเปิดลิงก์ ระบบจะแสดงหน้าเว็บ พร้อมไอคอนโหลด ขึ้นข้อความ “กำลังดึงข้อมูลกิจกรรม…” 2️⃣ ดึงข้อมูลจากหลังบ้าน หน้าเว็บจะเรียกคำสั่ง google.script.run.getGalleryData() เพื่อไปดึงข้อมูลจาก Google Sheets (แท็บ Gallery) 3️⃣ จัดการข้อมูลก่อนแสดงผล * แปลงลิงก์ Google Drive ให้แสดงรูปได้ทันที * ป้องกันอักขระพิเศษ * ตรวจสอบว่ามีข้อมูลหรือไม่ 4️⃣ แสดงผลเป็นหน้า Gallery สวยๆ * แสดงเป็นการ์ดรูปภาพ (Image Card) * มีชื่อกิจกรรม วันที่ หมวดหมู่ รายละเอียด * เรียงเป็น Grid รองรับมือถือ (Responsive) 5️⃣ คลิกดูรูปใหญ่ (Lightbox) * คลิกภาพเพื่อดูแบบเต็มจอ * ปิดได้ด้วยปุ่ม X / คลิกพื้นหลัง / กด ESC ⸻ 📌 สรุปสั้นๆ: เปิดเว็บ → ดึงข้อมูลจาก Sheet → แปลงลิงก์ → แสดงรูป → คลิกดูภาพใหญ่ได้ทันที ⸻

ระบบกรอกพิกัดการเยี่ยมบ้านนักเรียน

📍 แจกฟรี Template App Script “ระบบกรอกพิกัดการเยี่ยมบ้านนักเรียน” พร้อมระบบแผนที่ + Dashboard + เชื่อม Google Sheets ❌ ไม่อนุญาตให้นำไปจำหน่ายต่อ เปิดเทอมนี้…โรงเรียนมี “ระบบเก็บพิกัดบ้านนักเรียน” กันหรือยัง? 🏡✨ Template นี้ออกแบบมาเพื่อช่วยให้ครูสามารถบันทึกข้อมูลการเยี่ยมบ้านนักเรียนได้สะดวก รวดเร็ว และดูข้อมูลได้แบบเรียลไทม์ ผ่าน Web Application ใช้งานได้ทั้งมือถือและคอมพิวเตอร์ 🔹 ฟีเจอร์เด่นภายในระบบ ✅ ฟอร์มบันทึกข้อมูลนักเรียนครบถ้วน - รหัสนักเรียน - ชื่อ-สกุล - ระดับชั้น / ห้องเรียน - เบอร์โทร (ตรวจสอบเลข 10 หลักอัตโนมัติ) - ข้อมูลที่อยู่พื้นฐาน 🗺️ ระบบแผนที่ปักหมุดบ้านนักเรียน (Leaflet Map) - ดึง GPS ตำแหน่งปัจจุบันอัตโนมัติ - ลากหมุดปักตำแหน่งบ้านได้เอง (Drag & Drop) 💾 บันทึกข้อมูลลง Google Sheets ผ่าน Google Apps Script ทำงานแบบ Background ไม่ต้องรีเฟรชหน้าเว็บ 📊 ระบบแสดงผลข้อมูลและแผนที่รวม - Filter ตามระดับชั้น / ห้องเรียน - แสดงหมุดนักเรียนบนแผนที่แบบ Real-time - Auto Zoom ครอบคลุมทุกพิกัดในห้องเรียน 📋 ตารางข้อมูลแบบมืออาชีพด้วย DataTables - ค้นหาได้ - เรียงข้อมูลได้ - แบ่งหน้าอัตโนมัติ 🔍 ระบบดูรายละเอียดนักเรียน พร้อมปุ่ม “นำทางด้วย Google Maps” ไปยังบ้านนักเรียนทันที 🚗 📈 Dashboard สรุปข้อมูลอัตโนมัติด้วย Chart.js - กราฟจำนวนนักเรียนแต่ละระดับชั้น - กราฟสัดส่วนนักเรียนตามตำบล ⚙️ รองรับการทำงานทั้งแบบเชื่อมฐานข้อมูลจริง และ Mock Data แม้ยังไม่ได้เชื่อม Google Apps Script ก็สามารถทดลองใช้งาน UI ได้ทันที 💡 เหมาะสำหรับ - ระบบเยี่ยมบ้านนักเรียน - งานดูแลช่วยเหลือนักเรียน - งานฝ่ายปกครอง - งานแนะแนวและติดตามนักเรียน การนำไปใช้งาน * เมื่อ Deploy เรียบร้อยแล้วให้นำลิงค์เว็บแอป มาใส่ในไฟล์ index.html บรรทัดที่ 392 const SCRIPT_URL ='xxx'

ระบบจองห้องประชุมออนไลน์

📢 แจกฟรี App Script “ระบบจองห้องประชุมออนไลน์” ดาวน์โหลดได้ในระบบ CodeHub เท่านั้น ❌ ไม่อนุญาตให้นำไปจำหน่ายต่อ ระบบนี้ถูกออกแบบให้เป็น “เว็บแอปพลิเคชันหน้าเดียว (SPA)” ใช้งานง่าย รองรับการจองห้องประชุมแบบออนไลน์ เชื่อมต่อกับ Google Sheets โดยตรง ไม่ต้องมี Hosting เพิ่ม ใช้งานผ่าน Google Apps Script ได้ทันที ✨ จุดเด่นของระบบ ✅ จองห้องประชุมผ่านหน้าเว็บ ✅ แสดงผลแบบปฏิทินด้วย FullCalendar ✅ ป้องกันเวลาจองซ้ำอัตโนมัติ ✅ แจ้งเตือนเมื่อเวลาทับซ้อน ✅ รีเฟรชข้อมูลทันทีแบบไม่ต้องโหลดหน้าใหม่ ✅ ใช้งานร่วมกับ Google Sheets ได้ทันที ✅ ดู แก้ไข หรือลบข้อมูลผ่าน Sheets ได้สะดวก 🗂 โครงสร้างการทำงานของระบบ 1️⃣ Database : Google Sheets ใช้เก็บข้อมูลการจองทั้งหมด พร้อมสร้างชีตอัตโนมัติเมื่อเริ่มใช้งานครั้งแรก 2️⃣ Backend : Google Apps Script (Code.gs) ทำหน้าที่เป็นสมองของระบบ รับ-ส่งข้อมูล ตรวจสอบเวลาจองซ้ำ และบันทึกข้อมูลลง Sheets 3️⃣ Frontend : index.html ออกแบบด้วย HTML + Tailwind CSS + FullCalendar ใช้งานง่าย สวยงาม รองรับการดูตารางจองแบบปฏิทิน 📌 ความสามารถสำคัญ 🔹 เช็คเวลาทับซ้อนก่อนบันทึก 🔹 แยกสีห้องประชุมแต่ละห้อง 🔹 คลิกดูรายละเอียดการจองได้ 🔹 แจ้งเตือนการบันทึกสำเร็จแบบ Toast Notification 🔹 รองรับการทำงานแบบ Real-time UX 🏢 เหมาะสำหรับหน่วยงาน ✅ โรงเรียน / สถานศึกษา ✅ อบต. / เทศบาล / อบจ. ✅ หน่วยงานราชการ ✅ มหาวิทยาลัย ✅ โรงพยาบาล / สาธารณสุข ✅ บริษัทเอกชน ✅ องค์กรที่มีการใช้ห้องประชุมหลายห้อง 💡 แจกเพื่อการศึกษาและใช้งานภายในองค์กร ❌ ไม่อนุญาตให้นำไปจำหน่ายต่อทุกกรณี

ระบบรับข้อร้องเรียน

ระบบรับข้อร้องเรียน (Complaint System) ด้วย App Script ใช้งานได้จริง 💬📩 ใครกำลังมองหาระบบรับเรื่องร้องเรียนแบบง่ายๆ แต่ครบจบในตัวเดียว ห้ามพลาดเลยค่ะ 👇 🔥 จุดเด่นของระบบนี้ ✅ ใช้งานผ่านหน้าเว็บ (รองรับมือถือ/คอม) ✅ บันทึกข้อมูลลง Google Sheets อัตโนมัติ ✅ แจ้งเตือนเข้า Telegram ทันที ✅ ไม่ต้องรีเฟรชหน้าเว็บ (UX ลื่นมาก) ✅ พร้อมใช้งาน + แก้ไขต่อยอดได้ ❌ ไม่อนุญาตให้นำไปจำหน่าย ❌ ⸻ 💡 ภาพรวมการทำงานของระบบ (เข้าใจง่ายใน 3 ส่วน) 🖥️ 1. Frontend (หน้าเว็บ) • ฟอร์มกรอกข้อมูล: ชื่อผู้แจ้ง, ช่องทางติดต่อ, หัวข้อ, รายละเอียด • ออกแบบด้วย Tailwind CSS (Responsive ใช้ได้ทุกอุปกรณ์) • กดส่งแล้วไม่ต้องรีเฟรชหน้า (ใช้ google.script.run) • มี Loading + ป้องกันการกดซ้ำ ⚙️ 2. Backend (App Script) • ใช้ doGet() แสดงหน้าเว็บ • ฟังก์ชัน submitComplaint() 👉 บันทึกข้อมูลลง Google Sheets 👉 สร้างหัวตารางอัตโนมัติ 👉 เก็บ Timestamp เวลาไทย • หลังบันทึกเสร็จ → ส่งแจ้งเตือนทันที 📲 3. ระบบแจ้งเตือน (Telegram Bot) • ส่งข้อมูลผ่าน Telegram Bot API • จัดรูปแบบข้อความให้อ่านง่าย (มีไอคอน/ตัวหนา) • ผู้ดูแลได้รับแจ้งเตือนแบบ Real-time ⸻ 🔄 Workflow การทำงาน ผู้ใช้กรอกฟอร์ม → กดส่ง ➡️ ระบบบันทึกลง Google Sheets ➡️ แจ้งเตือนเข้า Telegram ➡️ ผู้ใช้เห็น Pop-up แจ้งว่าส่งสำเร็จ ⸻ 🎯 เหมาะสำหรับ • โรงเรียน / หน่วยงานราชการ • อบต. / เทศบาล • องค์กรที่ต้องการรับ Feedback / ร้องเรียน • คนที่อยากเริ่มต้นทำระบบด้วย App Script ⸻ 💬 ใครนำไปใช้แล้ว มารีวิวให้ฟังได้นะคะ 😊

ระบบสร้างภาพข่าวอัตโนมัติ (Auto Poster)

📢 แจกฟรี! สำหรับสายคอนเทนต์ & ครูนักพัฒนา 💻✨ App Script ระบบสร้างภาพข่าวอัตโนมัติ (Auto Poster) ใช้งานง่าย จบครบในที่เดียว! ❌ ไม่อนุญาตให้นำไปจำหน่าย ⸻ 🔥 ใครที่ทำเพจ ทำข่าว ทำประชาสัมพันธ์ หรืออยากสร้างคอนเทนต์แบบมือโปร แต่ไม่อยากเสียเวลานั่งออกแบบภาพทีละรูป ระบบนี้ตอบโจทย์เลย! ✨ แค่กรอกข้อมูล → ได้ภาพข่าวสวย ๆ ทันที ✨ ไม่ต้องใช้ Photoshop ✨ ใช้ได้ทั้งคอมและมือถือ ⸻ 💡 จุดเด่นของระบบ * สร้างภาพอัตโนมัติขนาด 1080x1080 พร้อมโพสต์ได้เลย * พรีวิวภาพแบบ Real-time เห็นผลลัพธ์ทันที * รองรับการตัดคำภาษาไทย จัดข้อความให้พอดีอัตโนมัติ * ดาวน์โหลดภาพ หรือบันทึกเข้าระบบได้ทันที * เก็บข้อมูล + รูปภาพ ลง Google Drive และ Google Sheet อัตโนมัติ ⸻ ⚙️ ภาพรวมการทำงาน (เข้าใจง่าย ๆ) 🟢 1. หน้าบ้าน (Frontend) กรอกข้อมูล + อัปโหลดภาพ → ระบบสร้างภาพด้วย Canvas แบบ Real-time กดดาวน์โหลด หรือบันทึกข้อมูลได้ทันที 🟡 2. หลังบ้าน (Backend - Apps Script) รับข้อมูล → แปลงภาพจาก Base64 → สร้างไฟล์ .png 🔵 3. ระบบจัดเก็บ (Google Workspace) * บันทึกรูปลง Google Drive * เก็บข้อมูลข่าว + ลิงก์รูป ลง Google Sheet ⸻ 🔄 Flow การทำงานสั้น ๆ กรอกข้อมูล ➔ สร้างภาพ ➔ กดบันทึก ➔ สร้างไฟล์ ➔ เก็บ Drive ➔ บันทึก Sheet ✅ ⸻ 🎯 ระบบนี้ตั้งใจทำขึ้นเพื่อ “อำนวยความสะดวกให้ตัวเอง และแบ่งปันให้คนอื่นได้นำไปใช้ต่อ” ใครเอาไปต่อยอดได้เต็มที่เลยค่ะ🙌 แต่งดนำไปจำหน่ายทุกกรณี ⸻

ระบบยืม-คืนอุปกรณ์โสตทัศนูปกรณ์

🎉 **แจกฟรี! ระบบยืม-คืนอุปกรณ์โสตทัศนูปกรณ์ ด้วย Google Apps Script** เพื่อแบ่งปันให้กับคุณครูและโรงเรียนที่กำลังมองหาระบบจัดการอุปกรณ์ใช้งานภายในโรงเรียน เปิดให้ **ดาวน์โหลดฟรี** ระบบ **ยืม-คืนอุปกรณ์โสตทัศนูปกรณ์** 🚀 ✨ **ความสามารถของระบบ** ✅ บันทึกข้อมูลการยืมอุปกรณ์ผ่านหน้าเว็บ ✅ เลือกวันและเวลายืม-คืนได้สะดวก ✅ จัดเก็บข้อมูลอัตโนมัติใน Google Sheets ✅ แสดงประวัติการยืมทั้งหมดแบบเรียลไทม์ ✅ กดคืนอุปกรณ์ได้จากหน้าเว็บ พร้อมบันทึกวันเวลาคืน ✅ อัปเดตข้อมูลทันที ไม่ต้องรีเฟรชหน้าเว็บ ✅ พัฒนาด้วย Google Apps Script ใช้งานผ่าน Web App ได้ทันที 💻 **เทคโนโลยีที่ใช้** * Google Apps Script * Google Sheets (ฐานข้อมูล) * HTML / CSS / JavaScript * Asynchronous Communication (google.script.run) 🎁 **แจกฟรี!** นำไปศึกษา ปรับปรุง และใช้งานในสถานศึกษาได้เต็มที่ ❌ **ไม่อนุญาตให้นำไปจำหน่าย หรือเผยแพร่เพื่อแสวงหาผลกำไร** 📥 **ดาวน์โหลดได้ในระบบ CodeHub** หากนำไปใช้งานแล้วเป็นประโยชน์ ฝากกดไลก์ กดแชร์ หรือแสดงความคิดเห็นเพื่อเป็นกำลังใจในการพัฒนาระบบฟรีสำหรับคุณครูและโรงเรียนต่อไปค่ะ 😊

แบบสอบถามและสรุปผลการเยี่ยมบ้านนักเรียน

🎉 แจกฟรี Template ระบบแบบสอบถามและสรุปผลการเยี่ยมบ้านนักเรียน ปีการศึกษา 2569 พัฒนาเพื่อช่วยงานครูที่ปรึกษา งานระบบดูแลช่วยเหลือนักเรียน และงานเยี่ยมบ้าน ให้เก็บข้อมูลได้ง่าย สรุปผลได้ทันที ลดเวลาการทำเอกสาร ✨ 📌 ดาวน์โหลดได้ฟรีผ่านระบบ CodeHub ❌ ไม่อนุญาตให้นำไปจำหน่าย หรือแจกต่อในเชิงพาณิชย์ ✅ สามารถนำไปศึกษา ปรับปรุง และพัฒนาต่อยอดเพื่อใช้ในสถานศึกษาได้ 🔍 ภายใน Template ประกอบด้วย 📝 ระบบกรอกแบบสอบถามการเยี่ยมบ้านนักเรียน • กรอกข้อมูลนักเรียน (ชื่อ–นามสกุล / ชั้น / เลขที่) • แบบสอบถามจำนวน 24 ข้อ • รองรับทั้งแบบเลือกได้ 1 คำตอบ และหลายคำตอบ • ตรวจสอบข้อมูลก่อนส่งอัตโนมัติ (Validation) • แจ้งผลด้วย SweetAlert2 📊 ระบบสรุปผลอัตโนมัติ • แสดงผลรวมและร้อยละของแต่ละข้อ • มีกราฟช่วยวิเคราะห์ข้อมูล • กรองข้อมูลตามระดับชั้นได้ • ดูภาพรวมทั้งโรงเรียนหรือเฉพาะห้องเรียนได้ • รองรับการพิมพ์รายงาน ☁️ เชื่อมต่อ Google Apps Script + Google Sheets • บันทึกข้อมูลออนไลน์แบบ Real-time • เก็บข้อมูลต่อท้ายอัตโนมัติ ไม่ทับข้อมูลเดิม • Deploy ใช้งานผ่าน Web App ได้ทันที 💻 โครงสร้างระบบ Frontend : HTML + JavaScript Backend : Google Apps Script Database : Google Sheets UI : Responsive รองรับมือถือ / แท็บเล็ต / คอมพิวเตอร์ 📂 ไฟล์ภายใน • code.gs → จัดการ Backend และ API • index.html → แบบฟอร์มกรอกข้อมูล • summary.html → หน้าสรุปผลรายงาน เหมาะสำหรับ 🏫 โรงเรียนที่ต้องการระบบเยี่ยมบ้านออนไลน์ 👨‍🏫 ครูที่ปรึกษา 📈 งานระบบดูแลช่วยเหลือนักเรียน 📋 งานเก็บข้อมูลและสรุปผลแบบอัตโนมัติ ถ้าดาวน์โหลดไปใช้งานแล้ว อย่าลืมกด ❤️ กดแชร์ และคอมเมนต์รีวิวการใช้งานกันด้วยนะคะ * Deploy เป็นเว็บแอป และนำลิงค์มาใส่ใน SCRIPT_URL ในไฟล์ index.html และ summary.html และใน code.gs ให้ใส่ SHEET_ID จากการทำสำเนา

ระบบประเมินครูผู้สอนออนไลน์

🎁 แจกฟรี! ระบบประเมินครูผู้สอนออนไลน์ (KruEval System) พัฒนาด้วย PHP 8.2 + MySQL | พร้อมนำไปใช้งานและพัฒนาต่อยอด จากงานประเมินที่เคยใช้เอกสารจำนวนมาก สู่ระบบประเมินออนไลน์แบบครบวงจร (Paperless) ที่ช่วยให้โรงเรียนบริหารจัดการกระบวนการประเมินได้ง่ายขึ้น รวดเร็วขึ้น และตรวจสอบได้ทุกขั้นตอน ระบบถูกออกแบบให้รองรับการทำงานจริงในสถานศึกษา โดยใช้งานได้ผ่านทั้งสมาร์ทโฟน แท็บเล็ต และคอมพิวเตอร์ 🧩 โครงสร้างระบบ • พัฒนาแบบ Native PHP 8.2 (OOP) • Modular Architecture (ไม่ใช้ Framework และไม่ใช้ MVC) • Frontend: HTML5 + Bootstrap 5 + Vanilla JavaScript (Fetch API) • Backend: API + JSON Response • Database: MySQL / MariaDB ผ่าน PDO เพื่อความปลอดภัยและประสิทธิภาพ ━━━━━━━━━━━━━━ 👨‍💼 ส่วนผู้ดูแลระบบ (Admin) ━━━━━━━━━━━━━━ ✅ กำหนดปีการศึกษาและภาคเรียนที่ใช้งาน ✅ จัดการบัญชีผู้ใช้งาน (ครู / ผู้ประเมิน / ผู้ดูแล) ✅ สร้างแบบประเมินและกำหนดช่วงเวลาเปิด–ปิด ✅ ออกแบบตัวชี้วัดและคำถามได้เอง ✅ รองรับหลายรูปแบบคำตอบ (Rating / Checkbox / Text) ✅ ดู Dashboard ภาพรวมการประเมิน ✅ สรุปรายงานรายบุคคล / รายกลุ่ม / รายแผนก ✅ Export ข้อมูลเป็น PDF และ Excel ━━━━━━━━━━━━━━ 📝 ส่วนผู้ประเมิน (นักเรียน / ผู้บริหาร) ━━━━━━━━━━━━━━ ✅ เข้าสู่ระบบพร้อมระบบตรวจสอบความปลอดภัย ✅ เลือกครูผู้สอนที่ต้องการประเมิน ✅ ทำแบบประเมินผ่านมือถือหรือคอมพิวเตอร์ ✅ บันทึกข้อมูลอย่างรวดเร็วและเป็นระบบ ✅ รองรับการประเมินตามช่วงเวลาที่กำหนด ━━━━━━━━━━━━━━ 👩‍🏫 ส่วนครูผู้สอน ━━━━━━━━━━━━━━ ✅ ดูผลการประเมินตนเองได้ทันที ✅ ดูคะแนนเฉลี่ยแยกตามด้านการประเมิน ✅ แสดงผลแบบกราฟเข้าใจง่าย ✅ อ่านข้อเสนอแนะเพื่อนำไปพัฒนาการสอน ✅ ไม่เปิดเผยตัวผู้ประเมิน เพื่อความโปร่งใส ━━━━━━━━━━━━━━ 🔐 ระบบความปลอดภัย ━━━━━━━━━━━━━━ ✔ Authentication & Authorization ✔ Session Validation ✔ CSRF Protection ✔ SQL Injection Protection (Prepared Statements) ✔ Audit Log ตรวจสอบประวัติการใช้งาน ✔ โครงสร้างพร้อมต่อยอดและบำรุงรักษาง่าย 🎯 เหมาะสำหรับ 🏫 โรงเรียนระดับมัธยมศึกษา 📊 งานประเมินคุณภาพการศึกษา 📚 งานประเมินครูผู้สอน 📄 งานจัดทำรายงานและข้อมูลประกอบการบริหาร 📥 ดาวน์โหลดฟรีผ่านระบบ CodeHub สามารถนำไปศึกษา ปรับปรุง และพัฒนาต่อยอดได้ ❌ ไม่อนุญาตให้นำไปจำหน่าย ❌ ไม่อนุญาตรีแบรนด์เพื่อขายต่อ หากนำไปใช้งานจริง สามารถแชร์ผลงานหรือแนวทางการต่อยอดมาแลกเปลี่ยนกันได้ค่ะ 🙏

ระบบจัดการสิทธิ์ผู้ใช้งานระดับมืออาชีพ

🚀 แจกฟรีสำหรับสมาชิก VIP ในระบบ CodeHub 🔥 SecureLogin System — ระบบจัดการสิทธิ์ผู้ใช้งานระดับมืออาชีพ พร้อมโครงสร้างระบบครบ ใช้งานจริงได้ทันที 💯 พัฒนาด้วย PHP 8.2+ และ MySQL รองรับการต่อยอดได้อีกหลายระบบ ✅ Login 2 ระดับ (Admin / User) ✅ ระบบจัดการผู้ใช้งาน CRUD ✅ Dashboard สวย Modern Glassmorphism ✅ AJAX + SweetAlert2 ✅ Chart.js รายงานสถิติ ✅ ระบบตั้งค่าเว็บไซต์ ✅ CSRF Protection ✅ Session Security ✅ PDO Prepared Statements ✅ bcrypt Password Hash ✅ Role Permission ✅ Session Timeout ✅ Responsive รองรับมือถือ 📦 โครงสร้างระบบแยกเป็นสัดส่วน * admin/ * auth/ * config/ * assets/ * ajax/ * user/ 💡 เหมาะสำหรับนำไปต่อยอด: * ระบบสารสนเทศโรงเรียน * ระบบนักเรียน * ระบบบุคลากร * ระบบแจ้งซ่อม * ระบบจองห้อง * ระบบลงทะเบียนกิจกรรม * ระบบ E-Office * ระบบสมาชิก * ระบบจัดการเอกสาร * ระบบ CMS ภายในองค์กร 🎯 ภายในประกอบด้วย ✔ database.sql ✔ ระบบติดตั้ง setup.php ✔ ระบบ Login AJAX ✔ Dashboard Admin/User ✔ CRUD Users ✔ Reports Chart ✔ Settings System ✔ Security Best Practice 🔥 เขียนโค้ดแบบ Clean Structure 🔥 พร้อมศึกษาและนำไปพัฒนาต่อได้ทันที วิธีติดตั้ง (ทำครั้งเดียว) ขั้นตอนที่ 1 — เปิด XAMPP แล้วสตาร์ท Apache + MySQL ขั้นตอนที่ 2 — Import schema ฐานข้อมูล phpMyAdmin → Import → เลือกไฟล์ database.sql → Go ขั้นตอนที่ 3 — สร้างบัญชีเริ่มต้น http://localhost/login/setup.php แล้ว ลบ setup.php ออก ทันที ขั้นตอนที่ 4 — เข้าใช้งาน http://localhost/login/

ระบบออกใบรับรองผลการศึกษาอัตโนมัติ

🎓 แจกฟรี! ระบบออกใบรับรองผลการศึกษาอัตโนมัติ ดาวน์โหลดได้แล้วในระบบ CodeHub ❌ ไม่อนุญาตให้นำไปจำหน่ายต่อทุกกรณี ✅ นำไปศึกษา ปรับแต่ง และใช้งานภายในหน่วยงานได้ จากงานเอกสารที่ใช้เวลาหลายขั้นตอน… เปลี่ยนเป็นระบบออกเอกสารอัตโนมัติภายในไม่กี่คลิก ✨ 🔎 ค้นหาและยืนยันตัวตนนักเรียน นักเรียนกรอก • รหัสประจำตัวนักเรียน • เลขบัตรประชาชน 4 ตัวท้าย ระบบตรวจสอบอัตโนมัติ พร้อมรองรับ 2 โหมด ✅ เชื่อม Google Apps Script → ดึงข้อมูลจริงจาก Google Sheets ✅ โหมดทดลอง → ใช้ MOCK DATA ทดสอบได้ทันที ไม่ Error 📄 แสดงผลข้อมูลก่อนออกเอกสาร เมื่อค้นหาสำเร็จ ระบบจะแสดงข้อมูลสำคัญ เช่น • ชื่อ–สกุล • ระดับชั้น • GPA • สถานะการศึกษา พร้อมปุ่ม 👀 ดูตัวอย่างเอกสาร ⬇️ ดาวน์โหลด PDF 🖨️ สร้างใบรับรองอัตโนมัติ ระบบเตรียมแม่แบบ A4 ไว้ล่วงหน้า พร้อม • โลโก้ • หัวกระดาษ • ช่องลงนาม และเติมข้อมูลให้อัตโนมัติ เช่น ✅ ตารางผลการเรียนรายวิชา ✅ คำนวณหน่วยกิตรวม ✅ แปลงวันที่ภาษาไทย 📌 Preview ก่อนดาวน์โหลด เปิดดูใบรับรองแบบเต็มหน้าจอ ตรวจสอบข้อมูลก่อนออกเอกสารจริง 📥 Export PDF อัตโนมัติ ใช้เทคนิค Clone Template + html2pdf.js สร้าง PDF จากหน้าเว็บแบบสัดส่วนตรงตามเอกสาร พร้อมดาวน์โหลดทันที 🛠 เทคโนโลยีที่ใช้ ✨ Google Apps Script ✨ Google Sheets Database ✨ Tailwind CSS (Glassmorphism + Responsive) ✨ SweetAlert2 (Alert + Loading สวยงาม) ✨ Vanilla JavaScript ✨ ป้องกัน XSS ด้วย escapeHtml() เหมาะสำหรับโรงเรียนที่ต้องการลดงานเอกสาร เพิ่มความรวดเร็ว และยกระดับงานบริการนักเรียนสู่ยุคดิจิทัล 🚀 📥 ดาวน์โหลดได้ในระบบ CodeHub หากนำไปต่อยอด อย่าลืมให้เครดิตต้นฉบับด้วยนะคะ ❤️

ระบบติดตามการไปราชการของบุคลากร

🎁 แจกฟรี! ระบบติดตามการไปราชการ ดาวน์โหลดได้แล้วในระบบ CodeHub ❌ ไม่อนุญาตให้นำไปจำหน่ายต่อทุกกรณี ✅ สามารถนำไปศึกษา ปรับปรุง และใช้งานภายในหน่วยงานได้ ระบบนี้ออกแบบมาเพื่อช่วยลดขั้นตอนการจัดการเอกสาร และทำให้การติดตามสถานะการไปราชการเป็นเรื่องง่ายขึ้น ✨ ฟีเจอร์เด่นของระบบ 📌 หน้าเว็บใช้งานง่าย แบ่งหน้าจอเป็น 2 ส่วน • แบบฟอร์มขออนุญาต • ตารางรายการล่าสุด รองรับทั้งมือถือและคอมพิวเตอร์ (Responsive Design) 📌 โหลดข้อมูลอัตโนมัติ เปิดระบบแล้วดึงข้อมูลจาก Google Sheet ผ่าน Apps Script ทันที เรียงรายการใหม่ล่าสุดขึ้นก่อน ไม่ต้องค้นหาเอง 📌 ตรวจสอบข้อมูลก่อนบันทึก (Validation) ระบบเช็กวันเริ่มต้น–สิ้นสุดอัตโนมัติ หากกรอกผิด มี Pop-up แจ้งเตือนทันที 📌 บันทึกข้อมูลแบบลื่นไหล กดบันทึก → แสดงสถานะกำลังโหลด → ส่งข้อมูล → บันทึกลง Google Sheet 📌 อัปเดตผลแบบ Real-time บันทึกสำเร็จ → แจ้งเตือน → ล้างฟอร์ม → รีโหลดตารางทันที ไม่ต้องกด Refresh 📌 แจ้งเตือนข้อผิดพลาดชัดเจน หากเกิดปัญหา ระบบจะแสดง Pop-up พร้อมสาเหตุ 📌 ระบบสีสถานะอัตโนมัติ 🟡 รอดำเนินการ 🟢 อนุมัติ 🔴 ไม่อนุมัติ / ยกเลิก ผู้ดูแลสามารถแก้สถานะจาก Google Sheet แล้วหน้าเว็บเปลี่ยนสีตามทันที 💡 เหมาะสำหรับโรงเรียน หน่วยงานราชการ หรือองค์กรที่ต้องการลดงานเอกสารและติดตามข้อมูลได้สะดวกมากขึ้น 📥 เข้า CodeHub เพื่อดาวน์โหลดได้เลย หากนำไปต่อยอด อย่าลืมให้เครดิตต้นฉบับด้วยนะคะ ❤️