Articles Vol. 4, No. 2 (2026)
Marsa Rifqa, Untung Surapati, Mesra Betty Yel
Sekolah Tinggi Ilmu Komputer Cipta Karya Informatika
10.58477/cj.v4i2.473 Published: 2026-08-30
Abstract

This research is motivated by problems faced by photocopy businesses, which still rely on manual, paper-based recording of cashier transactions and financial bookkeeping. This conventional approach is prone to human error, carries a high risk of data loss, and is inefficient for daily operations. This study therefore designs, builds, and implements a web-based Financial Management System and Sales Dashboard (Point of Sales) for Hanbai Fotocopy. The main innovation is the use of Google Apps Script as the server-side backend and Google Sheets as the database, combined with Bootstrap 5, Chart.js, and jsPDF on the client side. The system was developed using the Waterfall method, covering requirements analysis, system design, coding, and Black-Box testing. The resulting cloud-based cashier and financial-recording application automates sales transaction recording, supports cash and non-cash payment methods, updates stock automatically, records operational expenses, and presents real-time cash-flow visualization on an interactive dashboard. Black-Box testing confirmed that authentication, transaction calculation, stock reduction, chart updates, and PDF report export all function as expected. By relying on the Google Workspace ecosystem, the system minimizes hardware and hosting costs while improving the accuracy, speed, and transparency of financial monitoring for the business owner.

How to Cite

How to Cite

Rifqa, M., Surapati, U., & Betty Yel, M. (2026). Implementasi Sistem Manajemen Keuangan Dan Dashboard Penjualan Berbasis Web Pada Usaha Hanbai Fotocopy. Computer Journal, 4(2), 175-184. https://doi.org/10.58477/cj.v4i2.473
Marsa Rifqa

Sekolah Tinggi Ilmu Komputer Cipta Karya Informatika

Program Studi Sistem Informasi, Sekolah Tinggi Ilmu Komputer Cipta Karya Informatika, Kota Jakarta Timur, Daerah Khusus Ibukota Jakarta, Indonesia.

Untung Surapati

Sekolah Tinggi Ilmu Komputer Cipta Karya Informatika

Program Studi Sistem Informasi, Sekolah Tinggi Ilmu Komputer Cipta Karya Informatika, Kota Jakarta Timur, Daerah Khusus Ibukota Jakarta, Indonesia.

Mesra Betty Yel

Sekolah Tinggi Ilmu Komputer Cipta Karya Informatika

Program Studi Sistem Informasi, Sekolah Tinggi Ilmu Komputer Cipta Karya Informatika, Kota Jakarta Timur, Daerah Khusus Ibukota Jakarta, Indonesia.

Issue Vol. 4 No. 2 (2026)
SectionArticles
DOI10.58477/cj.v4i2.473
Publication Date2026-08-30
Pages175-184
  • Alkhadzik, F., Hilabi, S. S., Kastiawan, N., & Sanjaya, J. (2023). Implementasi sistem manajemen keuangan berbasis website pada “UMKM Teh Mvit.” Jurnal Multimedia dan Teknologi Informasi (Jatilima), 5(2), 82–94. https://doi.org/10.54209/jatilima.v5i02.416
  • Annas, F., Maripatullah, A., Ulan Bani, A., Dolis Herdiani, F., & Saputro, J. (2025). Perancangan dan implementasi sistem informasi manajemen organisasi kemasyarakatan berbasis web. Intellect: Indonesian Journal of Learning and Technological Innovation, 4(1), 1–14. https://doi.org/10.57255/intellect.v4i1.849
  • Ardhi, H. Y., Muhidin, A., & Wiyatno, T. N. (2025). Implementasi sistem basis data terintegrasi pada aplikasi dashboard monitoring replikasi Bank Tabungan Negara metode prototype. MALCOM: Indonesian Journal of Machine Learning and Computer Science, 5(3), 942–952. https://doi.org/10.57152/malcom.v5i3.2049
  • Arinal, V., & Melani, M. A. (2023). Penerapan metode asosiasi pada data penjualan transaksi menggunakan algoritma Apriori (Studi kasus Circle’K Apartemen Marabella Jakarta Selatan). Jurnal Sains dan Teknologi, 5(1), 170–176. https://doi.org/10.55338/saintek.v5i1.1366
  • Azizah, N. (2026). Analisis penerapan sistem informasi akuntansi berbasis website dalam pengelolaan keuangan pada perusahaan manufaktur. Jurnal Akutansi Manajemen Ekonomi Kewirausahaan (JAMEK), 6(1), 184–195. https://doi.org/10.47065/jamek.v6i1.2545
  • Dharmawan, W. S. (2023). Penerapan sistem informasi akuntansi pengelolaan keuangan berbasis website. Jurnal Sistem Informasi Akuntansi, 4(1), 74–83. https://doi.org/10.31294/justian.v4i1.1952
  • Isma, A., Muhlis, A. K., Ardiansyah, Asriayani, & Fadhilatunisa, D. (2024). Sistem informasi keuangan berbasis web menggunakan pendekatan Agile. Jurnal MediaTIK, 6(3), 62–68. https://doi.org/10.59562/mediatik.v6i3.1474
  • Jibran, S. M., Jannah, N., & Rahmani, D. I. P. (2025). Pengembangan sistem informasi manajemen penjualan berbasis website untuk meningkatkan efisiensi operasional pada Toko Win Glowing dengan metode Waterfall. Journal of Human and Education (JAHE), 5(1), 576–588. https://doi.org/10.31004/jh.v5i1.2225
  • Miftahusy Syifa, M., Zainul Arifin, M., & Universitas KHA Wahab Hasbullah. (2025). Implementasi sistem manajemen produk berbasis web untuk optimalisasi penjualan kerudung pada Toko Iwiim Hijab. Jurnal Sains Student Research, 3(6), 251–261.
  • Nugraha, D. S., Anwariningsih, S. H., & Haris, F. H. S. A. (2026). Aplikasi manajemen operasional Kedai Cinta berbasis web menggunakan Laravel dan Tailwind CSS. Jurnal Riset dan Aplikasi Mahasiswa Informatika (JRAMI), 7(1), 48–57. https://doi.org/10.30998/jrami.v7i01.299
  • Nurfadillah, M. A., Wijaya, S., & Rasyad, M. R. (2025). Perancangan sistem informasi management keuangan Kedai Maung Boba berbasis web menggunakan metode Waterfall. JIMU: Jurnal Ilmiah Multidisipliner, 4(1), 2535–2544.
  • Prabaningrum, B., Voutama, A., & Heryana, N. (2023). Rancang bangun sistem manajemen keuangan berbasis website dalam pengelolaan laba rugi (Studi kasus: CV Geger Hanjuang).
  • Rusmara, R. H. (2025). Pengembangan sistem kasir berbasis web di Natta Coffee: Studi implementasi framework Laravel. Jurnal Informatika dan Teknik Elektro Terapan, 13(2). https://doi.org/10.23960/jitet.v13i2.6414
  • Ruwatie, Y., & Supranata, M. (2025). Implementasi buku besar berbasis web sebagai penunjang sistem pelaporan keuangan di PT. Sweelee Musika. AKADEMIK: Jurnal Mahasiswa Ekonomi & Bisnis, 5(3), 1779–1787. https://doi.org/10.37481/jmeb.v5i3.1496
  • Salamah, U. G. (2021). Tutorial cascading style sheets (CSS). Media Sains Indonesia.
  • Setiawan, W., Tussyifa, Z., Ristiyani, L. A., & Wijaya, G. (2024). Perancangan sistem informasi pembayaran tagihan air berbasis web pada Program Water Treatment Kotaku Kelurahan Cibatu. Jurnal Teknologi Sistem Informasi, 5(2), 72–81. https://doi.org/10.35957/jtsi.v5i2.8951
  • Nandra, M., Syahputra, M., Mirajdandi, S., & Putra, F. A. (2026). Implementasi sistem informasi penjualan dan laporan keuangan berbasis web menggunakan pendekatan prototipe. Journal of Science and Social Research, 9(2). https://doi.org/10.54314/v5538156
  • Utama, A. D. (2025). Manajemen proyek sistem informasi pendataan penjualan Donat Kawan Mamak berbasis web dengan menggunakan framework Laravel. Jurnal SITECH: Sistem Informasi dan Teknologi, 7(2), 81–88. https://doi.org/10.24176/sitech.v7i2.12399
  • Zalukhu, F., & Arinal, V. (2021). Implementasi sistem persediaan barang berbasis web dengan metode DevOps pada PT. Heinz ABC Indonesia. Jurnal Sosial Teknologi, 1(7), 671–681. https://doi.org/10.36418/jurnalsostech.v1i7.135
License

This work is licensed under a Creative Commons Attribution 4.0 International License (CC BY 4.0), which permits unrestricted use, distribution, and reproduction in any medium, provided the original work is properly cited.

Article Statistics
Download data is not yet available.
Similar Articles