Wireframe v4 Update — UMKM Ubi & Grubi

🍠 Dashboard Ubi Madu

Keuangan & Stok — Lini Ubi

Penjualan Ubi

Rp 0

▲ +0% vs bulan lalu

Biaya Operasional

Rp 0

▼ -0% vs bulan lalu

Laba Bersih Ubi

Rp 0

Margin: 0%

Saldo Kas

Rp 0

Pemasukan − Pengeluaran

📈 Performa Penjualan Ubi

Grade Terlaris

—

Belum ada penjualan

Total Terjual

0 kg

Rp 0

📦 Stok Ubi per Grade

Update otomatis setelah sortir — Belum ada data

GRADE A

Ekspor

0

kg

GRADE B

Retail

0

kg

GRADE C

Pasar

0

kg

GRADE D

Lokal/Samping

0

kg

⚡ Aksi Cepat — Ubi

📋 Transaksi Ubi Terakhir

Riwayat penjualan ubi semua grade

Tanggal	Keterangan	Grade	Jumlah (Rp)

Penjualan vs Biaya Ops — 7 Hari Terakhir

Penjualan Biaya

Total penjualan sesi ini: Rp 0

🍪 Dashboard Grubi

Keuangan & Stok — Lini Grubi

Penjualan Grubi

Rp 0

0 pcs/pack terjual

Biaya Produksi

Rp 0

Akumulasi semua batch

Laba Grubi

Rp 0

Margin: 0%

Est. Nilai Stok

Rp 0

Stok × HPP saat ini

🍪 Stok Grubi Siap Jual

Update otomatis setelah simpan batch produksi

Grubi 100g

per pcs

0

pcs

HPP Rp 0

Grubi 200g

15 pcs/pack

0

pack

HPP Rp 0

Grubi 350g

42 pcs/pack

0

pack

HPP Rp 0

⚖️ Kiloan

per kg

0

kg

HPP Rp 0/kg

⚡ Aksi Cepat — Grubi

📋 Transaksi Grubi Terakhir

Riwayat penjualan & produksi grubi

Tanggal	Keterangan	Jenis	Jumlah (Rp)

Penjualan vs Biaya Produksi — 7 Hari Terakhir

Penjualan Biaya Prod.

Total penjualan grubi: Rp 0

ℹ️ Alur pencatatan: Input Panen → Sortir & Grading → Stok per Grade otomatis terupdate. Grade D (reject) dicatat sebagai kerugian sortir, tidak ada pendapatan.

1Input Panen

2Sortir / Grading

3Simpan Stok

📥 Input Panen / Penerimaan Ubi

Catat total ubi masuk sebelum proses sortir

Tanggal Panen

Total Ubi Masuk (kg)

Total berat kotor sebelum disortir

Sumber

Biaya Panen / Pembelian (Rp)

Catatan Kondisi Ubi

⚖️ Sortir & Grading

Input bisa bertahap — sisa panen otomatis terlacak per batch

Sisa belum disortir (kg): 0 kg

🟢 Grade A — Ekspor

kg

Ukuran besar, mulus, standar ekspor

🔵 Grade B — Retail / Toko

AB

kg

TO

kg

ARES

kg

Total B: 0 kg

AB = besar, TO = sedang, ARES = kecil — semua layak dijual di toko/supermarket

🟠 Grade C — Pasar Tradisional

kg

Ukuran kecil/tidak rata — bisa juga jadi bahan Grubi

🔴 Grade D — Reject (Afkir)

kg

⚠️ Dicatat sebagai susut/kerugian — tidak ada penjualan

Total terbagi: Isi total panen terlebih dahulu

📦 Stok Ubi Tersedia (Setelah Sortir Terakhir)

Update otomatis setiap kali data sortir disimpan

Grade A — Ekspor

✈️ Siap kirim ke eksportir

0

kg tersedia

Grade B — Retail

🏪 Siap kirim ke toko/supermarket

0

kg tersedia

Grade C — Pasar

🛒 Pasar tradisional / bahan Grubi

0

kg tersedia

Grade D — Reject

❌ Afkir — tidak dijual

0

kg (dicatat susut)

📋 Riwayat Panen & Sortir

Tanggal	Total (kg)	Grade A	Grade B	Grade C	Grade D	Biaya (Rp)	Aksi

🟢 Grade A — Ekspor

🔵 Grade B — Retail

🟠 Grade C — Pasar

🔴 Grade D — Lokal/Samping

♻️ Sebagian Grade D yang tidak layak dijual sebagai ubi (terlalu kecil / rusak / busuk) dapat dijual sebagai produk samping/reject di bagian bawah ini.

♻️ Jual Sebagai Produk Samping / Reject

Stok Grade D tersedia: 0 kg

Tanggal Jual

Jenis Produk Samping / Tujuan

💡 Bio etanol: ubi Grade D difermentasi untuk menghasilkan etanol. Harga bahan baku: Rp 0– 1.500/kg.

Nama Pembeli / Pengepul

Qty (kg)

Harga per kg (Rp)

Harga referensi bio etanol: Rp 0– 1.500/kg

Total Penjualan (Rp)

Rp 0

Qty × Harga per kg — dihitung otomatis

Metode Pembayaran

Catatan

💰 Estimasi Nilai Grade D (0 kg)

Bio Etanol

Rp 0– 1.500/kg

Rp 0– 22.500

Pupuk Organik

Rp 0– 1.000/kg

Rp 0– 15.000

Pakan Ternak

Rp 0– 600/kg

Rp 0– 9.000

Bahan Olahan (tepung, dll)

Rp 0– 5.000/kg

Rp 0– 75.000

💡 Daripada dibuang (nilai: Rp 0), menjual sebagai produk samping tetap menghasilkan pendapatan tambahan untuk UMKM.

📋 Riwayat Penjualan Grade D

Tanggal	Produk Samping	Buyer/Pengepul	Qty	Metode	Total	Aksi

📋 Form Penjualan — Grade A (Ekspor)

Stok tersedia: 0 kg

Tanggal Jual

Nama Buyer / Eksportir

Qty Terjual (kg)

Sub-ukuran Grade B

Pilih sub-ukuran agar harga terisi otomatis

Harga per kg (Rp)

Harga pasar Grade A: Rp 0– 35.000/kg

Biaya Packaging Ekspor (Rp)

⚠️ Biaya ini juga catat di Biaya Operasional untuk laporan akurat. Total Penjualan di bawah = pendapatan kotor (Qty × Harga).

No. Surat Jalan / DO

Metode Pembayaran

Total Penjualan (Rp)

Rp 0

📈 Ringkasan Penjualan — Bulan Ini

Grade A — Ekspor

0 kg terjual

Rp 0

Grade B — Retail

0 kg terjual

Rp 0

Grade C — Pasar

0 kg terjual

Rp 0

LOKAL/SAMPING

Grade D — Lokal/Olahan 🔴

0 kg terjual

Rp 0

Rata-rata Rp 0/kg · Daripada dibuang = pendapatan tambahan

Total Pemasukan Ubi

Grade A + B + C + D

Rp 0

Kontribusi per Grade

A (0%)

B (0%)

C (0%)

D (0%)

📋 Riwayat Penjualan Ubi

Tanggal	Grade	Buyer / Saluran	Qty (kg)	Harga/kg	Total (Rp)	Metode	Aksi

🍪 Grubi dibuat dari ubi Grade B, C, atau D. Setiap batch produksi mencakup: bahan baku, biaya produksi, dan hasil jadi (pcs/pack). HPP otomatis dihitung dari total biaya ÷ jumlah produk jadi.

🍠 Pemakaian Bahan Baku

Ubi yang dipakai untuk produksi batch ini

Tanggal Produksi

No. Batch Produksi

Grade Ubi Dipakai

Qty Ubi Dipakai (kg)

Stok grade terpilih akan berkurang otomatis

Bahan Lain yang Dipakai

💸 Biaya Produksi Batch Ini

Tambahkan semua item biaya — nama, qty, satuan, dan harga bebas diisi manual

Tambah cepat:

+ Minyak Goreng + Gula Pasir + Bumbu/Garam + TK Produksi + Kemasan + Gas LPG + Listrik + Ongkir

Nama Item Biaya	Qty	Satuan	Harga/Satuan (Rp)	Subtotal (Rp)
				Rp 0
				Rp 0
				Rp 0
				Rp 0

Total Biaya Batch Rp 0

📦 Hasil Produksi & Stok Grubi

Isi jumlah jadi dan harga jual per varian — HPP & margin dihitung otomatis

🟠 Grubi 100g

Qty Jadi (pcs)

Harga Jual / pcs (Rp)

HPP/pcs Rp 0

Margin 0%

Total Nilai Rp 0

Stok saat ini: 0 pcs

HPP: Rp 0/pcs

🟣 Grubi 200g (15 pcs/pack)

Qty Jadi (pack)

Harga Jual / pack (Rp)

HPP/pack Rp 0

Margin 0%

Total Nilai Rp 0

Stok saat ini: 0 pack

HPP: Rp 0/pack

🔵 Grubi 350g (42 pcs/pack)

Qty Jadi (pack)

Harga Jual / pack (Rp)

HPP/pack Rp 0

Margin 0%

Total Nilai Rp 0

Stok saat ini: 0 pack

HPP: Rp 0/pack

⚖️ Grubi Kiloan

Qty Jadi (kg)

Harga Jual / kg (Rp)

HPP/kg Rp 0

Margin 0%

Total Nilai Rp 0

Stok saat ini: 0 kg

HPP: Rp 0/kg

Total Biaya Batch

Rp 0

Estimasi Nilai Jual

Rp 0

Estimasi Laba Batch

Rp 0

Margin Rata-rata

0%

📋 Riwayat Batch Produksi Grubi

Tgl	Batch	Ubi (kg)	100g (pcs)	Harga 100g	200g/15pcs	Harga 200g	350g/42pcs	Harga 350g	Kiloan (kg)	Harga Kiloan	Total Biaya	Est. Jual	Aksi

🛍️ Form Penjualan Grubi

Input langsung untuk semua varian sekaligus

Tanggal Jual

📦 Produk Terjual (isi varian yang ada transaksi)

Varian

Qty

Harga/pcs

Subtotal

Grubi 100g

Stok: 0 pcs

Rp 0

Grubi 200g (15 pcs)

Stok: 0 pack

Rp 0

Grubi 350g (42 pcs)

Stok: 0 pack

Rp 0

⚖️ Grubi Kiloan

Stok: 0 kg

Rp 0

Total Transaksi:

Rp 0

Saluran Penjualan

Nama Pembeli / Toko

Metode Pembayaran

📊 Performa Penjualan Grubi

Pemasukan Grubi Bulan Ini

Rp 0

Akumulasi sesi ini

Qty Terjual Bulan Ini

0 pcs/pack

Semua varian

Transaksi Grubi

0 transaksi

Total transaksi sesi ini

Saluran Terlaris

—

Belum ada transaksi

💹 Margin per Varian

Grubi 100g

HPP: Rp 0 | Jual: Rp 0

+0%

Grubi 250g

HPP: Rp 0 | Jual: Rp 0

+0%

Grubi 500g

HPP: Rp 0 | Jual: Rp 0

+0%

⚖️ Grubi Kiloan

HPP: Rp 0/kg | Jual: Rp 0/kg

+0%

📋 Riwayat Penjualan Grubi

Tanggal	100g (pcs) @harga	200g/15pcs @harga	350g/42pcs @harga	Kiloan (kg) @harga	Total (Rp)	Saluran	Pembeli	Aksi

🍠 Mencatat Biaya Operasional — Lini Ubi Madu

➕ Input Biaya

Catat satu pengeluaran baru

Tanggal

Kategori Biaya — Ubi

Sub-Kategori

Keterangan

Jumlah (Rp)

♻️ Susut Grade D — Otomatis

Dihitung dari hasil sortir, tidak perlu input manual

Stok Grade D hasil sortir 0 kg

Harga susut estimasi

Rp /kg

Total Susut Grade D Rp 0

Nilai ini otomatis masuk ke Laporan Laba Rugi sebagai beban susut sortir

📊 Rekap Biaya

Total pengeluaran per kategori bulan ini

🌾 Panen & Pembelian Ubi

Rp 0

👷 TK Panen & Sortir

Rp 0

🚚 Pengiriman Ubi

Rp 0

🏠 Overhead & Lainnya

Rp 0

♻️ Susut Grade D (otomatis)

Rp 0

Total Biaya Rp 0

📋 Riwayat Biaya Bulan Ini

Klik baris untuk detail / edit

Tanggal	Kategori	Keterangan	Jumlah (Rp)	Aksi

Total tercatat bulan ini: Rp 0

Periode: Mode: Tampilkan:

📈 Laba Rugi

💧 Arus Kas

📊 Yield & Efisiensi

🍠 Laba Rugi — Lini Ubi Madu

Mei 2026

PENDAPATAN

Penjualan Grade A (Ekspor)Rp 0

Penjualan Grade B (Retail)Rp 0

Penjualan Grade C (Pasar)Rp 0

Penjualan Grade D (Ubi + Samping)Rp 0

Total Pendapatan UbiRp 0

BIAYA OPERASIONAL

🌾 Pembelian Ubi & Biaya PanenRp 0

👷 TK Panen & SortirRp 0

🚚 Pengiriman UbiRp 0

🏠 Overhead & LainnyaRp 0

♻️ Susut Grade DRp 0

Total Biaya UbiRp 0

LABA BERSIH — UBI MADURp 0

🍪 Laba Rugi — Lini Grubi

Mei 2026

PENDAPATAN

Penjualan Grubi 100gRp 0

Penjualan Grubi 200g (15 pcs)Rp 0

Penjualan Grubi 350g (42 pcs)Rp 0

Penjualan Grubi KiloanRp 0

Total Pendapatan GrubiRp 0

BIAYA PRODUKSI

🔥 Biaya Batch Produksi (akumulasi)Rp 0

BIAYA OPERASIONAL

👷 TK Produksi GrubiRp 0

🛢️ Bahan Baku (Minyak, Gas, dll)Rp 0

📦 Packaging GrubiRp 0

🚛 Pengiriman & OverheadRp 0

Total Biaya GrubiRp 0

LABA BERSIH — GRUBIRp 0

🏢 Konsolidasi — Total UMKM Ubi & Grubi

Mei 2026 — Gabungan semua lini produk

Total Pendapatan (Ubi + Grubi)Rp 0

Total Biaya (Ubi + Grubi)Rp 0

LABA BERSIH TOTAL UMKMRp 0

Margin keuntungan: 0%

Kontribusi per Lini

🍠 Ubi Madu Rp 0 (0%)

🍪 Grubi Rp 0 (0%)

🏪 Profil Usaha

💰 Harga & Produk

👤 Akun & Pengguna

📊 Keuangan

🔔 Stok & Notifikasi

🗄️ Backup & Sistem

🏪 Identitas UMKM

Data dasar yang muncul di kepala laporan cetak

Nama Usaha

Nama Pemilik

No. HP / WhatsApp

Email (opsional)

Alamat Lengkap

Logo Usaha

📷 Klik untuk upload logo
PNG/JPG, maks. 2MB — tampil di header laporan cetak

📋 Data Legalitas

Untuk kelengkapan administrasi & pelaporan dinas

NIB (Nomor Induk Berusaha)

Diperoleh dari OSS — oss.go.id

NPWP Usaha (opsional)

Nomor Izin Usaha / SIUP

Tanggal Berdiri

Jenis Usaha

🌾 Info Komoditas

Data produk untuk laporan program dinas/pengabdian

Produk Utama

Produk Turunan

Rata-rata Produksi/Bulan (kg)

Jumlah Tenaga Kerja

🍠 Harga Referensi Ubi Madu per Grade

Harga default yang otomatis muncul di form penjualan — masih bisa diubah per transaksi

🟢 GRADE A — Ekspor

Harga Jual (Rp/kg)

Ukuran Min. (kg)

🔵 GRADE B — Retail (3 Sub-ukuran)

Harga AB (Rp/kg)

Harga TO (Rp/kg)

Harga ARES (Rp/kg)

AB = besar premium · TO = sedang · ARES = kecil

🟠 GRADE C — Pasar

Harga Jual (Rp/kg)

Ukuran Min. (kg)

🔴 GRADE D — Lokal / Olahan

Harga Jual Ubi (Rp/kg)

Batas Min. (kg)

Harga samping (bio etanol, pupuk, pakan) diisi langsung di form Produk Samping

🍪 Harga Jual Grubi (Default)

Per kemasan — bisa diubah saat input transaksi

Grubi 100g (Rp/pcs)

Grubi 200g/15pcs (Rp/pack)

Grubi 350g/42pcs (Rp/pack)

Kemasan 1kg (Rp/pack)

HPP Standar Grubi (Rp/kg produk jadi)

Digunakan untuk estimasi laba otomatis di screen Produksi

📦 Template Biaya Batch Grubi

Biaya default yang langsung bisa di-load ke form Produksi Grubi

Item Biaya	Satuan	Harga (Rp)

🔐 Ubah Akun Saya

Username & password untuk login ke sistem

A

–

Nama Lengkap

Nama ini tampil di sidebar dan topbar

Username Login

Password Lama

Password Baru

Konfirmasi Password Baru

Kosongkan jika tidak ingin mengubah password

🔑 PIN Laporan Keuangan

PIN 4 digit — melindungi akses Laporan dari pihak lain

PIN (4 digit angka)

Kosongkan jika tidak ingin menggunakan PIN

👥 Manajemen Pengguna

Atur siapa yang bisa mengakses halaman mana saja

Nama	Username	Halaman Akses	Status	Aksi

Cara pakai:
📥 Panen saja → centang Panen & Sortir
🔥 Produksi saja → centang Produksi Grubi
🛍️ Jual Grubi saja → centang Jual Grubi
🔒 Admin → otomatis akses semua halaman

💵 Modal & Saldo Awal

Diisi sekali saat sistem pertama kali digunakan

Saldo Kas Awal (Rp)

Uang tunai di tangan pemilik saat mulai pakai sistem

Saldo Bank Awal (Rp)

Modal Usaha Total (Rp)

Termasuk peralatan, modal kerja, dll.

Hutang Awal (jika ada) (Rp)

🏦 Rekening Bank Usaha

Untuk pencatatan arus kas masuk & keluar via bank

Nama Bank

Nomor Rekening

Atas Nama

📆 Pengaturan Laporan

Konfigurasi tampilan & periode laporan keuangan

Periode Laporan Default

Tahun Buku Aktif

Metode Pencatatan

Untuk UMKM kecil, Basis Kas paling mudah & umum digunakan

Mata Uang

🎯 Target Keuangan Bulanan

Digunakan untuk indikator pencapaian di Dashboard

Target Pendapatan Kotor / Bulan (Rp)

Target Laba Bersih / Bulan (Rp)

Batas Pengeluaran Maksimal / Bulan (Rp)

Alert muncul di Dashboard jika pengeluaran melebihi batas ini

Target Panen Ubi / Siklus (kg)

📦 Batas Minimum Stok

Alert otomatis muncul di Dashboard jika stok di bawah angka ini

🟢 Grade A — Ekspor

Stok gudang (kg)

🔵 Grade B — Retail

Stok gudang (kg)

🟠 Grade C — Pasar

Stok gudang (kg)

🔴 Grade D — Lokal/Samping

Stok (kg)

🍪 Grubi (semua ukuran)

Stok total (pcs/pack)

🌾 Reminder Panen

Ingatkan pemilik untuk mencatat panen berikutnya

Tanggal Panen Terakhir

Siklus Panen Ubi Madu

📅 Estimasi panen berikutnya: 10 Juli 2026

🔔 Pengaturan Notifikasi

Pilih cara sistem mengingatkan pemilik

📲 Notifikasi in-app (selalu aktif) 💬 Kirim ke WhatsApp 📧 Kirim ke Email ✈️ Kirim ke Telegram 📊 Laporan mingguan otomatis

No. WhatsApp Notifikasi

Digunakan saat fitur notifikasi WA diaktifkan

📤 Kirim Laporan via WhatsApp Sekarang

Nomor dari field di atas akan digunakan. Pastikan nomor sudah diisi.

Ringkasan Notifikasi Aktif

✅ In-app (selalu aktif)
— WhatsApp: belum diatur
— Email: belum diatur
— Telegram: belum diatur

💾 Backup Data

Simpan cadangan seluruh data transaksi & pengaturan

Backup Otomatis

💡 Pilih jadwal lalu klik Simpan Pengaturan untuk mengaktifkan pengingat backup via notifikasi browser.

Format Backup

Ekspor terakhir: Belum pernah
File terakhir: —

💡 Cara pakai: Klik Ekspor untuk simpan ke komputer. Klik Muat Data untuk restore dari file yang sudah disimpan sebelumnya.

⚠️ Reset & Hapus Data

Tindakan ini tidak dapat dibatalkan — pastikan sudah backup terlebih dahulu

ℹ️ Info Sistem

Nama AplikasiSistem Pencatatan UMKM Ubi & Grubi

Versi1.0.0 — Wireframe Prototype

ProgramPengabdian DIPA UNTIDAR 2026

Mitra UMKMUbi & Grubi Windusari, Magelang

Dikembangkan olehTim PKM UNTIDAR

Perubahan aktif setelah disimpan

Panen & Sortir

UMKM Ubi & Grubi — Laporan Keuangan