account_balance_wallet

hisabmu Web Dashboard

Tampilan web responsif yang mengikuti nuansa aplikasi Android untuk transaksi, backup, dan laporan.

smartphone Android-Like Web UI

Satu dashboard untuk HP dan desktop.

Login user dengan Lembaga ID, masuk langsung ke area transaksi, simpan backup JSON, dan buat laporan CSV tanpa pindah aplikasi.

login Login user + lembaga ID payments Transaksi langsung ke server backup Backup + restore JSON bar_chart Laporan bulanan
Alur cepat untuk user lembaga
Masuk dengan akun user, session disimpan di browser, lalu dashboard otomatis terbuka lagi saat halaman dibuka.
Nuansa visual mirip Android
Warna teal, kartu summary, panel laporan, dan pola navigasi dibuat mengikuti bahasa visual aplikasi Android yang ada di project.

Dashboard User

Login berhasil. Data lembaga dan transaksi akan dimuat dari server domain.

person- badge- school-
monitoring Ringkasan Keuangan

Belum ada transaksi.

Setelah data transaksi dimuat, dashboard ini akan menampilkan saldo, pemasukan, pengeluaran, dan ringkasan laporan bulan aktif.

Saldo Keseluruhan Rp 0
Pemasukan Rp 0
Pengeluaran Rp 0
Saldo Bulan Aktif
Rp 0
Menunggu data
Pemasukan Bulan Aktif
Rp 0
0 transaksi masuk
Pengeluaran Bulan Aktif
Rp 0
0 transaksi keluar
Total Transaksi
0
0 bulan arsip
history Aktivitas Terbaru

Riwayat transaksi terbaru

Daftar ini meniru pola list transaksi di Android dan akan memudahkan user mengecek aktivitas paling baru.

Belum ada aktivitas.
Login dan muat transaksi untuk melihat daftar transaksi terbaru.
insights Insight Bulanan

Kategori dan arus kas

Panel ini merangkum kategori pengeluaran terbesar dan saldo kas per akun di bulan aktif.

Kondisi kas sedang dibaca

Belum ada transaksi yang bisa dianalisis.

Belum ada kategori.
Kategori akan muncul setelah transaksi bulan aktif tersedia.
list_alt Mode Chat Transaksi

Riwayat transaksi model chat

Input transaksi ada di action bar atas, lalu daftar transaksi berada di bawah. Mode HP menampilkan kartu chat, mode desktop menampilkan tabel.

0 data transaksi
Belum ada transaksi.
Setelah transaksi dimuat, kartu transaksi akan tampil di sini.
Waktu Tipe Judul Nominal Kategori Kas Sumber / Tujuan Input By Sync Key Aksi
Belum ada transaksi.
edit_square Action Bar Input

Input transaksi cepat

Isi data transaksi di bar ini, lalu simpan. Daftar transaksi tampil tepat di bawahnya.

Pengaturan lanjutan transaksi
bar_chart Laporan Keuangan

Rekap bulanan siap export

Laporan dihasilkan dari transaksi server dan bisa diexport menjadi CSV untuk kebutuhan rekap atau olah data lebih lanjut.

Pemasukan Bulan Aktif
Rp 0
0 transaksi
Pengeluaran Bulan Aktif
Rp 0
0 transaksi
Saldo Bulan Aktif
Rp 0
Belum ada arus kas
Arsip Bulan
0
Belum ada arsip
south_west Breakdown Pemasukan

Pemasukan per kategori

Laporan ini mengikuti kategori master data sehingga lebih dekat dengan pola analisa di Android.

Belum ada pemasukan.
Pemasukan untuk bulan aktif akan ditampilkan di sini.
north_east Breakdown Pengeluaran

Pengeluaran per kategori

Gunakan panel ini untuk melihat pos biaya paling dominan dan memudahkan evaluasi pengeluaran lembaga.

Belum ada pengeluaran.
Pengeluaran untuk bulan aktif akan ditampilkan di sini.
lightbulb Analisa Ringkas

Insight kondisi kas

Ringkasan otomatis untuk membantu user membaca kondisi keuangan bulan aktif lebih cepat.

Menyiapkan analisa

Belum ada transaksi yang bisa dijadikan dasar analisa.

Saldo per akun kas

Perhitungan ini memperhatikan pemasukan, pengeluaran, dan transfer antar kas pada bulan aktif.

Belum ada saldo kas.
Akun kas akan muncul jika transaksi sudah memiliki sumber/tujuan kas.
calendar_month Arsip Bulan

Daftar bulan data tersedia

Memudahkan user berpindah fokus laporan dari satu bulan ke bulan lainnya.

Belum ada arsip
backup Backup & Restore

Simpan cadangan data lembaga

Backup JSON memakai format yang sejalan dengan backup Android: transaksi, tagihan, kategori, dan akun kas bisa disimpan dalam satu file.

Transaksi 0
Tagihan 0
Kategori 0
Backup aman untuk dipindah perangkat
File JSON bisa disimpan terpisah sebagai cadangan sebelum reset transaksi atau sebelum pindah device/browser.
Restore bersifat merge
Saat file di-import, transaksi dan tagihan akan di-upsert ke server memakai key stabil agar import berulang tidak mudah menduplikasi data yang sama.
description Ringkasan File

Isi backup dan export

Gunakan CSV untuk laporan, dan JSON untuk backup/restore penuh. Keduanya dibuat langsung dari data server lembaga yang sedang login.

Format JSON backup Android-Compatible
Menyimpan transaksi, bills, income groups, expense groups, cash accounts, dan metadata bulan aktif.
Format CSV laporan Analisa Cepat
Berisi ringkasan pemasukan, pengeluaran, saldo, kategori, dan daftar transaksi per bulan aktif.
Lembaga ID aktif -
Restore akan diarahkan ke lembaga ID yang sedang login sekarang.
Siap.
Dashboard web akan memakai backend PHP yang sama dengan aplikasi Android.