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

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

ระบบทะเบียนพัสดุ + ประวัติซ่อม ใช้งานได้จริง 💻✨ ใครกำลังมองหาระบบจัดการพัสดุในโรงเรียน/องค์กร แบบใช้ง่าย ไม่ต้องติดตั้งโปรแกรม เพิ่มตัวนี้ไปใช้ได้เลยค่ะ ❤️ 📌 ระบบนี้พัฒนาด้วย 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

ระบบบันทึกข้อมูลย้ายเข้า-ย้ายออกนักเรียน

ระบบบันทึกนักเรียนย้ายเข้า-ย้ายออก สามารถนำไปแก้ไขได้ ✅ มี Dashboard แสดงข้อมูล ✅ มีหน้า Login เข้าสู่ระบบ ระบบหลังบ้าน ✅ Export เป็น Excel และ PDF แต่ติดที่ PDF ไม่เป็นภาษาไทย ✅ เพิ่ม/แก้ไข/ลบข้อมูลได้จาก admin ✅ บันทึกลง Google Sheets ✅ เพิ่มปีการศึกษาได้ ผู้ดูแลระบบ Username : admin Password : 123456

ระบบบันทึกข้อมูล Home Health Care

ระบบบันทึกข้อมูลผู้ป่วย Home Health Care ⸻ 💻 ระบบนี้ถูกออกแบบเป็น Web Application โดยใช้ Google Apps Script ทำงานร่วมกับหน้าเว็บ (Canvas) ซึ่งเป็นส่วนของ Frontend UI ที่ผู้ใช้งานต้องกรอกข้อมูล โดยมีภาพรวมการทำงานดังนี้ค่ะ 🖥️ ส่วนแสดงผล (UI & Design) • ออกแบบด้วย Tailwind CSS รองรับทุกอุปกรณ์ (Responsive) ทั้งมือถือและคอม • ใช้ FontAwesome เพิ่มความสวยงามด้วยไอคอน • มีฟอร์มกรอกข้อมูลครบ เช่น วันที่, ชื่อพยาบาล, ชื่อผู้ป่วย, สัญญาณชีพ (ความดัน, อุณหภูมิ, ชีพจร, ออกซิเจน) และรายละเอียดการดูแล ⚙️ ส่วนเตรียมพร้อมก่อนใช้งาน (Initialization) • เปิดหน้าเว็บมา ระบบตั้งค่า “วันที่” เป็นวันปัจจุบันให้อัตโนมัติ • มีระบบ Mock google.script.run สำหรับทดลองกดปุ่มในหน้า Preview (ใช้ทดสอบได้แม้ยังไม่เชื่อม GAS จริง) 📥 เมื่อกดปุ่ม “บันทึกข้อมูล” • เรียกฟังก์ชัน submitForm(event) • ป้องกันการรีเฟรชหน้าเว็บ • เปลี่ยนปุ่มเป็น “กำลังโหลด…” และกันการกดซ้ำ • รวมข้อมูลทั้งหมดในฟอร์มเป็น Object เดียว 🔗 การเชื่อมต่อกับ Backend (Google Apps Script) • ส่งข้อมูลไปยัง code.gs ด้วย google.script.run.saveData(dataObject) ✅ กรณีบันทึกสำเร็จ • แจ้งเตือนด้วย SweetAlert2 ว่า “บันทึกสำเร็จ” • ล้างฟอร์ม และตั้งค่าวันที่เป็นวันนี้อัตโนมัติ ❌ กรณีเกิดข้อผิดพลาด • แจ้งเตือน Error ด้วย Pop-up สีแดง • เปิดให้กดบันทึกใหม่ได้ทันที ⸻ 🎯 สรุปการทำงานของระบบนี้ รับข้อมูล ➝ จัดรูปแบบ ➝ ส่งเข้า Google Sheet ➝ แจ้งผลผู้ใช้งาน

ระบบบันทึกชั่วโมงพัฒนาวิชาชีพครู

ระบบบันทึกชั่วโมงวิชาชีพครู (PD) พร้อมใช้งานกับ Google Sheets ทันที 🚀 ใครกำลังทำแฟ้มสะสมงาน / เตรียมประเมิน วPA / สรุปชั่วโมงพัฒนาตนเอง ระบบนี้ช่วยให้ “เลิกปวดหัวกับการรวมชั่วโมง” ได้เลยค่ะ ⸻ 🔹 ระบบนี้ทำอะไรได้บ้าง? เป็นเว็บแอปพลิเคชันสำหรับบันทึกและสรุปชั่วโมงพัฒนาวิชาชีพครู (PD) ทำงานร่วมกับ Google Sheets ผ่าน Google Apps Script ใช้งานฟรี ไม่ต้องเช่าโฮสต์ ❗ แบ่งการทำงานเป็น 2 แท็บหลัก ⸻ ✍️ แท็บที่ 1: บันทึกชั่วโมง ✅ กรอกข้อมูลได้ครบ • รหัสครู • ชื่อ-นามสกุล • ชื่อกิจกรรม/หลักสูตร • วันที่เข้าร่วม • จำนวนชั่วโมง ✅ ป้องกันการกดซ้ำ เมื่อกด “บันทึกข้อมูล” ปุ่มจะขึ้นสถานะ Loading ทันที ✅ แจ้งเตือนสวยงามด้วย SweetAlert2 บันทึกสำเร็จ / เกิดข้อผิดพลาด มีป๊อปอัปแจ้งชัดเจน ✅ ส่งข้อมูลเข้า Google Sheets อัตโนมัติ ผ่านคำสั่ง google.script.run.saveData() ⸻ 📊 แท็บที่ 2: สรุปชั่วโมงรวม 🏆 แสดงตารางจัดอันดับ (Leaderboard) • อันดับ • รหัสครู • ชื่อ • จำนวนครั้งที่เข้าร่วม • ชั่วโมงรวมทั้งหมด 🥇🥈🥉 ไฮไลต์ 3 อันดับแรก ตกแต่งพิเศษพร้อมไอคอนเหรียญทอง เงิน ทองแดง 🔄 มีปุ่มรีเฟรช อัปเดตข้อมูลทันที ไม่ต้องโหลดหน้าใหม่ ดึงข้อมูลผ่าน google.script.run.getSummaryData() แบบเรียลไทม์ ⸻ 💻 เทคโนโลยีที่ใช้ ✔ Bootstrap 5 — ดีไซน์ทันสมัย Responsive ทุกอุปกรณ์ ✔ ฟอนต์ Sarabun จาก Google Fonts — อ่านง่าย เป็นทางการ ✔ Google Apps Script + Google Sheets — ฟรี 100% ⸻ 🎯 เหมาะสำหรับ • โรงเรียนที่อยากเก็บชั่วโมง PD แบบเป็นระบบ • กลุ่มครูที่ต้องสรุปชั่วโมงประจำปี • งานประเมิน วPA • ผู้บริหารที่ต้องการดูภาพรวมแบบเรียลไทม์