Rancang Bangun Dashboard Visualisasi Cashflow UMKM Berbasis Web dengan Chart.js (Studi Kasus: Homemade by Hanin)

Abstrak

Homemade by Hanin merupakan UMKM di bidang makanan penutup (dessert) yang masih mencatat keuangan secara manual, sehingga rentan terhadap kesalahan, sulit direkapitulasi secara sistematis, dan tidak dapat memantau arus kas (cashflow) secara menyeluruh. Penelitian ini bertujuan merancang dan membangun sistem pencatatan keuangan berbasis web serta mengimplementasikan Chart.js pada dashboard visualisasi cashflow agar informasi keuangan tersaji secara interaktif dan mudah dipahami pemilik usaha. Sistem dikembangkan menggunakan metode Software Development Life Cycle (SDLC) model Waterfall dengan ReactJS sebagai frontend dan MongoDB sebagai basis data. Hasil Blackbox testing menunjukkan seluruh skenario uji memperoleh status “Diterima”, sedangkan beta testing dengan lima responden memperoleh skor 132 dari skor ideal 150 atau nilai akhir 88% dengan kategori “Sangat Setuju”. Dengan demikian, sistem terbukti dapat menggantikan pencatatan manual, meningkatkan efisiensi pengelolaan keuangan, serta membantu pemilik UMKM mengambil keputusan bisnis berbasis data secara lebih cepat dan tepat.