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

แฟ้มเอกสารราชการออนไลน์

แฟ้มเอกสารราชการออนไลน์ ครูหลายโรงเรียนเจอปัญหาเหมือนกัน 📂 เอกสารกระจัดกระจาย 📱 อยู่ใน LINE บ้าง Drive บ้าง 🔍 อยากหาเอกสารย้อนหลัง แต่จำไม่ได้ว่าอยู่ที่ไหน ครูนุ่มเลยทำ แฟ้มเอกสารราชการออนไลน์ ด้วย Google Apps Script ให้ครูใช้เป็น “ศูนย์รวมเอกสารกลาง” เปิดดูง่าย ค้นหาได้ ใช้งานได้ทันที ✔ ใช้ฟรี ✔ ใช้ในโรงเรียนได้จริง ✔ ปรับใช้ได้ตามบริบทแต่ละโรงเรียน ❌ ไม่อนุญาตให้นำไปทำขาย / เปิดอบรมเชิงพาณิชย์ ❌ ไม่อนุญาตให้นำไปอ้างเป็นผลงานตนเอง

ระบบค้นหาและดาวน์โหลดเกียรติบัตรอัตโนมัติ

ระบบค้นหาและดาวน์โหลดเกียรติบัตรอัตโนมัติ 🎉 สำหรับครูที่อยากจัดกิจกรรมแล้วออกเกียรติบัตรให้นักเรียน ✅ ระบบนี้ช่วยให้ นักเรียนค้นหาชื่อ-นามสกุล แล้วดาวน์โหลดเกียรติบัตรได้ทันที 📌 เชื่อมต่อกับ Google Sheet + Google Slide + Google Drive แบบครบวงจร 💡 จุดเด่น ✅ ค้นหาชื่อ–นามสกุลจาก Google Sheet ✅ ดึงไฟล์เกียรติบัตรจาก Google Drive อัตโนมัติ ✅ ออกแบบเกียรติบัตรสวย ๆ ใน Google Slide ✅ ดาวน์โหลดเกียรติบัตรได้ทั้งแบบ PDF และลิงก์ออนไลน์ เหมาะสำหรับ: 👩‍🏫 ครูผู้สอนทุกระดับ 👨‍🎓 นักเรียนที่ต้องการตรวจสอบเกียรติบัตร 🏫 โรงเรียน/มหาวิทยาลัยที่จัดกิจกรรมและอบรม การสำเนาให้สำเนาทั้ง Google Sheet และ Google Slide โดยใช้คำว่า copy ต่อท้ายพร้อมทั้งสร้างโฟลเดอร์เก็บไฟล์ดังลิงค์ เพราะต้องใช้ ID ทั้ง Google Sheet / Google Slide / Google Drive

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

ระบบคลังข้อสอบออนไลน์” โดยใช้ 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