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

ระบบคลังข้อสอบออนไลน์

ระบบคลังข้อสอบออนไลน์” โดยใช้ Google Apps Script เชื่อมต่อข้อมูลหลังบ้านทั้งหมดให้ทำงานจริงได้แบบอัตโนมัติ 🚀 สิ่งที่ทำได้ภายในระบบนี้ ✅ ตัวกรองข้อสอบ: ระดับชั้น / วิชา / ประเภท ✅ สถานะฐานข้อมูล (จำนวนข้อสอบ – จำนวนดาวน์โหลด) ✅ โหลดข้อสอบเป็นไฟล์ PDF หรือ WORD ✅ เพิ่มข้อสอบใหม่ พร้อมบันทึกลง Google Sheets ✅ สถานะฐานข้อมูล (จำนวนข้อสอบ – จำนวนดาวน์โหลด) ✅ เมนูใช้งานครบ: ค้นหา / เพิ่มข้อสอบ / จัดการหมวดหมู่ / ประวัติการใช้งาน ✅ ระบบแจ้งสถานะ Google Apps Script ออนไลน์ ✅ อินเทอร์เฟซดูสะอาด ทันสมัย ใช้ง่ายทุกอุปกรณ์ ✅ ทำงานร่วมกับ Apps Script แบบ Real-time เหมาะสำหรับโรงเรียน ครู และผู้ดูแลการสอบที่ต้องการเก็บ รวบรวม และค้นหาข้อสอบในที่เดียว ไม่อนุญาตให้ทำขาย ขอเพียงคำว่า "ขอบคุณ" ก็เพียงพอแล้วค่ะ ☺️ 🔎 การแก้ไข App Script - แก้ไข SPREADSHEET_ID บรรทัดที่ 3 - สร้างโฟลเดอร์ข้อสอบ แก้ไข UPLOAD_FOLDER_ID บรรทัดที่ 4

ระบบอัพโหลดรูปภาพออนไลน์

ระบบอัพโหลดรูปภาพออนไลน์ 💡 ระบบนี้ช่วยให้เราสามารถ 🔹 อัปโหลดรูปภาพได้ไม่เกิน 10 รูปต่อครั้ง 🔹 รูปถูกเก็บใน Google Drive อัตโนมัติ 🔹 บันทึกข้อมูลลง Google Sheet เช่น ชื่อไฟล์ ผู้ส่ง คำบรรยาย 🔹 แสดงหน้าเว็บแบบสวยงาม (Responsive + Bootstrap 5) ใช้งานได้ทั้งในมือถือและคอม สะดวกมากสำหรับโรงเรียนหรือหน่วยงานที่อยากรวมภาพกิจกรรมไว้ที่เดียว 👩‍💻 ตัวอย่างเทคโนโลยีที่ใช้: • Google Apps Script • Google Sheet & Drive API • HTML + Bootstrap 5 + Sarabun Font Prompt : “สร้างระบบอัพโหดรูปภาพออนไลน์ให้ผู้ใช้สามารถอัปโหลดรูปได้ไม่เกิน 10 ภาพต่อครั้ง รูปถูกเก็บใน Google Drive folder ที่ระบุ ข้อมูลเมตา (ชื่อไฟล์, ขนาด, MIME type, URL, uploader name, caption, timestamp) ถูกบันทึกลง Google Sheet หน้าเว็บแสดง Gallery แบบ responsive และมี lightbox สำหรับดูภาพขนาดใหญ่ ให้มีการตรวจสอบไฟล์ (เฉพาะ image/*) และแจ้งข้อความผิดพลาดถ้าเกิน 10 รูปหรือชนิดไฟล์ไม่ถูกต้อง ให้โค้ดพร้อมใช้งานเป็น Google Apps Script (HTML + Server-side Apps Script) และคำอธิบายการตั้งค่า Google Drive folder id และ Google Sheet header” #GoogleAppsScript #คลังรูปภาพออนไลน์ #digitaltools ลิงค์ทำสำเนาอยู่ใต้คอมเมนต์ อย่าลืมสร้างโฟลเดอร์เก็บรูปภาพด้วยนะ👇 ไฟล์ code .gs 1. แก้ไข SPREADSHEET_ID บรรทัดที่ 2 2. แก้ไข DRIVE_FOLDER_ID บรรทัดที่ 4

ระบบคลังสือครูแบ่งปัน

ระบบคลังสือครูแบ่งปันนี้เป็นพื้นที่กลางให้ครูทุกคนสามารถ 📤 อัปโหลด “สื่อการสอน” ได้สูงสุด 10 ไฟล์ต่อครั้ง 📚 ระบบจะเก็บไฟล์ไว้ใน Google Drive 🧾 บันทึกข้อมูล (ชื่อสื่อ, รายละเอียด, ผู้ส่ง, วันที่, ลิงก์ไฟล์) ลงใน Google Sheet 🌐 และแสดงผลทั้งหมดบนหน้าเว็บ “คลังสื่อออนไลน์” ให้ทุกคนเข้าชม ดาวน์โหลด และค้นหาได้สะดวก วิธีการทำสำเนา แก้ไขใน code .gs 1. แก้ไข SHEET_ID บรรทัดที่ 2 2, สร้างโฟลเดอร์ใน Google Drive และนำ ID มาแก้ไขในข้อที่ 3 3. แก้ไข DRIVE_FOLDER_ID บรรทัดที่ 4 4. Deploy เวอร์ชันใหม่

ระบบประเมินความพึงพอใจและดาวน์โหลดเกียรติบัตร

ระบบ “แบบประเมินความพึงพอใจ พร้อมรับเกียรติบัตรออนไลน์” 🔹 ภาพรวมระบบ เป็น Web App สำหรับให้ผู้ใช้งานเข้ามาประเมินความพึงพอใจ เมื่อประเมินเสร็จ ระบบจะบันทึกข้อมูลและ สร้างเกียรติบัตรเป็นไฟล์ PDF ให้ดาวน์โหลดได้ทันที ไม่ต้องรออีเมล เหมาะกับการใช้งานจริงในโรงเรียนและหน่วยงาน 🔹 ส่วนหน้าเว็บไซต์ (Frontend) • ดีไซน์ด้วย Bootstrap 5 โทนฟ้า-ขาว ดูเป็นทางการ ใช้งานได้ทั้งคอมและมือถือ • ใช้ฟอนต์ Sarabun ทั้งระบบ อ่านง่าย เหมาะกับงานราชการ • แบบประเมิน 5 ด้าน (คะแนน 1–5) ▪ ความสะดวกในการใช้งาน ▪ ความรวดเร็ว ▪ การจัดวาง ▪ ความสวยงาม ▪ ความพึงพอใจโดยรวม • มีสถานะการทำงานครบ: กรอกข้อมูล → กำลังประมวลผล → ดาวน์โหลด PDF 🔹 การจัดการข้อมูล (Google Sheets) • ใช้โครงสร้างฐานข้อมูลแบบเรียบง่าย • คะแนน “ความพึงพอใจโดยรวม” ใช้เป็น คะแนนหลัก • คะแนนย่อย Q1–Q4 จะถูกรวมเป็นข้อความแนบในช่องข้อเสนอแนะ ✅ ข้อดีคือ เก็บข้อมูลครบทุกมิติ โดยไม่ต้องเพิ่มคอลัมน์ให้ยุ่งยาก 🔹 เทคโนโลยีที่ใช้ • HTML5 / CSS3 / JavaScript / Bootstrap • เชื่อมต่อ Google Apps Script ด้วย google.script.run • บันทึกข้อมูล + สร้างเกียรติบัตร PDF แบบอัตโนมัติ 📌 เหมาะมากสำหรับ โรงเรียน / โครงการอบรม / เว็บไซต์หน่วยงาน ที่ต้องการเก็บ Feedback และมอบเกียรติบัตรแบบมืออาชีพ 👉 ลิงก์ดาวน์โหลดเทมเพลต อยู่ใต้คอมเมนต์ค่ะ สายครูนักพัฒนา เอาไปปรับใช้ต่อได้ทันที 💻✨ การแก้ไข App Script 1. ไฟล์ code.gs - แก้ไข SHEET_ID บรรทัดที่ 4 - แก้ไข SLIDE_TEMPLATE_ID บรรทัดที่ 5 2. ไฟล์ index.html - แก้ไขแบบประเมิน บรรทัดที่ 133 เป็นต้นไป - หากมีแบบประเมินมากกว่า 5 ข้อ แก้ไขบรรทัดที่ 284-300

ระบบรับคำร้องออนไลน์

ระบบรับคำร้องออนไลน์ พร้อมออกเลขคำร้องและสร้าง PDF อัตโนมัติ (Google Apps Script) ปัจจุบันหลายหน่วยงานต้องรับคำร้องจากประชาชนจำนวนมาก ไม่ว่าจะเป็นคำร้องขอเอกสาร แจ้งเรื่องต่าง ๆ หรือยื่นคำขอบริการต่าง ๆ หากยังใช้กระดาษหรือบันทึกมือ อาจทำให้การจัดเก็บข้อมูลและการค้นหาย้อนหลังทำได้ยาก วันนี้มี ระบบรับคำร้องออนไลน์แบบอัตโนมัติ ที่พัฒนาด้วย Google Apps Script + Google Sheets + Google Docs + Google Drive มาแบ่งปันให้ใช้งานค่ะ 🎉 ระบบนี้เป็น Web Application ที่ประชาชนสามารถกรอกคำร้องผ่านหน้าเว็บได้ทันที และระบบจะทำงานอัตโนมัติครบวงจร ได้แก่ ✅ กรอกข้อมูลคำร้องผ่านหน้าเว็บ ✅ ระบบออก เลขคำร้องอัตโนมัติ ตามวันที่ ✅ สร้าง ไฟล์ PDF ใบรับคำร้อง ทันที ✅ บันทึกข้อมูลลง Google Sheets เป็นฐานข้อมูล ✅ เก็บไฟล์ PDF ใน Google Drive ✅ ผู้ยื่นคำร้องสามารถ ดาวน์โหลด PDF ได้ทันทีหลังส่งข้อมูล ช่วยให้หน่วยงานสามารถ • ลดการใช้กระดาษ • จัดเก็บข้อมูลเป็นระบบ • ค้นหาคำร้องย้อนหลังได้ง่าย • เพิ่มความสะดวกให้ประชาชน ⸻ 🏢 ระบบนี้เหมาะกับหน่วยงาน เช่น • เทศบาล / อบต. • ที่ว่าการอำเภอ • หน่วยงานราชการที่รับคำร้องจากประชาชน • โรงเรียน / สถานศึกษา • โรงพยาบาล / สาธารณสุข • งานทะเบียน / งานธุรการ • งานรับเรื่องร้องเรียน / แจ้งปัญหาชุมชน ⸻ ⚙️ จุดเด่นของระบบ • ใช้เครื่องมือฟรีจาก Google ทั้งหมด • ไม่ต้องมี Hosting • ไม่ต้องมีฐานข้อมูล MySQL • ทำงานผ่าน Google Drive ได้ทันที • สามารถแก้ไขแบบฟอร์มและเทมเพลต PDF ได้เอง ⸻ 📦 แจกฟรี App Script ระบบนี้ สามารถนำไปปรับใช้กับหน่วยงานของท่านได้ทันที ❌ ไม่อนุญาตให้นำไปจำหน่าย ⸻ หากหน่วยงานไหนกำลังมองหา ระบบรับคำร้องออนไลน์แบบง่าย ๆ แต่ทำงานอัตโนมัติครบวงจร ระบบนี้สามารถนำไปใช้งานได้ทันทีค่ะ 😊

ระบบรับสมัครนักเรียนออนไลน์

ระบบรับสมัครนักเรียนออนไลน์ พัฒนาด้วย Google App Script เหมาะสำหรับโรงเรียนที่ต้องการระบบสมัครเรียนแบบออนไลน์ ใช้งานจริงได้ทันที ⸻ 📌 สรุปการทำงานของระบบรับสมัครนักเรียนออนไลน์ 🟢 1. การรับข้อมูล (Data Input) • รับข้อมูลจากหน้าเว็บในรูปแบบ JSON • เก็บข้อมูลนักเรียน (ชื่อ, เลขบัตรประชาชน, ระดับชั้น) • เก็บข้อมูลผู้ปกครอง • ไฟล์แนบ (รูปถ่าย, ทะเบียนบ้าน) ส่งมาในรูปแบบ Base64 🟢 2. การจัดการไฟล์หลักฐาน (File Management) • แปลง Base64 กลับเป็นไฟล์จริง • อัปโหลดเข้า Google Drive Folder ที่กำหนด • ตั้งค่าสิทธิ์แชร์อัตโนมัติ เปิดดูเอกสารได้ทันทีจากลิงก์ 🟢 3. การบันทึกข้อมูล (Google Sheets) • ตรวจสอบและสร้าง Sheet ชื่อ “ข้อมูลการสมัคร” อัตโนมัติ • บันทึกข้อมูลลงในแถวใหม่ • แนบลิงก์ไฟล์เอกสารจาก Google Drive ให้เจ้าหน้าที่คลิกดูได้ทันที 🟢 4. การยืนยันผล (Confirmation) • แสดงสถานะ บันทึกข้อมูลสำเร็จ บนหน้าเว็บ • ส่งอีเมลยืนยันไปยังผู้ปกครองด้วย MailApp 🟢 5. ความปลอดภัยและสิทธิ์การเข้าถึง • กำหนด OAuth Scopes ชัดเจน (Drive, Sheet, Email) • ใช้โครงสร้าง try...catch ช่วยตรวจสอบ Error ได้ง่าย ⸻ 📌 เงื่อนไขการใช้งาน ✅ ใช้เพื่อการศึกษา ✅ นำไปปรับปรุงและพัฒนาต่อยอดได้ 🚫 ไม่อนุญาตให้นำไปจำหน่ายหรือแสวงหาผลกำไร เพื่อแบ่งปันความรู้และช่วยลดภาระงานของโรงเรียนค่ะ 💙 วิธีการนำไปใช้งาน 1. สร้างโฟล์เดอร์เก็บไฟล์ 2. แก้ไข DRIVE_FOLDER_ID บรรทัดที่ 2