พัฒนาจาก Apps Script
🟣 ส่วนหัว (Header)
แสดงชื่อระบบ: “ระบบรับเรื่องร้องเรียน”
มีสถานะ Online + Spreadsheet Connected (เชื่อมกับ Google Sheet หรือฐานข้อมูล)
มุมขวาบนมีปุ่ม (ไอคอนพระจันทร์ 🌙) น่าจะใช้สลับ โหมดมืด/สว่าง
📝 ฟอร์มแจ้งเหตุ / ร้องทุกข์
เป็นส่วนหลักของระบบ ใช้กรอกข้อมูล โดยมีฟิลด์:
ชื่อ-นามสกุล
เบอร์โทรศัพท์
ประเภทปัญหา
มี dropdown (ตัวอย่างเลือก “ถนน”)
รายละเอียด
ช่องข้อความสำหรับอธิบายปัญหา
📍 ระบบตำแหน่ง (GPS)
ปุ่มสีเขียว: “ดึงพิกัด GPS ปัจจุบัน”
ด้านข้างแสดงสถานะพิกัด (เช่น ยังไม่ได้ระบุ)
👉 จุดเด่น:
ระบบสามารถดึง ตำแหน่งผู้แจ้งแบบ Real-time ได้
📷 แนบรูปภาพ
มีพื้นที่อัปโหลดไฟล์
ไอคอนกล้อง + ข้อความ “คลิกเพื่อเลือกรูปภาพ”
👉 ใช้สำหรับแนบหลักฐาน เช่น:
ถนนพัง
ขยะ
ไฟเสีย
✅ ปุ่มส่งข้อมูล
ปุ่มใหญ่สีม่วง: “ยืนยันส่งข้อมูลเข้าระบบ”
เป็น Call-to-Action หลักของหน้า
📱 เมนูด้านล่าง (Bottom Navigation)
มี 3 เมนู:
➕ แจ้งเรื่อง (หน้าปัจจุบัน)
🔍 ติดตาม (ดูสถานะเรื่องร้องเรียน)
👤 แอดมิน (สำหรับเจ้าหน้าที่)
🎨 การออกแบบ (UI/UX)
ใช้โทนสี ม่วง + ขาว + เขียว
มีความเป็น Modern / Clean / Friendly
Card กลางจอ + ขอบมน + shadow → ดูน่าใช้งาน
รองรับมือถือ (Mobile-first design)
💡 สรุปภาพรวม
นี่คือระบบ:
🔥 “แจ้งเหตุ/ร้องเรียน + แนบรูป + ระบุตำแหน่ง + ติดตามสถานะ”
เหมาะกับ:
อบต. / เทศบาล
โรงพยาบาล
หน่วยงานราชการ
งานบริการประชาชน
ทดสอบเข้าใช้งาน ได้ที่
https://script.google.com/macros/s/AKfycbz0PuEMqj4SSwuhrXASCyY5lvEPjwL_JBzwmVyXDrD7UglkTCg0OilykzaB2fTx-Djfmw/exec
สามารถนำไปต่อยอดได้ที่
https://docs.google.com/spreadsheets/d/10IwVjfrGUTWeo-8tyTMNQ52EKC0bB0WxO88FjhUFVrA/copy