Sentra F&B — UI Screen List & Wireframes¶

UI Screen List & ASCII Wireframes¶

14.1 Daftar Halaman SentraF&B System¶

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

Visual Dine-In Map: Layout meja, kapasitas isi, status warna meja, tombol buka meja cepat.
Order Cart & Modifiers Pop-Up: Grid menu, navigasi kategori cepat (Makanan, Kopi, Non-Kopi), tombol kustomisasi modifier, input catatan koki.
Split Payment Wizard: Pemecah nominal tagihan menjadi beberapa invoice terpisah.

2. Kitchen Display Client (Aplikasi KDS Dapur & Bar)¶

Layar Antrean Tiket Utama: Grid kartu tiket order, timer durasi saji, filter stasiun kerja (Bar/Kitchen).

14.2 ASCII Wireframe: Visual Dine-In Table Layout Map (POS Tablet View)¶

====================================================================================================
 SENTRAF&B POS v1.0.0                      | OUTLET: BANDUNG-DAGO | USER: SITI (WAITER)  | AREA: AC
====================================================================================================
  [ AREA AC (SMOKING) ] [ OUTDOOR GARDEN ] [ VIP ROOM ]                   | TOTAL BILL ACTIVE: 8
----------------------------------------------------------------------------------------------------
  +---------------+   +---------------+   +---------------+   +-------+   | DETAIL MEJA PILIHAN:
  |  MEJA 01 [4p] |   |  MEJA 02 [4p] |   |  MEJA 03 [2p] |   | BAR   |   | Meja #: MEJA 04
  |   AVAILABLE   |   |   OCCUPIED    |   |   OCCUPIED    |   | STOOL |   | Status: OCCUPIED (Order)
  |   (Kosong)    |   |  Rp 340.000   |   |   Waiting...  |   | 1 [1p]|   | Durasi: 38 Menit
  |  [Buka Meja]  |   |  [Tambah Order|   |  [Cek Dapur]  |   | [K-01]|   | Pelayan: Budi Santoso
  +---------------+   +---------------+   +---------------+   +-------+   |
                                                                          | ITEMS MENU TERPESAN:
  +---------------+   +---------------+   +---------------+   +-------+   | - 2 Iced Latte (Served)
  |  MEJA 04 [6p] |   |  MEJA 05 [4p] |   |  MEJA 06 [4p] |   | BAR   |   | - 1 Nasi Goreng (Cooking)
  |   OCCUPIED    |   |   RESERVED    |   |   AVAILABLE   |   | STOOL |   |
  |  Rp 105.000   |   |  a/n HENDRA   |   |   (Kosong)    |   | 2 [1p]|   | [F2] Pindah Meja
  |  [Pilih Meja] |   |  Jam: 19:30   |   |  [Buka Meja]  |   | [K-02]|   | [F5] Split / Merge Bill
  +---------------+   +---------------+   +---------------+   +-------+   | [F12] Proses Billing
----------------------------------------------------------------------------------------------------
 SHORTCUT TOMBOL KEYBOARD:
 [F1] Map Meja    | [F3] Pesanan QR   | [F8] Shift Info | [ESC] Lock Screen
====================================================================================================

14.3 ASCII Wireframe: Kitchen Display System (KDS Screen View)¶

====================================================================================================
 SENTRAF&B KDS | STASIUN: BAR MINUMAN | SORE SHIFT | STATUS KDS: RUNNING (CONNECTED TO EDGE LOCAL)
====================================================================================================
 TIKET #219 - MEJA 04     TIKET #220 - GOFOOD #12  TIKET #221 - MEJA 02     TIKET #222 - MEJA 09
 12 Menit Saji (AMBANG)   08 Menit Saji (NORMAL)   02 Menit Saji (BARU)     19 Menit Saji (TERLAMBAT)
 [ WAITER: BUDI ]         [ DRIVER: AHMAD ]        [ WAITER: BUDI ]         [ WAITER: SITI ]
------------------------  -----------------------  -----------------------  ------------------------
 2x Iced Cafe Latte       1x Iced Cappuccino       1x Espresso (Hot)        2x Avocado Juice
    - Less Sweet             - Extra Oatmilk                                    - Extra Chocolate Ice
 1x Hot Chocolate         1x Lychee Iced Tea                                1x Iced Americano
                                                                                - No sugar

 [ SEDANG DIMASAK (F3) ]  [ MASUKKAN ANTRIAN ]     [ MULAI MASAK (F5) ]     [ SELESAI MASAK (F9) ]
====================================================================================================

User Stories¶

15.1 Proses Pemesanan Dine-In dengan Kustomisasi (Waiter Role)¶

USER STORY: Sebagai Waiter, saya ingin memilih menu minuman lalu menambahkan pilihan kustomisasi modifier susu nabati dan level gula agar keinginan diet khusus pelanggan tercatat akurat dan dapat dibuat tepat oleh barista.
ACCEPTANCE CRITERIA:
Given Waiter berada pada layar order cart meja 04 di POS tablet.
When Waiter memilih menu "Iced Cafe Latte" dan menekan tombol kustomisasi.
Then Sistem memunculkan jendela dialog modifier pilihan susu ("Fresh Milk", "Oat Milk +Rp 5.000", "Almond Milk +Rp 7.000") dan pilihan level manis ("Normal Sweet", "Less Sweet", "No Sugar").
And Jika pelayan memilih "Oat Milk" dan "Less Sweet", sistem memperbarui harga item menjadi Rp 35.000 + Rp 5.000 = Rp 40.000 dan mencetak keterangan modifikasi di baris tiket item KDS Bar.

15.2 Penyelesaian Billing Split Bill Berdasarkan Item (Cashier Role)¶

USER STORY: Sebagai Kasir, saya ingin membagi satu bill meja menjadi beberapa bill terpisah berdasarkan pilihan item belanjaan pelanggan agar setiap orang di meja tersebut dapat membayar pesanan masing-masing dengan mudah.
ACCEPTANCE CRITERIA:
Given Bill meja 02 berisi 4 item dengan total tagihan Rp 200.000.
When Kasir menekan tombol "Split Bill" dan memilih opsi "Split by Item".
Then Sistem memunculkan dialog pemecah item dengan kolom Bill A dan Bill B.
And Kasir dapat memindahkan menu "Nasi Goreng" ke Bill A, dan menu "Mie Goreng" ke Bill B.
And Sistem secara otomatis menghitung ulang proporsi service charge 5% dan pajak PB1 10% untuk masing-masing bill pecahan, mengunci bill tersebut, dan memunculkan metode pembayaran QRIS yang berbeda untuk tiap pecahan bill.