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

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

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

ระบบฐานข้อมูลผลงานวิชาการ

🎉 แจกฟรี App Script ระบบฐานข้อมูลผลงานวิชาการ อีกหนึ่งผลงานที่พัฒนาด้วย Google Apps Script สำหรับจัดเก็บ ค้นหา และบริหารจัดการข้อมูลผลงานวิชาการผ่านระบบออนไลน์ ใช้งานง่าย รองรับทั้งคอมพิวเตอร์และโทรศัพท์มือถือ ⚠️ ดาวน์โหลดฟรีเพื่อการศึกษาและใช้งานในหน่วยงาน ❌ ไม่อนุญาตให้นำไปจำหน่าย หรือดัดแปลงเพื่อการค้า 📥 ดาวน์โหลดได้ผ่านระบบ CodeHub เท่านั้น ✨ จุดเด่นของระบบ 📚 จัดเก็บข้อมูลผลงานวิชาการได้อย่างเป็นระบบ 📝 เพิ่ม ลบ และจัดการข้อมูลผ่านหน้าเว็บได้ทันที 📱 รองรับการใช้งานทุกอุปกรณ์ (Responsive Design) 🎨 ออกแบบทันสมัยด้วย Tailwind CSS 📊 แสดงรายการผลงานในรูปแบบตาราง พร้อมนับจำนวนผลงานทั้งหมดอัตโนมัติ 🏷️ แยกประเภทผลงานด้วยสี ช่วยให้ค้นหาและดูข้อมูลได้ง่ายขึ้น 🔄 เรียงลำดับข้อมูลตามปีที่เผยแพร่จากใหม่ไปเก่าอัตโนมัติ ⚡ ระบบแจ้งเตือนสถานะการทำงานแบบ Real-time ทั้งการบันทึก ลบ หรือแจ้งข้อผิดพลาด ☁️ เชื่อมต่อ Google Sheets เป็นฐานข้อมูลหลังบ้าน ไม่ต้องติดตั้งระบบฐานข้อมูลเพิ่มเติม 🔧 เทคโนโลยีที่ใช้ • Google Apps Script (Backend) • Google Sheets (Database) • HTML, CSS, JavaScript • Tailwind CSS • Responsive Web Design 💡 ระบบถูกออกแบบในรูปแบบ Single Page Application (SPA) ทำให้ใช้งานได้รวดเร็ว ไม่ต้องโหลดหน้าเว็บใหม่ทุกครั้งที่เพิ่มหรือลบข้อมูล ช่วยให้การจัดการผลงานวิชาการเป็นเรื่องง่าย สะดวก และเป็นระบบมากยิ่งขึ้น 📌 เหมาะสำหรับ ✅ โรงเรียน ✅ วิทยาลัย ✅ มหาวิทยาลัย ✅ หน่วยงานทางการศึกษา ✅ งานวิจัยและพัฒนาทางวิชาการ 📥 ดาวน์โหลดได้ในระบบ CodeHub กรุณาเคารพลิขสิทธิ์ของผู้พัฒนา และงดนำ Source Code ไปเผยแพร่หรือจำหน่ายต่อทุกกรณี #GoogleAppsScript #AppScript #CodeHub #ผลงานวิชาการ #ฐานข้อมูลออนไลน์ #GoogleSheets #WebApplication #แจกฟรี #ครูยุคดิจิทัล #DigitalTransformation

ระบบเก็บข้อมูลผู้ป่วยติดเตียงพร้อมแผนที่

🎉 แจกฟรี App Script ระบบเก็บข้อมูลผู้ป่วยติดเตียง พร้อมแผนที่และพิกัด GPS เพื่อสนับสนุนการนำเทคโนโลยีไปใช้ในงานสาธารณสุขและงานบริการชุมชน ขอมอบ Source Code ระบบเก็บข้อมูลผู้ป่วยติดเตียง พัฒนาด้วย Google Apps Script ให้ดาวน์โหลดและนำไปศึกษา ปรับปรุง และใช้งานได้ฟรี ⚠️ ไม่อนุญาตให้นำ Source Code ไปจำหน่าย ดัดแปลงเพื่อการค้า หรือเผยแพร่ต่อในเชิงพาณิชย์ทุกกรณี 📥 ดาวน์โหลดได้ผ่านระบบ CodeHub เท่านั้น ✨ ความสามารถของระบบ ✅ บันทึกข้อมูลผู้ป่วยติดเตียงผ่านเว็บแอปพลิเคชัน ✅ ใช้งานได้ทั้งคอมพิวเตอร์และโทรศัพท์มือถือ ✅ แสดงตำแหน่งผู้ป่วยบนแผนที่แบบ Interactive ✅ รองรับแผนที่ถนนและภาพถ่ายดาวเทียม ✅ ปักหมุดพิกัดได้ 3 รูปแบบ • ดึงพิกัดจาก GPS ปัจจุบัน • คลิกบนแผนที่ • ลากหมุดเพื่อปรับตำแหน่งให้แม่นยำ ✅ จัดเก็บข้อมูลบน Google Sheets ✅ ค้นหาและดูข้อมูลผู้ป่วยผ่านหมุดบนแผนที่ ✅ เชื่อมต่อ Google Maps เพื่อนำทางไปยังบ้านผู้ป่วยได้ทันที 🔧 เทคโนโลยีที่ใช้ • Google Apps Script (Backend) • Google Sheets (Database) • HTML + Tailwind CSS (Frontend) • Leaflet.js (Interactive Map) • SweetAlert2 (Notification) 💡 ระบบถูกออกแบบให้ใช้งานง่าย จบครบในหน้าเดียว (Single Page Application) เหมาะสำหรับโรงพยาบาลส่งเสริมสุขภาพตำบล องค์กรปกครองส่วนท้องถิ่น อสม. หรือหน่วยงานที่ต้องการจัดเก็บข้อมูลผู้ป่วยพร้อมพิกัดบ้านอย่างเป็นระบบ 📌 ดาวน์โหลดได้ในระบบ CodeHub 📌 ใช้งานฟรีเพื่อการศึกษาและหน่วยงานสาธารณประโยชน์ 📌 กรุณาเคารพลิขสิทธิ์ของผู้พัฒนา และงดนำไปจำหน่ายต่อ #GoogleAppsScript #AppScript #CodeHub #WebApp #GoogleSheets #Healthcare #ผู้ป่วยติดเตียง #GIS #แผนที่ออนไลน์ #ระบบสารสนเทศ #แจกฟรี