← Kembali ke Aplikasi
Panduan Lengkap

Laundry
Management System

Dari instalasi hingga transaksi pertama β€” panduan langkah demi langkah yang bisa diikuti tanpa keahlian IT khusus.

πŸ—„οΈ PostgreSQL
🟩 Node.js
🌐 Browser
πŸ’» Windows
πŸ“¦ Manajemen Stok

Prasyarat β€” Apa yang Harus Dipasang Dahulu

🟩

Node.js

Versi 18 atau lebih baru. Ini adalah "mesin" yang menjalankan server aplikasi.

nodejs.org β†—
🐘

PostgreSQL

Versi 14 ke atas. Ini adalah database penyimpan semua data transaksi.

postgresql.org β†—
🌐

Browser Modern

Google Chrome, Edge, atau Firefox. Versi terbaru direkomendasikan.

Sudah tersedia di Windows
⚠️ Saat install PostgreSQL: Catat username (biasanya postgres) dan password yang Anda buat β€” akan dibutuhkan saat setup. Juga pastikan centang "Add to PATH" saat install Node.js.

Setup Aplikasi

01

Buka folder project

Buka Windows Explorer, masuk ke folder Laundry tempat file-file aplikasi berada.

πŸ“ Pastikan Anda melihat file setup.bat, start.bat, dan folder backend di dalamnya.
02

Jalankan setup.bat

Klik dua kali pada file setup.bat. Sebuah jendela hitam akan muncul β€” itu normal.

Anda akan diminta mengisi beberapa informasi database:

Username PostgreSQL β†’ ketik: postgres (lalu Enter)
Password PostgreSQL β†’ ketik password yang Anda buat saat install
Port β†’ tekan Enter langsung (default: 5432)
Nama Database β†’ tekan Enter langsung (default: laundry_db)
⏳ Proses ini memakan waktu 1–3 menit untuk mengunduh dependensi. Tunggu hingga muncul tulisan "SETUP SELESAI!"
03

Setup selesai!

Jika berhasil, Anda akan melihat pesan seperti ini di layar:

βœ“ SETUP SELESAI!
Login: admin@laundry.com / admin123
Setup cukup dilakukan sekali. Lain kali langsung gunakan start.bat saja.

Cara Membuka & Menutup Aplikasi

▢️

Membuka Aplikasi

Klik dua kali start.bat. Tunggu jendela hitam muncul dan terbaca tulisan URL.

http://localhost:3000
⏹️

Menutup Aplikasi

Klik dua kali stop.bat, atau tekan Ctrl + C pada jendela hitam yang terbuka.

Jangan paksa tutup jendela tanpa stop.bat

Setelah server berjalan, buka browser dan kunjungi:

🌐 localhost:3000 Bookmark halaman ini agar mudah diakses berikutnya

Konfigurasi Awal Sebelum Beroperasi

Lakukan ini sekali sebelum mulai menerima transaksi pelanggan.

Wajib Dikonfigurasi

  • 1
    Buka Pengaturan β†’ isi nama usaha, telepon, alamat, dan upload logo.
  • 2
    Buka Cabang β†’ edit atau tambah cabang sesuai bisnis Anda.
  • 3
    Buka Layanan β†’ sesuaikan nama layanan dan harga per kg / per item.
  • 4
    Buka Pegawai β†’ tambah akun untuk kasir, produksi, dan kurir.

Setelah Siap Beroperasi

  • 5
    Aktifkan modul stok dengan menjalankan migrate_stock.bat (cukup sekali).
  • 6
    Tambah pelanggan di menu Pelanggan β€” atau langsung buat transaksi tanpa daftar (walk-in).
  • 7
    Buat transaksi pertama via tombol Transaksi Baru di sidebar.
  • 8
    Pantau omset harian dan piutang di menu Dashboard dan Laporan.

Ringkasan Fitur

πŸ“Š

Dashboard

Omset hari ini & bulan ini, grafik penjualan, top pelanggan, transaksi terbaru.

🧾

Transaksi

Invoice otomatis, multi-layanan, diskon persen/nominal, voucher, pajak inclusive/exclusive.

πŸ’³

Pembayaran

Cash, Transfer, QRIS, E-Wallet. Bayar sebagian (hutang) & bayar bertahap.

πŸ“‹

Piutang

Pantau hutang pelanggan, jatuh tempo, umur piutang, dan pembayaran parsial.

πŸ‘₯

Pelanggan

Tipe Cash / Hutang / Corporate. Membership Silver, Gold, Platinum. Riwayat transaksi.

🏒

Multi Cabang

Kelola beberapa cabang sekaligus. Laporan per cabang dan konsolidasi.

🏷️

Voucher

Buat kode diskon persen atau nominal, atur minimum transaksi dan kuota penggunaan.

πŸ“ˆ

Laporan

Laporan penjualan, piutang, per cabang, per pegawai. Export Excel & PDF.

πŸ“¦

Manajemen Stok

Kelola bahan baku & perlengkapan: stok masuk, keluar, koreksi, alert stok kritis.

πŸ”

Audit Trail

Catat semua perubahan: login, edit, hapus, void β€” lengkap dengan siapa dan kapan.

Status Progres Laundry

Diterima
β†’
Dicuci
β†’
Dikeringkan
β†’
Disetrika
β†’
Packing
β†’
Selesai
β†’
Diambil

Manajemen Stok Bahan & Perlengkapan

Modul ini untuk mencatat keluar-masuk bahan cuci, packaging, dan peralatan laundry β€” sehingga Anda tahu kapan harus beli stok lagi sebelum habis.

Langkah 1 β€” Aktifkan Modul Stok (Sekali Saja)

01

Jalankan migrate_stock.bat

Klik dua kali pada file migrate_stock.bat di folder Laundry. File ini akan membuat tabel-tabel stok di database.

βœ… Tunggu muncul pesan "Migrasi stok selesai!" di layar. Cukup jalankan sekali β€” tidak perlu diulang.
⚠️ Pastikan server tidak sedang berjalan (tutup dulu via stop.bat), lalu jalankan migrate_stock.bat, baru start.bat lagi.
02

Menu Stok muncul di sidebar

Setelah migrasi berhasil dan server distart ulang, menu πŸ“¦ Stok akan muncul di sidebar kiri aplikasi di bawah bagian "Operasional".

Langkah 2 β€” Setup Item Stok Pertama Kali

Setup Awal

  • 1
    Buka menu Stok β†’ tab Kategori. Sudah ada 3 kategori bawaan: Bahan Cuci, Packaging, Peralatan. Tambah atau edit sesuai kebutuhan.
  • 2
    Klik tombol Tambah Item β†’ isi nama item, kategori, satuan (kg/liter/pcs/botol…), stok minimum, dan stok awal.
  • 3
    Isi Stok Minimum β€” ini batas peringatan. Jika stok turun ke angka ini atau di bawahnya, sistem akan menampilkan alert merah.

Operasional Harian

  • 4
    Saat beli bahan baru β†’ tab Stok Masuk β†’ pilih item β†’ isi jumlah dan harga beli β†’ Simpan.
  • 5
    Saat pakai bahan operasional β†’ tab Stok Keluar β†’ pilih item β†’ isi jumlah pemakaian β†’ Simpan.
  • 6
    Saat stock opname bulanan β†’ tombol koreksi (✏️) di baris item β†’ isi jumlah aktual yang ada.

Penjelasan Tab-Tab di Menu Stok

πŸ“‹

Daftar Stok

Lihat semua item stok beserta status (Aman / Rendah / Kritis / Habis). Kode warna: hijau = aman, kuning = rendah, merah = kritis/habis.

βž•

Stok Masuk

Catat pembelian bahan baru. Isi supplier dan harga beli agar nilai stok tercatat akurat.

βž–

Stok Keluar

Catat pemakaian bahan. Sistem cek otomatis agar stok tidak bisa minus. Ada peringatan jika stok mendekati minimum.

πŸ“œ

Riwayat

Semua transaksi masuk-keluar tercatat lengkap: waktu, jumlah, siapa yang input, stok sebelum & sesudah.

🏷️

Kategori

Kelompokkan item stok (hanya Manager ke atas). Kategori memudahkan pencarian dan filter laporan stok.

Arti Warna Status Stok

🟒 Aman Stok di atas 1,5Γ— batas minimum β€” kondisi normal.
🟑 Rendah Stok antara 1Γ— dan 1,5Γ— minimum β€” pertimbangkan pembelian segera.
πŸ”΄ Kritis Stok di bawah atau sama dengan batas minimum β€” segera beli!
πŸ”΄ Habis Stok = 0. Tampil sebagai alert di bagian atas halaman Stok dan Dashboard.
πŸ’‘ Tips: Isi kolom Stok Minimum sesuai kebutuhan operasional minimal satu minggu. Misalnya jika dalam seminggu butuh 5 kg detergen, isi minimum = 5. Dengan begitu sistem bisa peringatkan Anda seminggu sebelum stok habis.

Fitur Terbaru

πŸ“±

Tampilan Responsif

Aplikasi kini bekerja di smartphone dan tablet. Di layar kecil, sidebar bisa dibuka/ditutup dengan tombol ☰ (hamburger) di pojok kiri atas. Tabel digeser secara horizontal. Semua form dan modal menyesuaikan layar.

🦷

Print via Bluetooth

Di halaman invoice, tombol 🦷 Bluetooth memungkinkan cetak langsung ke printer thermal BLE (58mm/80mm) tanpa driver. Format ESC/POS dikirim otomatis. Gunakan Chrome atau Edge β€” belum tersedia di Firefox/Safari.

Cara pakai: Klik 🦷 Bluetooth β†’ pilih printer dari daftar β†’ cetak otomatis. Pastikan Bluetooth laptop aktif.
🚫

Batalkan Transaksi

Role Admin / Owner / Manager dapat membatalkan transaksi langsung dari daftar transaksi (tombol βœ• merah) atau dari halaman detail (tombol Void). Pembatalan memerlukan alasan yang wajib diisi.

⚠️ Perhatian: Pembatalan permanen dan tidak bisa dibatalkan. Hutang terkait akan otomatis ditutup.
↩️

Pengembalian Stok Otomatis

Jika saat transaksi ada stok yang dikeluarkan dan dicatat terhubung ke nomor transaksi tersebut, membatalkan transaksi akan mengembalikan stok secara otomatis. Riwayat pengembalian tercatat di tab Riwayat Stok.

Catatan: Jalankan migrate_void_stock.bat sekali untuk mengaktifkan fitur ini.

Role & Hak Akses Pegawai

Setiap pegawai diberikan satu role. Role menentukan menu apa yang bisa diakses dan aksi apa yang boleh dilakukan.

Super Admin Owner

Akses penuh ke semua fitur, semua cabang, termasuk hapus data dan konfigurasi sistem.

Owner Owner

Sama seperti Super Admin kecuali beberapa pengaturan sistem tingkat lanjut.

Manager Manajemen

Kelola operasional cabang: transaksi, pegawai cabang, layanan, laporan cabang.

Akuntan Manajemen

Lihat dan export semua laporan keuangan, piutang, audit trail. Tidak bisa edit transaksi.

Kasir Operasional

Buat transaksi baru, terima pembayaran, update status laundry, kelola pelanggan.

Produksi Operasional

Lihat daftar transaksi dan update status proses laundry (cuci, setrika, packing).

Kurir Operasional

Update status pengambilan dan pengantaran laundry pelanggan.


Troubleshooting β€” Masalah Umum

Penyebab paling umum: Node.js atau PostgreSQL belum terinstall, atau psql belum ada di PATH Windows.

Cara cek: Buka Command Prompt (tekan Win+R β†’ ketik cmd β†’ Enter), lalu ketik:

node --version
psql --version

Jika salah satu gagal (muncul "'...' is not recognized"), install ulang software tersebut dan centang "Add to PATH" saat instalasi.

Artinya PostgreSQL tidak berjalan atau konfigurasi salah. Coba langkah berikut:

  1. Buka Services Windows (Win+R β†’ services.msc), cari postgresql-x64-XX, klik Start.
  2. Atau cek file backend\.env β€” pastikan DB_PASS sesuai password PostgreSQL Anda.
  3. Jika ragu, jalankan ulang setup.bat dan isi ulang konfigurasi.

Server belum berjalan. Pastikan jendela hitam start.bat masih terbuka dan menampilkan teks URL. Jangan tutup jendela itu selama menggunakan aplikasi.

Pastikan URL yang dibuka di browser tepat: http://localhost:3000 (bukan https, bukan localhost:8080)

Jalankan reset.bat β€” ini akan menghapus semua data dan membuat ulang akun admin bawaan.

⚠️ Semua transaksi dan pelanggan akan terhapus permanen. Backup data terlebih dahulu jika perlu.

Setelah reset:
Email: admin@laundry.com   Password: admin123

Pastikan laptop terkoneksi internet saat menjalankan setup.bat β€” proses mengunduh pustaka dari internet.

Jika jaringan kantor memiliki proxy, hubungi admin IT untuk mengizinkan koneksi ke registry.npmjs.org.

Coba juga buka Command Prompt sebagai Administrator (klik kanan cmd β†’ Run as administrator) lalu jalankan setup.bat dari sana.

Buka file backend\.env dengan Notepad, ubah baris PORT=3000 menjadi nomor lain, misalnya PORT=3001. Setelah itu akses aplikasi di http://localhost:3001.

Pastikan dua hal berikut:

  1. Jalankan stop.bat terlebih dahulu, baru migrate_stock.bat, kemudian start.bat lagi. Jangan jalankan migrate saat server masih menyala.
  2. Cek jendela migrate_stock.bat β€” pastikan muncul "Migrasi stok selesai!", bukan error. Jika ada error merah, kemungkinan password database di backend\.env tidak cocok.

Jika masih tidak muncul, coba tekan Ctrl+Shift+R (hard refresh) di browser.

Jumlah yang dimasukkan melebihi stok yang tercatat di sistem. Cek tab Daftar Stok untuk melihat angka stok saat ini yang sebenarnya.

Jika stok nyata di gudang lebih banyak dari yang tercatat di sistem (selisih karena belum diinput), gunakan fitur Koreksi Stok (tombol ✏️ di baris item) β€” masukkan jumlah stok aktual yang ada di gudang, sistem akan menyesuaikan otomatis.

Pastikan hal-hal berikut:

  1. Gunakan browser Google Chrome atau Microsoft Edge terbaru. Firefox dan Safari belum mendukung Web Bluetooth.
  2. Printer Bluetooth harus berupa BLE (Bluetooth Low Energy) β€” biasanya printer thermal mini (58mm/80mm). Printer Bluetooth Classic (pairing di Windows) tidak didukung oleh API ini.
  3. Pastikan Bluetooth di laptop/komputer sudah aktif dan printer sudah menyala sebelum klik tombol.
  4. Saat dialog muncul, pilih nama printer dari daftar (biasanya tertulis nama merek seperti "Xprinter", "Goojprt", dll.), lalu klik "Pasangkan".
  5. Jika dialog langsung tertutup tanpa memilih, pastikan printer sudah dalam mode pairing (lampu berkedip). Coba nyalakan ulang printer.

Tombol batalkan (ikon βœ• merah) hanya muncul untuk role super_admin, owner, dan manager. Role kasir dan lainnya tidak memiliki akses membatalkan transaksi.

Jika Anda memiliki role tersebut tetapi tombol tidak muncul, coba logout dan login ulang agar sesi diperbarui.

Referensi File .bat

setup.bat

Instalasi awal. Jalankan sekali saat pertama kali.

start.bat

Jalankan setiap hari untuk membuka aplikasi.

stop.bat

Matikan server ketika selesai bekerja.

reset.bat

Reset semua data ke kondisi awal. Hati-hati!

migrate_stock.bat

Aktifkan modul stok. Jalankan sekali setelah setup awal.

migrate_void_stock.bat

Aktifkan fitur pengembalian stok saat transaksi dibatalkan. Jalankan sekali (setelah migrate_stock.bat).