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

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

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

ระบบจัดการพัสดุโรงเรียน

📦 ระบบจัดการพัสดุโรงเรียน ด้วย Google Apps Script + Google Sheets สรุปภาพรวมและวงจรการทำงานของ “ระบบจัดการพัสดุ” เพื่อเตรียมนำไปประยุกต์ใช้ใน ให้การบริหารจัดการพัสดุเป็นระบบ ตรวจสอบได้ และลดปัญหาพัสดุตกหล่นอย่างมีประสิทธิภาพ ในกรณีมีพัสดุส่งของที่โรงเรียน 🔹 เทคโนโลยีที่ใช้ ✅ Google Apps Script (GAS) ✅ Google Sheets (Database) ✅ Web App (ระบบใช้งานผ่านหน้าเว็บไซต์) 📥 ขั้นตอนที่ 1 : รับพัสดุเข้าระบบ (Inbound) เมื่อบริษัทขนส่งนำพัสดุมาส่งที่โรงเรียน เจ้าหน้าที่เพียงกรอกข้อมูลผ่านหน้าเว็บ ได้แก่ • เลขพัสดุ • ชื่อผู้รับ • บริษัทขนส่ง ระบบจะบันทึกข้อมูลลง Google Sheets พร้อมประทับวันเวลาอัตโนมัติ และกำหนดสถานะเป็น 🟡 “รอผู้รับมารับ” 📋 ขั้นตอนที่ 2 : แสดงรายการพัสดุรอรับ (Processing & Display) ระบบจะดึงข้อมูลจากฐานข้อมูลและกรองเฉพาะพัสดุที่ยังไม่มีการรับของ เจ้าหน้าที่สามารถ 🔍 ค้นหาชื่อผู้รับ 🔍 ค้นหาเลขพัสดุ 🔍 ตรวจสอบจำนวนพัสดุคงค้าง ได้อย่างรวดเร็วผ่านหน้าเว็บ 📤 ขั้นตอนที่ 3 : จ่ายพัสดุให้ผู้รับ (Outbound) เมื่อครูหรือ นักเรียนมาติดต่อรับพัสดุ เจ้าหน้าที่เพียงกด ✅ “ยืนยันการรับ” ระบบจะ • เปลี่ยนสถานะเป็น “รับของแล้ว” • บันทึกวันและเวลาที่มารับของ • นำรายการออกจากหน้ารอรับโดยอัตโนมัติ 📊 ข้อมูลทุกขั้นตอนถูกจัดเก็บใน Google Sheets สามารถตรวจสอบย้อนหลังได้ตลอดเวลา 🎯 ประโยชน์ที่ได้รับ ✅ ลดปัญหาพัสดุสูญหาย ✅ ป้องกันการรับพัสดุผิดคน ✅ ตรวจสอบสถานะได้แบบเรียลไทม์ ✅ มีประวัติการรับ-จ่ายย้อนหลัง ✅ ลดภาระงานเอกสารของฝ่ายธุรการ ✅ สามารถตรวจสอบพัสดุคงค้างประจำวันได้ทันที ระบบเล็ก ๆ ที่ช่วยยกระดับการบริหารจัดการภายในโรงเรียนให้มีประสิทธิภาพมากขึ้น และเป็นอีกหนึ่งตัวอย่างของการนำเทคโนโลยีดิจิทัลมาช่วยงานธุรการให้รวดเร็ว โปร่งใส และตรวจสอบได้ทุกขั้นตอน ไม่อนุญาตให้จำหน่าย

ระบบสร้างฟอร์มออนไลน์อัจฉริยะ

🎉 แจกฟรี App Script ระบบสร้างฟอร์มออนไลน์อัจฉริยะ (Dynamic Form Builder) สำหรับ VIP เปลี่ยน Google Sheets ให้กลายเป็นระบบสร้างฟอร์มออนไลน์ได้ในไม่กี่นาที โดยไม่ต้องแก้ไขโค้ดทุกครั้งที่ต้องการเปลี่ยนคำถาม ⚠️ ดาวน์โหลดฟรีเพื่อการศึกษาและใช้งานภายในหน่วยงาน ❌ ไม่อนุญาตให้นำ Source Code ไปจำหน่าย ดัดแปลงเพื่อการค้า หรือเผยแพร่ต่อในเชิงพาณิชย์ 📥 ดาวน์โหลดได้ผ่านระบบ CodeHub เท่านั้น ✨ จุดเด่นของระบบ 📝 สร้างฟอร์มออนไลน์ได้แบบ Dynamic 🔄 เปลี่ยนคำถาม เพิ่ม-ลดช่องกรอกข้อมูลได้จาก Google Sheets โดยไม่ต้องแก้ไขโค้ด 📱 รองรับการใช้งานบนมือถือ แท็บเล็ต และคอมพิวเตอร์ ⚡ โหลดฟอร์มอัตโนมัติตามการตั้งค่าจาก Google Sheets 📊 บันทึกข้อมูลผู้ตอบลง Google Sheets แบบ Real-time 🕒 บันทึกวันและเวลาที่ส่งข้อมูลให้อัตโนมัติ (Timestamp) 🎯 รองรับช่องกรอกข้อมูลหลายรูปแบบ เช่น • Text (ข้อความสั้น) • Textarea (ข้อความยาว) • Email • Number • Date • Telephone • Select Dropdown ✅ กำหนดช่องบังคับกรอก (Required) ได้ ✅ สร้างตัวเลือก Dropdown ได้จาก Google Sheets 🚀 ระบบสร้างโครงสร้างฐานข้อมูลให้อัตโนมัติเมื่อเปิดใช้งานครั้งแรก 🔧 เทคโนโลยีที่ใช้ • Google Apps Script • Google Sheets • HTML5 • JavaScript • Tailwind CSS 💡 หลักการทำงาน ระบบจะอ่านโครงสร้างฟอร์มจากแท็บ “Form Config” ภายใน Google Sheets แล้วสร้างหน้าฟอร์มขึ้นมาอัตโนมัติ เมื่อผู้ใช้งานกรอกข้อมูลและกดส่ง ระบบจะบันทึกข้อมูลลงแท็บ “Form Responses” พร้อมประทับวันและเวลาให้ทันที เพียงแก้ไขข้อมูลใน Sheet แล้วกด Refresh หน้าเว็บ แบบฟอร์มก็จะเปลี่ยนตามที่กำหนดทันที โดยไม่ต้องเขียนโค้ดเพิ่มเติม 🎯 เหมาะสำหรับ ✅ แบบฟอร์มลงทะเบียน ✅ แบบฟอร์มสมัครกิจกรรม ✅ แบบสำรวจความคิดเห็น ✅ แบบบันทึกข้อมูลนักเรียน ✅ แบบเก็บข้อมูลหน่วยงาน ✅ ระบบรับคำขอออนไลน์ ✅ ระบบสารสนเทศภายในองค์กร 📥 ดาวน์โหลดได้ผ่านระบบ CodeHub ขอความร่วมมือเคารพลิขสิทธิ์ของผู้พัฒนา และงดนำ Source Code ไปเผยแพร่หรือจำหน่ายต่อทุกกรณี