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

ระบบติดตามสถานะเอกสารราชการ (E-Tracking)

ระบบติดตามสถานะเอกสารราชการ (E-Tracking System) ระบบนี้ถูกออกแบบมาเพื่อช่วยให้ประชาชนและหน่วยงานภายในสามารถ ติดตามสถานะหนังสือราชการได้ด้วยตนเองผ่านเว็บไซต์ ลดการโทรสอบถาม ลดภาระเจ้าหน้าที่ และเพิ่มความโปร่งใสในการทำงานอย่างเป็นรูปธรรม ⸻ 🔹 โครงสร้างระบบ (System Architecture) ระบบทำงานบนแพลตฟอร์มของ Google ทั้งหมด (Serverless) ไม่มีค่าใช้จ่ายรายเดือน และมีความเสถียรสูง ประกอบด้วย 3 ส่วนหลัก ✅ Database – Google Sheets ใช้เป็นฐานข้อมูลกลาง เก็บข้อมูลสถานะเอกสาร เช่น เลขที่เอกสาร, วันที่รับเรื่อง, ชื่อเรื่อง, หน่วยงานต้นทาง, หน่วยงานรับผิดชอบ, สถานะปัจจุบัน และ Timeline การดำเนินงาน ✅ Backend – Google Apps Script ทำหน้าที่เชื่อมต่อหน้าเว็บกับ Google Sheets • รับเลขที่เอกสารจากผู้ใช้ • ค้นหาข้อมูลใน Sheet • ส่งผลลัพธ์กลับมาในรูปแบบ JSON ✅ Frontend – HTML / JavaScript หน้าเว็บไซต์สำหรับผู้ใช้งานทั่วไป • ออกแบบด้วย Tailwind CSS สวยงาม ทันสมัย รองรับมือถือ • ค้นหาแบบไม่ต้องรีโหลดหน้าเว็บ • มี Loading Animation และแจ้งเตือนเมื่อไม่พบข้อมูล ⸻ 🔄 การทำงานของระบบ (Workflow) ผู้ใช้กรอกเลขที่เอกสาร → ระบบค้นหาในฐานข้อมูล → ✔ พบข้อมูล: แสดงรายละเอียด สถานะ และ Timeline ❌ ไม่พบข้อมูล: แจ้งเตือนอย่างชัดเจนทันที ⸻ ⭐ จุดเด่นของระบบ • 💸 ประหยัดงบประมาณ ใช้งานฟรี 100% • 🧑‍💼 ดูแลรักษาง่าย เจ้าหน้าที่อัปเดตข้อมูลผ่าน Google Sheets ได้ทันที • 🔍 ใช้งานง่าย รูปแบบคล้าย Google Search • 📱 รองรับทุกอุปกรณ์ ทั้งคอมพิวเตอร์และมือถือ ⸻ ⚙️ สิ่งที่ใช้ในการติดตั้ง • Google Account • Google Sheets ตามโครงสร้างที่กำหนด • Google Apps Script (Code.gs + Index.html) • Deploy เป็น Web App เปิดสิทธิ์ให้ทุกคนเข้าถึงได้ ⸻ 🚀 แนวทางต่อยอดในอนาคต • เพิ่ม QR Code สำหรับตรวจสอบสถานะได้ทันที • ระบบ Login สำหรับเจ้าหน้าที่กรอกข้อมูลผ่านหน้าเว็บ • แจ้งเตือนสถานะเอกสารผ่าน LINE เมื่อมีการเปลี่ยนแปลง ⸻ 📌 ตัวอย่างของการนำเทคโนโลยี Cloud และเครื่องมือฟรีมาใช้พัฒนางานราชการ ลดขั้นตอน เพิ่มความโปร่งใส และตอบโจทย์ประชาชนยุคดิจิทัล ❌ไม่อนุญาตให้จำหน่ายเชิงพาณิชย์

ระบบถวายพระพร

ระบบลงนามถวายพระพรออนไลน์ ๒๘ กรกฎาคม ๒๕๖๘ เนื่องในวันเฉลิมพระชนมพรรษา พระบาทสมเด็จพระวชิรเกล้าเจ้าอยู่หัวฯ ** หากสำเนาแล้วอย่าลืมแก้ไขไฟล์ index.html ให้เป็นชื่อโรงเรียนหรือหน่วยงานของท่านตรง footer และ Script url และเปลี่ยน SHEET_ID ใน App Script

ระบบถวายพระพรวันแม่แห่งชาติ

ระบบลงนามถวายพระพรออนไลน์ 12 สิงหาคม ๒๕๖๘ เนื่องในวันเฉลิมพระชนมพรรษา สมเด็จพระนางเจ้าสิริกิติ์ พระบรมราชินีนาถ พระบรมราชชนนีพันปีหลวง ** หากสำเนาแล้วอย่าลืมแก้ไขไฟล์ index.html ให้เป็นชื่อโรงเรียนหรือหน่วยงานของท่านตรง footer และ Script url บรรทัดที่ 128 และเปลี่ยน SHEET_ID ใน App Script

ระบบทะเบียนพัสดุพร้อมประวัติซ่อม

ระบบทะเบียนพัสดุ + ประวัติซ่อม ใช้งานได้จริง 💻✨ ใครกำลังมองหาระบบจัดการพัสดุในโรงเรียน/องค์กร แบบใช้ง่าย ไม่ต้องติดตั้งโปรแกรม เพิ่มตัวนี้ไปใช้ได้เลยค่ะ ❤️ 📌 ระบบนี้พัฒนาด้วย Google Apps Script + Google Sheets พร้อมหน้าเว็บใช้งาน (Frontend) สวยงาม รองรับมือถือ 📱 ⸻ 🔧 ความสามารถหลักของระบบ ✅ แสดงรายการพัสดุทั้งหมดในรูปแบบตาราง ✅ มีสถานะพัสดุชัดเจน (ปกติ / ชำรุด) พร้อมสีช่วยดูง่าย ✅ เพิ่มข้อมูลพัสดุใหม่ได้ทันทีผ่านฟอร์ม ✅ ดู “ประวัติการซ่อม” ย้อนหลังได้ ✅ บันทึกการซ่อม + อัปเดตสถานะในหน้าเดียว ✅ ไม่ต้องรีโหลดหน้าเว็บ (Auto Refresh) ⸻ 🎨 หน้าตาสวย ใช้งานง่าย • ออกแบบด้วย Tailwind CSS รองรับมือถือ • ใช้ SweetAlert2 แจ้งเตือน ดูทันสมัย • มี Popup (Modal) แยกการทำงานชัดเจน ⸻ ⚙️ เบื้องหลังการทำงาน • ใช้ JavaScript จัดการข้อมูลแบบเรียลไทม์ • เชื่อมต่อ Google Sheets ผ่าน Google Apps Script • ใช้ google.script.run เป็นตัวกลางส่งข้อมูล • มี Mock Data สำหรับทดลองใช้งานก่อน Deploy ⸻ 💡 เหมาะสำหรับ 👩‍🏫 โรงเรียน 🏢 องค์กร 🧑‍💼 งานทะเบียนพัสดุ / งานซ่อมบำรุง หรือใครอยากเอาไปต่อยอดระบบของตัวเอง ⸻

ระบบบันทึกการใช้สื่อการสอน

ระบบบันทึกการใช้สื่อการสอน (ไฟล์กลางสำหรับครูทั้งโรงเรียน) หลายโรงเรียนเจอปัญหาเดียวกัน ❌ ครูแต่ละคนบันทึกไม่เหมือนกัน ❌ รวบรวมข้อมูลยาก ❌ ถึงเวลานิเทศ ต้องมานั่งจัดเอกสารใหม่ เลยออกแบบ ระบบบันทึกการใช้สื่อการสอน ให้เป็น “ไฟล์เดียว ใช้ร่วมกันทั้งโรงเรียน” ✅ ครูทุกกลุ่มสาระใช้ได้ ✅ บันทึกง่าย เป็นตารางชัดเจน ✅ ใช้เป็นหลักฐานประกอบการนิเทศ / ประเมิน / แฟ้มผลงาน ✅ ใช้ได้ทั้งพิมพ์ และกรอกออนไลน์ ✅ ผู้บริหารรวบรวมข้อมูลได้เป็นระบบ ออกแบบในมุม ครูที่ทำงานจริง ไม่เพิ่มภาระเอกสาร โหลดแล้วใช้งานต่อได้ทันที 💙 📌 เหมาะสำหรับ • โรงเรียนที่อยากจัดระบบงานให้เป็นมาตรฐานเดียวกัน • ครูที่อยากมีเอกสารพร้อมใช้ ไม่ต้องเริ่มจากศูนย์

ระบบบันทึกการรับ–ส่งต่อผู้ป่วย (Refer System)

ระบบบันทึกการรับ-ส่งต่อผู้ป่วย (Refer System) สำหรับหน่วยงานสาธารณสุข โรงพยาบาล หรือหน่วยกู้ชีพ ที่ต้องการระบบบันทึกข้อมูลการส่งต่อผู้ป่วยแบบออนไลน์ ใช้งานง่าย ไม่ต้องมีเซิร์ฟเวอร์ ระบบนี้ถูกพัฒนาเป็น Web Application ด้วย Google Apps Script และ Google Sheets ทำให้สามารถใช้งานได้ทันทีผ่านอินเทอร์เน็ต และรองรับทั้งคอมพิวเตอร์และมือถือ 🔎 ความสามารถของระบบ • บันทึกข้อมูลการส่งต่อผู้ป่วยจากโรงพยาบาลต้นทาง • ระบุรายละเอียดผู้ป่วย เช่น ชื่อ อายุ อาการ ความเร่งด่วน • ระบุโรงพยาบาลต้นทางและปลายทาง • ระบบสร้าง รหัส Refer อัตโนมัติ พร้อมบันทึกเวลา • แสดงประวัติการส่งต่อทั้งหมดในรูปแบบตาราง • โรงพยาบาลปลายทางสามารถ กดยืนยันรับผู้ป่วยได้ทันที • อัปเดตสถานะแบบ Real-time (รอรับ / รับแล้ว) • ใช้ Google Sheets เป็นฐานข้อมูล ไม่ต้องติดตั้ง Database เพิ่ม 🖥 โครงสร้างระบบ ระบบแบ่งออกเป็น 2 ส่วนหลัก 1️⃣ หน้าบ้าน (Frontend) • พัฒนาด้วย HTML + Tailwind CSS • รองรับมือถือและคอมพิวเตอร์ (Responsive) • ฟอร์มกรอกข้อมูลผู้ป่วย + ตารางแสดงประวัติการ Refer 2️⃣ หลังบ้าน (Backend) • ใช้ Google Apps Script เป็นตัวประมวลผล • เชื่อมต่อ Google Sheets เป็นฐานข้อมูล • มีฟังก์ชันหลัก เช่น • บันทึกข้อมูล Refer • ดึงรายการ Refer ทั้งหมด • อัปเดตสถานะการรับผู้ป่วย ⚙️ Workflow การทำงาน 1. เปิดหน้าเว็บ → ระบบดึงข้อมูลจาก Google Sheets มาแสดงทันที 2. โรงพยาบาลต้นทางกรอกข้อมูล → กด ส่งข้อมูล Refer 3. ระบบสร้าง ID และบันทึกลง Sheet (สถานะ ⏳ รอรับ) 4. โรงพยาบาลปลายทางกด ยืนยันรับผู้ป่วย 5. ระบบเปลี่ยนสถานะเป็น ✅ รับแล้ว และอัปเดตให้ทุกคนเห็นพร้อมกัน ✨ จุดเด่นของระบบนี้ • ใช้งานฟรีผ่าน Google • ไม่ต้องมี Hosting หรือ Server • แก้ไขปรับแต่งได้ตามหน่วยงาน • ใช้งานได้ทันทีผ่าน Web