คลังโค้ดครู 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 ระบบปฏิทินกิจกรรมหน่วยงาน (Public Calendar) วันนี้ขอมาแชร์ระบบ “ปฏิทินกิจกรรมหน่วยงาน” ที่พัฒนาเป็น Web Application ใช้งานได้จริง และที่สำคัญคือใช้เครื่องมือฟรีจาก Google ทั้งระบบ! 💡 เหมาะสำหรับ: หน่วยงาน / โรงเรียน / องค์กร ที่ต้องการจัดการตารางกิจกรรมให้ดูง่าย ทันสมัย และเข้าถึงได้ทุกอุปกรณ์ ⸻ 🔧 โครงสร้างระบบ (System Architecture) 1️⃣ ฐานข้อมูล (Database) – Google Sheet ใช้เก็บข้อมูลกิจกรรมทั้งหมด เช่น • ชื่อกิจกรรม • วันเริ่ม / วันสิ้นสุด • รายละเอียด • สีของกิจกรรม 👉 แก้ไขง่าย เพิ่ม/ลบ/ปรับข้อมูลได้เหมือนพิมพ์งานทั่วไป ⸻ 2️⃣ ระบบประมวลผล (Backend) – Google Apps Script ทำหน้าที่เป็น API เชื่อมระหว่างหน้าเว็บกับฐานข้อมูล • doGet() → โหลดหน้าเว็บให้ผู้ใช้งาน • getEvents() → ดึงข้อมูลกิจกรรมจาก Sheet • addEvent() → บันทึกกิจกรรมใหม่ลงระบบ ⸻ 3️⃣ ส่วนแสดงผล (Frontend) – HTML / CSS / JavaScript • ใช้ Bootstrap 5 → รองรับมือถือ (Responsive) • ใช้ FullCalendar.js → แสดงปฏิทินแบบสวยงาม • ใช้ google.script.run → เชื่อมข้อมูลแบบไม่ต้องรีเฟรชหน้า ⸻ 🔄 การทำงานของระบบ (Data Flow) 📌 กรณีดูปฏิทิน • ผู้ใช้เปิดลิงก์ • ระบบโหลดหน้าเว็บ • ดึงข้อมูลจาก Google Sheet • แสดงผลบนปฏิทินทันที 📌 กรณีเพิ่มกิจกรรม • กรอกข้อมูลผ่านฟอร์ม • ระบบส่งข้อมูลไปบันทึกใน Sheet • แสดงผลบนปฏิทินทันที (ไม่ต้องรีเฟรช) ⸻ ✨ จุดเด่นของระบบนี้ ✅ ใช้งานฟรี 100% (Serverless) ✅ ไม่ต้องเช่าโฮสติ้ง ✅ อัปเดตข้อมูลแบบ Real-time ✅ โครงสร้างเข้าใจง่าย แยก Frontend / Backend ชัดเจน ✅ พร้อมนำไปใช้งานจริง หรือพัฒนาต่อยอดได้ทันที ⸻ 💬 ใครที่กำลังมองหาระบบปฏิทินใช้งานในหน่วยงาน หรืออยากศึกษาแนวทางการทำ Web App ด้วย Google Apps Script ตัวนี้ตอบโจทย์มากค่ะ ⸻

ระบบคลังรูปภาพกิจกรรมหน่วยงาน

📸 แจกฟรี! App Script ระบบคลังรูปภาพกิจกรรมหน่วยงาน 🎉 ใช้งานได้จริง พร้อมโค้ดครบ! เหมาะสำหรับโรงเรียน หน่วยงานราชการ องค์กรต่างๆ ❗ระบบนี้แจกให้ใช้ฟรีเพื่อการใช้งานเท่านั้น ไม่อนุญาตให้นำไปจำหน่ายทุกกรณี ⸻ 💡 มาดูภาพรวมการทำงานแบบเข้าใจง่าย: ระบบนี้เป็น Web Application ที่ใช้ * Google Sheets เป็นฐานข้อมูล * Google Apps Script เป็น Backend * และโค้ดใน Canvas คือหน้าบ้าน (Frontend) สำหรับแสดงผล ⸻ 🔹 ขั้นตอนการทำงานของระบบ 1️⃣ เริ่มโหลดหน้าเว็บ เมื่อเปิดลิงก์ ระบบจะแสดงหน้าเว็บ พร้อมไอคอนโหลด ขึ้นข้อความ “กำลังดึงข้อมูลกิจกรรม…” 2️⃣ ดึงข้อมูลจากหลังบ้าน หน้าเว็บจะเรียกคำสั่ง google.script.run.getGalleryData() เพื่อไปดึงข้อมูลจาก Google Sheets (แท็บ Gallery) 3️⃣ จัดการข้อมูลก่อนแสดงผล * แปลงลิงก์ Google Drive ให้แสดงรูปได้ทันที * ป้องกันอักขระพิเศษ * ตรวจสอบว่ามีข้อมูลหรือไม่ 4️⃣ แสดงผลเป็นหน้า Gallery สวยๆ * แสดงเป็นการ์ดรูปภาพ (Image Card) * มีชื่อกิจกรรม วันที่ หมวดหมู่ รายละเอียด * เรียงเป็น Grid รองรับมือถือ (Responsive) 5️⃣ คลิกดูรูปใหญ่ (Lightbox) * คลิกภาพเพื่อดูแบบเต็มจอ * ปิดได้ด้วยปุ่ม X / คลิกพื้นหลัง / กด ESC ⸻ 📌 สรุปสั้นๆ: เปิดเว็บ → ดึงข้อมูลจาก Sheet → แปลงลิงก์ → แสดงรูป → คลิกดูภาพใหญ่ได้ทันที ⸻

ระบบรับข้อร้องเรียน

ระบบรับข้อร้องเรียน (Complaint System) ด้วย App Script ใช้งานได้จริง 💬📩 ใครกำลังมองหาระบบรับเรื่องร้องเรียนแบบง่ายๆ แต่ครบจบในตัวเดียว ห้ามพลาดเลยค่ะ 👇 🔥 จุดเด่นของระบบนี้ ✅ ใช้งานผ่านหน้าเว็บ (รองรับมือถือ/คอม) ✅ บันทึกข้อมูลลง Google Sheets อัตโนมัติ ✅ แจ้งเตือนเข้า Telegram ทันที ✅ ไม่ต้องรีเฟรชหน้าเว็บ (UX ลื่นมาก) ✅ พร้อมใช้งาน + แก้ไขต่อยอดได้ ❌ ไม่อนุญาตให้นำไปจำหน่าย ❌ ⸻ 💡 ภาพรวมการทำงานของระบบ (เข้าใจง่ายใน 3 ส่วน) 🖥️ 1. Frontend (หน้าเว็บ) • ฟอร์มกรอกข้อมูล: ชื่อผู้แจ้ง, ช่องทางติดต่อ, หัวข้อ, รายละเอียด • ออกแบบด้วย Tailwind CSS (Responsive ใช้ได้ทุกอุปกรณ์) • กดส่งแล้วไม่ต้องรีเฟรชหน้า (ใช้ google.script.run) • มี Loading + ป้องกันการกดซ้ำ ⚙️ 2. Backend (App Script) • ใช้ doGet() แสดงหน้าเว็บ • ฟังก์ชัน submitComplaint() 👉 บันทึกข้อมูลลง Google Sheets 👉 สร้างหัวตารางอัตโนมัติ 👉 เก็บ Timestamp เวลาไทย • หลังบันทึกเสร็จ → ส่งแจ้งเตือนทันที 📲 3. ระบบแจ้งเตือน (Telegram Bot) • ส่งข้อมูลผ่าน Telegram Bot API • จัดรูปแบบข้อความให้อ่านง่าย (มีไอคอน/ตัวหนา) • ผู้ดูแลได้รับแจ้งเตือนแบบ Real-time ⸻ 🔄 Workflow การทำงาน ผู้ใช้กรอกฟอร์ม → กดส่ง ➡️ ระบบบันทึกลง Google Sheets ➡️ แจ้งเตือนเข้า Telegram ➡️ ผู้ใช้เห็น Pop-up แจ้งว่าส่งสำเร็จ ⸻ 🎯 เหมาะสำหรับ • โรงเรียน / หน่วยงานราชการ • อบต. / เทศบาล • องค์กรที่ต้องการรับ Feedback / ร้องเรียน • คนที่อยากเริ่มต้นทำระบบด้วย App Script ⸻ 💬 ใครนำไปใช้แล้ว มารีวิวให้ฟังได้นะคะ 😊

ระบบสร้างภาพข่าวอัตโนมัติ (Auto Poster)

📢 แจกฟรี! สำหรับสายคอนเทนต์ & ครูนักพัฒนา 💻✨ App Script ระบบสร้างภาพข่าวอัตโนมัติ (Auto Poster) ใช้งานง่าย จบครบในที่เดียว! ❌ ไม่อนุญาตให้นำไปจำหน่าย ⸻ 🔥 ใครที่ทำเพจ ทำข่าว ทำประชาสัมพันธ์ หรืออยากสร้างคอนเทนต์แบบมือโปร แต่ไม่อยากเสียเวลานั่งออกแบบภาพทีละรูป ระบบนี้ตอบโจทย์เลย! ✨ แค่กรอกข้อมูล → ได้ภาพข่าวสวย ๆ ทันที ✨ ไม่ต้องใช้ Photoshop ✨ ใช้ได้ทั้งคอมและมือถือ ⸻ 💡 จุดเด่นของระบบ * สร้างภาพอัตโนมัติขนาด 1080x1080 พร้อมโพสต์ได้เลย * พรีวิวภาพแบบ Real-time เห็นผลลัพธ์ทันที * รองรับการตัดคำภาษาไทย จัดข้อความให้พอดีอัตโนมัติ * ดาวน์โหลดภาพ หรือบันทึกเข้าระบบได้ทันที * เก็บข้อมูล + รูปภาพ ลง Google Drive และ Google Sheet อัตโนมัติ ⸻ ⚙️ ภาพรวมการทำงาน (เข้าใจง่าย ๆ) 🟢 1. หน้าบ้าน (Frontend) กรอกข้อมูล + อัปโหลดภาพ → ระบบสร้างภาพด้วย Canvas แบบ Real-time กดดาวน์โหลด หรือบันทึกข้อมูลได้ทันที 🟡 2. หลังบ้าน (Backend - Apps Script) รับข้อมูล → แปลงภาพจาก Base64 → สร้างไฟล์ .png 🔵 3. ระบบจัดเก็บ (Google Workspace) * บันทึกรูปลง Google Drive * เก็บข้อมูลข่าว + ลิงก์รูป ลง Google Sheet ⸻ 🔄 Flow การทำงานสั้น ๆ กรอกข้อมูล ➔ สร้างภาพ ➔ กดบันทึก ➔ สร้างไฟล์ ➔ เก็บ Drive ➔ บันทึก Sheet ✅ ⸻ 🎯 ระบบนี้ตั้งใจทำขึ้นเพื่อ “อำนวยความสะดวกให้ตัวเอง และแบ่งปันให้คนอื่นได้นำไปใช้ต่อ” ใครเอาไปต่อยอดได้เต็มที่เลยค่ะ🙌 แต่งดนำไปจำหน่ายทุกกรณี ⸻

ระบบจองห้องประชุมออนไลน์

📢 แจกฟรี App Script “ระบบจองห้องประชุมออนไลน์” ดาวน์โหลดได้ในระบบ CodeHub เท่านั้น ❌ ไม่อนุญาตให้นำไปจำหน่ายต่อ ระบบนี้ถูกออกแบบให้เป็น “เว็บแอปพลิเคชันหน้าเดียว (SPA)” ใช้งานง่าย รองรับการจองห้องประชุมแบบออนไลน์ เชื่อมต่อกับ Google Sheets โดยตรง ไม่ต้องมี Hosting เพิ่ม ใช้งานผ่าน Google Apps Script ได้ทันที ✨ จุดเด่นของระบบ ✅ จองห้องประชุมผ่านหน้าเว็บ ✅ แสดงผลแบบปฏิทินด้วย FullCalendar ✅ ป้องกันเวลาจองซ้ำอัตโนมัติ ✅ แจ้งเตือนเมื่อเวลาทับซ้อน ✅ รีเฟรชข้อมูลทันทีแบบไม่ต้องโหลดหน้าใหม่ ✅ ใช้งานร่วมกับ Google Sheets ได้ทันที ✅ ดู แก้ไข หรือลบข้อมูลผ่าน Sheets ได้สะดวก 🗂 โครงสร้างการทำงานของระบบ 1️⃣ Database : Google Sheets ใช้เก็บข้อมูลการจองทั้งหมด พร้อมสร้างชีตอัตโนมัติเมื่อเริ่มใช้งานครั้งแรก 2️⃣ Backend : Google Apps Script (Code.gs) ทำหน้าที่เป็นสมองของระบบ รับ-ส่งข้อมูล ตรวจสอบเวลาจองซ้ำ และบันทึกข้อมูลลง Sheets 3️⃣ Frontend : index.html ออกแบบด้วย HTML + Tailwind CSS + FullCalendar ใช้งานง่าย สวยงาม รองรับการดูตารางจองแบบปฏิทิน 📌 ความสามารถสำคัญ 🔹 เช็คเวลาทับซ้อนก่อนบันทึก 🔹 แยกสีห้องประชุมแต่ละห้อง 🔹 คลิกดูรายละเอียดการจองได้ 🔹 แจ้งเตือนการบันทึกสำเร็จแบบ Toast Notification 🔹 รองรับการทำงานแบบ Real-time UX 🏢 เหมาะสำหรับหน่วยงาน ✅ โรงเรียน / สถานศึกษา ✅ อบต. / เทศบาล / อบจ. ✅ หน่วยงานราชการ ✅ มหาวิทยาลัย ✅ โรงพยาบาล / สาธารณสุข ✅ บริษัทเอกชน ✅ องค์กรที่มีการใช้ห้องประชุมหลายห้อง 💡 แจกเพื่อการศึกษาและใช้งานภายในองค์กร ❌ ไม่อนุญาตให้นำไปจำหน่ายต่อทุกกรณี

ระบบกรอกพิกัดการเยี่ยมบ้านนักเรียน

📍 แจกฟรี Template App Script “ระบบกรอกพิกัดการเยี่ยมบ้านนักเรียน” พร้อมระบบแผนที่ + Dashboard + เชื่อม Google Sheets ❌ ไม่อนุญาตให้นำไปจำหน่ายต่อ เปิดเทอมนี้…โรงเรียนมี “ระบบเก็บพิกัดบ้านนักเรียน” กันหรือยัง? 🏡✨ Template นี้ออกแบบมาเพื่อช่วยให้ครูสามารถบันทึกข้อมูลการเยี่ยมบ้านนักเรียนได้สะดวก รวดเร็ว และดูข้อมูลได้แบบเรียลไทม์ ผ่าน Web Application ใช้งานได้ทั้งมือถือและคอมพิวเตอร์ 🔹 ฟีเจอร์เด่นภายในระบบ ✅ ฟอร์มบันทึกข้อมูลนักเรียนครบถ้วน - รหัสนักเรียน - ชื่อ-สกุล - ระดับชั้น / ห้องเรียน - เบอร์โทร (ตรวจสอบเลข 10 หลักอัตโนมัติ) - ข้อมูลที่อยู่พื้นฐาน 🗺️ ระบบแผนที่ปักหมุดบ้านนักเรียน (Leaflet Map) - ดึง GPS ตำแหน่งปัจจุบันอัตโนมัติ - ลากหมุดปักตำแหน่งบ้านได้เอง (Drag & Drop) 💾 บันทึกข้อมูลลง Google Sheets ผ่าน Google Apps Script ทำงานแบบ Background ไม่ต้องรีเฟรชหน้าเว็บ 📊 ระบบแสดงผลข้อมูลและแผนที่รวม - Filter ตามระดับชั้น / ห้องเรียน - แสดงหมุดนักเรียนบนแผนที่แบบ Real-time - Auto Zoom ครอบคลุมทุกพิกัดในห้องเรียน 📋 ตารางข้อมูลแบบมืออาชีพด้วย DataTables - ค้นหาได้ - เรียงข้อมูลได้ - แบ่งหน้าอัตโนมัติ 🔍 ระบบดูรายละเอียดนักเรียน พร้อมปุ่ม “นำทางด้วย Google Maps” ไปยังบ้านนักเรียนทันที 🚗 📈 Dashboard สรุปข้อมูลอัตโนมัติด้วย Chart.js - กราฟจำนวนนักเรียนแต่ละระดับชั้น - กราฟสัดส่วนนักเรียนตามตำบล ⚙️ รองรับการทำงานทั้งแบบเชื่อมฐานข้อมูลจริง และ Mock Data แม้ยังไม่ได้เชื่อม Google Apps Script ก็สามารถทดลองใช้งาน UI ได้ทันที 💡 เหมาะสำหรับ - ระบบเยี่ยมบ้านนักเรียน - งานดูแลช่วยเหลือนักเรียน - งานฝ่ายปกครอง - งานแนะแนวและติดตามนักเรียน การนำไปใช้งาน * เมื่อ Deploy เรียบร้อยแล้วให้นำลิงค์เว็บแอป มาใส่ในไฟล์ index.html บรรทัดที่ 392 const SCRIPT_URL ='xxx'

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

🎉 แจกฟรี 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 ติดตั้งง่าย มือใหม่ก็ใช้งานได้ 🔒 สำหรับใช้งานและศึกษาพัฒนาเพิ่มเติม ❌ ไม่อนุญาตให้นำไปจำหน่ายทุกกรณี

ระบบส่งงานออนไลน์

🎁 แจกฟรีสำหรับสมาชิก VIP ในระบบ Code Hub 🎉 ไม่อนุญาตให้นำไปจำหน่ายทุกกรณี 📚 ระบบส่งงานออนไลน์ พร้อมโค้ดครบทั้ง Frontend + Backend ใช้งานได้จริง รองรับการส่งงานผ่าน Google Drive และ Google Sheets 🚀 📊 ภาพรวมและคู่มือการใช้งานระบบส่งงาน ระบบส่งงานออนไลน์นี้ถูกออกแบบมาในสถาปัตยกรรมแบบ API (Client-Server) โดยแยกส่วนหน้าบ้านและหลังบ้านออกจากกันอย่างชัดเจน เพื่อให้มีความยืดหยุ่นในการนำไปใช้งานและรองรับผู้ใช้งานจำนวนมากได้ดีขึ้น 🏗️ 1. โครงสร้างและการทำงานของระบบ (System Architecture) ระบบประกอบด้วย 2 ส่วนหลักที่ทำงานประสานกัน: 🌐 1.1 ฝั่งหน้าบ้าน (Frontend - index.html) เป็นหน้าเว็บไซต์ที่นักเรียนและครูใช้โต้ตอบ (User Interface) รูปแบบ: Single Page Application (SPA) สลับหน้าได้โดยไม่ต้องโหลดเว็บใหม่ เทคโนโลยี: HTML, CSS, JavaScript (รองรับมือถือด้วย Bootstrap 5) การเชื่อมต่อ: ใช้ Fetch API ส่งข้อมูลรูปแบบ JSON ไปยัง Backend ฟีเจอร์: ✅ ส่งงาน: แปลงไฟล์ที่อัปโหลดเป็น Base64 และส่งไปพร้อมกับข้อมูลฟอร์ม ✅ เช็คสถานะ: ส่งคำค้นหาไปถาม Backend และนำผลลัพธ์มาแสดงผลแบบ Card ✅ แดชบอร์ด: ดึงข้อมูลสถิติมาวาดเป็นกราฟด้วย Chart.js ⚙️ 1.2 ฝั่งหลังบ้าน (Backend - Code.gs) ทำหน้าที่เป็น REST API คอยรับคำสั่ง จัดการไฟล์ และบันทึกข้อมูล เทคโนโลยี: Google Apps Script (GAS) 📂 ระบบจัดการไฟล์ (Google Drive) • เมื่อมีไฟล์ส่งเข้ามา ระบบจะสร้างโฟลเดอร์แยกตาม “ห้องเรียน” อัตโนมัติ • ภายในโฟลเดอร์ห้องเรียน จะสร้างซับโฟลเดอร์แยกตาม “ชื่อชิ้นงาน” ให้อีกชั้น • ตั้งชื่อไฟล์ใหม่ให้อ่านง่าย: รหัสนักเรียน_ชื่อ_ชิ้นงาน.นามสกุล 📑 ระบบฐานข้อมูล (Google Sheets) ทำงานแบบ Dual Save (บันทึก 2 ที่) • บันทึกลงชีตหลัก SubmissionLogs • บันทึกลงชีตชื่อชิ้นงานแยกอัตโนมัติ เพื่อให้ครูตรวจงานง่ายขึ้น 🚀 2. ขั้นตอนการติดตั้งและนำไปใช้งาน (Deployment Guide) 📌 ขั้นตอนที่ 1: เตรียมพื้นที่จัดเก็บ (Drive & Sheets) • สร้างโฟลเดอร์หลักใน Google Drive • คัดลอก Folder ID • สร้าง Google Sheets สำหรับฐานข้อมูล • คัดลอก Spreadsheet ID 📌 ขั้นตอนที่ 2: ตั้งค่าฝั่ง Backend (Google Apps Script) • เปิด Extensions > Apps Script • วางโค้ดไฟล์ Code.gs • ใส่ Folder ID และ Spreadsheet ID • กดบันทึก 📌 ขั้นตอนที่ 3: Deploy ระบบ Backend • Deploy > New Deployment • เลือก Web App • ตั้งค่า Anyone • กด Deploy และอนุญาตสิทธิ์ • คัดลอก Web App URL 📌 ขั้นตอนที่ 4: ตั้งค่าฝั่ง Frontend • เปิดไฟล์ index.html • ใส่ WEB_APP_URL • บันทึกไฟล์และนำไปใช้งานได้ทันที 🌐 รองรับการนำขึ้นใช้งานผ่าน GitHub Pages / Netlify / Google Sites 💡 3. คำแนะนำเพิ่มเติมสำหรับการดูแลระบบ ✅ เพิ่มชิ้นงานใหม่ได้ง่าย เพียงเพิ่ม ใน index.html ระบบจะสร้างโฟลเดอร์และชีทให้อัตโนมัติ ✅ ครูสามารถตรวจงานและอัปเดตคะแนนผ่าน Google Sheets ได้ทันที นักเรียนตรวจสอบสถานะล่าสุดได้แบบ Real-time 📥 ดาวน์โหลดได้เฉพาะในระบบ Code Hub สำหรับสมาชิก VIP เท่านั้น ⚠️ ไม่อนุญาตให้นำไปจำหน่าย ดัดแปลงเพื่อขาย หรือแจกต่อเชิงพาณิชย์ทุกกรณี :::

ระบบจัดเก็บข้อมูล Tablet โครงการ Anywhere Anytime

📱✨ แจกฟรี App Script “ระบบจัดการ Tablet โครงการ Anywhere Anytime” ไม่อนุญาตให้จำหน่าย ดาวน์โหลดได้ในระบบ CodeHub เปิดเทอมนี้ โรงเรียนไหนกำลังจัดการแท็บเล็ตนักเรียนอยู่ ระบบนี้ช่วยได้ 💻📚 จัดเก็บข้อมูลแท็บเล็ตนักเรียนได้อย่างเป็นระบบ ใช้งานผ่านเว็บได้ทั้งมือถือและคอมพิวเตอร์ ✅ บันทึกข้อมูลนักเรียนและแท็บเล็ต ✅ จัดการสถานะการใช้งาน/ซ่อม/คืนเครื่อง ✅ แสดงข้อมูลแบบเรียลไทม์ผ่าน Google Sheets ✅ เพิ่ม ลบ ดูข้อมูลได้ทันที ✅ ใช้งานง่าย รองรับทั้งครูและแอดมิน ✅ ฟรี! ทำงานบน Google Apps Script ไม่ต้องมีเซิร์ฟเวอร์ 🔄 ระบบทำงานในรูปแบบ Web App เชื่อมต่อ Google Sheets โดยแบ่งการทำงานเป็น 3 ส่วนหลัก 📌 Frontend (index.html) ฟอร์มกรอกข้อมูล + ตารางแสดงผล ออกแบบด้วย Tailwind CSS รองรับทุกอุปกรณ์ แจ้งเตือนสวยงามด้วย SweetAlert2 📌 Backend (Code.gs) จัดการบันทึก ดึงข้อมูล และลบข้อมูลผ่าน Google Apps Script ทำงานแบบไม่ต้องรีเฟรชหน้าเว็บ 📌 Database (Google Sheets) เก็บข้อมูลแบบออนไลน์ ดูข้อมูลต่อยอดหรือสรุปรายงานได้ทันที 🚀 จุดเด่นของระบบ • ใช้งานฟรีบนโครงสร้างพื้นฐานของ Google • เปิดใช้งานได้ทุกที่ผ่าน Browser • ข้อมูลอัปเดตแบบ Real-time • เหมาะสำหรับโรงเรียนในโครงการ Anywhere Anytime

ระบบปฏิทินข่าวประชาสัมพันธ์ (PR Content Planner)

📢 แจกฟรี App Script ระบบปฏิทินข่าวประชาสัมพันธ์ (PR Content Planner) จัดการแผนคอนเทนต์ได้ครบ จบในระบบเดียว ✨ 📌 ไม่อนุญาตให้จำหน่าย หมดปัญหาวางแผนโพสต์กระจัดกระจาย ลืมโพสต์ หรือทีมงานสื่อสารไม่ตรงกัน เพราะระบบนี้ออกแบบมาเพื่อช่วยวางแผนและบริหารคอนเทนต์ประชาสัมพันธ์แบบมืออาชีพ ผ่านหน้าเว็บเดียว เชื่อมต่อ Google Calendar อัตโนมัติด้วย Google Apps Script (GAS) 🔹 ฟีเจอร์หลักของระบบ ✅ สร้างแผนโพสต์ข่าวประชาสัมพันธ์ได้ง่าย ✅ ดูตารางคอนเทนต์ทั้งหมดในหน้าเดียว ✅ แก้ไข / ลบ แผนงานได้ทันที ✅ ซิงค์ข้อมูลกับ Google Calendar อัตโนมัติ ✅ แจ้งเตือนก่อนถึงเวลาลงโพสต์ ✅ จัดเก็บข้อมูลเป็นระบบผ่าน Google Sheets ⚙️ การทำงานของระบบ 🖥 Frontend (หน้าเว็บ) ใช้สำหรับกรอกข้อมูลโพสต์ เช่น วันที่ เวลา แพลตฟอร์ม และหัวข้อข่าว พร้อมแสดงตารางสรุปแผนงานทั้งหมด 🧠 Backend (Google Apps Script) ทำหน้าที่รับคำสั่งจากหน้าเว็บ ประมวลผลข้อมูล และเชื่อมต่อบริการต่าง ๆ ของ Google 📊 Database & Notification ข้อมูลทั้งหมดถูกเก็บใน Google Sheets และสร้าง Event ใน Google Calendar พร้อมแจ้งเตือนอัตโนมัติ 🚀 Workflow การทำงาน 📌 เปิดหน้าเว็บ → โหลดข้อมูลจาก Google Sheets มาแสดงทันที 📌 สร้างแผนใหม่ → ระบบสร้าง Event ใน Google Calendar พร้อมตั้งแจ้งเตือน 📌 แก้ไขข้อมูล → อัปเดตทั้ง Sheet และ Calendar อัตโนมัติ 📌 ลบรายการ → ลบทั้งฐานข้อมูลและปฏิทินพร้อมกัน 🔔 ระบบแจ้งเตือนอัจฉริยะ ⏰ Popup แจ้งเตือนล่วงหน้า 30 นาที 📧 Email แจ้งเตือนล่วงหน้า 1 วัน ✨ จุดเด่นของระบบ ✔ Google Sheet เป็นฐานข้อมูลกลาง ดูง่าย จัดการสะดวก ✔ ทุกการเปลี่ยนแปลง Sync กับ Calendar ทันที ✔ ลดความผิดพลาดจากการลืมโพสต์ ✔ เหมาะสำหรับโรงเรียน องค์กร หน่วยงาน หรือทีมประชาสัมพันธ์ เปิดเทอมนี้ หรือช่วงกิจกรรมแน่น ๆ มีระบบช่วยวางแผนคอนเทนต์กันหรือยัง 😊