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

เทมเพลตอัปโหลดไฟล์จากเว็บเพจ PHP ไปยัง Google Drive ผ่าน Google Apps Script

แจกฟรี! DriveUploader เทมเพลตอัปโหลดไฟล์จากเว็บ PHP ไปยัง Google Drive ผ่าน Google Apps Script ใครกำลังทำเว็บไซต์ด้วย PHP แล้วต้องการให้ผู้ใช้งานสามารถอัปโหลดไฟล์จากหน้าเว็บไซต์ไปเก็บไว้บน Google Drive ได้ ระบบนี้สามารถนำไปศึกษา ปรับแต่ง และต่อยอดได้ทันที ระบบนี้ออกแบบให้ PHP ทำหน้าที่เป็นตัวกลางในการรับไฟล์ แล้วส่งต่อไปยัง Google Apps Script เพื่อบันทึกไฟล์ลง Google Drive โดยไม่จำเป็นต้องเชื่อมต่อ Google Drive API โดยตรงจาก PHP โครงสร้างระบบ Frontend index.php หน้าเว็บไซต์สำหรับเลือกไฟล์และอัปโหลด ออกแบบด้วย Tailwind CSS ใช้ JavaScript + Fetch API อัปโหลดแบบ AJAX โดยไม่ต้องรีเฟรชหน้าเว็บ ตรวจสอบขนาดไฟล์เบื้องต้นไม่เกิน 5MB Backend upload.php รับไฟล์จากหน้าเว็บไซต์ ตรวจสอบไฟล์และขนาดไฟล์อีกครั้ง แปลงไฟล์เป็น Base64 สร้างข้อมูล JSON ส่งข้อมูลด้วย cURL ไปยัง Google Apps Script config.php เก็บ URL ของ Google Apps Script Web App ช่วยแยกการตั้งค่าออกจากไฟล์หลักของระบบ Cloud Code.gs รับข้อมูลจาก PHP ถอดรหัส Base64 กลับเป็นไฟล์ สร้าง Blob ตาม Mime Type ของไฟล์ บันทึกไฟล์ลง Google Drive ส่งผลลัพธ์และ URL ของไฟล์กลับไปยัง PHP Workflow ของระบบ ผู้ใช้งาน ↓ เลือกไฟล์บนเว็บไซต์ ↓ index.php ↓ upload.php ↓ แปลงไฟล์เป็น Base64 ↓ ส่ง JSON ผ่าน cURL ↓ Google Apps Script ↓ ถอดรหัส Base64 ↓ สร้างไฟล์ ↓ Google Drive ↓ ส่ง URL กลับมายังเว็บไซต์ วิธีติดตั้ง ขั้นตอนที่ 1 สร้างโฟลเดอร์สำหรับเก็บไฟล์บน Google Drive 1. เข้า Google Drive 2. สร้างโฟลเดอร์ใหม่ เช่น Uploaded Files 3. เปิดโฟลเดอร์ที่สร้าง 4. คัดลอก Folder ID จาก URL ตัวอย่าง drive.google.com/drive/folders/XXXXXXXXXXXX ให้คัดลอกเฉพาะส่วน XXXXXXXXXXXX ขั้นตอนที่ 2 สร้าง Google Apps Script 1. เข้า script.google.com 2. สร้างโปรเจกต์ใหม่ 3. นำโค้ดจาก Code.gs ในระบบไปวาง 4. นำ Folder ID จาก Google Drive ไปใส่ในตัวแปร FOLDER_ID 5. บันทึกโปรเจกต์ ขั้นตอนที่ 3 Deploy Google Apps Script เลือก Deploy → New deployment → เลือก Web app ตั้งค่าดังนี้ Execute as: Me Who has access: Anyone จากนั้นกด Deploy หาก Google ขออนุญาตเข้าถึงบัญชี ให้ดำเนินการอนุญาตตามขั้นตอนของ Google เมื่อ Deploy สำเร็จ ให้คัดลอก Web App URL ที่ลงท้ายด้วย /exec เก็บไว้ เพราะต้องนำไปใช้ใน PHP ขั้นตอนที่ 4 ตั้งค่า PHP นำไฟล์ index.php upload.php config.php ไปไว้ในโฟลเดอร์เว็บไซต์ของคุณ ตัวอย่าง C:\xampp\htdocs\drive_uploader หรืออัปโหลดขึ้น Web Hosting ที่รองรับ PHP และ cURL จากนั้นเปิดไฟล์ config.php นำ Web App URL ที่ได้จาก Google Apps Script ไปใส่แทน YOUR_GOOGLE_APPS_SCRIPT_WEB_APP_URL_HERE บันทึกไฟล์ ขั้นตอนที่ 5 ทดสอบระบบ เปิดเว็บไซต์ เช่น http://localhost/drive_uploader/index.php จากนั้น 1. เลือกไฟล์ 2. ตรวจสอบว่าไฟล์มีขนาดไม่เกิน 5MB 3. กดเริ่มอัปโหลดไฟล์ 4. ระบบจะส่งไฟล์ไปยัง upload.php 5. PHP จะส่งข้อมูลต่อไปยัง Google Apps Script 6. Google Apps Script จะสร้างไฟล์ใน Google Drive 7. ระบบจะแสดงผลการอัปโหลด 8. สามารถกดปุ่มเพื่อเปิดไฟล์บน Google Drive ได้ ข้อจำกัดที่ควรรู้ ระบบตัวอย่างนี้กำหนดขนาดไฟล์ไว้ไม่เกิน 5MB สาเหตุสำคัญคือระบบใช้การแปลงไฟล์เป็น Base64 ก่อนส่งผ่าน JSON ซึ่งทำให้ข้อมูลมีขนาดเพิ่มขึ้นประมาณ 33% ดังนั้นระบบนี้เหมาะกับไฟล์ขนาดเล็ก เช่น เอกสาร รูปภาพ PDF ไฟล์งานของนักเรียน แบบฟอร์ม เอกสารประกอบการเรียน หากต้องการรองรับไฟล์ขนาดใหญ่ ควรออกแบบระบบ Upload ใหม่ให้เหมาะสมกับการใช้งานจริง เรื่องความปลอดภัยก็สำคัญ หากนำระบบขึ้นใช้งานบนเว็บไซต์สาธารณะ ไม่ควรเปิดให้ทุกคนสามารถอัปโหลดไฟล์เข้า Google Drive ได้โดยไม่มีการควบคุม แนะนำให้เพิ่ม ระบบ Login กำหนดสิทธิ์ผู้ใช้งาน จำกัดประเภทไฟล์ จำกัดขนาดไฟล์ ตรวจสอบนามสกุลและ MIME Type ป้องกันการส่ง Request ซ้ำ กำหนดโควตาการอัปโหลด บันทึกประวัติการอัปโหลด เพื่อป้องกันการนำระบบไปใช้ในทางที่ไม่เหมาะสม และป้องกันพื้นที่ Google Drive เต็ม หมายเหตุเกี่ยวกับ Google Apps Script หากแก้ไข Code.gs แล้ว Web App ที่ Deploy ไว้อาจยังทำงานด้วยเวอร์ชันเดิม เมื่อต้องการนำโค้ดเวอร์ชันใหม่ไปใช้งาน ให้สร้าง Deployment/Version ใหม่ตามขั้นตอนของ Apps Script และตรวจสอบ Web App URL ให้ถูกต้อง เหมาะสำหรับนำไปศึกษาและต่อยอด เช่น ระบบส่งงานนักเรียน ระบบรับเอกสารออนไลน์ ระบบส่งผลงาน ระบบรับสมัคร ระบบอัปโหลดเอกสารราชการ ระบบส่งไฟล์ประกอบการเรียน ระบบ Upload ภาพกิจกรรม ระบบจัดเก็บเอกสารลง Google Drive ดาวน์โหลดฟรีในระบบ CodeHub สามารถเข้าไปดาวน์โหลด Source Code พร้อมนำไปศึกษาและพัฒนาต่อยอดได้ในระบบ CodeHub เงื่อนไขการใช้งาน แจกฟรีเพื่อการศึกษาและการพัฒนาระบบ สามารถนำไปปรับแต่งและต่อยอดได้ ไม่อนุญาตให้นำ Source Code นี้ไปจำหน่าย ไม่อนุญาตให้นำไปแจกต่อในรูปแบบที่มีค่าใช้จ่าย หากนำไปพัฒนาต่อ สามารถปรับให้เหมาะกับระบบของโรงเรียนหรือหน่วยงานของตนเองได้ จาก PHP → Google Apps Script → Google Drive เปลี่ยนเว็บไซต์ธรรมดาให้สามารถรับไฟล์และจัดเก็บบน Cloud ได้ง่ายขึ้น เหมาะสำหรับครู นักเรียน และนักพัฒนาที่ต้องการศึกษาแนวทางการเชื่อมต่อ PHP กับ Google Apps Script และ Google Drive

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

แจกฟรี! ระบบบันทึกการใช้งานห้องพยาบาล สำหรับโรงเรียน 🏥💻 เบื้องหลังการพัฒนาระบบครั้งนี้ เริ่มต้นจากการใช้ 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อย่างรู้เท่าทัน

ระบบปฏิทินกิจกรรมหน่วยงาน

📢 แจกฟรี! 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 → แปลงลิงก์ → แสดงรูป → คลิกดูภาพใหญ่ได้ทันที ⸻

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

📢 แจกฟรี 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'

ระบบสอบออนไลน์ครบวงจร พร้อมระบบป้องกันการทุจริต

🎉 **แจกฟรี! Google Apps Script ระบบสอบออนไลน์ครบวงจร** พร้อมระบบป้องกันการทุจริต ใช้งานได้จริงในโรงเรียน 🚀 📢 สำหรับคุณครูและสถานศึกษาที่กำลังมองหาระบบสอบออนไลน์แบบครบเครื่อง วันนี้ครูนุ่มเปิดให้ **ดาวน์โหลดฟรี** ผ่านระบบ **CodeHub** (❌ ไม่อนุญาตให้นำไปจำหน่าย) ## ✨ ความสามารถเด่นของระบบ ✅ เว็บแอปพลิเคชันใช้งานผ่าน Browser ไม่ต้องติดตั้งโปรแกรม ✅ พัฒนาด้วย Google Apps Script เชื่อมต่อ Google Workspace ได้อย่างลงตัว ✅ รองรับ 3 บทบาทการใช้งาน * 👨‍💼 ผู้ดูแลระบบ (Admin) * 👨‍🏫 ครูผู้สอน * 👨‍🎓 นักเรียน ### 👨‍💼 สำหรับผู้ดูแลระบบ 🔹 ตั้งค่าชื่อโรงเรียน ภาคเรียน และปีการศึกษา 🔹 จัดการรายวิชา ห้องเรียน และบัญชีครู 🔹 นำเข้ารายชื่อนักเรียนแบบ CSV ได้ทั้งห้อง 🔹 เปิดปีการศึกษาใหม่โดยแยกฐานข้อมูลแต่ละปี 🔹 ดูรายงานภาพรวมทั้งโรงเรียน พร้อม Export เป็น Google Sheet / Excel ### 👨‍🏫 สำหรับครูผู้สอน 📝 สร้างข้อสอบได้ทั้ง * ปรนัย * อัตนัย * แบบผสม 📚 เพิ่มข้อสอบได้ทั้ง * เพิ่มทีละข้อ * นำเข้าหลายข้อด้วยข้อความ (Bulk Import) 🎯 กำหนด * วันและเวลาเปิด-ปิดสอบ * เวลาทำข้อสอบ * สุ่มข้อสอบ * สุ่มตัวเลือก * มอบหมายหลายห้องเรียน * เกณฑ์การตรวจจับการทุจริต 📊 ตรวจข้อสอบอัตนัย พร้อมสรุปผลคะแนนและกราฟรายงาน ### 👨‍🎓 สำหรับนักเรียน 📱 เข้าสอบผ่านโทรศัพท์ แท็บเล็ต หรือคอมพิวเตอร์ ✔️ ระบบบันทึกคำตอบอัตโนมัติ ✔️ แสดงสถานะการทำข้อสอบ ✔️ ส่งข้อสอบออนไลน์ ✔️ เห็นคะแนนปรนัยทันทีหลังสอบ ✔️ รอคะแนนอัตนัยหลังครูตรวจ ## 🛡️ ระบบป้องกันการทุจริต ระบบตรวจจับพฤติกรรมต้องสงสัยระหว่างสอบ เช่น 🚫 สลับแท็บหรือออกจากหน้าสอบ 🚫 คลิกขวา 🚫 คัดลอก (Copy) 🚫 วางข้อความ (Paste) เมื่อเกินจำนวนครั้งที่ครูกำหนด ระบบจะ **บังคับส่งข้อสอบอัตโนมัติ** เพื่อช่วยลดการทุจริตในการสอบออนไลน์ ## 💡 เหมาะสำหรับ 🏫 โรงเรียน 🎓 วิทยาลัย 📖 การอบรมออนไลน์ 💻 การสอบก่อนเรียน-หลังเรียน 📋 การสอบวัดผลภายในองค์กร 🎁 **ดาวน์โหลดฟรีได้ในระบบ CodeHub** ❌ **ไม่อนุญาตให้นำไปจำหน่าย ดัดแปลงเพื่อจำหน่าย หรือเผยแพร่เชิงพาณิชย์** ** การติดตั้งอยู่ในไฟล์ README.md ** หากโพสต์นี้มีประโยชน์ ฝากกด ❤️ กดแชร์ และติดตามเพจ **ครูนุ่ม DevTech** เพื่อรับระบบฟรีและเทคนิคการพัฒนา Google Apps Script, PHP และ AI สำหรับงานการศึกษาอย่างต่อเนื่องค่ะ 😊

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

ระบบรับข้อร้องเรียน (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 ⸻ 💬 ใครนำไปใช้แล้ว มารีวิวให้ฟังได้นะคะ 😊

ระบบสำรวจความพึงพอใจอัตโนมัติ (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** **เงื่อนไขการใช้งาน:** อนุญาตให้นำไปใช้งาน ศึกษา และพัฒนาต่อยอดได้ **ไม่อนุญาตให้นำระบบไปจำหน่าย หรือเรียกเก็บค่าดาวน์โหลด** หากนำไปพัฒนาต่อยอด สามารถปรับคำถาม รูปแบบการแสดงผล สี โลโก้ และฟังก์ชันต่าง ๆ ให้เหมาะกับหน่วยงานของคุณได้เลยค่ะ

ระบบ LINE API Dashboard

🎁 แจกฟรี! ระบบ LINE API Dashboard ระบบสำหรับจัดการ LINE Official Account แบบง่าย ๆ พัฒนาด้วย PHP 🚀 # ภาพรวมและการติดตั้งระบบ LINE API Dashboard (Free Version) ระบบนี้เป็นตัวอย่างโครงสร้างสำหรับการเชื่อมต่อและจัดการ LINE Official Account (บอท) ผ่าน LINE Messaging API โดยประกอบไปด้วยส่วนแสดงผล (Dashboard) และระบบจัดการหลังบ้าน (API & Database) ## 📌 ภาพรวมของระบบ (Architecture) ระบบถูกออกแบบมาเป็นแบบ **API-Driven** แยกส่วนหน้าบ้านและหลังบ้านออกจากกันอย่างชัดเจน: 1. **`config.php` (ตั้งค่าระบบ):** เก็บค่าที่สำคัญเช่น LINE Tokens และตำแหน่งไฟล์ฐานข้อมูล 2. **`api.php` (ระบบหลังบ้าน):** เป็นศูนย์กลางการทำงาน ทำหน้าที่: * เชื่อมต่อฐานข้อมูล SQLite (สร้างไฟล์อัตโนมัติ) * ติดต่อกับเซิร์ฟเวอร์ของ LINE (LINE API) โดยนำ Token จาก `config.php` ไปใช้ * รอรับคำสั่ง (Request) จากหน้าบ้าน (เช่น ดึงข้อมูลบอท, ดึงโควต้า, บันทึกการตั้งค่า) และส่งผลลัพธ์กลับไปเป็นรูปแบบ JSON 3. **`index.php` (หน้าจอ Dashboard):** ส่วนติดต่อผู้ใช้ (Frontend) ใช้ HTML, CSS (Tailwind) และ JavaScript ทำหน้าที่: * แสดงผล UI สวยงาม * ใช้ JavaScript (Fetch API) เรียกไปหา `api.php` เพื่อขอข้อมูลมาแสดงผล (เช่น รูปบอท, หลอดโควต้า) โดยไม่ต้องรีเฟรชหน้าเว็บ *(หมายเหตุ: ไฟล์ `line_dashboard.php` ที่คุณมี เป็นเพียงไฟล์จำลอง (Mockup) สำหรับแสดงผล UI ก่อนที่จะมีการเชื่อมต่อ API จริง หากใช้ `index.php` แล้ว ก็ไม่จำเป็นต้องใช้ `line_dashboard.php` อีก)* --- ## 🚀 ขั้นตอนการติดตั้ง (Installation Guide) ระบบนี้ใช้ **SQLite** เป็นฐานข้อมูลหลัก จึง **ไม่ต้อง** ติดตั้งหรือตั้งค่า MySQL ให้ยุ่งยาก เพียงแค่อัปโหลดไฟล์ก็พร้อมใช้งาน ### ขั้นตอนที่ 1: เตรียมไฟล์ทั้งหมด นำไฟล์ทั้ง 3 ไฟล์หลัก ไปวางไว้ในโฟลเดอร์เดียวกันบน Server หรือโปรแกรมจำลอง Server (เช่น XAMPP, MAMP) * `config.php` * `api.php` * `index.php` ### ขั้นตอนที่ 2: ตั้งค่า LINE API Keys 1. เข้าไปที่ [LINE Developers Console](https://developers.line.biz/console/) 2. เลือก Provider และ Channel (Messaging API) ของคุณ 3. ไปที่แท็บ **Messaging API** * เลื่อนลงมาด้านล่างสุด หาคำว่า **Channel access token (long-lived)** * คลิก **Issue** (หากยังไม่เคยสร้าง) แล้วคัดลอก Token ที่ได้ยาวๆ 4. ไปที่แท็บ **Basic settings** * เลื่อนหาคำว่า **Channel secret** แล้วคัดลอกมา 5. เปิดไฟล์ `config.php` (ในส่วนที่คุณ Highlight ไว้) แล้วนำข้อมูลไปใส่: ```php // ใส่ Token ที่ได้จากแท็บ Messaging API define('LINE_ACCESS_TOKEN', 'YOUR_LONG_CHANNEL_ACCESS_TOKEN'); // ใส่ Secret ที่ได้จากแท็บ Basic settings define('LINE_CHANNEL_SECRET', 'YOUR_CHANNEL_SECRET'); ขั้นตอนที่ 3: ตรวจสอบการอนุญาตไฟล์ (File Permissions) สำคัญมากสำหรับ Server จริง: โฟลเดอร์ที่เก็บไฟล์ api.php ต้องมีสิทธิ์ให้ PHP สามารถสร้างไฟล์และเขียนไฟล์ได้ (เช่น permission 755 หรือ 775) เนื่องจากเมื่อระบบรันครั้งแรก api.php จะทำการสร้างไฟล์ database.sqlite ขึ้นมาอัตโนมัติเพื่อเก็บการตั้งค่า (เช่น ข้อความต้อนรับ) หากไม่มีสิทธิ์เขียนไฟล์ ระบบจะแจ้ง Error ขั้นตอนที่ 4: ทดสอบการใช้งาน เปิด Web Browser แล้วเข้าไปที่ URL ของโปรเจกต์คุณ เช่น http://localhost/line-dashboard/index.php หรือ https://yourdomain.com/index.php หากการตั้งค่า Token ถูกต้อง หน้าจอจะแสดง: รูปโปรไฟล์และชื่อบอทของคุณ โควต้าการส่งข้อความที่เหลืออยู่ กล่องข้อความต้อนรับ ที่คุณสามารถพิมพ์และกด "บันทึกการตั้งค่า" ได้ (ระบบจะบันทึกลงไฟล์ database.sqlite) 💡 คำแนะนำสำหรับการนำไปใช้งานจริง (Production) ถ้าคุณจะนำโค้ดชุดนี้ไปใช้งานบน Server จริง หรือเผยแพร่ให้คนอื่นใช้ ควรปรับปรุงเรื่องความปลอดภัยดังนี้: ปิดการแสดง Error: ในไฟล์ config.php ให้เปลี่ยนค่า ini_set เป็น 0 เพื่อไม่ให้แสดง Error ของ PHP ให้ผู้ใช้ทั่วไปเห็น การเข้าถึง index.php: ควรมีระบบ Login (Authentication) ป้องกันไม่ให้ใครก็ได้เข้ามาดู Token หรือแก้ไขข้อความต้อนรับของคุณ การเข้าถึง database.sqlite: บน Server จริง ไฟล์ .sqlite อาจถูกดาวน์โหลดได้โดยตรงหากมีคนรู้ชื่อไฟล์ ควรตั้งค่า Web Server (เช่น .htaccess ใน Apache) เพื่อบล็อกการเข้าถึงไฟล์ .sqlite หรือย้ายไฟล์ไปไว้ในโฟลเดอร์ที่ไม่สามารถเข้าถึงได้ผ่าน URL 📥 ดาวน์โหลดได้ในระบบ CodeHub ⚠️ แจกฟรีสำหรับนำไปใช้งานและศึกษาเท่านั้น ไม่อนุญาตให้นำไปจำหน่าย #LINEAPI #LINEOA #PHP #WebApp #แจกฟรี #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 ธนาคารกสิกรไทย ชื่อบัญชี น.ส.พิชชยานาฏ รีรักษ์ ทุกการสนับสนุนจะช่วยให้มีระบบฟรีดี ๆ สำหรับครู บุคลากรทางการศึกษา และหน่วยงานภาครัฐออกมาอย่างต่อเนื่อง 🙏

ระบบแจ้งซ่อมออนไลน์ พร้อมแจ้งเตือนผ่าน LINE OA

🎁 **แจกฟรี! App Script ระบบแจ้งซ่อมออนไลน์ พร้อมแจ้งเตือนผ่าน LINE OA** **❌ ไม่อนุญาตให้นำไปจำหน่าย** ดาวน์โหลดได้ฟรีผ่านระบบ **CodeHub** ใครกำลังมองหาระบบแจ้งซ่อมออนไลน์ที่ใช้งานง่าย รองรับทั้งมือถือและคอมพิวเตอร์ และไม่ต้องเสียค่าเช่า Server ห้ามพลาด! ระบบนี้พัฒนาด้วย **Google Apps Script (GAS)** ทำงานร่วมกับ Google Workspace และ LINE Official Account แบบครบวงจร เหมาะสำหรับโรงเรียน หน่วยงานราชการ และองค์กรต่าง ๆ ที่ต้องการบริหารงานซ่อมอย่างเป็นระบบ ## ✨ ความสามารถของระบบ ✅ แจ้งซ่อมผ่าน Web App ได้ทุกอุปกรณ์ ✅ แนบรูปภาพประกอบการแจ้งซ่อมได้ ✅ สร้างเลขที่ Ticket อัตโนมัติ ✅ บันทึกข้อมูลลง Google Sheets ทันที ✅ จัดเก็บรูปภาพไว้ใน Google Drive ✅ แจ้งเตือนทีมช่างผ่าน LINE Official Account แบบเรียลไทม์ ✅ แสดงรายละเอียดงานพร้อมรูปภาพใน LINE ✅ รองรับ Dashboard และกราฟสรุปข้อมูลด้วย Chart.js ✅ ไม่ต้องเช่า Hosting หรือ Server เพิ่ม ## 🔄 การทำงานของระบบ 1️⃣ ผู้ใช้กรอกแบบฟอร์มแจ้งซ่อมผ่าน Web App 2️⃣ หากแนบรูป ระบบจะส่งไฟล์ในรูปแบบ Base64 ไปยัง Google Apps Script 3️⃣ Google Apps Script ประมวลผลทั้งหมด * สร้าง Ticket ID * บันทึกข้อมูลลง Google Sheets * อัปโหลดรูปไปยัง Google Drive 4️⃣ ส่ง Flex Message ผ่าน LINE Messaging API ไปยัง LINE OA ของทีมช่างทันที 5️⃣ ผู้แจ้งได้รับข้อความยืนยันการส่ง พร้อมหมายเลข Ticket ## 🛠 เทคโนโลยีที่ใช้ 💙 HTML + CSS (Bootstrap 5) + JavaScript 💙 Google Apps Script (Backend) 💙 Google Sheets (Database) 💙 Google Drive (File Storage) 💙 LINE Messaging API (Notification) 💙 Chart.js (Dashboard) ## 🌟 จุดเด่น 🚀 Serverless ไม่ต้องเช่า Server 🚀 ใช้งานบนโครงสร้างพื้นฐานของ Google 🚀 ฟรี ประหยัดงบประมาณ 🚀 ติดตั้งง่าย ปรับแต่งต่อยอดได้ 🚀 เหมาะสำหรับโรงเรียน หน่วยงานราชการ และองค์กรทุกประเภท 📥 **ดาวน์โหลดฟรีได้ในระบบ CodeHub** **❌ แจกฟรีเพื่อการศึกษาและใช้งานภายในหน่วยงานเท่านั้น** **⛔ ไม่อนุญาตให้นำไปจำหน่าย ดัดแปลงเพื่อขาย หรือเผยแพร่เชิงพาณิชย์**