React JS Integration In Communication And Information Office Asset Management Interface
Penerapan React JS Pada Antarmuka Manajemen Aset Dinas Komunikasi Dan Informatika
DOI:
https://doi.org/10.21070/pels.v10i1.1797Keywords:
ReactJS, Agile Development, Asset Management System, Communication and Information Service, web-based applicationsAbstract
This study aims to implement ReactJS in the development of the Internal Asset Management System application interface in the Aptika Field of the Malang City Communication and Information Service. The development of this application aims to improve efficiency in managing asset data which was previously done manually, by accelerating the process of searching and managing data. The Agile Development approach is used in application development to provide flexibility in adjusting user needs during the development process. The main components of the application include a login system, dashboard, asset management, and user management features. The technologies used in the development of this application include ReactJS, JavaScript ES6+, HTML5, CSS3, and API integration using Axios. The results of the implementation show that the application is able to facilitate asset management faster, more accurately, and more easily accessible to admins and operators. In addition, the use of modular components in ReactJS facilitates maintenance and development of features in the future. Evaluation of application performance using Google Lighthouse and React Developer Tools shows a significant increase in page loading speed and data search.
Downloads
References
V. Febrianto, “Pemkot Malang berkomitmen tingkatkan layanan digital,” ANTARA. [Online]. Available: https://jatim.antaranews.com/berita/751638/pemkot-malang-berkomitmen-tingkatkan-layanan-digital
D. Widhyaestoeti, K. T. Agnes, J. Jaenudin, F. Rachmawati, F. Fatimah, and B. Wulandari, “Pengembangan Aplikasi Berbasis Web Untuk Meningkatkan Pemesanan Produk UMKM KIMELS HIJAB,” J. Pengabdi. Pada Masy., vol. 9, no. 1, pp. 165–174, 2024, doi: 10.30653/jppm.v9i1.650.
H. Kusuma and A. Egatya, “Cara Pemkot Malang Wujudkan Layanan Digital Dengan SPBE,” Viva. [Online]. Available: https://malang.viva.co.id/politik/2038-cara-pemkot-malang-wujudkan-layanan-digital-dengan-spbe?page=1
S. Mufti Prasetiyo, M. Ivan Prayogi Nugroho, R. Lima Putri, and O. Fauzi, “Pembahasan Mengenai Front-End Web Developer dalam Ruang Lingkup Web Development,” J. Multidisiplin Ilmu, vol. 1, no. 6, pp. 1015–1020, 2022.
Admin_dti, “ReactJS: Definisi, Fitur, Manfaat, Cara Kerja, Keunggulan dan Kekurangan,” Telkom University Jakarta. [Online]. Available: https://jakarta.telkomuniversity.ac.id/reactjs-definisi-fitur-manfaat-cara-kerja-dan-keunggulan/
L. Iswari and Nasution, “Penerapan React JS Pada Pengembangan FrontEnd,” Automata, vol. 2, no. 2, pp. 193–200, 2021.
D. Hindarto, “The Management of Projects is Improved Through Enterprise Architecture on Project Management Application Systems,” Int. J. Softw. Eng. Comput. Sci., vol. 3, no. 2, pp. 151–161, 2023, doi: 10.35870/ijsecs.v3i2.1512.
K. Schwaber and J. Sutherland, “Scrum Guide V7,” Agil. Metrics Agil. Heal. Metrics Predict., no. November, pp. 133–152, 2020.
M. Fariz, S. Lazuardy, and D. Anggraini, “Modern Front End Web Architectures with React.Js and Next.Js,” Int. Res. J. Adv. Eng. Sci., vol. 7, no. 1, pp. 132–141, 2022.
D. Grover and H. Kunduru, ES6 for Humans. 2017. doi: 10.1007/978-1-4842-2623-0.
Axios Documentation, “Getting Started with Axios: HTTP Client for the Browser and Node.js,” Axios. [Online]. Available: https://axios-http.com/docs/intro
A. De Lucia and A. Qusef, “Requirements engineering in agile software development,” J. Emerg. Technol. Web Intell., vol. 2, no. 3, pp. 212–220, 2010, doi: 10.4304/jetwi.2.3.212-220.
G. Developers, “Lighthouse: Performance Auditing for the Web,” Google. [Online]. Available: https://developer.chrome.com/docs/lighthouse/overview
H. Ben Kora and M. Manita, “Modern Front-end Web Architecture Using React.Js and Next.Js,” University of Zawia Journal of Engineering Sciences and Technology, vol. 2, no. 1, pp. 1–13, 2024. DOI: https://doi.org/10.26629/uzjest.2024.01.
Z. Hoy and M. Xu, “Agile Software Requirements Engineering Challenges-Solutions—A Conceptual Framework from Systematic Literature Review,” Information, vol. 14, no. 6, Art. no. 322, 2023. DOI: https://doi.org/10.3390/info14060322.
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2026 Brigide Tirenia Loresta, Ade Eviyanti
This work is licensed under a Creative Commons Attribution 4.0 International License.
