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

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

🎉 แจกฟรี 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 #แผนที่ออนไลน์ #ระบบสารสนเทศ #แจกฟรี

ระบบคุมเลขทะเบียนเกียรติบัตร

🎉 แจกฟรี App Script ระบบจองเลขทะเบียนเกียรติบัตร ดาวน์โหลดได้ในระบบ CodeHub 🚀 หมดปัญหา “เลขทะเบียนซ้ำ” และการจัดการเลขเกียรติบัตรแบบวุ่นวาย! ระบบนี้ถูกออกแบบมาเพื่อช่วยหน่วยงาน โรงเรียน และฝ่ายงานต่าง ๆ บริหารจัดการเลขทะเบียนเกียรติบัตรแบบส่วนกลางได้อย่างเป็นระบบ 💯 ✨ พัฒนาด้วย Google Apps Script + Google Sheets ใช้งานฟรี ไม่ต้องเช่า Hosting และไม่ต้องมี Server 📌 แนวคิดการทำงานของระบบ ระบบนี้ทำงานแบบ “จองเป็นชุด” (Reserve by Block) เหมาะสำหรับกิจกรรมที่มีผู้เข้าร่วมจำนวนมาก เพียงกรอก “จำนวนคน” ระบบจะคำนวณช่วงเลขทะเบียนให้อัตโนมัติทันที 🔄 Workflow การทำงานของระบบ 1️⃣ ฝั่งผู้ใช้งาน (Frontend / Web UI) ผู้ใช้งานเข้าใช้งานผ่าน Web App รองรับทั้งมือถือและคอมพิวเตอร์ 📱💻 กรอกข้อมูลสำคัญ ได้แก่: ✅ กลุ่มสาระ / ฝ่ายงาน ✅ ชื่อโครงการหรือกิจกรรม ✅ จำนวนเกียรติบัตรที่ต้องการ ✅ วันที่ลงในเกียรติบัตร เมื่อกด “ยืนยันการจองเลข” ระบบจะล็อกปุ่มทันที ป้องกันการกดซ้ำ 2️⃣ ฝั่งประมวลผล (Backend / GAS) ระบบจะตรวจสอบข้อมูลล่าสุดใน Google Sheets แล้วคำนวณเลขทะเบียนถัดไปอัตโนมัติ ตัวอย่าง: หากเลขล่าสุดจบที่ 2569/0120 ระบบจะเริ่มใหม่ที่ 2569/0121 🎯 รองรับการขึ้นปี พ.ศ. ใหม่อัตโนมัติ พร้อมรีเซ็ตเลขกลับไปเริ่มที่ 0001 3️⃣ ฝั่งฐานข้อมูล (Database) ระบบจะบันทึกข้อมูลลง Google Sheets อัตโนมัติ เช่น: 📌 วันเวลาที่จอง 📌 ช่วงเลขทะเบียนที่ได้รับ 📌 จำนวนใบรวม 📌 ชื่อโครงการ / ฝ่ายงาน 📌 วันที่ออกเกียรติบัตร 4️⃣ การแสดงผลลัพธ์ (Feedback) เมื่อจองสำเร็จ ระบบจะแสดง Pop-up สรุปผลผ่าน SweetAlert2 🎉 พร้อมแจ้ง: ✅ เลขเริ่มต้น ✅ เลขสิ้นสุด ✅ ช่วงเลขที่ได้รับทั้งหมด เพื่อนำไปใช้ต่อกับ: 📄 Mail Merge 📄 ระบบสร้างเกียรติบัตร 📄 ไฟล์ Word อัตโนมัติ 🌟 จุดเด่นของระบบ ✅ จบปัญหาเลขทะเบียนชนกัน ✅ ทำงาน Real-time ผ่าน Google Sheets ✅ รองรับผู้ใช้งานหลายคนพร้อมกัน ✅ ไม่ต้องพิมพ์ชื่อทีละคน ✅ เหมาะกับกิจกรรมขนาดใหญ่ ✅ ใช้งานฟังก์ชัน Ecosystem ของ Google ✅ ไม่ต้องเช่า Server หรือ Database ❌ ไม่อนุญาตให้นำไปจำหน่ายต่อ ✅ สามารถนำไปศึกษาและพัฒนาต่อยอดได้

ระบบลงทะเบียนอบรมออนไลน์

🎉 แจกฟรี App Script ระบบลงทะเบียนออนไลน์ ดาวน์โหลดได้แล้วในระบบ CodeHub 🚀 เหมาะสำหรับโรงเรียน หน่วยงานราชการ อบรม สัมมนา และกิจกรรมต่าง ๆ ระบบนี้พัฒนาด้วย Google Apps Script + Google Sheets ใช้งานฟรี ไม่ต้องเช่า Hosting และไม่ต้องมี Server เอง 💻☁️ ✨ จุดเด่นของระบบ ✅ ลงทะเบียนออนไลน์ผ่านเว็บได้ทันที ✅ บันทึกข้อมูลอัตโนมัติลง Google Sheets ✅ มี Dashboard ดูข้อมูลผู้ลงทะเบียน ✅ แสดงสถิติผู้ลงทะเบียนแบบเรียลไทม์ ✅ ใช้งานง่าย รองรับมือถือและคอมพิวเตอร์ ✅ ดีไซน์สวยด้วย Tailwind CSS ✅ แจ้งเตือนสวยงามด้วย SweetAlert2 🔧 โครงสร้างระบบแบ่งออกเป็น 3 ส่วนหลัก 1️⃣ Frontend (Index.html) * หน้าเว็บสำหรับกรอกข้อมูล * แบ่งแท็บ “ลงทะเบียน” และ “Dashboard” * จัดการการแสดงผลด้วย JavaScript * รองรับ Pop-up แจ้งเตือนแบบทันสมัย 2️⃣ Backend (Code.gs) * ทำงานผ่าน Google Apps Script * รับข้อมูลจากฟอร์ม * ส่งข้อมูลเข้า Google Sheets * ดึงข้อมูลกลับมาแสดงผลใน Dashboard 3️⃣ Database * ใช้ Google Sheets เป็นฐานข้อมูล * เก็บชื่อ อีเมล เบอร์โทร ประเภทผู้ใช้งาน และเวลาที่ลงทะเบียน 🔄 Workflow การทำงาน 📌 เมื่อผู้ใช้ลงทะเบียน กรอกข้อมูล → กดบันทึก → ระบบส่งข้อมูลไป Apps Script → บันทึกลง Google Sheets → แจ้งผลสำเร็จอัตโนมัติ 📌 เมื่อเปิด Dashboard ระบบดึงข้อมูลทั้งหมดจาก Google Sheets → คำนวณสถิติ → แสดงผลเป็นตารางสวยงามทันที 💡 จุดเด่นสำคัญคือ “ไม่ต้องมีความรู้ด้าน Server ก็สามารถสร้างระบบออนไลน์ใช้งานจริงได้” ❌ ไม่อนุญาตให้นำไปจำหน่ายต่อ ✅ สามารถนำไปศึกษา พัฒนา และประยุกต์ใช้งานได้

ระบบบันทึกการประชุมออนไลน์

📋 แจกฟรี App Script “ระบบบันทึกการประชุมออนไลน์” ใช้งานผ่าน Google Sheets พร้อมระบบจัดการข้อมูลครบจบในตัว! ระบบนี้ถูกออกแบบให้เป็น Web Application แบบหน้าเดียว (Single Page Application - SPA) ทำงานบน Google Workspace โดยใช้ Google Apps Script (GAS) เชื่อมต่อกับ Google Sheets แบบ Serverless ไม่ต้องเช่า Hosting ไม่ต้องใช้ Firebase หรือ SQL ติดตั้งง่าย ใช้งานได้ทันที 💡 ✨ ฟีเจอร์เด่นภายในระบบ ✅ บันทึกข้อมูลการประชุมออนไลน์ ✅ แก้ไข / ลบ / ดูรายละเอียดข้อมูลย้อนหลัง ✅ Dashboard สรุปสถิติการประชุม ✅ ค้นหาและกรองข้อมูลได้ทันที ✅ รองรับ Action Items และลิงก์เอกสารประกอบ ✅ แจ้งเตือนสถานะการทำงานด้วย Toast Notification ✅ Responsive รองรับมือถือและคอมพิวเตอร์ ✅ ใช้ Tailwind CSS + Phosphor Icons ✅ โหลดข้อมูลแบบ Real-time ไม่ต้อง Refresh หน้าเว็บ 📌 โครงสร้างระบบ 🔹 Frontend - index.html - ใช้ Tailwind CSS ออกแบบ UI - เชื่อม Backend ด้วย google.script.run 🔹 Backend - code.gs (Google Apps Script) - จัดการ CRUD และ Logic ทั้งหมด 🔹 Database - Google Sheets - เก็บข้อมูลการประชุมทั้งหมดแบบตาราง 📊 ฟีเจอร์การจัดการข้อมูล (CRUD) ➕ Create : เพิ่มบันทึกการประชุม 👀 Read : ดูรายละเอียดการประชุม ✏️ Update : แก้ไขข้อมูลเดิม 🗑️ Delete : ลบข้อมูลพร้อมระบบยืนยันก่อนลบ 📌 เหมาะสำหรับ 🏫 โรงเรียน 🏢 หน่วยงานราชการ 🏛️ อบต. / เทศบาล 🎓 มหาวิทยาลัย 👥 องค์กรและทีมงานต่างๆ ⚡ จุดเด่นสำคัญ ใช้ google.script.run เชื่อมต่อ GAS โดยตรง ไม่ต้องตั้งค่า API เพิ่ม ไม่ต้องกังวลเรื่อง CORS ติดตั้งง่าย มือใหม่ก็ใช้งานได้ 🔒 สำหรับใช้งานและศึกษาพัฒนาเพิ่มเติม ❌ ไม่อนุญาตให้นำไปจำหน่ายทุกกรณี