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

ระบบแลกเวรออนไลน์

ระบบ “แลกเวรออนไลน์” ด้วย Google Apps Script ใช้งานได้จริง 💼✨ ใครกำลังมองหาระบบจัดการ “การขอแลกเวร” แบบออนไลน์ ที่ใช้งานง่าย ไม่ต้องติดตั้งโปรแกรม เพิ่มความสะดวกให้บุคลากรและลดภาระงานเอกสาร — โพสต์นี้มีให้ค่ะ! 🎯 🔧 จุดเด่นของระบบ ✅ กรอกคำขอผ่านหน้าเว็บ ใช้งานง่าย ✅ บันทึกข้อมูลอัตโนมัติลง Google Sheets ✅ แจ้งเตือนผู้อนุมัติผ่านอีเมลทันที ✅ อนุมัติ/ไม่อนุมัติ ผ่านลิงก์ในอีเมลได้เลย ✅ ป้องกันการกดอนุมัติซ้ำ ✅ ตรวจสอบสถานะได้แบบเรียลไทม์ 🧩 ภาพรวมการทำงาน (เข้าใจง่าย) 1️⃣ ผู้ใช้งานกรอกแบบฟอร์ม (ชื่อ / เวรเดิม / เวรใหม่ / เหตุผล / อีเมลผู้อนุมัติ) 2️⃣ ระบบส่งข้อมูลไปเก็บใน Google Sheets (สถานะ: รออนุมัติ) 3️⃣ ส่งอีเมลแจ้งหัวหน้าพร้อมปุ่ม ✅ อนุมัติ / ❌ ไม่อนุมัติ 4️⃣ หัวหน้าคลิกจากอีเมล → ระบบอัปเดตสถานะอัตโนมัติ 💡 เหมาะกับหน่วยงานแบบไหน? 🏫 โรงเรียน / สถานศึกษา (ครูเวร, เจ้าหน้าที่) 🏥 โรงพยาบาล / คลินิก (พยาบาล, เวรบุคลากร) 🏢 องค์กรภาครัฐ / เอกชน ที่มีการจัดกะการทำงาน 🏭 โรงงาน / ธุรกิจที่มีพนักงานเป็นกะ 👮‍♂️ หน่วยงานที่มีเวรยาม / เวรปฏิบัติการ

ระบบสแกนเอกสารเข้า Google Drive แยกโฟลเดอร์อัตโนมัติ

ระบบสแกน/อัปโหลดเอกสารออนไลน์ ❌ ไม่อนุญาตให้นำไปจำหน่าย นี่คือระบบ “สแกน/อัปโหลดเอกสารออนไลน์” ที่พัฒนาด้วย Google Apps Script ใช้งานได้จริง เหมาะกับหน่วยงาน โรงเรียน อบต เทศบาล หรือองค์กรที่อยากมีระบบจัดเก็บเอกสารแบบง่ายๆ ไม่ต้องเขียนระบบเองใหม่ทั้งหมด 🏗️ ภาพรวมของระบบ ระบบนี้ช่วยเปลี่ยน Google Workspace ของคุณ ให้กลายเป็นระบบจัดการเอกสารออนไลน์ขนาดย่อม โดยแบ่งเป็น 3 ส่วนหลัก: 🔹 หน้าเว็บ (Frontend - Index.html) หน้าจอสวยๆ ใช้งานง่าย พัฒนาด้วย Bootstrap 5 ผู้ใช้สามารถเลือกไฟล์ ตั้งชื่อ และเลือกหมวดหมู่ได้ทันที ระบบจะเข้ารหัสไฟล์เป็น Base64 แล้วส่งไปยังหลังบ้าน 🔹 ระบบประมวลผล (Backend - Code.gs) ทำหน้าที่รับไฟล์จากหน้าเว็บ สร้างไฟล์จริงลงใน Google Drive 📂 แยกโฟลเดอร์ตาม “หมวดหมู่” อัตโนมัติ! 🔹 ฐานข้อมูล (Google Sheets) เก็บประวัติเอกสารทั้งหมด 📌 บันทึกวันที่ / ชื่อไฟล์ / หมวดหมู่ / ลิงก์เปิดไฟล์ ใช้งานง่าย ตรวจสอบย้อนหลังได้ทันที 🚀 วิธีนำไปใช้งาน ทำสำเนาแล้วใช้ได้เลย 📂 วิธีเพิ่มหมวดหมู่เอกสาร ระบบนี้ “ฉลาด” มาก! 😄 👉 ถ้าไม่มีโฟลเดอร์ = สร้างให้ใหม่ 👉 ถ้ามีอยู่แล้ว = เก็บไฟล์เข้าโฟลเดอร์นั้นทันที วิธีเพิ่มหมวดหมู่: แก้ไขที่ไฟล์ Index.html ตรง Sales - ฝ่ายขายและการตลาด 📌 จำง่ายๆ value = ชื่อโฟลเดอร์จริงใน Drive ข้อความด้านนอก = ชื่อที่แสดงบนหน้าเว็บ ⚙️ เปลี่ยนชื่อโฟลเดอร์หลัก ไปที่ Code.gs แล้วแก้บรรทัดนี้: var mainFolderName = “Scanned_Documents_System”; ➡️ เปลี่ยนเป็นชื่อที่คุณต้องการได้เลย 💡 เหมาะสำหรับ • งานสารบรรณ • ระบบรับ-ส่งเอกสาร • งานพัสดุ / งานบุคคล • ใช้ในโรงเรียน / อบต / เทศบาล • หรือองค์กรที่อยากเริ่ม Digital แบบง่ายๆ ลองเอาไปต่อยอดใช้งานจริงได้เลย 👍

ระบบส่งงานออนไลน์

ส่งงานนักเรียน” อัปโหลดเข้า Google Drive อัตโนมัติ (ฉบับครูยุคใหม่ ไม่ต้องง้อไลน์ ไม่ต้องง้ออีเมล) ไฟล์งานหมดอายุในไลน์? อีเมลเต็มจนส่งงานไม่ได้? ค้นไฟล์ไม่เจอ? ปัญหาเหล่านี้… “จบวันนี้ค่ะ!” 😍 เพราะครูสามารถสร้าง เว็บส่งงานส่วนตัว ที่ ✔ อัปโหลดไฟล์ตรงเข้า Google Drive ✔ บันทึกชื่อ-เลขที่-วิชา ลง Google Sheets อัตโนมัติ ✔ ใช้งานง่าย ดูโปร ✔ และที่สำคัญ… ฟรีตลอดชีพ! ทั้งหมดนี้ทำได้ด้วย Google Apps Script + HTML/CSS ที่ครูใช้อยู่ทุกวันนี่แหละค่ะ 💡💻 ⸻ 🛠️ ระบบนี้ทำงานยังไง? • Front-end (HTML/CSS): นักเรียนกรอกชื่อ เลือกวิชา แนบไฟล์ • Back-end (Apps Script): รับไฟล์ → อัปโหลดเข้า Drive → บันทึกข้อมูลลง Google Sheets ง่ายแต่ทรงพลังมาก! ⸻ 🌟 สิ่งที่คุณจะได้ • ไม่ต้องเลื่อนหาไฟล์ในไลน์ • ไม่ต้องให้เด็กส่งอีเมลอีกต่อไป • ไม่ต้องกลัวไฟล์หมดอายุ • ไม่ต้องโหลดไฟล์ทีละคน • ข้อมูลนักเรียนเรียงเป็นตารางใน Google Sheets สวยงามพร้อมตรวจ ครูเปิดชีต > คลิกลิงก์ไฟล์ > ตรวจได้ทันที!

ระบบสรุป KPI แผนกแบบ Dashboard

ระบบสรุป KPI Dashboard สำหรับหน่วยงาน ใช้งานง่าย ดูภาพรวมผลงานได้ทันทีผ่านหน้าเว็บ ใครที่กำลังมองหาระบบ สรุปผล KPI ของหน่วยงานแบบ Dashboard ที่ดูง่าย สวยงาม และอัปเดตข้อมูลได้แบบ Real-Time วันนี้มี Google Apps Script แจกฟรี ให้ไปใช้งานกันค่ะ ระบบนี้ถูกพัฒนาให้เป็น Web Application โดยใช้เครื่องมือฟรีจาก Google ทั้งหมด ไม่ต้องเช่าเซิร์ฟเวอร์ ไม่ต้องติดตั้งโปรแกรมเพิ่มเติม ⸻ ⚙️ โครงสร้างการทำงานของระบบ 1️⃣ ฐานข้อมูล (Google Sheets) ทำหน้าที่เป็น Database สำหรับเก็บข้อมูล KPI ทั้งหมด เช่น • ชื่อตัวชี้วัด • ค่าเป้าหมาย • ผลการดำเนินงานจริง • ค่าน้ำหนัก • สถานะความสำเร็จ ผู้ดูแลสามารถ เพิ่ม / แก้ไข / ลบ KPI ได้ง่าย ๆ เหมือนการใช้งาน Excel ทั่วไป โดยไม่ต้องเขียนโค้ด ⸻ 2️⃣ ระบบหลังบ้าน (Google Apps Script) ทำหน้าที่เป็น Backend ของระบบ โดยมีหน้าที่หลัก เช่น • doGet() ใช้สำหรับเปิดหน้าเว็บไซต์ Dashboard • getDashboardData() ทำหน้าที่ดึงข้อมูลจาก Google Sheets แล้วนำมาคำนวณ เช่น • คะแนนรวมตามน้ำหนัก • จำนวน KPI ที่สำเร็จ / ไม่สำเร็จ • เตรียมข้อมูลสำหรับแสดงกราฟ จากนั้นส่งข้อมูลกลับไปยังหน้าเว็บในรูปแบบ JSON ⸻ 3️⃣ ระบบหน้าบ้าน (Dashboard Web) เป็นหน้าเว็บสำหรับผู้ใช้งาน แสดงผลด้วย • HTML • JavaScript • Tailwind CSS • Chart.js เมื่อเปิดหน้าเว็บ 🔹 ระบบจะแสดงหน้าโหลดข้อมูลก่อน 🔹 จากนั้น JavaScript จะเรียกข้อมูลจาก Apps Script 🔹 นำข้อมูลมาแสดงเป็น • กล่องสรุป KPI • ตารางข้อมูล • กราฟ Dashboard แบบสวยงาม ⸻ 🔄 ลำดับการทำงานของระบบ แก้ไขข้อมูลใน Google Sheets ➡️ เปิดลิงก์ Dashboard ➡️ ระบบดึงข้อมูลล่าสุดจาก Sheet ➡️ คำนวณผลใหม่ ➡️ กราฟและตารางอัปเดตอัตโนมัติทันที ⸻ 🏢 เหมาะสำหรับหน่วยงาน เช่น • โรงเรียน / สถานศึกษา • โรงพยาบาล / สาธารณสุข • อบต. / เทศบาล / อปท. • หน่วยงานราชการ • บริษัทหรือองค์กรที่ต้องติดตามตัวชี้วัดผลการดำเนินงาน สามารถใช้เป็น Dashboard ผู้บริหาร เพื่อติดตามผลงานของแต่ละแผนกได้สะดวกมาก

ระบบออกเลขหนังสือราชการอัตโนมัติ

ระบบ “ออกเลขหนังสือราชการอัตโนมัติ” (E-Saraban Lite) ใช้งานง่าย ฟรี ไม่ต้องเช่าโฮสติ้ง พร้อมใช้ในหน่วยงานทันที ระบบนี้พัฒนาเป็น Web Application โดยใช้เทคโนโลยีของ Google ทั้งหมด (Google Sheets + Apps Script) ทำให้ติดตั้งง่าย ดูแลรักษาง่าย และช่วยลดภาระงานเอกสารได้จริง 🔹 โครงสร้างการทำงานแบ่งเป็น 3 ส่วนหลัก 1️⃣ ส่วนหน้าบ้าน (Frontend) – index.html หน้าจอสำหรับผู้ใช้งานกรอกข้อมูล • รับข้อมูล: เรื่อง / เรียน / จาก / หมายเหตุ • พัฒนาโดย HTML5 + Tailwind CSS • รองรับมือถือ (Responsive) • กด “ออกเลขหนังสือ” → ระบบส่งข้อมูลไปหลังบ้านทันที (ไม่ต้องรีเฟรชหน้า) • แสดงเลขหนังสือกลับมาอัตโนมัติ 2️⃣ ส่วนหลังบ้าน (Backend) – Code.gs สมองของระบบ (Apps Script) • ประมวลผลตรรกะทั้งหมด • เชื่อม Google Sheet อัตโนมัติ • LockService ป้องกันเลขซ้ำ เมื่อมีผู้ใช้งานพร้อมกัน • Auto-Increment ออกเลขต่อเนื่องอัตโนมัติ • แปลงปี ค.ศ. → พ.ศ. และสร้างรูปแบบเลขหนังสือให้พร้อมใช้งาน 3️⃣ ฐานข้อมูล (Database) – Google Sheet เก็บประวัติการออกเลขทั้งหมด • Timestamp • Book ID • Subject / To / From / Note • ตรวจสอบย้อนหลังได้ • Export ทำรายงานต่อได้ทันที 🔁 Flow การทำงานทั้งระบบ ผู้ใช้กรอกฟอร์มหน้าเว็บ → ส่งข้อมูลเข้า Apps Script → ล็อคคิวการทำงาน → อ่านเลขล่าสุดจาก Sheet → สร้างเลขใหม่ + บันทึกข้อมูล → ส่งเลขกลับหน้าเว็บ → ผู้ใช้เห็นเลขหนังสือทันที ✨ จุดเด่นของระบบ • ไม่ต้องเช่าโฮสติ้ง • ใช้งานผ่านเว็บได้ทันที • ลดการออกเลขซ้ำ • เหมาะกับโรงเรียน / หน่วยงาน งานธุรการ • ติดตั้งง่าย ดูแลน้อย ใช้งานจริงได้ทันที ระบบนี้ออกแบบมาเพื่อให้ “งานสารบรรณเร็วขึ้น แต่ขั้นตอนง่ายลง” ใครกำลังมองหาระบบออกเลขหนังสือแบบเบา ๆ แต่ใช้งานจริงได้ ตัวนี้ตอบโจทย์มากค่ะ ‼ ไม่อนุญาตให้ทำขายนะคะ

ระบบ 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% • เหมาะกับโรงเรียน / หน่วยงานราชการ / องค์กรทั่วไป