Wireframe v4 Update — UMKM Ubi & Grubi

Pemasukan Bulan Ini

Rp 0

▲ +0% vs bulan lalu

Total Pengeluaran

Rp 0

▼ -0% vs bulan lalu

Laba Bersih

Rp 0

Margin: 0%

Saldo Kas

Rp 0

Per hari ini

🍠 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

Produk Samping

0

kg

🍪 Stok Grubi Siap Jual

Produksi terakhir: 19 Mei 2026 — Batch #018

Grubi 100g

0

pcs

HPP Rp 0

Grubi 250g

0

pack

HPP Rp 0

Grubi 500g

0

pack

HPP Rp 0

⚖️ Kiloan

0

kg

HPP Rp 0/kg

⚡ Aksi Cepat

📋 Transaksi Terakhir

5 transaksi terbaru dari semua lini produk

Tanggal	Keterangan	Lini	Jumlah (Rp)

Pemasukan vs Pengeluaran — 7 Hari Terakhir

Pemasukan Pengeluaran

Total pemasukan sesi ini: 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

Bagi ubi ke 4 grade — total harus sama dengan total panen

Total dari panen (kg): 0 kg

🟢 Grade A — Ekspor

kg

Ukuran besar, mulus, standar ekspor

🔵 Grade B — Retail / Toko

kg

Ukuran sedang, 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 — Produk Samping

♻️ Grade D adalah ubi reject yang tidak layak jual sebagai ubi biasa, namun masih bernilai ekonomi sebagai bahan baku produk samping. Harga per kg umumnya lebih rendah tetapi tetap menghasilkan pendapatan tambahan.

♻️ Jual Produk Samping — Grade D

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)

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

PRODUK SAMPING

Grade D — Reject ♻️

0 kg dijual (bio etanol + pakan)

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 C (atau sisa Grade B). 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 C 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 250g

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 500g

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	250g (pack)	Harga 250g	500g (pack)	Harga 500g	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 250g

Stok: 0 pack

Rp 0

Grubi 500g

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	250g (pack) @harga	500g (pack) @harga	Kiloan (kg) @harga	Total (Rp)	Saluran	Pembeli	Aksi

💡 Catat semua pengeluaran operasional di sini — biaya panen, TK sortir, packaging, pengiriman, hingga overhead. Data ini otomatis masuk ke Laporan Laba Rugi sebagai HPP & Biaya Operasi. Susut Grade D dihitung otomatis dari hasil sortir.

➕ Input Biaya

Catat satu pengeluaran baru

Tanggal

Kategori Biaya

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 Sortir & Produksi

Rp 0

📦 Packaging & Label

Rp 0

🚚 Pengiriman & Overhead

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 (Produk Samping)Rp 0

Total Pendapatan UbiRp 0

BIAYA

Biaya Panen / PembelianRp 0

Biaya TK SortirRp 0

Biaya Packaging EksporRp 0

Biaya PengirimanRp 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 250gRp 0

Penjualan Grubi 500gRp 0

Penjualan Grubi KiloanRp 0

Total Pendapatan GrubiRp 0

BIAYA PRODUKSI

Biaya Batch Produksi (akumulasi)Rp 0

Total Biaya ProduksiRp 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

🔐 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 — Produk 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