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

ระบบ e-Document ลงนามดิจิทัลฟรี

ระบบ e-Document ลงนามดิจิทัล ✍️📄 ใครกำลังมองหาระบบ “เซ็นเอกสารออนไลน์” ใช้งานง่าย ไม่ต้องมีเซิร์ฟเวอร์ — ตัวนี้ตอบโจทย์เลยค่ะ 💯 ✨ ความสามารถเด่น • อัปโหลดไฟล์ (PDF / รูปภาพ) • ดึงหน้าแรกของ PDF มาแสดงอัตโนมัติ • วาดลายเซ็นทับบนเอกสารได้ทันที (มือถือก็ใช้ได้) • บันทึกเอกสารที่เซ็นแล้วลง Google Drive อัตโนมัติ • เก็บข้อมูลเป็นระบบใน Google Sheets พร้อมลิงก์เปิดดู 🔄 การทำงานคร่าวๆ ผู้ใช้กรอกข้อมูล → อัปโหลดเอกสาร → เซ็นผ่านหน้าจอ → กดบันทึก ระบบจะรวมไฟล์ + ลายเซ็น → แปลง → บันทึกลง Drive → เก็บลิงก์ใน Sheets ทันที 🛠️ เทคโนโลยีที่ใช้ • Google Apps Script (Backend) • HTML5 Canvas + PDF.js (วาด/แสดงเอกสาร) • Google Drive + Google Sheets (จัดเก็บข้อมูล) 💡 จุดเด่น • ไม่ต้องเช่าโฮสต์ (Serverless) • ใช้งานฟรี 100% • เหมาะกับโรงเรียน / หน่วยงานราชการ / องค์กรทั่วไป

Backup ไฟล์ Google Drive อัตโนมัติ

สคริปต์ Backup ไฟล์ Google Drive อัตโนมัติ อย่ารอให้ไฟล์หายก่อนค่อยสำรอง 😅 วันนี้มาลอง “ระบบสำรองข้อมูลแบบ Mirror Sync” ทีสร้างด้วย Google Apps Script — ใช้งานจริง 100% 🧠 คุณสมบัติอัจฉริยะ (Incremental Backup): ✅ เพิ่มไฟล์ใหม่ → สคริปต์จะคัดลอกไปยังโฟลเดอร์สำรองอัตโนมัติ ✅ แก้ไขไฟล์ → จะอัปเดตเฉพาะไฟล์ที่ใหม่กว่า ✅ ไฟล์เดิม → ไม่ทำอะไร เพื่อประหยัดเวลา 🛡️ ปลอดภัย! สคริปต์จะ “ไม่ลบไฟล์สำรอง” แม้ไฟล์ต้นฉบับหาย เหมาะสำหรับครู นักเรียน และคนทำงานที่ต้องการ “ระบบสำรองข้อมูลฉลาดๆ” ใน Google Drive 🌥️

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

แฟ้มเอกสารราชการออนไลน์ ครูหลายโรงเรียนเจอปัญหาเหมือนกัน 📂 เอกสารกระจัดกระจาย 📱 อยู่ใน 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