7.0 KiB
7.0 KiB
Low-Fi Wireframes - QRIS Soundbox Platform v1
1. Admin Dashboard Overview
+------------------------------------------------------------------------------------------------+
| Sidebar | Topbar: Search | Date | Alerts | Profile |
|---------+--------------------------------------------------------------------------------------|
| Overview| KPI: Merchant | Device Online | Tx Today | Success Rate | Pending Settlement |
| Merchant|--------------------------------------------------------------------------------------|
| Outlet | Tx Trend Chart | Device Health Chart |
| Device |------------------------------------+---------------------------------------------------|
| Tx | Pending Onboarding Table | Alerts / Incident Rail |
| Ledger |--------------------------------------------------------------------------------------|
| Settle | Latest Transactions Table |
| Recon |--------------------------------------------------------------------------------------|
| Audit | Failed Notifications Table |
+------------------------------------------------------------------------------------------------+
2. Merchant Detail
+------------------------------------------------------------------------------------------------+
| Header: Merchant Name | Status | Fee Profile | Settlement Status | Actions |
|------------------------------------------------------------------------------------------------|
| Summary Cards: GMV | Tx Count | Active Outlet | Active Device | Pending Settlement |
|------------------------------------------------------------------------------------------------|
| Tabs: Profile | Outlets | Terminals | Devices | Transactions | Settlements | Audit |
|------------------------------------------------------------------------------------------------|
| Content Area |
+------------------------------------------------------------------------------------------------+
3. Device Detail
+------------------------------------------------------------------------------------------------+
| Header: Device ID | Vendor/Model | Online Status | Last Seen | Actions |
|------------------------------------------------------------------------------------------------|
| Cards: Merchant Binding | Firmware | Comm Mode | Capability Profile | Heartbeat Health |
|------------------------------------------------------------------------------------------------|
| Tabs: Overview | Heartbeat | Config | Commands | Notifications | Binding History |
|------------------------------------------------------------------------------------------------|
| Content Area |
+------------------------------------------------------------------------------------------------+
4. Transaction Detail
+------------------------------------------------------------------------------------------------+
| Header: Tx ID | Amount | Status | Merchant | Device | Partner Ref |
|------------------------------------------------------------------------------------------------|
| Timeline: Created -> QR Generated -> Paid -> Notified -> Settled |
|------------------------------------------------------------------------------------------------|
| Left: Summary / Callback Payload / Partner Response |
| Right: Ledger Impact / Notification Delivery / Device Ack |
+------------------------------------------------------------------------------------------------+
5. Settlement Batch List
+------------------------------------------------------------------------------------------------+
| Filters: Period | Status | Merchant | Export |
|------------------------------------------------------------------------------------------------|
| Table: Batch ID | Period | Merchant Count | Gross | Fee | Net | Status | Action |
+------------------------------------------------------------------------------------------------+
6. Merchant Portal Dashboard
+------------------------------------------------------------------------------------------------+
| Sidebar | Topbar: Date | Profile |
|---------+--------------------------------------------------------------------------------------|
| Home | KPI: Tx Today | Settlement Pending | Active Devices | Success Rate |
| Tx |--------------------------------------------------------------------------------------|
| Settle | Recent Transactions Table |
| Device |--------------------------------------------------------------------------------------|
| Outlet | Recent Settlements Table |
| Profile |--------------------------------------------------------------------------------------|
| Support | Device Status Mini Panel |
+------------------------------------------------------------------------------------------------+
7. Dynamic Device UI
+-------------------------------------------+
| Merchant Name |
|-------------------------------------------|
| Input Nominal |
| [ 50.000 ] |
| |
| [Buat QR] |
|-------------------------------------------|
| Status / hint text |
+-------------------------------------------+
+-------------------------------------------+
| Merchant Name |
|-------------------------------------------|
| [ QR IMAGE ] |
| |
| Nominal: Rp50.000 |
| Expired in: 04:12 |
| |
| Menunggu pembayaran... |
+-------------------------------------------+
+-------------------------------------------+
| Pembayaran diterima |
| |
| Rp50.000 |
| |
| Referensi: TX-20260523-001 |
| |
| Terima kasih |
+-------------------------------------------+