Sentra Automotive — UI Screen List & Wireframes¶
14.1 Screen Map¶
| # | Screen | Platform | Primary User |
|---|---|---|---|
| 1 | Service Advisor Console | Electron Desktop | Service Advisor |
| 2 | Mechanic Workbay App | React Native Android Tablet | Mechanic |
| 3 | Gudang Inventory Storekeeper App | React Desktop | Kepala Gudang |
| 4 | Cashier POS App | React Desktop | Kasir |
| 5 | Customer Progress Tracker | WhatsApp link / Mobile | Customer |
| 6 | Owner Dashboard | Next.js Web | Executive Owner |
Screen Deskripsi¶
- Service Advisor Console (Electron Desktop): Dasbor antrean masuk kendaraan, pengisian checklist inspeksi, pengisian keluhan, katalog penawaran bundling, dan cetak SPK.
- Mechanic Workbay App (React Native on Android Tablet): Antarmuka sederhana yang dioptimalkan untuk sarung tangan mekanik, menampilkan instruksi kerja, tombol mulai/selesai pengerjaan, formulir pemesanan sparepart, request tambahan biaya.
- Gudang Inventory Storekeeper App (React Desktop): Antrean pick-slip digital, riwayat input barcode, modul stock opname tahunan, manajemen transfer sparepart antar cabang.
- Cashier POS App: Pembayaran faktur final, split payment (Cash + EDC + QRIS), PPN 11% auto-calculator, dan QRIS interface.
14.2 Wireframe 1: Service Advisor Diagnostics Intake Screen¶
Antarmuka pendaftaran kendaraan yang dirancang untuk kecepatan entri data di tablet Service Advisor:
+---------------------------------------------------------------------------------------------------------+
| SENTRAAUTO CARE v1.0 | Cabang: Jakarta Selatan | Advisor: Irfan (SA) | [ONLINE] |
+---------------------------------------------------------------------------------------------------------+
| [REGISTRASI & INSPEKSI INTAKE KENDARAAN] |
| No. Plat : [ B 1234 SQA ] [CARI HISTORI] -> Tipe: Toyota Avanza 1.3G (Manual) |
| VIN Rangka: [ MHRM12891K009211 ] | Engine No: [ K3VE-8927192 ] | Odometer: [ 45012 ] KM |
| Pelanggan: Budi Santoso (081234567890) | Status Garansi: [ TIDAK ADA GARANSI AKTIF ] |
+---------------------------------------------------------------------------------------------------------+
| [CHECKLIST INSPEKSI FISIK DIGITAL] | [KELUHAN PELANGGAN & DIAGNOSA SA] |
| Keliling Body Kendaraan: | Keluhan Utama: |
| [X] Pintu kanan depan baret | [ Mesin ndut-ndutan di putaran rendah, AC kurang dingin, ] |
| [ ] Bumper belakang kiri penyok | [ rem bunyi berdecit saat turunan. ] |
| | |
| Ruang Mesin & Kelistrikan: | Diagnosa SA / Estimasi Jasa & Sparepart: |
| - Oli Mesin : (*) Keruh ( ) Bersih | Paket: [ Servis Berkala 40.000 KM (Tuneup + Ganti Oli) v]|
| - Minyak Rem: (*) Cukup ( ) Kurang | Jasa : Jasa Tune-Up AC Mobil [Rp 150.000] |
| - Tegangan Aki: [ 11.8V ] (Low) | Part : Oli Mesin TMO 10W-40 [Rp 380.000] (4 Liter) |
| | Kampas Rem Depan Ori [Rp 250.000] |
+----------------------------------------+---------------------------------------------------------------+
| ESTIMASI TOTAL BIAYA SERVIS: Rp 780.000 (Exclude PPN 11%) |
| [X] Pelanggan menyetujui estimasi harga di atas (Tanda Tangan Digital pada layar tablet di bawah) |
| Tanda Tangan: Bud!_S |
| [BATALKAN] [SIMPAN DRAFT WORK ORDER] [TERBITKAN SPK & MASUK BAY] |
+---------------------------------------------------------------------------------------------------------+
14.3 Wireframe 2: Mechanic Tablet Task Monitor¶
Dasbor minimalis dengan tombol ekstra besar khusus untuk area kerja mekanik (dioptimalkan untuk penggunaan dengan sarung tangan):
+---------------------------------------------------------------------------------------------------------+
| SENTRAAUTO BAY 3 | Mekanik: Rian (Mekanik Utama) | WO Aktif: WO/2026/05/0091 | [ONLINE] |
+---------------------------------------------------------------------------------------------------------+
| KENDARAAN: Toyota Avanza 1.3G | Odometer: 45.012 KM | Durasi Kerja (SLA): [ 00:34:12 ] |
| KELUHAN: Mesin ndut-ndutan, AC kurang dingin, rem bunyi berdecit saat turunan. |
+---------------------------------------------------------------------------------------------------------+
| [DAFTAR TUGAS PEKERJAAN SPK] |
| [X] TUGAS 1: Tune Up Mesin & Ganti Oli TMO 10W-40 ----------------------- [SELESAI] |
| [X] TUGAS 2: Pembersihan Filter AC & Evaporator ------------------------- [SELESAI] |
| [/] TUGAS 3: Penggantian Kampas Rem Depan Ori ------------------------- [SEDANG DIKERJAKAN] |
+---------------------------------------------------------------------------------------------------------+
| [!] KERUSAKAN BARU DITEMUKAN: |
| Saat kampas rem dilepas, ditemukan Piringan Rem Depan (Disc Brake) retak parah! |
| |
| [ MINTA SPAREPART GUDANG ] [ AJUKAN BIAYA TAMBAHAN ] |
| -> Meminta filter oli, kampas rem. -> Minta ganti piringan rem. |
| (Picu pick-slip digital ke gudang) (Kirim link persetujuan WA ke customer) |
+---------------------------------------------------------------------------------------------------------+
| STATUS APPROVAL: [ MENUNGGU PERSETUJUAN CUSTOMER VIA WHATSAPP ] (SLA Timer Paused) |
+---------------------------------------------------------------------------------------------------------+
| [ PAUSE KERJA ] [ AJUKAN QC / UJI KEPALA MEKANIK ] [ LAPOR PEKERJAAN SELESAI ] |
+---------------------------------------------------------------------------------------------------------+