WWisePark · UI Mockup
Smart Parking Platform · Mockup v1.0

WisePark — UI Mockup ระบบจัดเก็บค่าที่จอดรถอัจฉริยะ

หน้าจอทั้งหมด 16 หน้าจอ ครอบคลุม User Journey ทั้ง 4 ขั้นตอนตามเอกสาร Requirement — ข้อมูลในหน้าจอเป็นชุดตัวอย่างเดียวกันทั้งเรื่อง (รถ 1กก 1234 เข้าโครงการ 10:15 น. ติดต่อบ้าน 88/123) เพื่อให้อ่านต่อเนื่องเป็นเรื่องเดียว

16 หน้าจอ · 4 กลุ่มผู้ใช้ อิงเอกสาร Business Analysis v1.0 4 สิงหาคม 2569 สมมติฐานกำกับด้วยชิป OQ-x
1เข้าโครงการ
K-1LPR + บันทึกหลักฐาน
2ลงทะเบียนผู้มาติดต่อ
V-1V-2
3อนุมัติ · รับ E-Stamp
V-3V-4R-1J-1
4ออกจากโครงการ · ชำระเงิน
V-5V-6V-7K-2
A

ผู้มาติดต่อ — Mobile Web

เปิดจากการสแกน QR Code ไม่ต้องติดตั้งแอป · Journey 2 → 4
V-1 … V-7
10:26▮▮▮ ᯤ ▐▋
WWiseParkเดอะ ไวส์ เรสซิเดนซ์
ลงทะเบียนผู้มาติดต่อ
สแกน QR แล้ว — ระบบพบข้อมูลรถของคุณ
1ทะเบียนรถ 2ระบุผู้ติดต่อ 3รับ E-Stamp
ทะเบียนรถของคุณ (ดึงจากกล้องขาเข้าอัตโนมัติ)
1กก 1234
กรุงเทพมหานคร
ตรวจพบจากกล้องขาเข้า · 10:15 น.
ไม่ใช่รถของคุณ? แก้ไขทะเบียน
ข้อมูลของคุณถูกเก็บอย่างปลอดภัยตาม พ.ร.บ. คุ้มครองข้อมูลส่วนบุคคล (PDPA)
V-1 · Landing หลังสแกน QR

ระบบจับคู่ทะเบียนรถจาก session ขาเข้าให้อัตโนมัติ ผู้ใช้เพียงยืนยัน — จุดลดแรงเสียดทานหลักของ flow

FR-2.1FR-2.2
10:27▮▮▮ ᯤ ▐▋
WWiseParkเดอะ ไวส์ เรสซิเดนซ์
ระบุผู้ที่ต้องการติดต่อ
ทะเบียน 1กก 1234
ทะเบียนรถ 2ระบุผู้ติดต่อ 3รับ E-Stamp
ประเภทการติดต่อ
ติดต่อลูกบ้าน / บ้านเลขที่
ลูกบ้านเป็นผู้อนุมัติการเข้าจอด
ติดต่อนิติบุคคล / สำนักงาน
เจ้าหน้าที่นิติเป็นผู้อนุมัติ
บ้านเลขที่ / ห้อง
88/123พบในโครงการ
วัตถุประสงค์ (ไม่บังคับ)
มาหาญาติ / เพื่อนเปลี่ยน ▾
V-2 · เลือกประเภท + ระบุบ้านเลขที่

สองทางแยกตามแผนภาพ (ลูกบ้าน / นิติฯ) ระบบ validate บ้านเลขที่กับฐานข้อมูลโครงการก่อนส่งคำขอ

FR-2.3FR-2.4
10:28▮▮▮ ᯤ ▐▋
WWiseParkเดอะ ไวส์ เรสซิเดนซ์
รอการอนุมัติ
ส่งคำขอแล้ว 10:27 น.
ทะเบียนรถ ระบุผู้ติดต่อ 3รับ E-Stamp
รอลูกบ้านอนุมัติ
ระบบส่งคำขอไปยังบ้านเลขที่ 88/123 แล้ว
จะแจ้งเตือนทันทีเมื่อได้รับการตอบรับ
ทะเบียนรถ1กก 1234
ติดต่อบ้านเลขที่ 88/123
ส่งคำขอเมื่อ10:27 น.
หากไม่มีการตอบรับภายใน 10 นาทีคำขอจะถูกส่งต่อไปยังนิติบุคคลโดยอัตโนมัติ
V-3 · สถานะรออนุมัติ

สถานะอัปเดต real-time · กติกา timeout 10 นาทีแล้วส่งต่อคิวนิติเป็นสมมติฐานที่เสนอไว้

FR-2.5FR-3.6OQ-3
10:30▮▮▮ ᯤ ▐▋
WWiseParkเดอะ ไวส์ เรสซิเดนซ์
E-Stamp ของคุณ
อนุมัติโดยบ้านเลขที่ 88/123 · 10:30 น.
ได้รับการอนุมัติแล้วจอดได้ตามเวลาที่กำหนด — ขาออกไม้กั้นเปิดอัตโนมัติ
E-STAMP
1กก 1234
ระยะเวลาที่ได้รับ
4 ชั่วโมง
หมดอายุ
วันนี้ · 14:30 น.
อนุมัติโดย
บ้านเลขที่ 88/123
ES-260804-0142⏱ เหลือ 3 ชม. 52 นาที
เกินเวลาที่อนุมัติ จะมีค่าบริการส่วนเกินตามอัตราโครงการ
V-4 · บัตร E-Stamp ดิจิทัล

องค์ประกอบตรงตามแผนภาพ: ทะเบียน + ระยะเวลา + เวลาหมดอายุ พร้อม QR สำหรับตรวจสอบ และตัวนับถอยหลัง

FR-3.4FR-3.5BR-3
15:05▮▮▮ ᯤ ▐▋
WWiseParkเดอะ ไวส์ เรสซิเดนซ์
ตรวจสอบการจอดรถ
สแกน QR ที่จุดไม้กั้นทางออก
1กก 1234
กรุงเทพมหานคร
ไม่พบ E-Stamp ที่ใช้งานได้
เวลาเข้าวันนี้ · 10:15 น.
เวลาปัจจุบัน15:05 น.
ระยะเวลาจอด4 ชม. 50 นาที
ค่าบริการ
ชั่วโมงแรกฟรี
ชั่วโมงถัดไป (คิด 4 ชม. × 50.-)200.00
ยอดชำระทั้งหมด200.00 บาท
V-5 · ตรวจสอบการจอด + ค่าบริการ

ตัวเลขตรงตัวอย่างในแผนภาพ (เข้า 10:15 · จอด 4 ชม. 50 นาที · 200 บาท) — สูตร "ฟรี 1 ชม.แรก + 50.-/ชม. ปัดขึ้น" เป็นสมมติฐานที่ทำให้ได้ยอดตรงกัน

FR-4.1FR-4.2BR-4OQ-4
15:06▮▮▮ ᯤ ▐▋
WWiseParkเดอะ ไวส์ เรสซิเดนซ์
เลือกช่องทางชำระเงิน
ทะเบียน 1กก 1234 · ยอดชำระ 200.00 บาท
QR
พร้อมเพย์ (PromptPay)
สแกนจ่ายได้ทุกธนาคาร
สแกน QR ด้วยแอปธนาคารของคุณ
ยอด 200.00 บาท
QR หมดอายุใน 04:58
บัตร
บัตรเครดิต / เดบิต
Visa · Mastercard · JCB
฿
E-Wallet
TrueMoney · ShopeePay · อื่น ๆ
MB
Mobile Banking
เปิดแอปธนาคารโดยตรง
ระบบยืนยันยอดอัตโนมัติเมื่อชำระสำเร็จ
V-6 · ช่องทางชำระเงิน

ครบ 4 ช่องทางตามแผนภาพ · PromptPay เป็นค่าเริ่มต้น พร้อม QR + ตัวนับเวลาหมดอายุของรายการ

FR-4.3FR-4.4
15:07▮▮▮ ᯤ ▐▋
WWiseParkเดอะ ไวส์ เรสซิเดนซ์
ชำระเงินสำเร็จ
ขอบคุณที่ใช้บริการ
200.00 บาท
15:07 น. · พร้อมเพย์
ไม้กั้นจะเปิดอัตโนมัติเมื่อรถถึงทางออกกรุณานำรถออกภายใน 15 นาที
หลักฐานการชำระเงิน
เลขอ้างอิงWP-20260804-01234
ทะเบียนรถ1กก 1234
ระยะเวลาจอด4 ชม. 50 นาที
โครงการเดอะ ไวส์ เรสซิเดนซ์
V-7 · ชำระสำเร็จ + หลักฐาน

ยืนยันผลทันที บอกขั้นถัดไปชัดเจน (ไม้กั้นเปิดอัตโนมัติ + grace period 15 นาที) พร้อมใบเสร็จอิเล็กทรอนิกส์

FR-4.4FR-4.5BR-5
B

ลูกบ้าน — Mobile App

รับแจ้งเตือน อนุมัติผู้มาติดต่อ และจัดการรถของบ้าน · สมมติฐาน: ใช้แอป WisePark (OQ-2)
R-1 … R-3
10:28▮▮▮ ᯤ ▐▋
WWiseParkบ้าน 88/123
มีผู้มาติดต่อ
คำขอเข้าจอด · 10:27 น.
ภาพรถ · ขาเข้า
ผู้ขับ
1กก 1234
กรุงเทพมหานคร
ต้องการติดต่อบ้านเลขที่ 88/123
วัตถุประสงค์มาหาญาติ / เพื่อน
เข้าโครงการเมื่อ10:15 น.
ระยะเวลาจอด4 ชม. (ค่าเริ่มต้นโครงการ)
ภาพหลักฐานเก็บอย่างปลอดภัยตาม PDPA (90 วัน)
หน้าหลัก ผู้มาติดต่อ1 รถของฉัน อื่น ๆ
R-1 · อนุมัติผู้มาติดต่อ

ตามแผนภาพลูกบ้านกด อนุมัติ/ปฏิเสธ เท่านั้น (ระยะเวลาใช้ค่าเริ่มต้นโครงการ — ฝั่งกำหนดเองอยู่ที่นิติ J-1) เห็นภาพหลักฐานประกอบการตัดสินใจ

FR-3.2FR-5.1BR-2
16:40▮▮▮ ᯤ ▐▋
WWiseParkบ้าน 88/123
ประวัติผู้มาเยือน
เฉพาะบ้านของคุณ
ทั้งหมดอนุมัติปฏิเสธ
วันนี้ · อังคาร 4 ส.ค. 2569
1กก 1234กำลังจอด
มาหาญาติ / เพื่อน · อนุมัติ 10:30 · E-Stamp 4 ชม.
เมื่อวาน · จันทร์ 3 ส.ค. 2569
5งจ 782ออกแล้ว
ส่งของ / พัสดุ · อนุมัติ 12:40 · ออก 13:05
2ฒฒ 450ปฏิเสธ
ไม่ระบุวัตถุประสงค์ · ปฏิเสธ 18:05
สัปดาห์ที่แล้ว
7ขค 918ออกแล้ว
ช่าง / งานบริการ · อนุมัติ 09:12 · ออก 15:40
หน้าหลัก ผู้มาติดต่อ รถของฉัน อื่น ๆ
R-2 · ประวัติผู้มาเยือน

สถานะใช้สี + ข้อความเสมอ (ไม่พึ่งสีอย่างเดียว) จัดกลุ่มตามวัน กรองได้ตามผลการอนุมัติ

FR-2.5FR-8
16:41▮▮▮ ᯤ ▐▋
WWiseParkบ้าน 88/123
รถของบ้าน
สิทธิ์จอดประจำ 2/2 คัน
รถในรายการนี้เข้า–ออกได้ทันทีระบบอ่านป้ายทะเบียนและเปิดไม้กั้นอัตโนมัติ
กข 5678
Honda City · สีขาว · เจ้าของบ้าน · เพิ่มเมื่อ ม.ค. 2569
3กค 9012
Toyota Yaris Cross · สีเทา · สมาชิกในบ้าน · เพิ่มเมื่อ มี.ค. 2569
ใช้สิทธิ์ครบแล้ว — การเพิ่มคันที่ 3 จะส่งคำขอไปยังนิติบุคคลเพื่อพิจารณา
หน้าหลัก ผู้มาติดต่อ รถของฉัน อื่น ๆ
R-3 · จัดการทะเบียนรถ (Whitelist)

ลูกบ้านดูแล whitelist ของบ้านตนเองภายใต้โควตาที่นิติกำหนด เกินโควตาเป็นคำขอถึงนิติ ไม่ใช่เพิ่มได้เอง

FR-7.2BR-1
C

นิติบุคคล / Admin — Web

อนุมัติคำขอ · Dashboard · ตั้งค่า · Access Log + AI Alert
J-1 … J-4
admin.wisepark.app/requests

คำขอเข้าจอด

เดอะ ไวส์ เรสซิเดนซ์ ▾วรรณา · นิติบุคคล

คิวรออนุมัติ (3)

เวลาทะเบียนประเภทสถานะ
10:271กก 1234ลูกบ้าน 88/123รอลูกบ้าน · 7 นาที
10:315งจ 782นิติฯ · ส่งของรอนิติอนุมัติ
10:342ฒฒ 450นิติฯ · ช่างแอร์รอนิติอนุมัติ
คำขอถึงลูกบ้านที่ไม่ตอบภายใน 10 นาที จะย้ายเข้าคิวนิติอัตโนมัติ

รายละเอียดคำขอ — 5งจ 782

ภาพรถ
ผู้ขับ
เข้าโครงการ10:22 น. · ประตู 1
วัตถุประสงค์ส่งของ / พัสดุ
ระยะเวลาจอด2 ชั่วโมง ▾
E-Stamp จะส่งถึงผู้มาติดต่อทันที และเริ่มนับเวลาจากการอนุมัติ
J-1 · คิวคำขอ + อนุมัติ (ฝั่งนิติ)

นิติเห็นทั้งคิวของตนเองและสถานะคำขอที่รอลูกบ้าน · จุดต่างจาก R-1: นิติกำหนดระยะเวลาจอดได้ก่อนอนุมัติ ตามแผนภาพ

FR-3.1FR-3.3FR-3.6
admin.wisepark.app/dashboard

Dashboard

วันนี้ · 4 ส.ค. 2569 ▾วรรณา · นิติบุคคล
รถเข้าวันนี้
128
▲ 12% จากสัปดาห์ก่อน
รถออกแล้ว
96
ตามรอบปกติ
ค้างในโครงการ
32
ผู้มาติดต่อ 9 คัน
รายได้ค่าจอดวันนี้
฿4,850
▲ 8% จากสัปดาห์ก่อน

รถเข้า–ออก รายชั่วโมง (วันนี้)

เข้าออก

สัดส่วนรถเข้าวันนี้

ลูกบ้าน / ผู้มีสิทธิ์68% ผู้มาติดต่อ27% รถส่วนกลาง / อื่น ๆ5%

รายได้ค่าจอด 7 วันล่าสุด

กิจกรรมล่าสุด

15:07รับชำระ ฿200 · 1กก 1234พร้อมเพย์ · ประตูทางออก 1
13:02Watchlist ตรวจพบ 9กษ 4444แจ้ง รปภ. แล้ว · รอปิดเหตุการณ์
12:47พฤติกรรมผิดปกติ: รถตามหลังเข้าประตู 2 · บันทึกวิดีโอแนบเหตุการณ์
10:30E-Stamp อนุมัติ · 1กก 1234โดยบ้าน 88/123 · 4 ชั่วโมง
J-2 · Dashboard ภาพรวม

ตัวเลขทุกจุดสอดคล้องกัน (แท่งรวมขาเข้า = 128 = ตัวเลข KPI และศูนย์กลางโดนัท) · พาเลตกราฟผ่านการตรวจ CVD-safe และคอนทราสต์ ≥ 3:1 แล้ว

FR-8.1FR-8.2FR-8.3
admin.wisepark.app/settings

ตั้งค่าโครงการ

เดอะ ไวส์ เรสซิเดนซ์ ▾วรรณา · นิติบุคคล
อัตราค่าจอดE-Stamp และเวลาสิทธิ์ผู้ใช้งานโครงการ

อัตราค่าจอด — รถยนต์ (ผู้มาติดต่อ)

จอดฟรีช่วงแรกไม่คิดค่าบริการ1 ชั่วโมง
อัตราชั่วโมงถัดไปเศษของชั่วโมงปัดขึ้น50 บาท/ชม.
เพดานค่าบริการต่อวัน300 บาท
อัตรารถจักรยานยนต์20 บาท/ชม.

E-Stamp และนโยบายเวลา

ระยะเวลา E-Stamp เริ่มต้นกรณีลูกบ้านอนุมัติ4 ชั่วโมง
Timeout คำขอถึงลูกบ้านเกินแล้วส่งต่อคิวนิติ10 นาที
Grace period หลังชำระเงิน15 นาที
เก็บภาพหลักฐาน (PDPA)ลบอัตโนมัติเมื่อครบกำหนด90 วัน
แก้ไขล่าสุด: 28 ก.ค. 2569 · โดย วรรณา — ทุกการแก้ไขถูกบันทึกใน audit log
J-3 · ตั้งค่าอัตราและนโยบาย

ค่าที่เห็นคือชุดสมมติฐานเดียวกับที่ใช้ทั้งบอร์ด (ฟรี 1 ชม. · 50.-/ชม. · timeout 10 นาที · grace 15 นาที · เก็บภาพ 90 วัน) — ปรับต่อโครงการได้

FR-7.1FR-7.3OQ-4OQ-8
admin.wisepark.app/access-log

Access Log

วันนี้ · 4 ส.ค. 2569 ▾ประตู: ทั้งหมด ▾วรรณา · นิติบุคคล

รายการเข้า–ออก (ทุกรายการมีเหตุผลการเปิดไม้กั้น)

เวลาทะเบียนประตูทิศทางประเภทเหตุผลเปิดไม้ภาพ
15:071กก 1234ออก 1ออกผู้มาติดต่อชำระเงิน ฿200
14:58กข 5678เข้า 1เข้าลูกบ้าน 88/123Whitelist
13:055งจ 782ออก 2ออกผู้มาติดต่อE-Stamp ถูกต้อง
13:029กษ 4444เข้า 2เข้าผู้มาติดต่อWatchlist — แจ้งเตือน
10:151กก 1234เข้า 1เข้าผู้มาติดต่อบันทึกหลักฐาน + ปุ่มกด
09:12บฉ 2210เข้า 1เข้าผู้มาติดต่อManual · รปภ.สมศักดิ์ (LPR อ่านไม่ได้)

AI Security — เหตุการณ์วันนี้ (2)

ทะเบียนใน Watchlist: 9กษ 4444เข้าประตู 2 · 13:02 น. — แจ้ง รปภ. อัตโนมัติแล้ว
ดูภาพ / วิดีโอปิดเหตุการณ์
รถตามหลังเข้า (Tailgating)ประตู 2 · 12:47 น. — ไม่พบการอ่านป้ายคันที่สอง
ดูภาพ / วิดีโอแจ้ง รปภ.
เหตุการณ์ทั้งหมดเก็บเป็น incident log ตรวจสอบย้อนหลังได้ · ภาพเก็บ 90 วันตามนโยบาย PDPA
J-4 · Access Log + AI Alert

ทุกแถวระบุ "เหตุผลการเปิดไม้กั้น" (Whitelist / E-Stamp / ชำระเงิน / Manual override พร้อมชื่อผู้ทำรายการ) ตามหลัก auditability · แจ้งเตือน AI ใช้ไอคอน + ข้อความ ไม่พึ่งสีอย่างเดียว

FR-1.3FR-1.6FR-6BR-7
D

จอแสดงผลจุดไม้กั้น — Kiosk Display

จอ LED ที่ประตูเข้า–ออก · แต่ละจอแสดง 2 สถานะหลัก
K-1 · K-2
K-1 สถานะ 1 — รถลูกบ้าน / Whitelist
W WisePark · ประตู 1 — ขาเข้า10:14 น.
กข 5678
กรุงเทพมหานคร
ลูกบ้าน · บ้าน 88/123
ยินดีต้อนรับ — เปิดไม้กั้นเข้าได้ทันที ไม่มีค่าใช้จ่าย
K-1 สถานะ 2 — รถผู้มาติดต่อ (ไม่พบในระบบ)
W WisePark · ประตู 1 — ขาเข้า10:15 น.
1กก 1234
กรุงเทพมหานคร
ผู้มาติดต่อ · ยังไม่มีสิทธิ์เข้าอัตโนมัติ
กล้อง AI กำลังบันทึกภาพรถและผู้ขับข้อมูลถูกเก็บอย่างปลอดภัยตาม PDPA
กดปุ่มเพื่อบันทึกหลักฐานเข้าไม่ต้องแลกบัตร — เสียงประกาศแนะนำอัตโนมัติ
K-1 · จอขาเข้า (2 สถานะ)

สถานะ 1: whitelist ผ่านทันที · สถานะ 2: ผู้มาติดต่อกดปุ่มบันทึกหลักฐานแทนการแลกบัตร (ตีความจาก OQ-1 — เอกสารเดิมใช้คำว่า "กดแลกบัตร" แต่ประโยชน์ระบุ "ไม่ต้องแลกบัตร")

FR-1.2FR-1.4FR-1.5BR-2OQ-1
K-2 สถานะ 1 — มี E-Stamp ถูกต้อง
W WisePark · ประตู 2 — ขาออก13:05 น.
5งจ 782
กรุงเทพมหานคร
E-Stamp ใช้ได้ถึง 14:40 น.
E-Stamp ถูกต้อง — เปิดไม้กั้นเดินทางปลอดภัย
K-2 สถานะ 2 — ไม่มี E-Stamp / มียอดค้างชำระ
W WisePark · ประตู 1 — ขาออก15:05 น.
1กก 1234
กรุงเทพมหานคร
จอด 4 ชม. 50 นาที · ค่าบริการ 200.00 บาท
สแกน QR เพื่อตรวจสอบและชำระเงินชำระสำเร็จ ไม้กั้นเปิดอัตโนมัติ · มีปัญหา กดเรียกเจ้าหน้าที่
K-2 · จอขาออก (2 สถานะ)

มี E-Stamp → ผ่านทันที · ไม่มี → แสดงยอด + QR นำเข้าสู่ V-5→V-7 บนมือถือ พร้อมปุ่มเรียกเจ้าหน้าที่เป็นช่องทางสำรอง

FR-4.1FR-4.4BR-4OQ-7
!

สมมติฐานที่ใช้ในการออกแบบ

อิงคำถามเปิด (Open Questions) จากเอกสาร BA — ยืนยันแล้วจะอัปเดต mockup ตาม
OQ-1

ปุ่มบันทึกหลักฐาน แทนการแลกบัตร

ตีความว่า "กดแลกบัตร" ในแผนภาพหมายถึงกดปุ่มที่ตู้ทางเข้าเพื่อบันทึกภาพหลักฐาน — ไม่มีบัตรจริง สอดคล้องประโยชน์ "ไม่ต้องแลกบัตร"

ปรากฏใน: K-1 สถานะ 2
OQ-2

ลูกบ้านใช้แอป WisePark

ออกแบบฝั่งลูกบ้านเป็น native app พร้อม push notification — หากเลือกใช้ LINE OA โครงหน้าจอ R-1 ปรับเป็น LINE Flex Message ได้โดย flow ไม่เปลี่ยน

ปรากฏใน: R-1, R-2, R-3
OQ-3

Timeout คำขอ 10 นาที → ส่งต่อนิติ

คำขอที่ลูกบ้านไม่ตอบภายใน 10 นาที ย้ายเข้าคิวนิติอัตโนมัติ เพื่อไม่ให้ผู้มาติดต่อค้างอยู่หน้า flow

ปรากฏใน: V-3, J-1, J-3
OQ-4

อัตราค่าจอดตัวอย่าง

ฟรี 1 ชม.แรก + 50 บาท/ชม. (ปัดขึ้น) เพดาน 300 บาท/วัน — ให้ผลตรงตัวอย่างในแผนภาพพอดี (จอด 4:50 ชม. = 200 บาท)

ปรากฏใน: V-5, J-3
OQ-7

ช่องทางสำรองที่ทางออก

จอ Kiosk ขาออกแสดง QR + ปุ่มเรียกเจ้าหน้าที่ รองรับผู้ไม่มี smartphone / ชำระเงินไม่สำเร็จ (เฟสถัดไปอาจเพิ่มตู้ชำระเงินสด)

ปรากฏใน: K-2 สถานะ 2
OQ-8

เก็บภาพหลักฐาน 90 วัน

ภาพรถ/ผู้ขับลบอัตโนมัติเมื่อครบ 90 วันตามนโยบาย PDPA — ตั้งค่าได้ต่อโครงการ พร้อมแจ้งใน privacy notice ทุกจุดเก็บภาพ

ปรากฏใน: R-1, J-3, J-4, K-1