# 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