Pengeluaran

Halaman Pengeluaran adalah fitur yang digunakan untuk mengelola dan mencatat semua pengeluaran toko. Halaman ini menampilkan tabel yang berisi daftar pengeluaran beserta detailnya.

Tampilan Tabel Pengeluaran

Kolom-kolom Tabel

• ID: Nomor identifikasi unik pengeluaran
• Waktu Pengeluaran: Tanggal dan waktu pengeluaran dibuat
• Toko: Nama toko tempat pengeluaran terjadi
• Nama Pengeluaran: Judul atau nama pengeluaran
• Jenis Pengeluaran: Kategori pengeluaran
• Jumlah: Nominal pengeluaran dalam Rupiah
• Keterangan: Informasi tambahan terkait pengeluaran
• Action: Tombol aksi untuk mengelola data (Update dan Hapus)

Manfaat

• Memudahkan pencatatan dan pelacakan pengeluaran toko
• Memberikan visibilitas terhadap alur kas keluar
• Membantu dalam pelaporan keuangan dan analisis pengeluaran
• Mempermudah manajemen dan kontrol pengeluaran toko

Fitur-fitur

1. Tambah Pengeluaran

Pop-up ini muncul ketika pengguna mengklik tombol "Tambah Pengeluaran" pada halaman utama Pengeluaran.

Field-field Form

• Toko: Dropdown untuk memilih toko

• Tanggal: Field tanggal dengan ikon kalender untuk memilih waktu pengeluaran

• Nama: Field teks untuk mengisi nama/judul pengeluaran

• Jenis Pengeluaran: Dropdown dengan pilihan:

  • Gaji Karyawan
  • Sewa Tempat
  • Pembelian Kebutuhan Toko
  • Lain-lain

• Jumlah: Field untuk memasukkan nominal pengeluaran

• Deskripsi: Area teks untuk menambahkan keterangan detail

• Tambah: Tombol untuk menyimpan data pengeluaran

Alur Penggunaan

1. Klik tombol "Tambah Pengeluaran"
2. Isi semua field yang diperlukan
3. Klik "Tambah" untuk menyimpan

2. Update Pengeluaran

Pop-up ini muncul ketika pengguna mengklik tombol "Update" pada kolom Action di tabel pengeluaran.

Field-field Form

• Toko: Dropdown yang menampilkan toko terpilih

• Tanggal: Field tanggal dengan data existing

• Nama: Field teks berisi nama pengeluaran yang ada

• Jenis Pengeluaran: Dropdown dengan pilihan yang sama seperti form tambah:

  • Gaji Karyawan
  • Sewa Tempat
  • Pembelian Kebutuhan Toko
  • Lain-lain

• Jumlah: Field berisi nominal pengeluaran existing

• Deskripsi: Area teks berisi keterangan existing

• Update: Tombol untuk menyimpan perubahan

Alur Penggunaan

1. Klik tombol "Update" pada data yang ingin diubah
2. Modfikasi field yang perlu diubah
3. Klik "Update" untuk menyimpan perubahan

3. Hapus Pengeluaran

Pop-up konfirmasi yang muncul ketika pengguna mengklik tombol "Hapus" pada kolom Action di tabel pengeluaran.

Elemen Pop-up

• Pesan Konfirmasi: "Apakah anda yakin ingin menghapus pengeluaran ini?"

• Tombol Aksi:

  • "Ya": Untuk mengkonfirmasi penghapusan
  • "Tidak": Untuk membatalkan penghapusan

Alur Penggunaan

1. Klik tombol "Hapus" pada data yang ingin dihapus
2. Konfirmasi penghapusan dengan klik "Ya"
3. Klik "Tidak" jika ingin membatalkan

Fitur Tambahan

Download (ikon awan dengan panah ke bawah)

• Mengekspor daftar pengeluaran ke format Excel
• Mencakup semua data yang ditampilkan di tabel

Pengaturan Kolom (ikon tabel)

• Mengatur visibilitas kolom pada tabel
• Menyesuaikan tampilan sesuai kebutuhan

Segarkan (ikon panah berputar)

• Memperbarui data pada tabel
• Menampilkan perubahan terbaru

Catatan

• Semua field wajib diisi sebelum menyimpan data
• Form Update menampilkan data existing yang dapat diubah
• Konfirmasi hapus mencegah penghapusan data yang tidak disengaja
• Pastikan data yang dimasukkan akurat dan lengkap
• Verifikasi kembali sebelum menghapus data pengeluaran
• Pengubahan data sebaiknya dilakukan dengan teliti untuk menghindari kesalahan