รายละเอียดระบบ

ระบบบันทึกข้อมูลผู้ป่วย 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 ➝ แจ้งผลผู้ใช้งาน