Optimalisasi Pencatatan Penjualan Pupuk Berbasis UI/UX Dengan Pendekatan HCD Untuk Meningkatkan Efisiensi Pemantauan Usaha
DOI:
https://doi.org/10.36050/qfhsb240Keywords:
Human-Centered Design, UI/UX, Progressive Web App, Sales, , RecordingAbstract
- Padamu Jaya Bersama is a company engaged in the sale of oil palm fertilizer and currently relies on manual transaction recording. This approach leads to various challenges, such as the risk of data loss, delays in information access, and inefficiencies in business monitoring processes. This study aims to address these issues by designing a digital recording system based on a Progressive Web App (PWA) optimized through the Human-Centered Design (HCD) approach. The HCD method is applied through the stages of inspiration, ideation, implementation, and testing, involving business owners and employees as the primary users. The interface design is created using low-fidelity wireframes developed with the Balsamiq tool to illustrate the basic structure and navigation flow of the system. The application is developed using HTML, PHP, CSS, and JavaScript technologies, featuring key functions such as sales recording, stock management, and report generation. Testing results indicate that the designed system improves recording efficiency, accelerates access to sales data, and facilitates business monitoring for the owner. This study concludes that the HCD approach is effective in producing a system that meets user needs.
References
[1] S. Dede, et al., “Penerapan Metode Human Centered Design (HCD) Untuk Perancangan UI/UX Aplikasi Smart Desa Subang,” Jurnal Teknologi Informasi, vol. 7, no. 2, 2023.
[2] A. Tengku, “Implementasi Lean UX pada Perancangan UI/UX Aplikasi UMKM di Pekanbaru,” Jurnal Sistem Informasi, vol. 5, no. 1, 2023.
[3] M. Pramesti, et al., “Perancangan UI/UX Aplikasi Pemesanan Buket Menggunakan Metode UCD,” Jurnal Rekayasa Sistem, vol. 4, no. 1, 2022.
[4] N. I. Khoirunisa, “Implementasi Design Sprint pada Aplikasi Golek Kost,” Jurnal Teknologi dan Sistem Informasi, vol. 6, no. 1, 2022.
[5] R. Sibuea, W. Windarto, “Pengembangan UI/UX Fitur Loan Calculator dengan Lean UX,” Jurnal Teknologi Informasi, vol. 8, no. 2, 2023.
[6] N. Zaelani, N. Suarna, and W. Prihartono, "Desain User Interface Website Pemesanan Online Produk Makanan Kripdunk dengan Metode User Centered Design," Jurnal Mahasiswa Teknik Informatika, vol. 7, no. 6, 2023.
[7] F. Maulana Alja, E. Daniati, and A. Ristyawan, "Perancangan UI/UX E-Commerce Menggunakan Metode User Centered Design (UCD)," Journal of Information System Management (JOISM), vol. 6, no. 1, 2024.
[8] H. Mubarok, P. Sokibi, and R. Fahrudin, "Perancangan UI/UX Website Menggunakan Metode Human Centered Design pada Hanjani Group," Jurnal Grafis, vol. 1, no. 2, 2023.
[9] F. Panjaitan and Soeheri, "Sistem Informasi Penjualan Produk Sembako Dengan Menggunakan Barcode: Design of Product Sales Information System Applications on CV. Surya Kencana Basic Food Using Barcodes," 2024. [Online]. Available: https://www.doi.org/10.22303.
[10] Masyarakat et al., “ Pendampingan Pencatatan Transaksi Menggunakan Aplikasi Sistem Kasir Mobile Di Toko Ricebox Chivers Indonesia” Journal of Business and Management Systems, vol. 5, no. 2, pp. 45–53, 2022.
[11] A. R. Setiadi and H. Setiaji, “Perancangan UI/UX menggunakan pendekatan HCD (Human-Centered design) pada website Thriftdoor,” 2021.
[12] S. M. Hartawan, “Penerapan User Centered Design (UCD) pada Wireframe Desain User Interface dan User Experience Aplikasi Sinopsis Film,” Swadharma Journal of Information Systems (JEIS), 2022.
[13] M. A. Komara, R. S. Wahyuni, I. Ferdiansyah, A. Y. Salim, and Y. H. Haerudin, “Sistem Informasi Penjualan Pupuk di PT. Hurip Utama Berbasis Web Fertilizer Sales Web Base Information System at PT. Hurip Utama,” Teknologika, vol. 14, no. 1, pp. 26–36, 2024, doi: 10.51132/teknologika.v14i1.
Downloads
Published
Issue
Section
License
Copyright (c) 2025 Rahel Lady Dear Purba, Unang Rio, Karpen, Fransiskus Zoromi (Author)

This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.






