wirabasalamah/Qris-Soundbox
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
wirabasalamah
2026-05-25 08:22:12 +07:00
commit a152c99cce
154 changed files with 39033 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

119
11-low-fi-wireframes.md Normal file
View File

@ -0,0 +1,119 @@
# 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 |
+-------------------------------------------+
```