คลังโค้ดครู 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 สำหรับงานการศึกษาอย่างต่อเนื่องค่ะ 😊

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

🎉 **แจกฟรี! 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 ดี ๆ มาแจกฟรีอย่างต่อเนื่อง

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

🎉 **แจกฟรี! ระบบยืม-คืนอุปกรณ์โสตทัศนูปกรณ์ ด้วย 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 จากการทำสำเนา

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

🎓 แจกฟรี! ระบบออกใบรับรองผลการศึกษาอัตโนมัติ ดาวน์โหลดได้แล้วในระบบ 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 เพื่อดาวน์โหลดได้เลย หากนำไปต่อยอด อย่าลืมให้เครดิตต้นฉบับด้วยนะคะ ❤️