Implementation UI/UX Design in the Development of an E-Reporting General Ledger System
Article Sidebar
Main Article Content
Abstract
The General Ledger is a fundamental accounting record used to document all financial transactions within an organization, including assets, liabilities, equity, revenues, and expenses. At the Adhika Narama Block L Residents Association, financial management, transaction recording, and reporting are still performed manually at the beginning of each month. This manual process frequently results in discrepancies between recorded cash inflows and actual cash balances, thereby reducing the accuracy and efficiency of financial reporting. This study aims to utilize the Laravel Scheduler to automate the calculation of cash inflows and outflows and to generate electronic General Ledger reports at the beginning of each month. By automating the financial reporting process, the proposed system is expected to improve the accuracy, efficiency, and reliability of financial reporting. The research adopts UI/UX design principles to develop an intuitive and user-friendly interface while employing the PIECES framework to analyze the existing system and identify areas for improvement. The application is developed using Laravel Framework version 11 with MySQL as the database management system. Furthermore, the system is implemented as a web-based application, and its functionality is evaluated through Black-Box Testing and User Acceptance Testing (UAT) to ensure that it meets both the functional requirements and user expectations.
Article Details
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
References
C. Finke et al., "Enhancing Supply Chains with Distributed Ledger Technology: Expert Insights and Design Recommendations," Procedia Computer Science, vol. 277, pp. 2919–2932, 2026.
R. Fajar, A. Anggun, and V. Apriade, "Penerapan Metode Design Thinking Dalam Perancangan UI/UX Aplikasi Manajemen Keuangan," Jurnal Teknologi Dan Sistem Informasi Bisnis, vol. 7, no. 2, pp. 327–333, 2025.
I. T. Hasan et al., "UI/UX Design Impact on E-Commerce Attracting Users," Procedia Computer Science, vol. 245, pp. 1075–1082, 2024.
A. Karimullah, A. Rizal, and A. S. Y. Irawan, "Perancangan UI/UX Aplikasi Transportasi Publik Berbasis Mobile Dengan Metode User Centered Design," JITET (Jurnal Informatika dan Teknik Elektro Terapan), vol. 12, no. 3, pp. 625–629, 2024.
N. Abidin, A. Aini, and M. Izzuddin, "Pengembangan Sistem Informasi Manajemen Keuangan Sekolah Berbasis Web Menggunakan Whatsapp Gateway," Jurnal Informatika Terpadu, vol. 9, no. 2, pp. 74–81, 2023.
I. S. Ningsih, H. Mulyono, and F. Rini, "Sistem Informasi Pembayaran SPP Menggunakan Whatsapp Gateway di SMK Tamansiswa Padang," JURTEII J. Teknol. Inf., vol. 1, no. 2, pp. 28–32, 2022, doi: 10.22202/jurteii.2022.5715.
T. S. Maulidda and S. M. Jaya, "Perancangan Sistem Informasi Berbasis Web Melalui Whatsapp Gateway Studi Kasus Sekolah Luar Biasa-Bc Nurani," J. Teknol. Inf. dan Komun., vol. 11, no. 1, pp. 38–44, 2021, doi: 10.56244/fiki.v11i1.421.
L. Hakim, S. P. Kristanto, M. N. Shodiq, and E. Amaliyah, "Aplikasi Penerimaan dan Pengeluaran Kas Berbasis Web dan WhatsApp Gateway," J. Tekno Kompak, vol. 15, no. 1, p. 13, 2021, doi: 10.33365/jtk.v15i1.900.
I. F. Ramadhan and H. M. Aji, "Enhancing Repository Application UI/UX through Design Thinking Approach," Journal of Scientific, Research, Education, and Technology, vol. 3, no. 4, pp. 1541–1552, 2024.
G. W. M. Tangka and E. M. Lompoliu, "Perancangan Desain UI/UX Aplikasi Manajemen Keuangan Menggunakan Metode Design Thinking," Journal of Information Systems Research (JOSH), vol. 5, no. 4, pp. 1196–1206, 2024, doi: 10.47065/josh.v5i4.5680.
M. Diana and M. Ilma, "Redesigning website interface using UI/UX and design thinking approaches to improve user performance and satisfaction," Procedia Computer Science, vol. 284, pp. 797–804, 2026.
M. R. Nabawi, F. Wulandari, N. Safaat, and T. Darmizal, "Penerapan Desain UI/UX Pada Aplikasi Buku Kas Laundry Menggunakan Metode Lean UX," Journal of Information Systems Research (JOSH), vol. 5, no. 3, pp. 1–10, 2024, doi: 10.47065/josh.v5i3.5082.
D. Utama, F. Sari, and D. Desyanti, "Aplikasi Manajemen Pembayaran Uang Kuliah Berbasis Whatsapp API Di Sekolah Tinggi Teknologi Dumai," JUTEKINF (Jurnal Teknol. Komput. dan Informasi), vol. 10, no. 2, pp. 54–61, 2022, doi: 10.52072/jutekinf.v10i2.432.
A. Tahari, T. U. Kalsum, and J. Fredricka, "Create An E-Raport Application Using the Laravel Framework and Mysql," Jurnal Media Computer Science, vol. 4, no. 2, 2025, doi: 10.37676/jmcs.v4i2.
J. W. Freiman et al., "Full population testing: Applying multidimensional audit data sampling (MADS) to general ledger data auditing," International Journal of Accounting Information Systems, vol. 46, 2022.
R. Sholehurrohman, I. S. Ilman, M. Muhaqiqin, and R. Taufik, "Rancang Bangun Sistem Informasi Inventori Pada CV. Moria Berbasis Java," Jurnal Pepadun, vol. 3, no. 2, pp. 306–313, 2022.
G. B. R. L. Tobing, P. V. Adinata, F. D. Pranatasari, and K. Kristia, "The Impact of Sales Promotion, User Interface and User Experience Design on Shopee App Users’ Repurchase Intentions," International Journal of Engineering and Management Sciences, vol. 8, no. 3, pp. 90–104, 2023, doi: 10.21791/ijems.2023.027.
D. A. Shofiana, Y. Heningtyas, and S. Ayuni, "Optimizing Protection Settings at PT PLN (PERSERO) UP2D Lampung through User-Centered Design and Model-View-Controller Architecture," INTEGRA, vol. 3, no. 1, pp. 43–48, 2026, doi: 10.26554/integrajimcs.20263151.
L. Hashimy et al., "Distributed ledger technology as a catalyst for open innovation adoption among small and medium-sized enterprises," The Journal of High Technology Management Research, vol. 32, no. 1, 2021.
I. A. Jacqueline, "Refining UI/UX with Minimalist Design and AI: Towards Sustainable and Efficient Digital Experiences," Procedia Computer Science, vol. 269, pp. 669–680, 2025.
O. Sohaib, W. Hussain, and M. K. K. Badini, "User Experience (UX) and the Web Accessibility Standards," in Proc. IEEE, 2011. [Online]. Available: https://api.semanticscholar.org/CorpusID:8288890
Ferdianto, "Pengenalan User Experience Design," BINUS University Information Systems, Jun. 19, 2019. [Online]. Available: https://sis.binus.ac.id/2019/06/19/pengenalan-user-experience-design. [Accessed: May 1, 2026].
J. A. O'Brien and G. M. Marakas, Pengantar Sistem Informasi, Edisi 16. Jakarta: Salemba Empat, 2017.
H. A. Tohari, Analisis Serta Perancangan Sistem Informasi Melalui Pendekatan UML. Yogyakarta: Andi, 2014.
A. Rachman, Y. A. D. Saputra, M. Hafidz, Z. A. I. Sugiman, and Y. Sahria, "Perancangan UI/UX Aplikasi Integrasi Teknologi Finansial 'FiHub' Menggunakan Metode User-Centered Design," JITET (Jurnal Informatika dan Teknik Elektro Terapan), vol. 12, no. 1, pp. 625–629, 2024, doi: 10.23960/jitet.v12i1.3884.
V. H. Pranatawijaya, W. Widiatry, R. Priskila, and P. B. A. A. Putra, "Penerapan Skala Likert dan Skala Dikotomi Pada Kuesioner Online," J. Sains Dan Inform., vol. 5, no. 2, pp. 128–137, Dec. 2019, doi: 10.34128/Jsi.V5i2.185.
S. L. Ramadhan, I. Fitri, and A. Rubhasy, "Perancangan User Experience Aplikasi Pengajuan E-KTP Menggunakan Metode UCD Pada Kelurahan Tanah Baru," J. Tek. Inform. dan Sist. Inf., vol. 8, no. 1, 2021.