Setup Awal โ†’ Dashboard & Menu

Dashboard & Menu

Mengenal halaman home, 15 menu utama, dan 5 card ringkasan termasuk Bahan Menipis.

๐Ÿ Dashboard & Menu Utama

Halaman Beranda

A. Header Gradient Hijau

Di bagian atas ada gradient hijau yang menampilkan:

  • Logo Kasgo (kiri)
  • Jam real-time (HH:mm) dan tanggal (dd MMM yyyy)
  • Tombol Logout (ikon kanan atas)

B. Card Info Toko & User

  • Store Info Card: Logo toko, nama toko, alamat. Tap untuk buka Pengaturan.
  • User Info Card: Foto avatar, nama user, badge role. Warna avatar beda: Orange untuk Owner, Biru untuk Kasir. Tap untuk edit user.
  • Shift Status Card: Untuk role Kasir, menampilkan status shift aktif (buka/tutup)

C. Ringkasan Hari Ini

5 card di bawah card user/shift (Bahan Menipis adalah card unik F&B yang tidak ada di varian POS lain):

๐Ÿ’ฐ
Penjualan (hijau)

Total penjualan rupiah hari ini (sudah dikurangi refund). Kasir hanya lihat transaksinya sendiri; Owner lihat semua.

๐Ÿงพ
Transaksi (biru)

Jumlah transaksi hari ini

๐Ÿ“ฆ
Stok Menipis (oranye)

Jumlah produk jadi (menu) dengan stok โ‰ค minStock

๐Ÿ’ธ
Pengeluaran (merah)

Total pengeluaran hari ini

๐Ÿฅฌ
Bahan Menipis (hijau) โ€” F&B unique

Jumlah bahan baku dengan stok โ‰ค minimum (dari resep menu). Tap โ†’ daftar bahan baku menipis di menu Bahan Baku.

Saat shift aktif, muncul card lebar Uang di Kasir Sekarang di atas (Kas Awal + Penjualan Tunai โˆ’ Pengeluaran).

Home FnB dengan tema hijau, info toko WARKOP ENAK, user OWNER, card Tap untuk mulai shift, Ringkasan Hari Ini 5 card (Penjualan/Transaksi/Stok Menipis/Pengeluaran/Bahan Menipis), card Uang di Kasir Sekarang, dan Menu Utama 15 entry
Halaman Home FnB โ€” header gradient hijau

D. Menu Grid

15 menu utama (grid 3 kolom ร— 5 baris):

IconMenuWarnaFungsi
๐Ÿ›’KasirHijauProses pesanan & pembayaran
๐Ÿ“ฆProdukOrangeKelola menu makanan/minuman
๐Ÿท๏ธKategoriPinkKategori menu + kategori pengeluaran
๐Ÿ“ŠStokBiruMonitor & kelola stok produk jadi
๐Ÿ‘ฅPelangganUnguDatabase customer, piutang, loyalty
๐Ÿ›๏ธPre-OrderUnguPesanan customer untuk diambil/dikerjakan nanti
๐ŸššSupplierBrownData supplier bahan baku
๐ŸฅฌBahan BakuGreenIngredient, resep, auto-deduct stok bahan
๐Ÿ›’PembelianAbuPurchase Order ke supplier
๐ŸคKonsinyasiOrangeBarang titip jual (PO tipe konsinyasi)
๐Ÿ“…ReservasiTealBooking meja: Aktif/Hari Ini/Semua
๐Ÿ’ธPengeluaranMerahCatat pengeluaran operasional
๐Ÿ”„RiwayatCyanHistori transaksi + refund, cetak ulang struk/KOT
๐Ÿ“ˆLaporanUnguAnalisis bisnis (penjualan, menu terlaris, customer, dll)
โš™๏ธPengaturanAbuKonfigurasi aplikasi (16 sub-menu)

Pre-Order vs Reservasi: Pre-Order = pesanan customer untuk diambil/dikerjakan nanti (mis. nasi kotak untuk acara). Reservasi = booking meja (datang ke resto, customer akan duduk). Beda fungsi.