Sentra Rental — UI Screen List & Wireframes
15.1 Daftar Layar Utama
1. Back-Office (Admin Cabang — Electron Desktop)
- Dashboard Calendar & Timeline: Visualisasi status ketersediaan semua tipe barang di satu cabang per hari/minggu/bulan.
- Asset Registration Panel: Formulir input spesifikasi aset, nomor seri, penentuan masa depresiasi.
- Inspection Detail Console: Layar perbandingan foto kondisi serah-terima unit (check-out vs check-in side-by-side).
- Deposit Escrow Dashboard: Status deposit seluruh booking aktif, tombol capture/release, laporan rekonsiliasi.
2. Mobile App (Inspector & Field Staff — React Native)
- Scan QR Check-out / Check-in Portal: Kamera scanner untuk identifikasi nomor seri fisik barang.
- Inspection Wizard Screen: Step-by-step pengambilan foto kondisi fisik dan checklist kelengkapan barang.
- Offline Queue Indicator: Indikator foto yang masih dalam antrean upload saat offline.
3. Customer App (PWA & Native Mobile — Next.js / React Native)
- Katalog & Booking Scheduler Grid: Pemilihan barang berdasarkan tanggal sewa yang tidak bentrok (visual bitmask).
- My Active Rental: Layar status sewa, tombol request perpanjangan, detail deposit tracker.
- Digital Agreement Viewer: Kontrak sewa digital yang ditandatangani, dapat diunduh sebagai PDF.
15.2 ASCII Wireframe 1: Admin Calendar & Timeline View
+--------------------------------------------------------------------------------------------------+
| SENTRARENTAL [Branch: Jakarta Selatan] User: Admin Antigravity (Manager) |
+--------------------------------------------------------------------------------------------------+
| [Dashboard] [Armada] [Reservasi] [Inspeksi Lapangan] [Deposit Escrow] [Laporan Keuangan] |
+--------------------------------------------------------------------------------------------------+
| CARI UNIT: [ Avanza B-1234 ] KATEGORI: [ Kendaraan v ] STATUS: [ Semua v ] BULAN: [ MEI 2026 ]|
+--------------------------------------------------------------------------------------------------+
| TIMELINE KETERSEDIAAN UNIT (Real-Time Grid) |
| Aset ID | SKU | 21 Mei | 22 Mei | 23 Mei | 24 Mei | 25 Mei | 26 Mei | 27 Mei | 28 Mei |
|------------|--------------|--------|--------|--------|--------|--------|--------|--------|--------|
| AVNZ-001 | TOY-AVNZ-G | [BOOK] | [BOOK] | [BOOK] | [IDLE] | [IDLE] | [MAINT]| [MAINT]| [IDLE] |
| AVNZ-002 | TOY-AVNZ-G | [IDLE] | [BOOK] | [BOOK] | [BOOK] | [BOOK] | [BOOK] | [IDLE] | [IDLE] |
| CAMR-009 | SONY-A7M4 | [IDLE] | [MAINT]| [IDLE] | [IDLE] | [BOOK] | [BOOK] | [BOOK] | [BOOK] |
| DRNE-012 | DJI-M350-RTK | [BOOK] | [BOOK] | [IDLE] | [IDLE] | [IDLE] | [IDLE] | [IDLE] | [IDLE] |
| SCFF-088 | SCAFF-SET-2M | [BOOK] | [BOOK] | [BOOK] | [BOOK] | [BOOK] | [BOOK] | [BOOK] | [BOOK] |
+--------------------------------------------------------------------------------------------------+
| LEGENDA STATUS: |
| [BOOK] Tersewa (Biru) [IDLE] Siap Pakai (Hijau) [MAINT] Perbaikan Servis (Merah) |
+--------------------------------------------------------------------------------------------------+
| KINERJA HARI INI: Total Armada: 142 | Utilisasi: 82% | Unit Rusak: 3 | Menunggu Inspeksi: 4 |
+--------------------------------------------------------------------------------------------------+
15.3 ASCII Wireframe 2: Mobile Handover App (Field Staff Checklist)
+-------------------------------------------------------------+
| INSPECTOR HANDOVER GO! [Scan QR] [ ]|
+-------------------------------------------------------------+
| Booking ID : SR/20260521/00042 |
| Unit : Toyota Avanza Veloz (B-1234-XYZ) |
| Customer : Irfan Praditia |
| Tipe : CHECK-OUT INSPECTION |
+-------------------------------------------------------------+
| [ STEP 2 OF 4: CHECKLIST KONDISI FISIK ] |
| |
| 1. Body & Cat : [x] Mulus [ ] Baret Halus [ ] Penyok |
| 2. Kaca Depan : [x] Bersih [ ] Retak [ ] Jamur |
| 3. Bahan Bakar : [ ] E [ ] 50% [x] F (Full) |
| 4. Odometer : [ 45210 ] KM |
| 5. Lampu-Lampu : [x] Semua Hidup [ ] Ada Mati |
| |
| [ STEP 3 OF 4: REKAM BUKTI VISUAL S3 ] |
| |
| +-----------------------+ +-----------------------+ |
| | | | | |
| | [ FOTO DEPAN ] | | [ FOTO BELAKANG ] | |
| | [ Kamera Aktif ] | | [ Uploaded OK ] | |
| +-----------------------+ +-----------------------+ |
| |
| [ STEP 4 OF 4: DIGITAL SIGNATURE AGREEMENT ] |
| Tanda Tangan Pelanggan di bawah ini: |
| +-------------------------------------------------------+ |
| | | |
| | ~Irfan~ | |
| | | |
| +-------------------------------------------------------+ |
| [ ] Saya setuju dengan seluruh kondisi aset di atas |
| |
| [ BATAL ] [ SUBMIT DATA ]|
+-------------------------------------------------------------+
15.4 ASCII Wireframe 3: Customer Booking Scheduler Grid
+------------------------------------------------------------------------+
| KATALOG RENTAL — KENDARAAN [Filter: Kota v] [MEI 2026]|
+------------------------------------------------------------------------+
| Toyota Avanza Veloz G Rp 350.000/hari Deposit Rp 500.000 |
| [Pilih Tanggal Mulai] ──────────────────────────────────────────────── |
| Sen Sel Rab Kam Jum Sab Min |
| 18 19 20 21 22 23 24 ← tersedia (hijau) |
| 25 26 27 28 29 30 31 ← 25-27 sudah dipesan (abu-abu) |
+------------------------------------------------------------------------+
| Tanggal dipilih: 28 Mei 2026 (Check-out) → 30 Mei 2026 (Check-in) |
| Durasi: 2 hari | Harga Sewa: Rp 700.000 | Deposit: Rp 500.000 |
| Weekend Surcharge (Sab-Min): +25% | Sub-Total: Rp 875.000 |
| PPN 11%: Rp 96.250 | TOTAL: Rp 1.471.250 |
| [ LANJUT BOOKING ] |
+------------------------------------------------------------------------+