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

ระบบบันทึกและรายงานผลกิจกรรมโฮมรูมออนไลน์

📣 แจกฟรี App Script ✨ ระบบบันทึกและรายงานผลกิจกรรมโฮมรูมออนไลน์ เปิดเทอมนี้มี “ระบบดี ๆ” สำหรับงานโฮมรูมกันหรือยัง? จัดการงานโฮมรูมให้เป็นเรื่องง่าย บันทึกไว ดูรายงานได้ทันที รองรับทั้งมือถือ แท็บเล็ต และคอมพิวเตอร์ 📱💻 📌 ฟีเจอร์เด่น ✅ บันทึกข้อมูลกิจกรรมโฮมรูมออนไลน์ ✅ บันทึกรายชื่อนักเรียนที่ขาดเรียน ✅ Dashboard สรุปสถิติแบบเรียลไทม์ ✅ กราฟแสดงผลแยกตามระดับชั้น ✅ ค้นหา / คัดกรอง / เรียงข้อมูลได้ ✅ ส่งออก Excel และพิมพ์ PDF ได้ทันที ✅ ใช้งานผ่าน Google Sheets + Google Apps Script ✅ ไม่ต้องเช่า Hosting เพิ่มเติม (Serverless) 🗂️ ระบบถูกออกแบบในรูปแบบ Web Application ทำงานผ่านเบราว์เซอร์ โดยใช้ Google Sheets เป็นฐานข้อมูล และ Google Apps Script เป็น Backend เชื่อมต่อข้อมูลแบบเรียลไทม์ ทำให้ทุกครั้งที่บันทึกข้อมูล ข้อมูลจะอัปเดตในหน้ารายงานทันที 🎨 Frontend พัฒนาด้วย HTML, CSS, JavaScript พร้อมใช้งานร่วมกับ Bootstrap 5, Chart.js และ DataTables เพื่อให้ใช้งานง่าย สวยงาม และตอบสนองรวดเร็ว ❌ ไม่อนุญาตให้นำไปจำหน่าย 🙏🏻 แจกเพื่อการศึกษาและต่อยอดการใช้งานเท่านั้น :::

ระบบแจ้งเหตุฉุกเฉิน (ไฟไหม้ / น้ำท่วม) พร้อมพิกัดแบบ Real-Time

🔥 แจกฟรี! App Script ระบบแจ้งเหตุฉุกเฉิน (ไฟไหม้ / น้ำท่วม) พร้อมพิกัดแบบ Real-Time ❌ ไม่อนุญาตให้นำไปจำหน่าย ใครที่อยากมี “ระบบแจ้งเหตุฉุกเฉิน” ใช้ในหน่วยงาน หรือชุมชนของตัวเอง บอกเลยว่าตัวนี้ตอบโจทย์มาก 👍 💡 จุดเด่นของระบบ ✅ แจ้งเหตุผ่านหน้าเว็บ ใช้งานง่าย รองรับทุกอุปกรณ์ ✅ ดึงพิกัด GPS อัตโนมัติ ลดความผิดพลาดในการระบุตำแหน่ง ✅ บันทึกข้อมูลลง Google Sheet ทันที ✅ แจ้งสถานะแบบ Real-Time ด้วย Popup สวยงาม ✅ ใช้ App Script ไม่ต้องมี Server ⚙️ การทำงานคร่าว ๆ 1. ผู้ใช้กรอกข้อมูลเหตุการณ์ + เบอร์ติดต่อ 2. กดดึงพิกัด ระบบจะใช้ GPS ระบุตำแหน่งให้อัตโนมัติ 3. กด “แจ้งเหตุทันที” ข้อมูลจะถูกส่งไปเก็บใน Google Sheet 4. มีระบบแจ้งเตือนสถานะทุกขั้นตอน ใช้งานง่ายมาก เหมาะสำหรับ 🏫 โรงเรียน 🏥 โรงพยาบาล 🏢 หน่วยงานราชการ / อบต. 🏘️ ชุมชน หรือองค์กรทั่วไป

ระบบสร้าง QR Code ตามสไตล์คุณ

📌 แจกฟรี! ระบบสร้าง QR Code ด้วย App Script ใช้งานง่าย ครบจบในตัวเดียว สำหรับ VIP ในระบบ ใครกำลังมองหาเครื่องมือสร้าง QR Code ที่ “สวย ปรับแต่งได้ และเก็บข้อมูลได้” ตัวนี้ตอบโจทย์มากค่ะ 👇 ✨ จุดเด่นของระบบนี้ * ออกแบบ QR Code ได้เอง ใส่ข้อความ/ลิงก์ ปรับสี ปรับลาย และใส่โลโก้ตรงกลางได้ * แสดงผลแบบ Real-time แก้ไขปุ๊บ เห็นผลทันที ไม่ต้องรีเฟรช * ดาวน์โหลดเป็นไฟล์ PNG ได้ทันที ใช้งานสะดวก * บันทึกประวัติการสร้างลง Google Sheets อัตโนมัติ ⚙️ ระบบทำงานยังไง? ระบบนี้แบ่งเป็น 2 ส่วนหลักแบบเข้าใจง่าย: 1️⃣ หน้าเว็บ (ฝั่งผู้ใช้งาน) ผู้ใช้สามารถออกแบบ QR Code ได้ตามต้องการ และเห็นผลทันทีบนหน้าจอ พร้อมกดดาวน์โหลดภาพไปใช้งานได้เลย 2️⃣ หลังบ้าน (Google Apps Script + Google Sheets) เมื่อกด “บันทึก” ระบบจะส่งข้อมูลทั้งหมดไปเก็บใน Google Sheets พร้อมบันทึกวันเวลาอัตโนมัติ ทำให้สามารถเก็บประวัติและนำไปใช้งานต่อได้ 💡 สรุปง่ายๆ สร้าง QR Code → ดาวน์โหลดใช้งาน → เก็บข้อมูลอัตโนมัติ ครบ จบ ในระบบเดียว! 🎁 แจกฟรี! (ไม่อนุญาตให้นำไปจำหน่าย)

ระบบสร้างภาพข่าวอัตโนมัติ (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 ✅ ⸻ 🎯 ระบบนี้ตั้งใจทำขึ้นเพื่อ “อำนวยความสะดวกให้ตัวเอง และแบ่งปันให้คนอื่นได้นำไปใช้ต่อ” ใครเอาไปต่อยอดได้เต็มที่เลยค่ะ🙌 แต่งดนำไปจำหน่ายทุกกรณี ⸻

ระบบเช็คชื่อเข้าเรียนด้วยใบหน้า

🔥 Template App Script "ระบบเช็คชื่อเข้าเรียนด้วยใบหน้า (Facial Attendance System)" ใครกำลังมองหาระบบเช็คชื่อที่ “ทันสมัย ใช้งานจริงได้ และไม่ต้องเสียค่าเซิร์ฟเวอร์รายเดือน” ตัวนี้ตอบโจทย์ 👇 --- 💡 ระบบนี้คืออะไร? เป็นระบบเช็คชื่อด้วย AI ที่ออกแบบมาแบบ Serverless ไม่ต้องมีเซิร์ฟเวอร์ ไม่ต้องดูแลระบบให้วุ่นวาย ใช้แค่ Google + เว็บธรรมดา ก็ใช้งานได้ทันที --- 🧠 โครงสร้างระบบ (เข้าใจง่าย ใช้งานได้จริง) 🗄️ ฐานข้อมูล: Google Sheets - เก็บข้อมูลนักเรียน (รหัส / ชื่อ / ชั้น) - เก็บ "ข้อมูลใบหน้า" ในรูปแบบตัวเลข (ไม่ใช่รูปภาพ) ปลอดภัยกว่า - บันทึกประวัติการเช็คชื่อรายวัน (มา / ขาด / ลา) ⚙️ หลังบ้าน: Google Apps Script (API) - ดึงข้อมูลนักเรียน - ลงทะเบียนใบหน้า - เช็คชื่ออัตโนมัติ - สรุปผลรายวัน - แก้ไขสถานะได้แบบ Real-time 💻 หน้าบ้าน: Web App (index.html) - ใช้งานผ่านมือถือ / คอมได้เลย - ใช้ AI ตรวจจับใบหน้าบนเครื่อง (ไม่ส่งข้อมูลออกไปข้างนอก) - มีเสียงแจ้งเตือนเมื่อเช็คชื่อสำเร็จ / สแกนซ้ำ --- 🔄 วิธีใช้งานจริง 🚀 เปิดระบบ → โหลด AI + ดึงข้อมูลนักเรียน 📝 ลงทะเบียน → สแกนหน้า 1 ครั้ง บันทึกเข้าระบบ ✅ เช็คชื่อ → เดินผ่านกล้อง ระบบบันทึกอัตโนมัติ 📊 สรุปผล → ดูรายวัน + แก้ไขสถานะได้ทันที --- ✨ จุดเด่นที่ทำให้ระบบนี้คุ้มมาก ✔️ ไม่เสียค่า Server รายเดือน (ใช้ฟรี 100%) ✔️ ไม่เก็บรูปหน้า (แปลงเป็นตัวเลข ปลอดภัยกว่า) ✔️ ใช้งานง่าย ครูใช้ได้จริง ไม่ต้องสายไอที ✔️ มีระบบสรุป + แก้ไขสถานะครบจบในตัวเดียว ✔️ รองรับการใช้งานจริงในโรงเรียน 💬 เหมาะกับใคร? * ครู / โรงเรียน ที่อยากลดงานเช็คชื่อแบบเดิม * คนทำระบบ ที่อยากได้ Template ไปต่อยอด * หน่วยงานที่อยากใช้ AI แต่ไม่อยากลงทุนสูง ⸻ 📌 ใครอยากได้ระบบไปใช้งาน / ต่อยอด ของแบบนี้ “ซื้อครั้งเดียว ใช้ยาว” คุ้มกว่าทำใหม่แน่นอน 😉 ::: ลิงค์ทดสอบ : https://face-checkin.netlify.app/ *หากกดสั่งซื้อเรียบร้อยแล้ว ทางแอดมินต้องใช้อีเมลในการดำเนินการเปิดแชร์ในระบบอีกครั้ง

ระบบสำรวจความคิดเห็นประชาชนแบบ Real-Time

📊✨ แจกฟรี! App Script “ระบบสำรวจความคิดเห็นประชาชนแบบ Real-Time” ใครที่กำลังมองหาระบบโหวต / แบบสอบถามออนไลน์ สำหรับหน่วยงาน เอาไปใช้ได้จริง ใช้งานง่าย และไม่ต้องมีเซิร์ฟเวอร์เอง… ตัวนี้ตอบโจทย์เลยค่ะ 🚫 ไม่อนุญาตให้นำไปจำหน่าย ⸻ 💡 จุดเด่นของระบบ * โหวตได้ทันที ไม่ต้องรีโหลดหน้า * กราฟอัปเดตอัตโนมัติทุก 3 วินาที (Real-Time) * ใช้งานผ่านเว็บได้เลย รองรับมือถือ * ใช้เครื่องมือฟรี 100% จาก Google ⸻ 🧩 โครงสร้างระบบ 🔹 1. ส่วนแสดงผล (Frontend - Index.html) * หน้าตา UI แบบสอบถาม ใช้งานง่าย โทนฟ้า-ขาว ใช้ฟอนต์ Sarabun * มีปุ่มโหวต 4 ระดับความเห็น * แสดงผลด้วยกราฟแท่ง (Chart.js) * ใช้ google.script.run ส่งข้อมูลไปหลังบ้านแบบไม่ต้องโหลดหน้าใหม่ * มีระบบอัปเดตผลแบบ Real-Time ด้วย setInterval ทุก 3 วินาที 🔹 2. ส่วนประมวลผล (Backend - Code.gs) * รับค่าการโหวตจากหน้าเว็บ * บันทึกข้อมูลลง Google Sheet ทันที (Append Row) * เก็บ Timestamp ทุกครั้งที่มีการโหวต * ประมวลผลนับคะแนนแต่ละตัวเลือก * ส่งผลลัพธ์กลับไปแสดงที่หน้าเว็บ 🔹 3. ฐานข้อมูล (Google Sheet) * ใช้แทน Database * เก็บข้อมูลการโหวต (เวลา + ความเห็น) * เรียงข้อมูลตามลำดับเวลา ⸻ 🔁 สรุปการทำงาน ผู้ใช้กดโหวต → ข้อมูลถูกบันทึกลง Sheet → ระบบดึงข้อมูลใหม่ → กราฟอัปเดตอัตโนมัติทุก 3 วินาที 🎯 ได้ระบบสำรวจความคิดเห็นแบบ Real-Time โดยไม่ต้องมีเซิร์ฟเวอร์ภายนอก! ⸻ เหมาะมากสำหรับ: 🏛️ หน่วยงานราชการ / อบต / เทศบาล 🏫 โรงเรียน / กิจกรรมภายใน 📢 งานประชาสัมพันธ์ / สำรวจความพึงพอใจ ⸻