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

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

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