Rancang Bangun Aplikasi Kasir Berbasis Web Menggunakan Library ReactJS dan Framework ExpressJS
(Studi Kasus Toko Haii Shoes Kendal)
DOI:
https://doi.org/10.55606/jitek.v6i2.11066Keywords:
Cashier Application, ExpressJS, ReactJS, Point of Sale, WaterfallAbstract
The purpose of this research is to design and build a web-based cashier application to solve the problems of transaction recording, report generation, and inventory management of product size variants which are still done manually using bookkeeping and Microsoft Excel at the Haii Shoes Kendal Store. The software development method used in this research is the Software Development Life Cycle (SDLC) with a Waterfall model approach. According to the development specifications, the software used to build this system includes the ReactJS library on the client-side interface (frontend), the ExpressJS framework on the server-side system (backend), Prisma ORM with the MySQL database management system, and Postman for API service testing. The analysis results of this study indicate that the built system has successfully automated sales recording (real-time), provided inventory management features along with their size variants precisely, and presented sales and profit recapitulation reports that can be exported. Based on the test results using the Black Box method and validation from end-users, all system functionalities have operated very well following the operational needs of the store.
References
[1] A. A. Zachy, I. Umami, and M. G. Azhari, “PERANCANGAN SISTEM INFORMASI PENJUALAN PRODUK SEPATU
UMKM BERBASIS WEBSITE,” J. Teknol. Dan Sist. Inf. Bisnis-JTEKSIS, vol. 4, no. 1, pp. 427–431, Jul. 2022, doi:
10.47233/jteksis.v4i2.566.
[2] M. Rahmat and L. A. Diyani, “Aplikasi Kasir Pintar Berbasis Android Terhadap Laporan Penjualan Di Umkm NN Shop,” Univ.
Bina Insa. Jl. Raya Siliwangi, vol. 9, no. 3, pp. 277–286, Aug. 2024, Accessed: Mar. 10, 2026. [Online]. Available: https://ejournalbinainsani.ac.id/index.php/JMBI/article/view/3153
[3] P. K. Dewi, S. E. Safitry, and A. F. Mustoffa, “PENGGUNAAN APLIKASI KASIR PINTAR DALAM PENCATATAN
KEUANGAN (STUDI KASUS UMKM POKLAHSAR WISNA FRESH),” J. Abdimas Sangkabira, vol. 1, no. 2, pp. 98–109, Jun.
2021, doi: 10.29303/abdimassangkabira.v1i2.34.
[4] F. Margana and A. Safera, “Rancangan Sistem Informasi Penjualan Berbasis Web Dengan Metode Waterfall Pada Toko Sepatu RR
Pratama,” J. Comput. Sci. Technol., vol. 2, no. 2, pp. 40–46, Nov. 2022, doi: 10.54840/jcstech.v2i2.51.
[5] S. K. Murti and A. Sujarwo, “Membangun Antarmuka Pengguna Menggunakan ReactJs untuk Modul Manajemen Pengguna,”
AUTOMATA, pp. 1–6, 2021, Accessed: Mar. 10, 2026. [Online]. Available:
https://journal.uii.ac.id/AUTOMATA/article/view/19443
[6] M. Fikriansyah et al., “PEMBUATAN WEBSITE SEDERHANA MENGGUNAKAN REACTJS DAN TAILWINDCSS DI
SMK TARUNA BHAKTI,” APPA J. Pengabdi. Kpd. Masy., vol. 1, no. 5, pp. 373–378, Feb. 2024, Accessed: Mar. 10, 2026. [Online].
Available: https://jurnalmahasiswa.com/index.php/appa/article/view/789
[7] S. Azhariyah and Muhammad Mukhlis, “Framework CSS: Tailwind CSS Untuk Front-End Website Store PT. XYZ,” J. Inform., vol.
3, no. 1, pp. 30–36, Apr. 2024, doi: 10.57094/ji.v3i1.1601.
[8] R. K. Safitri and H. P. Putro, “Implementasi REST API untuk Komunikasi Antara ReactJS dan NodeJS (Studi Kasus: Modul
Manajemen User Solusi247),” AUTOMATA, pp. 1–5, 2021, Accessed: Mar. 10, 2026. [Online]. Available:
https://journal.uii.ac.id/automata/article/view/17381
[9] M. Muthmainnah, “Rancang Bangun REST-API pada Sistem Informasi Penjualan Menggunakan Express JS pada Toko Kue Variant
Cake,” Sekolah Tinggi Teknologi Terpadu Nurul Fikri, 2024. Accessed: Mar. 10, 2026. [Online]. Available:
https://repository.nurulfikri.ac.id/id/eprint/654/
[10] Y. Loui Pattinama, FERDIANSYAH, I. Susanti, and Painem, “Implementasi Rest API Web Service Dengan Otentifikasi JSON
Web Token Untuk Aplikasi Properti,” Inform. J. Ilmu Komput., vol. 19, no. 1, pp. 81–89, May 2023, doi: 10.52958/iftk.v19i1.5724.
[11] A. Pudoli, Y. Yulianawati, and I. Suwandi, “Implementasi Web Service Restful Dengan Autentikasi JSon Web Token Berbasis Web
dan Android,” Acad. J. Comput. Sci. Res., vol. 5, no. 2, pp. 95–103, Jul. 2023, doi: 10.38101/ajcsr.v5i2.9410.
[12] R. Wijaya et al., “Implementasi CI/CD untuk Build dan Deploy Website dengan Docker Runner pada Organisasi Belajar Linux ID,”
in Seminar Nasional Teknologi Informasi dan Komunikasi (SeNTIK) STMIK Jakarta STI&K, Jul. 2021, pp. 173–178. Accessed: Mar. 10,
2026. [Online]. Available: https://ejournal.jak-stik.ac.id/index.php/sentik/article/view/3243
[13] D. Kurniawan and Y. M. Saputra, “Implementasi Ansible pada Otomasi Honeypot Deployment Berbasis Web,” J. Internet Softw.
Eng., vol. 5, no. 2, pp. 86–98, Nov. 2024, doi: 10.22146/jise.v5i2.10007.
[14] F. S. Hafizah, N. Mayasari, and R. R. Harahap, “Rancang Bangun Aplikasi Kasir Pada Kedai Kopi Fauzan Berbasis Web,” J. Sci.
Soc. Res., vol. 7, no. 3, pp. 875–879, Aug. 2024, doi: 10.54314/jssr.v7i3.2076.
[15] D. Adistyan Pranata, R. Indriati, A. Nugroho, and N. PGRI Kediri, “Desain UI/UX E-Commerce Menggunakan Aplikasi Figma,”
in INOTEK (Prosiding SEMNAS INOTEK), Online, Aug. 2024, pp. 413–422. doi: 10.29407/inotek.v8i1.4959.
[16] A. D. Ramadhan and Y. Prayudi, “IMPLEMENTASI OBJECT-RELATIONAL MAPPING (ORM) PRISMA DALAM
PERANCANGAN RESTFUL API UNTUK WEB SDA DIVISION DI PT TELKOM INDONESIA TBK,” Technol. J. Ilm., vol.
16, no. 2, pp. 256–264, Apr. 2025, doi: 10.31602/tji.v16i2.17880.
[17] A. C. Praniffa, A. Syahri, F. Sandes, U. Fariha, and Q. A. Giansyah, “Pengujian Sistem Informasi Parkir Berbasis Web Pada UIN
SUSKA RIAU Menggunakan White Box dan Black Box Testing,” J. Test. dan Implementasi Sist. Inf., vol. 1, no. 1, pp. 1–16, Mar. 2023,
doi: 10.55583/jtisi.v1i1.321.
[18] M. N. Saiholau, M. B. Pramadipta, W. E. Sulistiono, and Y. Mulyani, “RANCANG BANGUN BACKEND WEBSITE
PEMUNGUTAN SUARA DENGAN MENGGUNAKAN FRAMEWORK EXPRESS.JS,” J. Inform. dan Tek. Elektro Terap., vol.
12, no. 2, pp. 1433–1442, Apr. 2024, doi: 10.23960/jitet.v12i2.4261.
[19] M. Zein Akbar, M. Afrizal Nur, M. Fauzan Sabana, and T. Tanjung, “Perancangan Aplikasi Kasir Berbasis Website Pada Toko
Sembako Menggunakan Metode Waterfall,” OKTAL J. Ilmu Komput. dan Sci., vol. 1, no. 08, pp. 1274–1281, Jul. 2022, Accessed: Mar.
10, 2026. [Online]. Available: https://journal.mediapublikasi.id/index.php/oktal/article/view/509
[20] Y. Handoko Agustin, A. Latifah, and A. F. Nugraha, “Perancangan Sistem Informasi Aplikasi Kasir pada Kafe Restorasi Kopi
Berbasis Web,” J. Algoritm., vol. 18, no. 1, pp. 302–312, Nov. 2021, doi: 10.33364/algoritma/v.18-1.947.
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2026 Jurnal Informatika Dan Tekonologi Komputer (JITEK)
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
