# Dashboard Laporan # Dashboard – Ringkasan Penjualan ## 1. Dashboard – Ringkasan Penjualan Dashboard menampilkan ringkasan performa bisnis berdasarkan **toko**, **karyawan**, dan **rentang waktu** yang dipilih. Halaman ini digunakan untuk **monitoring dan evaluasi**, bukan untuk transaksi. [![Screen Shot 2026-01-28 at 20.27.21.png](http://66.42.57.198:6875/uploads/images/gallery/2026-01/scaled-1680-/3klsAun9xbhBmEQA-screen-shot-2026-01-28-at-20-27-21.png)](http://66.42.57.198:6875/uploads/images/gallery/2026-01/3klsAun9xbhBmEQA-screen-shot-2026-01-28-at-20-27-21.png) --- ### Filter - **Toko**: Melihat data semua toko atau per toko - **Karyawan**: Melihat performa seluruh karyawan atau individu - **Tanggal**: Menentukan periode laporan --- ### Ringkasan Data - **Penjualan Kotor**: Total penjualan sebelum potongan - **Pengembalian**: Total transaksi refund - **Diskon**: Total nilai diskon yang diberikan - **Pajak**: Total pajak dari transaksi - **Penjualan Bersih**: Penjualan setelah diskon dan pengembalian - **Modal**: Total biaya modal barang - **Laba Kotor**: Penjualan bersih dikurangi modal - **Margin**: Persentase laba kotor - **Biaya Operasional**: Total biaya operasional - **Laba Bersih**: Laba setelah dikurangi biaya operasional --- ### Catatan - Semua nilai ditampilkan berdasarkan filter yang aktif - Data tidak dapat diedit dari halaman ini ## 2. Grafik Penjualan Grafik Penjualan menampilkan **tren performa bisnis dari waktu ke waktu** berdasarkan filter toko, karyawan, dan periode yang dipilih. Grafik ini digunakan untuk **analisis pola penjualan**, bukan untuk input data. [![Screen Shot 2026-01-28 at 21.22.34.png](http://66.42.57.198:6875/uploads/images/gallery/2026-01/scaled-1680-/dYLlghhtGp4b4TR7-screen-shot-2026-01-28-at-21-22-34.png)](http://66.42.57.198:6875/uploads/images/gallery/2026-01/dYLlghhtGp4b4TR7-screen-shot-2026-01-28-at-21-22-34.png) ### Jenis Grafik - **Area**: Menampilkan tren nilai secara akumulatif - **Bar**: Menampilkan perbandingan nilai per periode Pengguna dapat berpindah tampilan sesuai kebutuhan analisis. --- ### Data yang Ditampilkan Grafik dapat menampilkan beberapa metrik berikut: - Penjualan Kotor - Pengembalian - Diskon - Pajak - Penjualan Bersih - Modal - Laba Kotor - Biaya Operasional - Laba Bersih - Margin Setiap metrik dapat diaktifkan atau dinonaktifkan melalui legenda. --- ### Navigasi Grafik - Zoom in / out untuk melihat detail periode tertentu - Geser grafik untuk berpindah rentang waktu - Reset tampilan untuk kembali ke tampilan awal --- ### Catatan - Grafik mengikuti filter yang aktif di dashboard - Data bersifat informatif dan tidak dapat diedit ## 3. Detail Penjualan Halaman **Detail Penjualan** menampilkan data penjualan **per hari** dalam bentuk tabel berdasarkan filter toko, karyawan, dan periode yang dipilih. Data digunakan untuk **analisis detail dan pencatatan**, bukan untuk pengeditan transaksi. [![Screen Shot 2026-01-28 at 21.24.59.png](http://66.42.57.198:6875/uploads/images/gallery/2026-01/scaled-1680-/ybpRuFRMROAj89eL-screen-shot-2026-01-28-at-21-24-59.png)](http://66.42.57.198:6875/uploads/images/gallery/2026-01/ybpRuFRMROAj89eL-screen-shot-2026-01-28-at-21-24-59.png) ### Kolom Data - **Tanggal**: Tanggal transaksi - **Penjualan Kotor**: Total penjualan sebelum potongan - **Pengembalian**: Nilai transaksi refund - **Diskon**: Total diskon yang diberikan - **Penjualan Bersih**: Penjualan setelah diskon dan pengembalian - **Modal**: Total biaya modal - **Laba Kotor**: Penjualan bersih dikurangi modal - **Margin**: Persentase laba kotor - **Pajak**: Total pajak transaksi - **Biaya Operasional**: Biaya operasional harian - **Laba Bersih**: Laba setelah dikurangi biaya operasional --- ### Fitur Tabel - Data dapat **diurutkan** berdasarkan kolom - **Pagination** untuk melihat data per halaman - Jumlah baris per halaman dapat disesuaikan --- ### Catatan - Nilai negatif pada laba bersih menunjukkan biaya operasional tanpa penjualan - Semua data bersifat **read-only** dan mengikuti filter yang aktif # Penjualan per item ## Penjualan per item Halaman **Penjualan per Item** digunakan untuk melihat performa penjualan setiap produk dalam periode tertentu. Data dapat difilter berdasarkan **toko**, **karyawan**, dan **tanggal**. [![Screen Shot 2026-01-29 at 11.52.02.png](http://66.42.57.198:6875/uploads/images/gallery/2026-01/scaled-1680-/pblr1ZrXOxjRtAZZ-screen-shot-2026-01-29-at-11-52-02.png)](http://66.42.57.198:6875/uploads/images/gallery/2026-01/pblr1ZrXOxjRtAZZ-screen-shot-2026-01-29-at-11-52-02.png) ### Tab Ringkasan Menampilkan grafik penjualan tiap item dari waktu ke waktu. Grafik ini membantu melihat: - Item mana yang paling sering terjual - Pola penjualan per produk - Perbandingan antar item Setiap warna pada grafik mewakili satu produk. --- ### Tab Top 10 Item Menampilkan daftar **10 produk dengan penjualan tertinggi** dalam periode yang dipilih. Digunakan untuk mengidentifikasi produk terlaris dan evaluasi stok. --- ### Fitur - Filter toko, karyawan, dan tanggal - Grafik interaktif - Opsi unduh laporan --- ### Catatan Data bersifat **read-only** dan mengikuti filter yang aktif. ## Tabel Penjualan per Item Tabel ini menampilkan performa penjualan **setiap produk** berdasarkan filter toko, karyawan, dan periode yang dipilih. Data digunakan untuk **analisis produk**, **evaluasi harga**, dan **kontrol margin**. [![Screen Shot 2026-01-29 at 17.48.50.png](http://66.42.57.198:6875/uploads/images/gallery/2026-01/scaled-1680-/VZZQ9Dcj17dCd3Xx-screen-shot-2026-01-29-at-17-48-50.png)](http://66.42.57.198:6875/uploads/images/gallery/2026-01/VZZQ9Dcj17dCd3Xx-screen-shot-2026-01-29-at-17-48-50.png) ### Kolom Data - **Item**: Nama produk - **Kategori**: Kategori produk - **Item Terjual**: Jumlah unit yang terjual - **Penjualan Kotor**: Total penjualan sebelum potongan - **Item Dikembalikan**: Jumlah unit yang direfund - **Diskon**: Total diskon produk - **Penjualan Bersih**: Penjualan setelah diskon dan refund - **Biaya**: Total modal produk - **Laba Kotor**: Penjualan bersih dikurangi biaya - **Margin**: Persentase laba kotor --- ### Fitur - Data dapat **diurutkan** berdasarkan kolom - **Pagination** untuk melihat lebih banyak produk - Jumlah baris per halaman dapat diubah --- ### Catatan - Margin negatif menunjukkan produk dijual di bawah biaya - Semua data bersifat **read-only** dan mengikuti filter yang aktif # Penjualan per Kategori ## Penjualan per Kategori Halaman ini menampilkan performa penjualan **berdasarkan kategori produk** dalam periode yang dipilih. Data digunakan untuk melihat **kategori mana yang paling menguntungkan** dan mengevaluasi struktur produk. [![Screen Shot 2026-01-29 at 20.57.34.png](http://66.42.57.198:6875/uploads/images/gallery/2026-01/scaled-1680-/H43TGHjrErfXjbzZ-screen-shot-2026-01-29-at-20-57-34.png)](http://66.42.57.198:6875/uploads/images/gallery/2026-01/H43TGHjrErfXjbzZ-screen-shot-2026-01-29-at-20-57-34.png) ### Kolom Data - **Kategori**: Nama kategori produk - **Item Terjual**: Total unit yang terjual - **Penjualan Kotor**: Total penjualan sebelum potongan - **Item Dikembalikan**: Total unit yang direfund - **Diskon**: Total diskon kategori - **Penjualan Bersih**: Penjualan setelah diskon dan refund - **Biaya**: Total modal kategori - **Laba Kotor**: Penjualan bersih dikurangi biaya - **Margin**: Persentase laba kotor - **Pajak**: Total pajak kategori --- ### Fitur - Filter toko, karyawan, dan tanggal - Data dapat diurutkan - Opsi unduh laporan --- ### Catatan - Margin negatif menunjukkan kategori merugi - Data bersifat **read-only** dan mengikuti filter yang aktif # Penjualan per Pelanggan ## Penjualan per Pelanggan Halaman **Penjualan per Pelanggan** menampilkan ringkasan transaksi berdasarkan **nama pelanggan** dalam periode yang dipilih. Digunakan untuk melihat **kontribusi penjualan per pelanggan** dan pola transaksi pelanggan tetap maupun tamu. [![Screen Shot 2026-01-29 at 21.25.55.png](http://66.42.57.198:6875/uploads/images/gallery/2026-01/scaled-1680-/II96Bm2U1PuR4LJi-screen-shot-2026-01-29-at-21-25-55.png)](http://66.42.57.198:6875/uploads/images/gallery/2026-01/II96Bm2U1PuR4LJi-screen-shot-2026-01-29-at-21-25-55.png) ### Kolom Data - **Pelanggan**: Nama pelanggan (Guest untuk transaksi tanpa data pelanggan) - **Total Transaksi**: Jumlah transaksi yang dilakukan - **Jumlah Transaksi**: Total nilai transaksi - **Total Pengembalian**: Total nilai refund - **Jumlah Pengembalian**: Jumlah transaksi refund - **Jumlah Bersih**: Total penjualan setelah pengembalian --- ### Fitur - Filter berdasarkan toko, karyawan, dan tanggal - Data dapat diurutkan - Pagination untuk navigasi data - Opsi unduh laporan --- ### Catatan - Pelanggan **Guest** mewakili transaksi tanpa identitas pelanggan - Semua data bersifat **read-only** dan mengikuti filter yang aktif # Penjualan per Karyawan ## Penjualan per Karyawan Halaman **Penjualan per Karyawan** menampilkan performa penjualan setiap kasir dalam periode yang dipilih. Digunakan untuk **memantau produktivitas karyawan** dan membandingkan kontribusi penjualan antar kasir. [![Screen Shot 2026-01-30 at 00.28.04.png](http://66.42.57.198:6875/uploads/images/gallery/2026-01/scaled-1680-/bpzycZFTrpsbuzw6-screen-shot-2026-01-30-at-00-28-04.png)](http://66.42.57.198:6875/uploads/images/gallery/2026-01/bpzycZFTrpsbuzw6-screen-shot-2026-01-30-at-00-28-04.png) ### Kolom Data - **Karyawan**: Nama kasir - **Penjualan Kotor**: Total nilai transaksi sebelum potongan - **Pengembalian**: Total nilai refund - **Diskon**: Total diskon yang diberikan - **Penjualan Bersih**: Penjualan setelah diskon dan refund - **Struk**: Jumlah transaksi yang diproses - **Rata-rata Penjualan**: Nilai rata-rata per transaksi - **Pendaftaran Pelanggan**: Jumlah pelanggan baru yang didaftarkan --- ### Fitur - Filter berdasarkan toko dan periode - Data dapat diurutkan - Pagination dan unduh laporan --- ### Catatan - Semua data bersifat **read-only** - Data mengikuti filter yang aktif # Penjualan per Metode Pembayaran ## Penjualan per Metode Pembayaran Halaman **Penjualan per Metode Pembayaran** menampilkan ringkasan transaksi berdasarkan **jenis metode pembayaran**dalam periode yang dipilih. Digunakan untuk melihat **distribusi pembayaran** dan memantau performa tiap metode seperti tunai, QR, atau kartu. [![Screen Shot 2026-01-30 at 00.30.33.png](http://66.42.57.198:6875/uploads/images/gallery/2026-01/scaled-1680-/IGYYP0e3rcOmLA4E-screen-shot-2026-01-30-at-00-30-33.png)](http://66.42.57.198:6875/uploads/images/gallery/2026-01/IGYYP0e3rcOmLA4E-screen-shot-2026-01-30-at-00-30-33.png) ## Penjualan per Metode Pembayaran Halaman **Penjualan per Metode Pembayaran** menampilkan ringkasan transaksi berdasarkan **jenis metode pembayaran**dalam periode yang dipilih. Digunakan untuk melihat **distribusi pembayaran** dan memantau performa tiap metode seperti tunai, QR, atau kartu. # Struk ## Struk Halaman **Struk** menampilkan daftar seluruh transaksi yang telah tercatat dalam sistem dalam periode yang dipilih. Digunakan untuk **melihat, menelusuri, dan mengekspor riwayat transaksi**. [![Screen Shot 2026-01-30 at 00.32.36.png](http://66.42.57.198:6875/uploads/images/gallery/2026-01/scaled-1680-/Ci2x793xIeJ6S714-screen-shot-2026-01-30-at-00-32-36.png)](http://66.42.57.198:6875/uploads/images/gallery/2026-01/Ci2x793xIeJ6S714-screen-shot-2026-01-30-at-00-32-36.png) ### Ringkasan Di bagian atas ditampilkan: - **Semua Struk**: Total jumlah struk - **Penjualan**: Jumlah struk penjualan - **Pengembalian**: Jumlah struk refund - **Pelanggan**: Jumlah pelanggan yang bertransaksi --- ### Tabel Struk Menampilkan detail setiap transaksi dengan kolom: - **Tipe**: Jenis transaksi (penjualan atau pengembalian) - **No Struk**: Nomor unik transaksi - **Tanggal**: Waktu transaksi - **Karyawan**: Kasir yang memproses - **Pelanggan**: Nama pelanggan (jika ada) - **Jumlah**: Nilai sebelum diskon - **Diskon**: Diskon transaksi - **Total**: Nilai akhir transaksi --- ### Fitur - Filter berdasarkan toko, karyawan, dan tanggal - Export data ke Excel - Data dapat diurutkan dan dipaginasi --- ### Catatan Semua data bersifat **read-only** dan digunakan untuk keperluan laporan dan audit. # Shift ## Shift Halaman **Shift** menampilkan semua sesi buka–tutup kasir pada setiap perangkat dalam periode tertentu. Digunakan untuk **kontrol uang kas, audit kasir, dan mendeteksi selisih**. [![Screen Shot 2026-01-30 at 07.42.01.png](http://66.42.57.198:6875/uploads/images/gallery/2026-01/scaled-1680-/lYkmTk2kNOicMiOr-screen-shot-2026-01-30-at-07-42-01.png)](http://66.42.57.198:6875/uploads/images/gallery/2026-01/lYkmTk2kNOicMiOr-screen-shot-2026-01-30-at-07-42-01.png) ### Fungsi Utama Setiap baris mewakili **satu sesi shift kasir** — dari saat kasir membuka sampai menutup kas. --- ### Kolom Data
KolomArti
**Perangkat**ID tablet / POS yang digunakan
**Tanggal Buka**Waktu shift dimulai
**Tanggal Tutup**Waktu shift ditutup
**Jumlah Kas Aktual**Uang fisik yang dihitung kasir
**Jumlah Kas Seharusnya**Uang yang seharusnya ada berdasarkan sistem
**Selisih**Perbedaan antara aktual dan sistem
**Paid In / Paid Out**Penyesuaian kas (tambah / tarik uang dari laci)
--- ### Makna Selisih - 0 → Kas seimbang - **Positif** → Ada kelebihan uang - **Negatif** → Ada kekurangan (indikasi error atau kecurangan) --- ### Paid In / Paid Out Digunakan jika: - Menambahkan uang kecil (uang kembalian) - Mengambil uang dari laci untuk setoran - Koreksi manual kas Semua aksi ini **tercatat dan mempengaruhi saldo kas shift**. --- ### Peran Sistem Ini Halaman ini adalah **alat anti-kebocoran uang**. Tanpa Shift Log seperti ini, owner tidak punya cara objektif membedakan: > kasir salah hitung vs kasir ngambil uang. --- Kalau mau, kita bisa lanjut ke: **bagaimana Shift ini terhubung ke laporan laba & struk** atau **apa saja yang boleh dilakukan kasir vs owner di sistem ini.** # Riwayat Kas Shift ## Riwayat Kas Shift Halaman **Riwayat Kas Shift** menampilkan ringkasan **pergerakan uang tunai non-transaksi** yang terjadi selama shift kasir, seperti **Paid In** dan **Paid Out**. [![Screen Shot 2026-01-30 at 15.54.11.png](http://66.42.57.198:6875/uploads/images/gallery/2026-01/scaled-1680-/JDKWe1f8kyVbHkO3-screen-shot-2026-01-30-at-15-54-11.png)](http://66.42.57.198:6875/uploads/images/gallery/2026-01/JDKWe1f8kyVbHkO3-screen-shot-2026-01-30-at-15-54-11.png) ### Fungsi Utama Digunakan untuk: - Melacak **uang masuk & keluar manual** dari laci kas - Audit aktivitas kas di luar transaksi penjualan - Pendukung pengecekan **selisih kas saat tutup shift** --- ### Ringkasan Data - **Kas Masuk**: Total uang yang ditambahkan ke laci kas (Paid In) - **Kas Keluar**: Total uang yang dikeluarkan dari laci kas (Paid Out) Nilai ditampilkan berdasarkan **filter toko, karyawan, dan periode waktu**. --- ### Tabel Riwayat Menampilkan rekap harian: - **Tanggal** - **Kas Masuk** - **Kas Keluar** Jika tidak ada aktivitas Paid In / Paid Out, nilai akan 0. --- ### Catatan Penting - Data di halaman ini **tidak berasal dari transaksi penjualan** - Semua nilai memengaruhi **saldo kas shift** - Digunakan sebagai **bukti audit** jika terjadi selisih kas --- Kalau mau lanjut, logis berikutnya: - **Relasi Riwayat Kas Shift vs Shift Summary** - **Apa yang boleh dilakukan kasir vs owner di kas manual** - Atau **flow audit: dari struk → shift → kas** Tinggal bilang mau lanjut yang mana.