NanSOS Docs

Demo & Screenshots

จุดเข้าใช้งานจริงสำหรับสาธิต และพื้นที่เก็บภาพหน้าจอสำหรับนำเสนอ

ลิงก์สาธิตสด

หน้าURL
Landing / เลือกบทบาทhttps://nansos.neonex.site/
ประชาชน — หน้าแรกhttps://nansos.neonex.site/home
ติดตามเหตุhttps://nansos.neonex.site/track
ศูนย์รับแจ้ง (login)https://nansos.neonex.site/login?next=/dashboard
เอกสารนี้https://nansos.neonex.site/docs

สคริปต์สาธิตแนะนำ (5–7 นาที)

  1. เปิด Landing → อธิบาย 4 บทบาท
  2. ประชาชนแจ้งเหตุน้ำท่วม + ปักหมุด → ได้รหัส N-xxxx
  3. เปิด Track แสดงสถานะ
  4. Login Operator → เห็นเหตุใหม่ → มอบหมายทีม
  5. เปิดทีมกู้ภัยอัปเดตสถานะหน้างาน
  6. โชว์ AI Assistant (เสนออย่างเดียว) และหน้า Documentation

Screenshots (Production)

ภาพถ่ายจากระบบจริง เก็บใน docs/assets/screenshots/ และแสดงบนเว็บเอกสารด้านล่าง

Landing — Hero banner + เลือกบทบาท
Landing — Hero banner + เลือกบทบาท
หน้าแรกประชาชน — สถานการณ์ LIVE + ปุ่มแจ้งเหตุ
หน้าแรกประชาชน — สถานการณ์ LIVE + ปุ่มแจ้งเหตุ
แจ้งเหตุแบบเร็ว — เลือกสถานการณ์
แจ้งเหตุแบบเร็ว — เลือกสถานการณ์
ฟอร์มแจ้งเหตุ — ขั้นตอนผู้แจ้ง + โหมดเสียง
ฟอร์มแจ้งเหตุ — ขั้นตอนผู้แจ้ง + โหมดเสียง
แผนที่เหตุฉุกเฉิน — ซ่อนข้อมูลส่วนบุคคล
แผนที่เหตุฉุกเฉิน — ซ่อนข้อมูลส่วนบุคคล
ติดตามสถานะ — รหัสสั้น N-xxxx
ติดตามสถานะ — รหัสสั้น N-xxxx
เบอร์ฉุกเฉิน — โทรทันที
เบอร์ฉุกเฉิน — โทรทันที
AI ผู้ช่วยประชาชน — ร่างฟอร์ม / ติดตาม
AI ผู้ช่วยประชาชน — ร่างฟอร์ม / ติดตาม
AI ผู้ช่วย + ทางลัดโทรฉุกเฉิน
AI ผู้ช่วย + ทางลัดโทรฉุกเฉิน
ภาพเหล่านี้เป็นหลักฐาน UI จริงบน production — ใช้ประกอบการนำเสนอพอร์ตโฟลิโอได้ทันที