Rancang Bangun Sistem Pengelolaan Data Penjualan Berbasis Web Pada Toko Berkah Gypsum Menggunakan React.js
Abstract
Abstrak. Toko Berkah Gypsum merupakan usaha penjualan material bangunan di Purwasari, Karawang, yang masih melakukan pencatatan transaksi dan pengeluaran secara manual sehingga menyebabkan kesalahan pencatatan, keterlambatan laporan keuangan, dan kesulitan memantau arus kas. Penelitian ini bertujuan membangun sistem pengelolaan data penjualan berbasis web menggunakan React.js dengan metode Agile Scrum melalui tiga Sprint. Fitur yang dihasilkan meliputi Login, Dashboard, Kelola Penjualan, Kelola Barang, Kelola Pengeluaran, Kelola Akun, Notifikasi Stok Minimum, dan Ekspor Laporan Excel. Pengujian dilakukan menggunakan Black-box Testing dan User Acceptance Test (UAT). Hasil pengujian menunjukkan seluruh fitur berjalan baik dengan nilai UAT 86%–92% kategori Sangat Kuat. Sistem mampu meningkatkan efisiensi pencatatan transaksi dan penyusunan laporan keuangan.
Abstract. Toko Berkah Gypsum is a building materials business in Purwasari, Karawang, that still recorded sales and expenses manually, causing recording errors, delayed financial reports, and difficulties in monitoring cash flow. This study aims to develop a web-based sales management system using React.js and the Agile Scrum method through three Sprints. The system includes Login, Dashboard, Sales, Item, Expense, User Management, Minimum Stock Notification, and Excel Report Export features. Testing was conducted using Black-box Testing and User Acceptance Test (UAT). Results showed all features functioned properly with UAT scores of 86%–92%, categorized as Very Strong. The system improves transaction recording efficiency and financial reporting.
Downloads
References
M. I. Syarif, M. Hannum, S. Wahyuni, and Nurbaiti, “Potensi Perkembangan E-Commerce Dalam Menunjang Bisnis di Indonesia,” Journal of Computers and Digital Business, vol. 2, no. 1, pp. 11–14, Jan. 2023, doi: 10.56427/jcbd.v2i1.30.
D. P. Ramadani and R. Firdaus, “JICN: Jurnal Intelek dan Cendikiawan Nusantara Evolusi Sistem Informasi Manajemen Dari Manual ke Otomatis The Evolution of Information Management System From Manual to Automatic,” vol. 1, no. 3, 2024, [Online]. Available: https://jicnusantara.com/index.php/jicn
S. Dewi, N. Putri, and D. Juni, “PERANCANGAN SISTEM INFORMASI PENJUALAN OBAT BERBASIS WEB PADA APOTEK AMELIA SUNGAI RAYA,” Jurnal Sistem Informasi Akuntansi , vol. 88, no. 02, pp. 88–99, 2022, [Online]. Available: http://jurnal.bsi.ac.id/index.php/justian
A. Watung, M. Karamoy, A. Yusupa, and V. Tarigan, “ANALISIS PERBANDINGAN FRAMEWORK JAVASCRIPT DALAM PENGEMBANGAN APLIKASI WEB MODERN,” Kohesi: Jurnal Multidisiplin Saintek, vol. 7, no. 11, May 2025.
K. Juan and S. Budi, “Pengembangan Menu Digital Menggunakan ReactJs Implementasi Hasil Belajar Studi Independen di Frontend Engineering Program Ruangguru CAMP (Career Acceleration Bootcamp),” Jurnal Strategi, vol. 5, no. 1, pp. 130–142, 2023.
Z. Zulhijaya, Mustari S Lamada, and Abdul Wahid, “PERBANDINGAN FRAMEWORK SVELTE JS DENGAN REACT JS TERHADAP PERFORMA WEB APPLICATION BERBASIS JAVASCRIPT,” Jurnal Riset Teknik Komputer, vol. 2, no. 2, pp. 66–81, Jun. 2025, doi: 10.69714/f2h1kn88.
N. Purnawati et al., Sistem Informasi : Teori dan Implementasi Sistem Informasi di Berbagai Bidang. PT. Sonpedia Publishing Indonesia, 2024.
Sulistyowati, Sepriano, L. Judijanto, Sujarwo, Kelvin, and I. Sudipa, Konsep Dasar & Studi Kasus Sistem Pendukung Keputusan : Kajian Untuk Penelitian Bidang SPK. PT. Green Pustaka Indonesia, 2024. Accessed: Nov. 18, 2025. [Online]. Available: https://www.google.co.id/books/edition/Konsep_Dasar_Studi_Kasus_Sistem_Pendukun/p7MYEQAAQBAJ?hl=id&gbpv=1
E. G. Syuhada and M. Setyawan, Pengembangan Dashboard Laporan Bulanan Untuk Monitoring Kinerja Perusahaan. Penerbit Buku Pedia, 2023. Accessed: Nov. 21, 2025. [Online]. Available: https://www.google.co.id/books/edition/Pengembangan_Dashboard_Laporan_Bulanan_U/f76-EAAAQBAJ?hl=id&gbpv=0
L. Magdalena, SCRUM AGILE : OPTIMALISASI KUALITAS PRODUK MANAJEMEN. PT. Sonpedia Publishing Indonesia, 2023.
L. Magdalena, SCRUM AGILE : OPTIMALISASI KUALITAS PRODUK MANAJEMEN, 1st ed. PT. Sonpedia Publishing Indonesia, 2023.
R. Destriana, S. M. Husain, N. Handayani, and A. T. P. Siswanto, Diagram UML Dalam Membuat Aplikasi Android Firebase" Studi Kasus Aplikasi Bank Sampah". Deepublish, 2022.
Y. Kurniawan et al., Pemrograman WEB. Basya Media Utama, 2025. Accessed: Nov. 20, 2025. [Online]. Available: https://books.google.co.id/books?id=AJtZEQAAQBAJ&dq=react.js+framework+adalah&lr=&hl=id&source=gbs_navlinks_s
Sutono, A. Arrahman, A. Musrifah, and L. Jailani, “STUDI KOMPARATIF KINERJA FRAMEWORK NODE.JS ANTARA EXPRESS.JS DAN FASTIFY DALAM PENGEMBANGAN REST API,” INFOTECH journal, vol. 11, no. 2, pp. 364–370, Nov. 2025, doi: 10.31949/infotech.v11i2.15906.
R. Ifanka and U. Chotijah, “PENGEMBANGAN SISTEM MANAJEMEN AKTIVITAS BERBASIS WEB,” Jurnal Informatika dan Teknik Elektro Terapan, vol. 14, no. 2, Apr. 2026, doi: 10.23960/jitet.v14i2.9410.
J. Wijaya and M. Subhana, “PENGEMBANGAN WEBSITE E-COMMERCE BERBASIS MERN STACK DENGAN PENDEKATAN USER-CENTERED DESIGN PADA PT.SUKSES MULIA SEIMBANG,” 2025.
S. D. Yulianti, S. I. Anggari, A. Kurniawan, and P. Korespondens, “Prosiding SEMNAS INOTEK (Seminar Nasional Inovasi Teknologi) 2025 903 Rancang Bangun Sistem Rekomendasi Lapak Usaha UMKM Kota Depok Berbasis Web Menggunakan Laravel dan React.js 1*,” Online, 2025.
M. A. Yaqin, “PENGEMBANGAN APLIKASI MARKETPLACE IKAN DI KABUPATEN PROBOLINGGO BERBASIS FRONTEND BACKEND MENGGUNAKAN REACT JS,” 2023.
W. Azrieel and N. Valentino, “Mengoptimalkan Komunikasi Dalam Tim Pengembangan Perangkat Lunak Melalui Pendekatan Agile Dengan Scrum: Literature Review,” JATI (Jurnal Mahasiswa Teknik Informatika), vol. 8, no. 4, pp. 4373–4378, 2024, doi: 10.36040/jati.v8i4.9949.
N. I. Yusman, M. Furqon, M. Wijana, and R. Rohmanto, “Rancang Bangun Sistem Informasi Point of Sale Berbasis Web dengan Metode Scrum,” Jurnal Accounting Information System (AIMS, vol. 8, no. 2, pp. 189–198, 2025, doi: 10.32627.
This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.
