Setup Awal โ†’ Menu Utama & Dashboard

Menu Utama & Dashboard

Mengenal halaman home, menu utama, dan dashboard ringkasan.

๐Ÿ Menu Utama & Dashboard

Dashboard (Home Screen)

Halaman pertama yang muncul setelah login. Layout: bagian kiri info user/shift/ringkasan, bagian kanan Menu Utama.

A. Informasi Toko & User

Bagian atas (kolom kiri):

  • Card Toko โ€” Logo, nama toko, alamat (mis. Toko Alvine, Jl. Seluwai Desa Gunung Raja)
  • Card User โ€” Foto profil, nama, role badge (mis. OWNER), username (@rzaynn) + tombol edit
  • Banner Backup (jika ada) โ€” peringatan kalau belum pernah backup data

B. Status Shift

Card di bawah info user, berubah warna sesuai status:

  • Shift Belum Buka โ€” card ungu "Tap untuk mulai shift / Buka Kasir". Tap untuk masuk halaman Buka Kasir (lihat Kasir โ†’ A. Buka Shift)
  • Shift Aktif โ€” card hijau menampilkan durasi shift (mis. 0 jam 0 menit) + Kas Awal + hint "Tap untuk tutup kasir". Tap untuk masuk halaman Tutup Kasir (lihat Kasir โ†’ H. Tutup Shift)

Berlaku untuk semua role (Owner & Kasir). Owner juga bisa pakai sistem shift untuk pisah penjualan per sesi.

C. Ringkasan Hari Ini

Card ringkasan operasional. Komposisi tergantung status shift:

  • Saat shift aktif, muncul card lebar Uang di Kasir Sekarang di atas (Kas Awal + Penjualan Tunai โˆ’ Pengeluaran)
  • 5 card metric:
    • ๐Ÿ’ฐ Penjualan (hijau) โ€” total rupiah penjualan hari ini (tap โ†’ riwayat hari ini)
    • ๐Ÿงพ Transaksi (biru) โ€” jumlah transaksi hari ini
    • ๐Ÿ“ฆ Stok Menipis (oranye) โ€” produk dengan stok โ‰ค threshold (tap โ†’ daftar stok menipis)
    • ๐Ÿ’ธ Pengeluaran (merah) โ€” total pengeluaran hari ini (tap โ†’ riwayat pengeluaran)
    • โฐ Mendekati Expired (pink) โ€” jumlah batch produk yang akan kadaluarsa (tap โ†’ Produk โ†’ Mendekati Expired)

Card metric ini selalu tampil (tidak kondisional) โ€” angka 0 berarti kondisi normal/aman.

Dashboard saat shift belum dibuka โ€” card ungu 'Tap untuk mulai shift' dan 4 card ringkasan
Dashboard saat shift belum dibuka
Dashboard saat shift aktif โ€” card hijau Shift Aktif dan card Uang di Kasir Sekarang muncul
Dashboard saat shift aktif โ€” muncul card Uang di Kasir Sekarang

D. Menu Utama

Grid menu di kolom kanan, terdiri dari 14 entry:

IconMenuFungsi
๐Ÿ›’KasirProses transaksi penjualan (POS)
๐Ÿ“ฆProdukKelola produk, varian, multi-unit, batch
๐Ÿท๏ธKategoriKelola kategori produk
๐Ÿ“ŠStokMonitor & kelola stok, stock opname
๐Ÿ‘ฅPelangganData pelanggan, loyalty point, piutang
๐Ÿ›๏ธPre-OrderPesanan customer yang diambil di kemudian hari
๐ŸššSupplierData supplier untuk pembelian/PO
๐Ÿ›’PembelianCatat pembelian dari supplier (Purchase Order)
๐ŸคKonsinyasiProduk titip-jual dari supplier
๐Ÿ“‹Catatan HargaRiwayat & perbandingan harga supplier
๐Ÿ’ธPengeluaranCatat pengeluaran operasional
๐Ÿ“œRiwayatHistori transaksi penjualan
๐Ÿ“ˆLaporanAnalisis bisnis (penjualan, produk, customer, dll)
โš™๏ธPengaturanSetting aplikasi, toko, struk, printer, loyalty, dll

Beberapa menu bisa disembunyikan per role via Pengaturan โ†’ Kelola Permission Menu. Mis. role Kasir umumnya tidak punya akses ke Laporan, Pengeluaran, atau Pengaturan.

E. Banner Kondisional

  • Banner Backup Kuning โ€” muncul di atas shift card kalau belum pernah backup data atau sudah lama tidak backup. Tap untuk langsung buka Backup & Restore.

Card Mendekati Expired di Ringkasan Hari Ini sudah selalu tampil (lihat poin C di atas) โ€” bukan kondisional lagi.