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

ระบบประเมินความพึงพอใจและดาวน์โหลดเกียรติบัตร

ระบบ “แบบประเมินความพึงพอใจ พร้อมรับเกียรติบัตรออนไลน์” 🔹 ภาพรวมระบบ เป็น Web App สำหรับให้ผู้ใช้งานเข้ามาประเมินความพึงพอใจ เมื่อประเมินเสร็จ ระบบจะบันทึกข้อมูลและ สร้างเกียรติบัตรเป็นไฟล์ PDF ให้ดาวน์โหลดได้ทันที ไม่ต้องรออีเมล เหมาะกับการใช้งานจริงในโรงเรียนและหน่วยงาน 🔹 ส่วนหน้าเว็บไซต์ (Frontend) • ดีไซน์ด้วย Bootstrap 5 โทนฟ้า-ขาว ดูเป็นทางการ ใช้งานได้ทั้งคอมและมือถือ • ใช้ฟอนต์ Sarabun ทั้งระบบ อ่านง่าย เหมาะกับงานราชการ • แบบประเมิน 5 ด้าน (คะแนน 1–5) ▪ ความสะดวกในการใช้งาน ▪ ความรวดเร็ว ▪ การจัดวาง ▪ ความสวยงาม ▪ ความพึงพอใจโดยรวม • มีสถานะการทำงานครบ: กรอกข้อมูล → กำลังประมวลผล → ดาวน์โหลด PDF 🔹 การจัดการข้อมูล (Google Sheets) • ใช้โครงสร้างฐานข้อมูลแบบเรียบง่าย • คะแนน “ความพึงพอใจโดยรวม” ใช้เป็น คะแนนหลัก • คะแนนย่อย Q1–Q4 จะถูกรวมเป็นข้อความแนบในช่องข้อเสนอแนะ ✅ ข้อดีคือ เก็บข้อมูลครบทุกมิติ โดยไม่ต้องเพิ่มคอลัมน์ให้ยุ่งยาก 🔹 เทคโนโลยีที่ใช้ • HTML5 / CSS3 / JavaScript / Bootstrap • เชื่อมต่อ Google Apps Script ด้วย google.script.run • บันทึกข้อมูล + สร้างเกียรติบัตร PDF แบบอัตโนมัติ 📌 เหมาะมากสำหรับ โรงเรียน / โครงการอบรม / เว็บไซต์หน่วยงาน ที่ต้องการเก็บ Feedback และมอบเกียรติบัตรแบบมืออาชีพ 👉 ลิงก์ดาวน์โหลดเทมเพลต อยู่ใต้คอมเมนต์ค่ะ สายครูนักพัฒนา เอาไปปรับใช้ต่อได้ทันที 💻✨ การแก้ไข App Script 1. ไฟล์ code.gs - แก้ไข SHEET_ID บรรทัดที่ 4 - แก้ไข SLIDE_TEMPLATE_ID บรรทัดที่ 5 2. ไฟล์ index.html - แก้ไขแบบประเมิน บรรทัดที่ 133 เป็นต้นไป - หากมีแบบประเมินมากกว่า 5 ข้อ แก้ไขบรรทัดที่ 284-300

ระบบรับคำร้องออนไลน์

ระบบรับคำร้องออนไลน์ พร้อมออกเลขคำร้องและสร้าง PDF อัตโนมัติ (Google Apps Script) ปัจจุบันหลายหน่วยงานต้องรับคำร้องจากประชาชนจำนวนมาก ไม่ว่าจะเป็นคำร้องขอเอกสาร แจ้งเรื่องต่าง ๆ หรือยื่นคำขอบริการต่าง ๆ หากยังใช้กระดาษหรือบันทึกมือ อาจทำให้การจัดเก็บข้อมูลและการค้นหาย้อนหลังทำได้ยาก วันนี้มี ระบบรับคำร้องออนไลน์แบบอัตโนมัติ ที่พัฒนาด้วย Google Apps Script + Google Sheets + Google Docs + Google Drive มาแบ่งปันให้ใช้งานค่ะ 🎉 ระบบนี้เป็น Web Application ที่ประชาชนสามารถกรอกคำร้องผ่านหน้าเว็บได้ทันที และระบบจะทำงานอัตโนมัติครบวงจร ได้แก่ ✅ กรอกข้อมูลคำร้องผ่านหน้าเว็บ ✅ ระบบออก เลขคำร้องอัตโนมัติ ตามวันที่ ✅ สร้าง ไฟล์ PDF ใบรับคำร้อง ทันที ✅ บันทึกข้อมูลลง Google Sheets เป็นฐานข้อมูล ✅ เก็บไฟล์ PDF ใน Google Drive ✅ ผู้ยื่นคำร้องสามารถ ดาวน์โหลด PDF ได้ทันทีหลังส่งข้อมูล ช่วยให้หน่วยงานสามารถ • ลดการใช้กระดาษ • จัดเก็บข้อมูลเป็นระบบ • ค้นหาคำร้องย้อนหลังได้ง่าย • เพิ่มความสะดวกให้ประชาชน ⸻ 🏢 ระบบนี้เหมาะกับหน่วยงาน เช่น • เทศบาล / อบต. • ที่ว่าการอำเภอ • หน่วยงานราชการที่รับคำร้องจากประชาชน • โรงเรียน / สถานศึกษา • โรงพยาบาล / สาธารณสุข • งานทะเบียน / งานธุรการ • งานรับเรื่องร้องเรียน / แจ้งปัญหาชุมชน ⸻ ⚙️ จุดเด่นของระบบ • ใช้เครื่องมือฟรีจาก Google ทั้งหมด • ไม่ต้องมี Hosting • ไม่ต้องมีฐานข้อมูล MySQL • ทำงานผ่าน Google Drive ได้ทันที • สามารถแก้ไขแบบฟอร์มและเทมเพลต PDF ได้เอง ⸻ 📦 แจกฟรี App Script ระบบนี้ สามารถนำไปปรับใช้กับหน่วยงานของท่านได้ทันที ❌ ไม่อนุญาตให้นำไปจำหน่าย ⸻ หากหน่วยงานไหนกำลังมองหา ระบบรับคำร้องออนไลน์แบบง่าย ๆ แต่ทำงานอัตโนมัติครบวงจร ระบบนี้สามารถนำไปใช้งานได้ทันทีค่ะ 😊

ระบบรับสมัครนักเรียนออนไลน์

ระบบรับสมัครนักเรียนออนไลน์ พัฒนาด้วย Google App Script เหมาะสำหรับโรงเรียนที่ต้องการระบบสมัครเรียนแบบออนไลน์ ใช้งานจริงได้ทันที ⸻ 📌 สรุปการทำงานของระบบรับสมัครนักเรียนออนไลน์ 🟢 1. การรับข้อมูล (Data Input) • รับข้อมูลจากหน้าเว็บในรูปแบบ JSON • เก็บข้อมูลนักเรียน (ชื่อ, เลขบัตรประชาชน, ระดับชั้น) • เก็บข้อมูลผู้ปกครอง • ไฟล์แนบ (รูปถ่าย, ทะเบียนบ้าน) ส่งมาในรูปแบบ Base64 🟢 2. การจัดการไฟล์หลักฐาน (File Management) • แปลง Base64 กลับเป็นไฟล์จริง • อัปโหลดเข้า Google Drive Folder ที่กำหนด • ตั้งค่าสิทธิ์แชร์อัตโนมัติ เปิดดูเอกสารได้ทันทีจากลิงก์ 🟢 3. การบันทึกข้อมูล (Google Sheets) • ตรวจสอบและสร้าง Sheet ชื่อ “ข้อมูลการสมัคร” อัตโนมัติ • บันทึกข้อมูลลงในแถวใหม่ • แนบลิงก์ไฟล์เอกสารจาก Google Drive ให้เจ้าหน้าที่คลิกดูได้ทันที 🟢 4. การยืนยันผล (Confirmation) • แสดงสถานะ บันทึกข้อมูลสำเร็จ บนหน้าเว็บ • ส่งอีเมลยืนยันไปยังผู้ปกครองด้วย MailApp 🟢 5. ความปลอดภัยและสิทธิ์การเข้าถึง • กำหนด OAuth Scopes ชัดเจน (Drive, Sheet, Email) • ใช้โครงสร้าง try...catch ช่วยตรวจสอบ Error ได้ง่าย ⸻ 📌 เงื่อนไขการใช้งาน ✅ ใช้เพื่อการศึกษา ✅ นำไปปรับปรุงและพัฒนาต่อยอดได้ 🚫 ไม่อนุญาตให้นำไปจำหน่ายหรือแสวงหาผลกำไร เพื่อแบ่งปันความรู้และช่วยลดภาระงานของโรงเรียนค่ะ 💙 วิธีการนำไปใช้งาน 1. สร้างโฟล์เดอร์เก็บไฟล์ 2. แก้ไข DRIVE_FOLDER_ID บรรทัดที่ 2

ระบบออกเกียรติบัตรออนไลน์

ระบบออกเกียรติบัตรออนไลน์ (PHP + MySQL) ใช้งานง่าย อัตโนมัติ ตรวจสอบย้อนหลังได้ครบจบในระบบเดียว วันนี้ขอสรุปภาพรวมของ “ระบบออกเกียรติบัตรออนไลน์” ที่ครูนุ่มได้พัฒนาแบบง่ายๆ ออกแบบมาให้ทำงานแบบอัตโนมัติ (Auto) ใช้งานง่าย (User-Friendly) และมีฐานข้อมูลเก็บประวัติอย่างเป็นระบบ ✅ ━━━━━━━━━━━━━━ 🔄 Workflow การทำงานของระบบ 1️⃣ ผู้ใช้งานเข้าเว็บ (Frontend) เปิดหน้า index.php รองรับทั้งมือถือและคอมพิวเตอร์ กรอก “ชื่อ” และ “นามสกุล” แล้วกดปุ่มสร้างเกียรติบัตร 2️⃣ ระบบประมวลผล (Processing) ข้อมูลถูกส่งไปที่ generate.php 3️⃣ บันทึกฐานข้อมูล + สร้างเลขรันนิ่ง (Database) • บันทึกชื่อ-นามสกุลลง MySQL • ดึง ID ล่าสุดมาสร้างเลขเอกสาร เช่น NO. 2026-00001 • อัปเดตกลับเข้า Database ให้สมบูรณ์ 4️⃣ สร้างภาพเกียรติบัตร (Image Generation) ใช้ GD Library ของ PHP ดึงไฟล์ template.jpg วางข้อความด้วยฟอนต์ THSarabunNew 📌 เลขที่เกียรติบัตร → มุมขวาบน 📌 ชื่อ-นามสกุล → คำนวณความกว้างและจัดกึ่งกลางอัตโนมัติ 5️⃣ ดาวน์โหลดทันที (Output) ระบบส่งออกไฟล์ .jpg และสั่งให้เบราว์เซอร์ดาวน์โหลดทันที ━━━━━━━━━━━━━━ 📂 โครงสร้างไฟล์ในโปรเจกต์ (5 ไฟล์หลัก) ▪️ index.php → หน้ากรอกข้อมูล (Responsive + Modern CSS) ▪️ generate.php → หัวใจหลักของระบบ ▪️ db.php → เชื่อมต่อฐานข้อมูลด้วย PDO (ปลอดภัยสูง) ▪️ template.jpg → พื้นหลังใบเกียรติบัตร ▪️ THSarabunNew.ttf → ฟอนต์ภาษาไทยสวยงาม ━━━━━━━━━━━━━━ 🗄️ โครงสร้างฐานข้อมูล Database: certificate_db Table: records เก็บข้อมูลดังนี้ • id (Auto Increment) • first_name • last_name • cert_number • created_at ━━━━━━━━━━━━━━ ✨ จุดเด่นของระบบนี้ ✅ Auto-Center ไม่ว่าชื่อจะสั้นหรือยาว ระบบจัดให้อยู่ “กึ่งกลางกระดาษ” เสมอ ✅ Running Number เลขที่รันอัตโนมัติ ดูเป็นทางการและตรวจสอบได้ ✅ Data Tracking ทุกใบมีประวัติบันทึกย้อนหลัง ป้องกันการสวมรอย ✅ Responsive Design เปิดจากมือถือก็ใช้งานได้พอดีจอ ━━━━━━━━━━━━━━ เหมาะสำหรับ 🏫 โรงเรียน 🏢 หน่วยงานราชการ 🎓 โครงการอบรม / สัมมนา 📜 งานแข่งขัน / กิจกรรมต่าง ๆ

ระบบรับสมัครนักเรียนออนไลน์

ระบบรับสมัครนักเรียนออนไลน์ (PHP + MySQL) พัฒนาเอง ใช้งานจริง พร้อมต่อยอด 🚀 ใครกำลังมองหา “ต้นแบบระบบรับสมัครนักเรียน” ที่ ไม่ใช่แค่เดโม แต่เอาไปใช้จริงได้เลย โพสต์นี้ห้ามพลาดค่ะ 👇 ขอแจก ระบบรับสมัครนักเรียนออนไลน์ ที่พัฒนาด้วย 🧩 PHP 8+ + MySQL 📄 สร้างใบสมัครเป็น PDF เอกสารราชการ อัตโนมัติ ⸻ 🔹 ภาพรวมระบบ ระบบออกแบบมาให้ทำงานครบในตัว 👉 กรอกข้อมูลออนไลน์ 👉 บันทึกข้อมูลลงฐานข้อมูล 👉 พิมพ์ใบสมัคร PDF ได้ทันที เหมาะมากสำหรับ 🏫 โรงเรียน 👨‍🏫 ครูสายพัฒนาระบบ 🧑‍💻 นักเรียนทำโครงงาน / ผู้เริ่มต้น PHP ⸻ 🔹 โครงสร้างระบบ (เข้าใจง่าย) 📌 Front-end • Bootstrap 5 (Responsive ใช้ได้ทั้งมือถือ/คอม) • ฟอนต์ Sarabun ดูเป็นทางการ อ่านง่าย 📌 Back-end • PHP ประมวลผลข้อมูล • ใช้ Prepared Statement ป้องกัน SQL Injection • สร้าง PDF ด้วย mPDF 📌 Database • MySQL • ตารางเดียว (students) จัดการง่าย เหมาะกับการต่อยอด ⸻ 🔹 ไฟล์หลักของระบบ 🗂 db.php – เชื่อมต่อฐานข้อมูล (UTF-8 รองรับภาษาไทย) 🗂 index.php – ฟอร์มสมัคร UI ทันสมัย แบ่งข้อมูลชัดเจน 🗂 save_register.php – บันทึกข้อมูลอย่างปลอดภัย 🗂 print_pdf.php – สร้างใบสมัคร PDF ขนาด A4 พร้อมพิมพ์ ⸻ 🔹 จุดเด่นที่คนโหลดไปใช้ชอบมาก ✅ กรอก > บันทึก > พิมพ์ จบในระบบเดียว ✅ ใบสมัคร PDF หน้าตา “เอกสารราชการจริง” ✅ วางรูปถ่าย / เลขที่ใบสมัคร ไม่ซ้อน ✅ โค้ดอ่านง่าย เหมาะสำหรับนำไป พัฒนาต่อ ⸻ 🔹 ต่อยอดได้ทันที 💡 เพิ่มระบบ Login แอดมิน 💡 หน้ารายงานผู้สมัคร 💡 Export รายชื่อเป็น Excel 💡 ปรับใช้กับระบบสมัครอื่น ๆ ได้อีกเพียบ ⸻ 🎁 แจกฟรีเพื่อการศึกษาและพัฒนา ใครสายครู สายโค้ด สายระบบ โหลดไปศึกษา / ใช้งาน / ต่อยอดได้เลยค่ะ

ระบบสมัครสภานักเรียน

ระบบนี้ถูกออกแบบมาเพื่อให้การสมัครสภานักเรียนเป็นเรื่องง่าย สะดวก และเป็นระบบดิจิทัลครบวงจร ตั้งแต่รับข้อมูลจนได้ใบสมัครอย่างเป็นทางการ 🔧 เทคโนโลยีที่ใช้ในระบบ •🎨 Canva Code ออกแบบฟอร์มสมัคร ใช้งานง่าย เหมาะกับนักเรียน •📊 Google Sheet บันทึกและจัดเก็บข้อมูลผู้สมัครอย่างเป็นระบบ •🗂️ Google Drive จัดเก็บรูปภาพพรรค หัวหน้าพรรค และสมาชิก •📝 Google Doc สร้างใบสมัครอัตโนมัติจากข้อมูลที่กรอก •⚙️ Google Apps Script ทำหน้าที่เชื่อมทุกระบบเข้าด้วยกัน ➜ บันทึกข้อมูล ➜ จัดเก็บไฟล์ ➜ สร้างเอกสาร ➜ แปลงใบสมัครเป็น ไฟล์ PDF อัตโนมัติ ✨ ผลลัพธ์ที่ได้ • ลดงานเอกสารซ้ำซ้อน • ข้อมูลไม่สูญหาย ตรวจสอบย้อนหลังได้ • ใบสมัครเป็นมาตรฐานเดียวกันทุกพรรค • นักเรียนและครูใช้งานสะดวก รวดเร็ว 📌 นี่คือตัวอย่างการนำเครื่องมือดิจิทัลมาประยุกต์ใช้จริงในโรงเรียน เพื่อพัฒนาทักษะดิจิทัลและการบริหารจัดการอย่างมีประสิทธิภาพ วิดีโอการใช้งานระบบ : https://www.youtube.com/watch?v=kJesP9o2-to&t=8s