Lewati ke isi

Sentra Retail — UI Screen List & Wireframes

UI Screen List & Wireframes

12.1 Daftar Halaman Aplikasi

1. POS Client Terminal (Aplikasi Kasir Desktop/Tablet)

  • Halaman Login & PIN Lock: Keamanan cepat saat kasir berganti atau meninggalkan terminal sementara.
  • Halaman Mulai Shift: Input modal tunai awal (uang laci).
  • Halaman Kasir Utama: Scanning item, tombol pintas/keyboard shortcuts, informasi total bayar.
  • Modul Pembayaran Pop-Up: Input uang tunai kembalian, QRIS Dinamis, gesek kartu debit/kredit.
  • Halaman Cetak Struk & Pembagian Kasir: Fitur serah terima setelah transaksi selesai.

2. Portal Backoffice Management (Web Admin & Owner Dashboard)

  • Dashboard Eksekutif: Tren penjualan multi-cabang, grafik omzet harian.
  • Modul Manajemen Inventori Terpusat: Penyesuaian stok, pengingat stok minimum, monitoring batch.
  • Modul Manajemen Promo & loyalty: Setup aturan diskon dan poin member.
  • Modul Payroll & Komisi Kasir: Rekap insentif, slip gaji otomatis bulanan.

12.2 ASCII Wireframe: POS Kasir Screen (1366x768 - Standar Kasir)

====================================================================================================
 SENTRARETAIL POS v1.0.0                      | TOKO: JKT-PANCORAN | KASIR: BUDI | SHIFT: #A9-122
====================================================================================================
 [ INPUT SKU/BARCODE ] [ 8999901234567     ] [x] SCANNING INTERFACE (Auto-focus)
----------------------------------------------------------------------------------------------------
 NO | SKU            | NAMA BARANG               | VARIAN  | QTY | HARGA SATUAN | TOTAL HARGA
----+----------------+---------------------------+---------+-----+--------------+--------------
 01 | 8999901234567  | Indomie Goreng Spesial    | Regular |  5  | Rp  3.100    | Rp 15.500
 02 | 8999901112223  | Sariayu Brightening Cream | 50ml    |  1  | Rp 75.000    | Rp 75.000
 03 | 8999909998887  | Aqua Air Mineral          | 600ml   |  2  | Rp  4.000    | Rp  8.000
    |                |                           |         |     |              |
    |                |                           |         |     |              |
----------------------------------------------------------------------------------------------------
 MEMBER ID: [ M-0081298818  ] SITI AMINAH (GOLD) - POIN: 1.250     | SUB-TOTAL   : Rp 98.500
 PROMO    : [ Beli 5 Indomie Potongan Rp 1.500 ]                  | DISKON      : Rp  1.500
 PAJAK    : PPN 11% Terhitung                                      | PPN (11%)   : Rp 10.670
----------------------------------------------------------------------------------------------------
 SHORTCUT TOMBOL KEYBOARD:                                         | TOTAL AKHIR
 [F2] Cari Item   | [F5] Tahan Struk  | [F8] Voucher  | [F12] Bayar |
 [F3] Diskon      | [F6] Panggil Struk| [F9] Member   | [ESC] Batal | Rp 107.670
====================================================================================================

User Stories

Berikut adalah spesifikasi fitur dalam format standar Agile menggunakan Acceptance Criteria.

13.1 Transaksi Kasir POS (Cashier Role)

  • USER STORY: Sebagai Kasir, saya ingin memindai barcode produk berturut-turut agar proses penambahan item ke dalam keranjang belanja cepat saat jam sibuk.
  • ACCEPTANCE CRITERIA:
  • Scenario 1: Scanning Barcode Pertama Kali
    • Given Terminal POS aktif dan kursor berada pada kolom input barcode.
    • When Barcode "8999901234567" dipindai oleh scanner.
    • Then Sistem harus mencari database produk dan menambahkan 1 unit "Indomie Goreng Spesial" ke daftar belanja dengan harga Rp 3.100.
  • Scenario 2: Scanning Berulang pada Produk yang Sama
    • Given "Indomie Goreng Spesial" sudah ada di keranjang dengan kuantiti 1.
    • When Barcode "8999901234567" dipindai kembali.
    • Then Sistem tidak membuat baris baru melainkan menaikkan nilai kuantiti menjadi 2 dan memperbarui total harga baris menjadi Rp 6.200.

13.2 Otorisasi Keamanan Void (Store Manager Role)

  • USER STORY: Sebagai Store Manager, saya ingin memverifikasi dan mengotorisasi penghapusan item (void) transaksi kasir agar dapat mencegah celah manipulasi kasir yang berpura-pura salah input padahal uang tunai dikantongi.
  • ACCEPTANCE CRITERIA:
  • Given Kasir mengklik tombol hapus item (void) pada layar kasir.
  • When Kasir menekan konfirmasi void.
  • Then Sistem memunculkan jendela pop-up dialog "Manager Authorization Required" yang meminta input PIN 6 digit Manager.
  • And Jika PIN yang dimasukkan valid, item tersebut akan dihapus dan log audit mencatat waktu kejadian, kode kasir, kode manajer yang menyetujui, dan alasan void dilakukan.