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

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

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

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

📢 แจกฟรี 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 🏢 เหมาะสำหรับหน่วยงาน ✅ โรงเรียน / สถานศึกษา ✅ อบต. / เทศบาล / อบจ. ✅ หน่วยงานราชการ ✅ มหาวิทยาลัย ✅ โรงพยาบาล / สาธารณสุข ✅ บริษัทเอกชน ✅ องค์กรที่มีการใช้ห้องประชุมหลายห้อง 💡 แจกเพื่อการศึกษาและใช้งานภายในองค์กร ❌ ไม่อนุญาตให้นำไปจำหน่ายต่อทุกกรณี