# Wireframe Layar Aplikasi Sistem Inventory Walet ## 1. Dashboard ### Tujuan Memberikan gambaran cepat kondisi bisnis. ### Komponen - Total stok aktif - Nilai inventory - Pembelian bulan ini - Penjualan bulan ini - Susut bulan ini - Top 5 supplier - Top 5 customer - Lot aging alert - Lot hold alert - Shortcut ke Purchase, Receiving, Sales, Inventory ### Widget utama - Stok per jenis-grade - Margin per periode - Grafik pembelian vs penjualan - Susut per supplier --- ## 2. Purchase List ### Tujuan Melihat semua transaksi pembelian. Catatan master terkait: - data supplier perlu menyimpan nama bank dan nomor rekening untuk kebutuhan pembayaran ### Komponen - Filter tanggal - Filter supplier - Filter status - Tombol buat pembelian baru - Tabel: - nomor pembelian - supplier - tanggal - total - status - jumlah line - aksi detail/edit --- ## 3. Purchase Form ### Tujuan Membuat transaksi pembelian multi jenis dan multi grade. ### Header - Purchase no - Supplier - Tanggal pembelian - Invoice supplier - Catatan ### Detail line items Kolom: - Jenis - Grade - Qty - Satuan - Harga beli - Subtotal - Status klasifikasi - Catatan ### Aksi - Tambah baris - Simpan draft - Submit - Print --- ## 4. Receipt Form ### Tujuan Menerima barang dari pembelian dan membuat lot. ### Header - Receipt no - Referensi purchase - Supplier - Tanggal terima - Petugas penerima ### Tabel line receiving - Item purchase - Qty ordered - Qty received - Qty accepted - Qty rejected - Unit cost - Status - Catatan ### Aksi - Generate lot - Print QR label - Simpan receipt --- ## 5. Receipt Detail ### Tujuan Melihat hasil penerimaan dan lot yang terbentuk. ### Komponen - Ringkasan receipt - Daftar lot hasil receipt - Kode lot - Jenis - Grade - Qty - Gudang - Lokasi - QR status - Tombol print ulang label --- ## 6. Stock Summary ### Tujuan Melihat stok ringkas per jenis-grade. ### Komponen - Filter gudang - Filter jenis - Filter grade - Tabel: - jenis - grade - qty total - nilai total - jumlah lot aktif --- ## 7. Stock Lot List ### Tujuan Melihat stok detail berbasis lot. ### Tabel - Lot code - Supplier - Jenis - Grade - Qty awal - Qty tersedia - Unit cost - Tanggal masuk - Aging - Status - Gudang - Lokasi - Aksi detail ### Filter - supplier - jenis - grade - status - gudang - aging --- ## 8. Lot Detail ### Tujuan Menjadi pusat traceability satu lot. ### Section #### Informasi utama - Lot code - Supplier - Jenis - Grade - Qty awal - Qty available - Unit cost - Gudang - Lokasi - Status #### Parent-child relation - Parent lot - Child lots hasil sortasi/regrade #### Movement history - receiving - sorting - adjustment - transfer - sales allocation - return #### Sales usage - invoice mana saja yang memakai lot ini - qty per invoice #### Aksi - print ulang label - hold lot - release lot - pindah lokasi - adjustment - regrade --- ## 9. Sorting Session Form ### Tujuan Memecah satu lot menjadi beberapa lot hasil sortasi. ### Input utama - Source lot - Qty input - Tanggal sortasi - Operator - Catatan ### Hasil sortasi table - Jenis hasil - Grade hasil - Qty hasil - Cost - Catatan ### Additional - Qty shrinkage - Qty reject ### Aksi - Generate child lots - Simpan sesi --- ## 10. Regrade Form ### Tujuan Memindahkan sebagian qty dari satu grade ke grade lain. ### Komponen - Source lot - Grade asal - Grade tujuan - Qty pindah - Alasan - Catatan ### Output - lot lama berkurang - lot baru terbentuk atau ditambah --- ## 11. Sales Form ### Tujuan Membuat transaksi penjualan. Catatan master terkait: - data customer perlu menyimpan nama bank dan nomor rekening untuk kebutuhan pembayaran/settlement ### Header - Sales no - Customer - Tanggal - Catatan ### Detail lines - Jenis - Grade - Qty - Satuan - Harga jual - Subtotal ### Aksi - Simpan draft - Lanjut ke allocation - Submit --- ## 12. Allocation Screen ### Tujuan Mengalokasikan kebutuhan penjualan ke satu atau banyak lot. ### Layout #### Kiri - informasi sales line - jenis - grade - qty dibutuhkan #### Kanan - daftar lot tersedia - lot code - supplier - qty available - unit cost - tanggal masuk - rekomendasi FIFO ### Interaksi - auto allocate - manual select qty per lot - validasi total allocation = qty line - tampil total costing hasil allocation --- ## 13. Picking Screen ### Tujuan Memvalidasi pengambilan barang nyata dari lot teralokasi. ### Komponen - scan QR lot - tampil info lot - qty dialokasikan - qty diambil aktual - selisih jika ada - konfirmasi picking selesai --- ## 14. Transfer Form ### Tujuan Memindahkan lot antar gudang atau lokasi. ### Komponen - scan/pilih lot - gudang asal - lokasi asal - gudang tujuan - lokasi tujuan - qty pindah - catatan --- ## 15. Stock Adjustment Form ### Tujuan Mencatat perubahan stok selain transaksi normal. ### Komponen - lot - qty before - qty change - qty after - jenis adjustment - alasan - cost impact - catatan --- ## 16. Barcode / QR Lookup ### Tujuan Lookup cepat dari hasil scan. ### Hasil scan menampilkan - lot code - supplier - jenis - grade - qty available - cost - lokasi - status - histori singkat ### Aksi cepat - buka detail lot - print label ulang - pindah lokasi - hold/release --- ## 17. Reports ### Jenis laporan - Pembelian - Penerimaan - Stok summary - Stok lot - Aging - Sortasi - Sales - Margin - Shrinkage - Supplier quality - Traceability ### Filter umum - tanggal - supplier - customer - jenis - grade - gudang - status --- ## 18. Design Notes - halaman operasional harus mobile-friendly - allocation screen harus cepat, jangan terlalu penuh - lot detail harus jadi layar kunci karena pusat trace - scan workflow harus seminim mungkin input manual - warna status penting, misal active, hold, closed, rejected ## 19. Prioritas Wireframe MVP Urutan yang sebaiknya didesain dulu: 1. Dashboard 2. Purchase Form 3. Receipt Form 4. Stock Lot List 5. Lot Detail 6. Sales Form 7. Allocation Screen 8. Picking Screen 9. Sorting Session Form 10. Barcode Lookup