120 lines
7.0 KiB
Markdown
120 lines
7.0 KiB
Markdown
# Low-Fi Wireframes - QRIS Soundbox Platform v1
|
|
|
|
## 1. Admin Dashboard Overview
|
|
```text
|
|
+------------------------------------------------------------------------------------------------+
|
|
| 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
|
|
```text
|
|
+------------------------------------------------------------------------------------------------+
|
|
| 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
|
|
```text
|
|
+------------------------------------------------------------------------------------------------+
|
|
| 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
|
|
```text
|
|
+------------------------------------------------------------------------------------------------+
|
|
| 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
|
|
```text
|
|
+------------------------------------------------------------------------------------------------+
|
|
| Filters: Period | Status | Merchant | Export |
|
|
|------------------------------------------------------------------------------------------------|
|
|
| Table: Batch ID | Period | Merchant Count | Gross | Fee | Net | Status | Action |
|
|
+------------------------------------------------------------------------------------------------+
|
|
```
|
|
|
|
## 6. Merchant Portal Dashboard
|
|
```text
|
|
+------------------------------------------------------------------------------------------------+
|
|
| 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
|
|
```text
|
|
+-------------------------------------------+
|
|
| Merchant Name |
|
|
|-------------------------------------------|
|
|
| Input Nominal |
|
|
| [ 50.000 ] |
|
|
| |
|
|
| [Buat QR] |
|
|
|-------------------------------------------|
|
|
| Status / hint text |
|
|
+-------------------------------------------+
|
|
```
|
|
|
|
```text
|
|
+-------------------------------------------+
|
|
| Merchant Name |
|
|
|-------------------------------------------|
|
|
| [ QR IMAGE ] |
|
|
| |
|
|
| Nominal: Rp50.000 |
|
|
| Expired in: 04:12 |
|
|
| |
|
|
| Menunggu pembayaran... |
|
|
+-------------------------------------------+
|
|
```
|
|
|
|
```text
|
|
+-------------------------------------------+
|
|
| Pembayaran diterima |
|
|
| |
|
|
| Rp50.000 |
|
|
| |
|
|
| Referensi: TX-20260523-001 |
|
|
| |
|
|
| Terima kasih |
|
|
+-------------------------------------------+
|
|
```
|