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

ระบบบันทึกการใช้งานห้องพยาบาล

แจกฟรี! ระบบบันทึกการใช้งานห้องพยาบาล สำหรับโรงเรียน 🏥💻 เบื้องหลังการพัฒนาระบบครั้งนี้ เริ่มต้นจากการใช้ AiPASS กับโมเดล Claude Sonnet เพื่อช่วยคิดโครงสร้างและพัฒนาระบบ แต่สุดท้ายก็ยังต้องกลับมาจบงานด้วย Claude Sonnet Pro ส่วนตัว เพื่อไล่ตรวจ แก้ไข ปรับ Logic และเก็บรายละเอียดของระบบให้พร้อมใช้งานมากขึ้น อีกหนึ่งระบบที่พัฒนาขึ้นมาเพื่อช่วยโรงเรียนจัดเก็บข้อมูลการใช้งานห้องพยาบาลให้เป็นระบบมากขึ้น ระบบนี้ใช้ Google Apps Script + Google Sheets เป็น Backend และฐานข้อมูล สามารถนำไปปรับใช้กับบริบทของแต่ละโรงเรียนได้ ภายในระบบมีแนวคิดสำหรับการจัดการข้อมูล เช่น • บันทึกการเข้ารับบริการห้องพยาบาล • ข้อมูลนักเรียน • อาการและการปฐมพยาบาล • การให้ยาและจัดการ Stock ยา • การพักห้องพยาบาล • การติดต่อผู้ปกครอง • ประวัติการใช้บริการ • Dashboard และสถิติ • รายงานข้อมูล • ระบบกำหนดสิทธิ์ผู้ใช้งาน • Audit Log สำหรับตรวจสอบการทำงาน สิ่งที่อยากแชร์คือ AI ช่วยให้การสร้างระบบเร็วขึ้นมาก แต่การทำให้ “ระบบใช้งานได้จริง” ยังต้องอาศัยคนพัฒนาในการวางโครงสร้าง ตรวจสอบ และแก้ปัญหาที่เกิดขึ้นระหว่างทาง 📥 ดาวน์โหลดฟรีในระบบ CodeHub ระบบนี้แจกฟรีเพื่อการศึกษาและพัฒนางานในสถานศึกษา ❌ ไม่อนุญาตให้นำระบบไปจำหน่าย ❌ ไม่อนุญาตให้นำไปขายต่อหรือเรียกเก็บค่าดาวน์โหลด ✅ สามารถนำไปศึกษา ปรับแต่ง และพัฒนาต่อยอดให้เหมาะกับโรงเรียนของตนเองได้ ถ้าระบบนี้มีประโยชน์ ฝากแชร์ต่อให้ครูและโรงเรียนที่กำลังมองหาระบบจัดการห้องพยาบาลด้วยนะคะ

เกมภาพ AI สร้างหรือภาพจริง

🎮 แจกฟรีเทมเพลต App Script AI or REAL? 🤖📷 เกมทายภาพ “ภาพนี้ AI สร้างหรือภาพจริง” เกมสำหรับใช้เป็นกิจกรรมการเรียนรู้ ให้นักเรียนลองสังเกตและวิเคราะห์ภาพ แล้วทายว่าเป็น ภาพที่สร้างจาก AI หรือ ภาพถ่ายจริง ✨ ภายในระบบมี • ระบบสุ่มภาพสำหรับเล่นเกม • ระบบตอบคำถามและเฉลยทันที • ระบบคำนวณคะแนน • ระบบสรุปผลหลังเล่น • Leaderboard จัดอันดับผู้เล่น • ใช้งานผ่าน Web App • ใช้ Google Apps Script + Google Sheets • สามารถเพิ่มภาพและคำถามได้เอง 🎁 แจกฟรีสำหรับสมาชิก VIP ในระบบ CodeHub เหมาะสำหรับนำไปใช้ใน 👨‍🏫 ห้องเรียน 🎯 กิจกรรม AI Literacy 💡 กิจกรรม Digital Skills 🏫 กิจกรรมส่งเสริมการรู้เท่าทัน AI ไม่อนุญาตให้นำไปจำหน่ายต่อ แบ่งปันเพื่อการเรียนรู้และพัฒนาการศึกษา ❤️ 👉 สมาชิก VIP สามารถเข้าไปดาวน์โหลดได้ใน CodeHub #ครูนุ่มเดฟเทค #CodeHub #AIorREAL #AI #AIEducation #GoogleAppsScript #GoogleSheets #AIอย่างรู้เท่าทัน

ระบบสำรวจความพึงพอใจอัตโนมัติ (Template กลาง ใช้ซ้ำได้ทุกงาน) พร้อมกราฟสรุปทันที

แจกฟรี! **Google Apps Script ระบบสำรวจความพึงพอใจอัจฉริยะ แบบ Template กลาง** ระบบ **Smart Satisfaction Survey Web App** สำหรับสร้างแบบประเมินความพึงพอใจออนไลน์ โดยใช้ Google Apps Script ทำงานร่วมกับ Google Sheets สามารถสร้างแบบประเมินหลายชุดได้จากระบบเดียว พร้อมดูผลสรุปและกราฟได้ทันที **จุดเด่นของระบบ** * ทำงานแบบ **Single Page Application (SPA)** ไม่ต้องโหลดหน้าเว็บใหม่ * ใช้ **Google Sheets เป็นฐานข้อมูล** ระบบสร้าง Sheet และโครงสร้างข้อมูลให้อัตโนมัติ * สร้างแบบประเมินได้หลายชุด แต่ละชุดมี ID สำหรับแยกข้อมูล * เพิ่ม ลบ และกำหนดข้อคำถามได้อย่างอิสระ * ระบบแยก **Admin Mode / Survey Mode** อัตโนมัติผ่าน URL Parameter * แชร์แบบประเมินด้วยลิงก์ `?id=...` และสามารถนำไปสร้าง QR Code ได้ * ผู้ตอบแบบประเมินให้คะแนนระดับ **1–5** * รองรับการใช้งานบนมือถือ ปุ่มคะแนนออกแบบให้กดง่าย * มีช่องสำหรับข้อเสนอแนะเพิ่มเติม * บันทึกข้อมูลลง Google Sheets อัตโนมัติ * สรุป **ค่าเฉลี่ยคะแนนรายข้อแบบ Real-time** * แสดงผลด้วย **Chart.js** ในรูปแบบกราฟแท่ง * มีปุ่มดูข้อมูลดิบและเปิดไปยัง Google Sheets ของแบบประเมินนั้นได้โดยตรง **โครงสร้างการทำงาน** `Code.gs` ทำหน้าที่เป็น Backend / API และจัดการ Google Sheets `Index.html` รวม HTML, CSS และ JavaScript พร้อม Bootstrap 5 `Google Sheets` ทำหน้าที่เป็นฐานข้อมูล `Chart.js` ใช้สำหรับแสดงกราฟสรุปผล **ระบบฐานข้อมูลแบบ Dynamic** เมื่อเริ่มใช้งาน ระบบจะสร้าง Sheet `Templates` สำหรับเก็บโครงสร้างแบบประเมิน และเมื่อสร้างแบบประเมินใหม่ ระบบจะสร้าง `Data_{ID}` สำหรับเก็บคำตอบของแต่ละชุดโดยอัตโนมัติ พร้อมสร้าง Header ให้ตรงกับคำถามที่กำหนด **การใช้งานฝั่งผู้ดูแลระบบ** 1. สร้างแบบประเมินและตั้งชื่องาน 2. เพิ่มข้อคำถามตามต้องการ 3. บันทึกแบบประเมิน 4. ระบบสร้าง ID และ Sheet สำหรับเก็บข้อมูลให้อัตโนมัติ 5. กดแชร์เพื่อคัดลอกลิงก์ 6. นำลิงก์ไปส่งผ่าน LINE, Facebook, เว็บไซต์ หรือสร้าง QR Code 7. เปิด Dashboard เพื่อดูค่าเฉลี่ยและกราฟผลประเมิน **การใช้งานฝั่งผู้ประเมิน** ผู้ใช้เปิดลิงก์แบบประเมิน ระบบจะดึงชุดคำถามตาม ID มาแสดงโดยอัตโนมัติ จากนั้นเลือกคะแนน 1–5 พร้อมกรอกข้อเสนอแนะ และกดส่งข้อมูล ระบบจะบันทึกผลลง Google Sheets ทันที พร้อมแสดงหน้าจอ **“ส่งข้อมูลสำเร็จ”** **ด้านความปลอดภัยและการพัฒนา** ระบบมีการจัดการ Error ด้วย `try...catch` ฝั่ง Server และออกแบบการส่งข้อมูลระหว่าง HTML กับ Apps Script เพื่อลดปัญหาจากอักขระพิเศษหรือเครื่องหมายคำพูดในคำถาม รวมถึงใช้โครงสร้างของ Google Infrastructure เพื่อรองรับการใช้งานพร้อมกันได้ดี **เหมาะสำหรับ** โรงเรียน • ห้องเรียน • หน่วยงานราชการ • การประเมินกิจกรรม • การประเมินโครงการ • การประเมินความพึงพอใจผู้ใช้บริการ • แบบสอบถามหลังอบรม • แบบประเมินงานต่าง ๆ 📌 **แจกฟรีสำหรับนำไปศึกษาและใช้งานต่อยอด** ดาวน์โหลดได้ในระบบ **CodeHub** **เงื่อนไขการใช้งาน:** อนุญาตให้นำไปใช้งาน ศึกษา และพัฒนาต่อยอดได้ **ไม่อนุญาตให้นำระบบไปจำหน่าย หรือเรียกเก็บค่าดาวน์โหลด** หากนำไปพัฒนาต่อยอด สามารถปรับคำถาม รูปแบบการแสดงผล สี โลโก้ และฟังก์ชันต่าง ๆ ให้เหมาะกับหน่วยงานของคุณได้เลยค่ะ

ระบบบอร์ดประชาสัมพันธ์ดิจิทัล (Digital Signage)

🎁 **แจกฟรี! App Script ระบบบอร์ดประชาสัมพันธ์ดิจิทัล (Digital Signage)** 📺✨ รอบนี้นำระบบที่สามารถเอาไปประยุกต์ใช้กับ **โรงเรียน ห้องประชาสัมพันธ์ หน่วยงาน หรือองค์กร** มาแจกให้ทดลองใช้งานกันค่ะ ระบบพัฒนาด้วย **Google Apps Script (GAS) 100%** ใช้ Google Sheets เป็นฐานข้อมูล ไม่ต้องติดตั้งฐานข้อมูล ไม่ต้องเช่า Server เพิ่ม เหมาะสำหรับนำไปเปิดบน **Smart TV / จอประชาสัมพันธ์ / จอทีวีภายในโรงเรียน** 📌 **ความสามารถของระบบ** ✅ จัดการประกาศผ่านหน้า Admin ✅ เพิ่มหัวข้อ รายละเอียด และรูปภาพประชาสัมพันธ์ ✅ ใช้ Google Sheets เป็นฐานข้อมูล ✅ รองรับรูปภาพจาก Google Drive ✅ Preview รูปภาพก่อนบันทึก ✅ แสดงประกาศแบบ Slideshow อัตโนมัติ ✅ เปลี่ยนสไลด์แบบ Fade in / Fade out ✅ มีนาฬิกาแสดงเวลาแบบ Real-time ✅ มีแถบข้อความข่าววิ่งด้านล่าง (News Ticker) ✅ เปิดแสดงผลบน Smart TV หรือจอประชาสัมพันธ์ได้ ✅ ใช้งานผ่าน Web App ของ Google Apps Script 📊 **โครงสร้างระบบแบบง่าย ๆ** **Google Sheets** ⬇️ เก็บข้อมูลประกาศ + ข้อความข่าววิ่ง **Code.gs** ⬇️ ทำหน้าที่ Backend อ่านและบันทึกข้อมูล **admin.html** ⬇️ หน้าสำหรับผู้ดูแลเพิ่มข้อมูลประชาสัมพันธ์ ?page=admin ไว้ต่อท้ายสุด (เช่น [https://script.google.com/macros/s/XXXXXX/exec?page=admin] **index.html** 📺 หน้าจอ Digital Signage สำหรับนำไปเปิดบนจอแสดงผล 💡 จุดเด่นคือระบบนี้สามารถนำไป **ทำสำเนาแล้วแก้ไขต่อได้เลย** ไม่ว่าจะเปลี่ยนโลโก้ สี ชื่อหน่วยงาน หรือเพิ่มเติมฟังก์ชันให้เหมาะกับโรงเรียนของตัวเอง 🎁 **แจกให้ใช้ฟรีสำหรับนำไปศึกษา ทดลอง และประยุกต์ใช้งาน** 👉 สามารถเข้าไป **ทำสำเนาระบบได้ใน CodeHub** ⚠️ **เงื่อนไขการใช้งาน** อนุญาตให้นำไปใช้เพื่อการศึกษา ใช้งานส่วนตัว หรือประยุกต์ใช้ภายในโรงเรียน/หน่วยงานได้ 🚫 **ไม่อนุญาตให้นำ Source Code หรือระบบที่แจกนี้ไปจำหน่ายต่อ** 🚫 ไม่อนุญาตให้นำไปแพ็กขายเป็น Template / Source Code 🙏 หากนำไปพัฒนาต่อยอดแล้วแบ่งปันต่อ ฝากให้เครดิตแหล่งที่มาด้วยนะคะ ใครกำลังอยากทำ **บอร์ดประชาสัมพันธ์ดิจิทัลในโรงเรียน** ลองเอาตัวนี้ไปแกะโค้ดและพัฒนาต่อกันได้เลยค่ะ 😊

Template ระบบแจ้งเตือน Admin ผ่าน LINE Official Account (LINE OA)

🎉 แจกฟรี! Template ระบบแจ้งเตือน Admin ผ่าน LINE Official Account (LINE OA) สวัสดีค่ะ 😊 วันนี้ครูนุ่มมี Template ระบบแจ้งเตือน Admin ผ่าน LINE Official Account มาแจกฟรี สำหรับทุกท่านที่กำลังพัฒนา Web App ด้วย Google Apps Script ค่ะ เทมเพลตนี้ออกแบบให้เป็น Template กลาง สามารถนำไปต่อยอดกับระบบต่าง ๆ ได้ทันที ไม่ว่าจะเป็น ✅ ระบบแจ้งซ่อม ✅ ระบบขอใช้รถราชการ ✅ ระบบจองห้องประชุม ✅ ระบบลงทะเบียน ✅ ระบบลางาน ✅ ระบบครุภัณฑ์ ✅ หรือ Web App อื่น ๆ ที่ต้องการแจ้งเตือนผ่าน LINE OA ✨ จุดเด่นของระบบ 🔹 Admin เชื่อมต่อ LINE OA ได้ด้วยตัวเองผ่านหน้าเว็บไซต์ 🔹 ไม่ต้องรู้หรือกรอก LINE User ID เอง 🔹 รองรับผู้ดูแลหลายคนในระบบเดียว 🔹 ส่งแจ้งเตือนเฉพาะผู้ที่เชื่อมต่อสำเร็จ (Active) 🔹 แยกโครงสร้างโค้ดเป็นสัดส่วน ใช้งานและต่อยอดง่าย 🔹 เขียนด้วย JavaScript ES6 พร้อม JSDoc และจัดโครงสร้างแบบมืออาชีพ 📦 ภายใน Template ประกอบด้วย ✅ ระบบสร้างรหัสเชื่อมต่อ LINE อัตโนมัติ ✅ LINE Webhook สำหรับยืนยันการเชื่อมต่อ ✅ ระบบ Push Message แจ้งเตือน ✅ ส่งแจ้งเตือนทุก Admin หรือเลือกส่งเฉพาะรายบุคคล ✅ ระบบยกเลิกการเชื่อมต่อ ✅ ระบบตรวจสอบสถานะการเชื่อมต่อ ✅ Utilities สำหรับ Reply / Push / Broadcast ✅ แยกไฟล์ Config, Utils, Service และ Webhook อย่างเป็นระเบียบ ตัวอย่างการแจ้งเตือน 📢 มีคำขอใช้รถราชการใหม่ 📢 มีรายการแจ้งซ่อมใหม่ 📢 มีผู้ลงทะเบียนใหม่ 📢 มีการอนุมัติคำขอ 📢 แจ้งเตือนเฉพาะผู้ดูแลที่เกี่ยวข้อง ทั้งหมดสามารถเรียกใช้งานได้เพียงไม่กี่บรรทัดของโค้ด 💝 แจกฟรีเพื่อการศึกษาและพัฒนาระบบเท่านั้น ❌ ไม่อนุญาตให้นำไปจำหน่าย ❌ ไม่อนุญาตให้นำไปขายต่อหรือดัดแปลงเพื่อจำหน่าย ✅ สามารถนำไปศึกษา ปรับปรุง และประยุกต์ใช้กับหน่วยงานหรือโรงเรียนของตนเองได้ 🚀 ขั้นตอนการติดตั้งและนำไปใช้งาน (Workflow) 1. เตรียมฐานข้อมูล Google Sheets สร้าง Google Sheets ใหม่ 1 ไฟล์ และตั้งชื่อ Sheet ว่า line_users จากนั้นพิมพ์หัวคอลัมน์ในแถวที่ 1 ให้ตรงตามนี้เป๊ะๆ (ห้ามเว้นวรรค): id, admin_id, name, line_user_id, verify_code, status, created_at, connected_at, last_notify 2. ตั้งค่า LINE Official Account ไปที่ LINE Developers สร้าง Provider และ Messaging API Channel ในแท็บ Messaging API ให้คัดลอก Channel access token (long-lived) เก็บไว้ ในเมนู LINE Official Account features ปิดการใช้งาน Auto-reply messages และ Greeting messages (เพื่อให้ Webhook ทำงานแทน) 3. นำโค้ดไปใส่ใน Google Apps Script ไปที่ Google Sheets ของคุณ เลือกเมนู ส่วนขยาย (Extensions) > Apps Script คัดลอกโค้ดทั้งหมดที่ผมสร้างให้ไปวางทับใน Code.gs (หรือจะสร้างไฟล์แยกตาม Comment ในโค้ดก็ได้ครับ) แก้ไขค่า 2 จุดในส่วนบนสุด (Config): ACCESS_TOKEN: วาง Token จากข้อ 2 SHEET.ID: วาง ID ของ Google Sheets (ดูได้จาก URL ของ Sheet) 4. Deploy เป็น Web App กดปุ่ม Deploy (การทำให้ใช้งานได้) ด้านขวาบน > New deployment เลือกประเภทเป็น Web App Execute as: Me (อีเมลของคุณ) Who has access: Anyone (ทุกคน) กด Deploy และให้สิทธิ์อนุญาตบัญชี (Authorize) คัดลอก Web App URL ที่ได้เก็บไว้ 5. เชื่อมต่อ Webhook เข้ากับ LINE กลับไปที่ LINE Developers (แท็บ Messaging API) เลื่อนลงมาที่หมวด Webhook URL นำ Web App URL จากข้อ 4 มาวางและเปิด Use webhook กด Verify เพื่อทดสอบ (ถ้าขึ้น Success คือผ่าน) 💻 การเชื่อมต่อกับเว็บแอปพลิเคชัน (Frontend) ระบบนี้รองรับการทำงานแบบ API ทำให้เว็บแอป (HTML/JS) สามารถสื่อสารผ่าน HTTP GET Request ได้ง่ายๆ: สร้างรหัส: เมื่อแอดมินกด "เชื่อมต่อ LINE" ให้ยิง Fetch ไปยัง Web App URL GET {WebApp_URL}?action=generateCode&admin_id=xxx&name=xxx (ระบบจะคืนค่ารหัสสุ่ม 6 ตัว เช่น K4P8M2 ให้นำไปแสดงบนหน้าเว็บให้ Admin ทราบ) ยกเลิกการเชื่อมต่อ: GET {WebApp_URL}?action=disconnect&admin_id=xxx 🔔 การนำไปใช้กับระบบอื่นๆ ภายใน Apps Script หากคุณเขียนระบบอื่น (เช่น ระบบแจ้งซ่อม) ใน Apps Script โปรเจ็กต์นี้ คุณสามารถเรียกใช้ 2 คำสั่งนี้ได้ทุกที่เลยครับ: NotificationSystem.sendNotify("📢 มีการแจ้งซ่อมใหม่..."); (ส่งหาแอดมินทุกคน) NotificationSystem.sendNotifyToAdmin("admin001", "แจ้งเตือนเฉพาะคุณ"); (ส่งรายบุคคล) หากโพสต์นี้เป็นประโยชน์ ฝากกด 👍 กดแชร์ และติดตามเพจ ครูนุ่ม เดฟเทค เพื่อไม่พลาดเทคนิคการพัฒนา Web App, Google Apps Script, PHP, AI และเครื่องมือใหม่ ๆ ที่จะช่วยให้การพัฒนาระบบง่ายขึ้นด้วยนะคะ ❤️

ระบบจัดเวรพยาบาลวิสัญญี/ห้องผ่าตัด

📢 แจกฟรี App Script ระบบจัดเวรพยาบาลวิสัญญี/ห้องผ่าตัด พร้อมนำไปใช้งานและปรับแต่งต่อได้ทันที สำหรับโรงพยาบาลและหน่วยงานด้านสาธารณสุข พัฒนาด้วย Google Apps Script + Google Sheets + Vue.js ใช้งานผ่านเว็บเบราว์เซอร์ ไม่ต้องติดตั้งโปรแกรมเพิ่มเติม ช่วยลดเวลาการจัดเวรและลดข้อผิดพลาดจากการจัดตารางแบบเดิม ✨ ฟีเจอร์เด่นของระบบ ✅ จัดตารางเวรตามเดือนและปีอัตโนมัติ ✅ แสดงวันหยุดเสาร์-อาทิตย์ และวันหยุดนักขัตฤกษ์อัตโนมัติ ✅ กำหนดเวรได้ง่ายเพียงคลิก เวรเช้า (ช) เวรบ่าย (บ) เวรดึก (ด) หยุด ลา ประชุม ✅ ระบบจัดเวรอัตโนมัติ (Auto Schedule) รองรับเจ้าหน้าที่พิเศษ กระจายเวรอย่างเหมาะสม ป้องกันการขึ้นเวรควบต่อเนื่อง คำนึงถึงผู้ลาและผู้ประชุม ลดภาระการจัดเวรด้วยมือ ✅ จัดการข้อมูลการลาและการประชุม เมื่อกำหนด "ลา" หรือ "ประชุม" ระบบจะล้างเวรของวันนั้นให้อัตโนมัติ ✅ บันทึกข้อมูลลง Google Sheets ✅ ส่งออกเป็นไฟล์ Excel ได้ทันที ✅ บันทึกตารางเวรเป็นรูปภาพ พร้อมแชร์หรือพิมพ์ได้ทันที 💻 เทคโนโลยีที่ใช้ Google Apps Script Vue 3 Tailwind CSS Google Sheets Database SheetJS html2canvas 🎁 ดาวน์โหลดฟรี สามารถดาวน์โหลดได้ที่ CodeHub ครูนุ่ม เดฟเทค 🌐 https://codehub.krudevtech.com 🚫 ไม่อนุญาตให้นำไปจำหน่าย สามารถนำไปศึกษา ปรับปรุง และใช้งานภายในหน่วยงานได้ แต่ ห้ามนำระบบไปจำหน่าย ดัดแปลงเพื่อจำหน่าย หรือแจกต่อในเชิงพาณิชย์โดยเด็ดขาด 💚 หากระบบนี้เป็นประโยชน์กับหน่วยงานของท่าน สามารถสนับสนุน ค่าชาเขียวและเป็นกำลังใจในการพัฒนาระบบ ได้ทางหมายเลขบัญชี 210-1-42089-5 ธนาคารกสิกรไทย ชื่อบัญชี น.ส.พิชชยานาฏ รีรักษ์ ทุกการสนับสนุนจะช่วยให้มีระบบฟรีดี ๆ สำหรับครู บุคลากรทางการศึกษา และหน่วยงานภาครัฐออกมาอย่างต่อเนื่อง 🙏