Accounting Wireframes

6 layar akuntansi utama LabaBersih v2. Setiap wireframe menggunakan design system yang sama dan bisa langsung diterjemahkan ke Phoenix LiveView HEEx template.

6 Screens Interactive Realistic Data
/app/laporan — tab Laba Rugi

Laba Rugi

Laporan laba rugi bulanan dengan tree view collapsible. Data diambil dari Accounting.income_statement/3.

Laporan Keuangan

Laba Rugi
Neraca
Pendapatan Bersih
Rp 715.000.000
Laba Kotor
Rp 354.000.000
Beban Operasional
Rp 224.000.000
Laba Bersih
Rp 130.000.000
Akun Jumlah %
Pendapatan Rp 715.000.000 100%
Pendapatan TikTok Bestari Rp 450.000.000 62.9%
Pendapatan Shopee Bestari Rp 200.000.000 28.0%
Pendapatan Mengantar Bestari Rp 65.000.000 9.1%
Harga Pokok Penjualan -Rp 361.000.000 50.5%
HPP -Rp 350.000.000 48.9%
Beban Sampel Produk -Rp 11.000.000 1.5%
LABA KOTOR Rp 354.000.000 49.5%
Beban Operasional -Rp 224.000.000 31.3%
Biaya Platform -Rp 120.000.000 16.8%
Biaya Admin TikTok -Rp 60.000.000 8.4%
Biaya Komisi TikTok -Rp 35.000.000 4.9%
Biaya Admin Shopee -Rp 25.000.000 3.5%
Biaya Pengiriman -Rp 50.000.000 7.0%
Biaya Operasional -Rp 30.000.000 4.2%
Beban Kerugian -Rp 24.000.000 3.4%
Kerugian Barang Rusak -Rp 15.000.000 2.1%
Kerugian Piutang -Rp 9.000.000 1.3%
LABA BERSIH Rp 130.000.000 18.2%
<!-- Phoenix: LaporanLive, assigns :tab="laba_rugi", :period, :income_data. Collapsible via phx-click toggle. -->
/app/laporan — tab Neraca

Neraca

Laporan posisi keuangan. Aset = Kewajiban + Ekuitas harus balance. Data dari Accounting.balance_sheet/2.

Laporan Keuangan

Laba Rugi
Neraca
Total Aset
Rp 84.165.720
Total Kewajiban
Rp 0
Total Ekuitas
Rp 84.165.720
Balance
Balanced
Akun Jumlah
ASET Rp 84.165.720
Aset Lancar Rp 84.165.720
Kas & Bank Rp 15.584.000
Kas Rp 15.400.000
Saldo TikTok Bestari Rp 184.000
Piutang Rp 129.720
Piutang TikTok -Rp 54.280
Piutang Shopee Rp 183.000
Piutang Klaim Kurir —
Persediaan Rp 68.452.000
Persediaan Barang Dagang Rp 68.452.000
KEWAJIBAN —
Hutang Usaha —
EKUITAS Rp 84.165.720
Modal Rp 50.000.000
Laba Tahun Berjalan Rp 34.165.720
KEWAJIBAN + EKUITAS Rp 84.165.720
<!-- Phoenix: LaporanLive, assigns :tab="neraca", :balance_data. Balance check = aset == kewajiban + ekuitas -->
/app/coa

Bagan Akun

Chart of Accounts dengan tree hierarchy, grouped by tipe. Saldo dihitung dari journal_entry_lines.

Bagan Akun

Total Akun
48
Akun Aktif
45
Dengan Saldo
23
Header
12
Kode Nama Akun Saldo
ASET (8 akun) Rp 84.165.720
11-000 KAS & BANK Rp 15.584.000
11-100 Kas Rp 15.400.000 Edit
11-311 Saldo TikTok Bestari Rp 184.000 Edit
12-000 PIUTANG Rp 129.720
12-201 Piutang TikTok Bestari -Rp 54.280 Edit
12-301 Piutang Shopee Bestari Rp 183.000 Edit
12-400 Piutang Klaim Kurir — Edit
13-000 PERSEDIAAN Rp 68.452.000
KEWAJIBAN (2 akun) —
20-000 HUTANG —
20-100 Hutang Usaha — Edit
EKUITAS (3 akun) Rp 84.165.720
30-100 Modal Disetor Rp 50.000.000 Edit
30-400 Ikhtisar Laba Rugi — Edit
30-500 Laba Tahun Berjalan Rp 34.165.720 Edit
PENDAPATAN (5 akun) Rp 715.000.000
40-000 PENDAPATAN USAHA Rp 715.000.000
40-101 Pendapatan TikTok Bestari Rp 450.000.000 Edit
40-201 Pendapatan Shopee Bestari Rp 200.000.000 Edit
40-301 Pendapatan Mengantar Bestari Rp 65.000.000 Edit
41-100 Retur Penjualan -Rp 8.500.000 Edit
BEBAN (8 akun) Rp 585.000.000
50-100 Harga Pokok Penjualan Rp 350.000.000 Edit
61-101 Biaya Admin Platform Rp 85.000.000 Edit
61-102 Biaya Komisi Dinamis Rp 35.000.000 Edit
61-999 Suspense Fee (Belum Dikategorikan) — Edit
62-100 Beban Sampel Produk Rp 11.000.000 Edit
63-200 Beban Ongkir Retur Rp 50.000.000 Edit
64-600 Beban Kerugian Piutang Rp 9.000.000 Edit
64-700 Beban Kerugian Barang Rusak Rp 15.000.000 Edit
<!-- Phoenix: CoaLive, assigns :accounts, :stats. Grouped by type. Leaf accounts link to Buku Besar. -->
/app/buku-besar

Buku Besar

General ledger per akun. Running saldo dihitung per transaksi. Data dari Accounting.general_ledger/3.

Buku Besar

—
Tanggal Referensi Deskripsi Debit Credit Saldo
Saldo Awal Rp 0
05 Mar JE2603-012 Penjualan TikTok Bestari — PS2603-00012 184.000 — 184.000
08 Mar JE2603-025 Penjualan TikTok Bestari — PS2603-00025 276.000 — 460.000
12 Mar JE2603-058 Rekonsiliasi PS2603-00012 — 184.000 276.000
15 Mar JE2603-072 Penjualan TikTok Bestari — PS2603-00042 184.000 — 460.000
20 Mar JE2603-101 RTS PS2603-00067 — reverse piutang — 92.000 368.000
25 Mar JE2603-120 Penjualan TikTok Bestari — PS2603-00088 138.000 — 506.000
28 Mar JE2603-135 Rekonsiliasi PS2603-00025 — 276.000 230.000
30 Mar JE2603-150 Penjualan TikTok Bestari — PS2603-00102 230.000 — 460.000
Total 1.012.000 552.000 Rp 460.000
<!-- Phoenix: BukuBesarLive, assigns :account_id, :date_from, :date_to, :entries, :running_balance. Referensi = link ke jurnal detail. -->
/app/rekonsiliasi/:id

Rekonsiliasi Detail

Per-fee matching antara estimasi (saat kirim) vs aktual (dari settlement). Unknown fee masuk suspense account.

Kembali

Rekonsiliasi PS2603-00042

Selisih
Gross
Rp 200.000
Piutang Estimasi
Rp 184.000
Settlement Aktual
Rp 182.500
Selisih
-Rp 1.500
Order ID PS2603-00042
Customer Budi Santoso
Toko TikTok Bestari ID
Platform TikTok
Tanggal Kirim 15 Mar 2026
Kurir JNE REG
Fee Breakdown
Fee Estimasi Aktual Selisih Status
Admin Platform 6.000 6.500 -500 Selisih
Komisi Dinamis 10.000 10.000 0 Cocok
Cashback Service — — 0 Cocok
Biaya Transaksi — 500 -500 Selisih
Proses Pesanan Fee baru — pilih akun — 1.000 -1.000 Unknown
Total Fee 16.000 18.000 -2.000
Jurnal yang Akan Dibuat
<!-- Phoenix: RekonsiliasiDetailLive, assigns :reconciliation, :fee_breakdown, :journal_preview. Per-fee matching + suspense for unknowns. -->
/app/jurnal

Jurnal Umum

Daftar jurnal dengan expandable rows. Klik row untuk lihat debit/credit lines. Voided jurnal ditampilkan dengan opacity rendah.

Jurnal Umum

Total Entri
156
Posted
142
Voided
8
Total Debit
Rp 5,5M
—
No. Jurnal Tanggal Deskripsi Source Debit Credit
JE2603-00042 15 Mar Penjualan TikTok Bestari — PS2603-00042 Penjualan 200.000 200.000
Dr. 12-201 Piutang TikTok 184.000 —
Dr. 61-101 Biaya Admin 6.000 —
Dr. 61-102 Biaya Komisi 10.000 —
Cr. 40-101 Pendapatan TikTok — 200.000
JE2603-00058 18 Mar Penjualan Shopee Bestari — PS2603-00058 Penjualan 150.000 150.000
Dr. 12-301 Piutang Shopee 141.000 —
Dr. 61-101 Biaya Admin 9.000 —
Cr. 40-201 Pendapatan Shopee — 150.000
JE2603-00101 22 Mar Rekonsiliasi PS2603-00042 Rekonsil 184.500 184.500
Dr. 11-311 Kas TikTok 182.500 —
Dr. 61-101 Adj Admin 500 —
Dr. 61-999 Suspense 1.500 —
Cr. 12-201 Piutang TikTok — 184.000
Cr. 61-102 Return Komisi — 500
JE2603-00150 28 Mar RTS PS2603-00067 — reverse penjualan RTS 292.000 292.000
Dr. 41-100 Retur Penjualan 200.000 —
Dr. 13-100 Persediaan 92.000 —
Cr. 12-201 Piutang TikTok — 184.000
Cr. 61-101 Biaya Admin — 16.000
Cr. 50-100 HPP — 92.000
JE2603-00089 20 Mar Manual — Sewa Gudang Kediri Manual 5.000.000 5.000.000
Voided oleh Hafish pada 21 Mar 2026
Dr. 62-101 Beban Sewa Gudang 5.000.000 —
Cr. 11-100 Kas — 5.000.000
<!-- Phoenix: JurnalLive, assigns :journals, :page, :filter. Expandable rows via phx-click toggle. Voided = opacity-50 + line-through. -->
Navigasi Wireframes
Laba Rugi Neraca Bagan Akun Buku Besar Rekonsiliasi Detail Jurnal Umum
LabaBersih v2 — Accounting Wireframes — Design System Reference