Pengembangan Dashboard Admin menggunakan React JS dan Ant Design pada Toko Berkat

Rafael Deandra Pradipta(1*), Yeremia Alfa Susetyo(2),

(1) Universitas Kristen Satya Wacana, Salatiga, Jawa Tengah, Indonesia
(2) Universitas Kristen Satya Wacana, Salatiga, Jawa Tengah, Indonesia
(*) Corresponding Author

Abstract


The development of a web-based administrative dashboard for CV Berkat was conducted using the React JS framework and the Ant Design library. The application development process followed the waterfall method, ensuring that each phase, from requirements analysis to system maintenance, was fulfilled and completed systematically. This dashboard is designed to monitor sales data, product management, and employee reports with an attractive and interactive user interface. Based on testing result using Lighthouse, it was shown that the application performs more optimally when hosted compared to running locally, with assesment metrics such as Largest Contentful Paint (LCP) and Total Blocking Time (TBT) showing better results. The combination of React JS and Ant Design has proven to accelerate the development process thanks to the readily available components and support for the Single Page Application (SPA) method. Overall, this dashboard meets CV Berkat’s needs for real-time and efficient data monitoring while also facilitating future feature development.


Full Text:

PDF

References


A. R. Akhdani, “Implementasi React.Js Pada Pengembangan Frontend Sistem Informasi Manajemen Kader Partai,” Universitas Islam Indonesia, Yogyakarta, 2022.

M. Ramadhan, A. M. Thantawi, dan S. Setiawati, “Rancang Bangun Dashboard Admin Monitoring Pencapaian Prestasi Belajar Siswa Di SMKN 33 Jakarta Berbasis Web,” Open Journal System Universitas Persada Indonesia Y.A.I, vol. 7, hlm. 72, Jul 2023, [Daring]. Tersedia pada: https://journals.upi-yai.ac.id/index.php/ikraith-informatika/issue/archive

A. Azizi, M. Naufal, A. Ghazali, O. S. Khair, Z. Tsabit, dan S. Kusnandar, “Pengembangan Dashboard Admin Bukupedia,” Jurnal Teknik Indonesia, vol. 3, hlm. 13–21, Jan 2024, doi: 10.58860/jti.v3i1.

N. David Maria Veronika, Y. Darnita, U. Muhammadiyah Bengkulu, dan I. Korespondensi, “Perancangan Sistem Dashboard Monitoring Data Pelanggan Perusahaan Air Minum Daerah (Perumda) Tirta Hidayah Kota Bengkulu Berbasis Website,” 2022.

G. Sai Teja, D. Deepak Manchala, G. Bhargav, dan M. K. Naga Sailaja, “Empowering Enterprise Development by Building and deploying Admin Dashboard using Refine Framework,” Cornell University, hlm. 1–12, Apr 2024.

F. T. Anaclaudia, D. Pramana, dan I. M. B. Saputra, “Reactjs and Expressjs Implementation In PMK ITB STIKOM Bali Activity Management,” APTISI Transactions on Technopreneurship, vol. 5, no. 3, hlm. 216–226, Nov 2023, doi: 10.34306/att.v5i3.313.

J. Panjaitan dan A. F. Pakpahan, “Perancangan Sistem E-Reporting Menggunakan ReactJS dan Firebase,” Jurnal Teknik Informatika dan Sistem Informasi, vol. 7, no. 1, Apr 2021, doi: 10.28932/jutisi.v7i1.3098.

A. A. Kroons dan C. Dewi, “Pengembangan Dashboard Trivy Berbasis Website Menggunakan React Js Dan Golang,” Jurnal Indonesia : Manajemen Informatika dan Komunikasi, vol. 4, no. 3, hlm. 1037–1049, Sep 2023, doi: 10.35870/jimik.v4i3.295.

W. Velasquez, “Sensor Network Simulator Prototype With Real-Time Environmental Data Monitoring to Build Smart Application,” IEEE Access, vol. 9, hlm. 144530–144539, 2021, doi: 10.1109/ACCESS.2021.3122829.

V. Adi Kurniyanti dan D. Murdiani, “Perbandingan Model Waterfall Dengan Prototype Pada Pengembangan System Informasi Berbasis Website,” Jurnal Syntax Fusion, vol. 2, no. 08, hlm. 669–675, Agu 2022, doi: 10.54543/fusion.v2i08.210.

M. Fariz, S. Lazuardy, dan D. Anggraini, “Modern Front End Web Architectures with React.Js and Next.Js,” International Research Journal of Advanced Engineering

and Science, vol. 7, no. 1, hlm. 132–141, 2022.

S. Salonen, “Evaluation Of Ui Component Libraries In React Development,” Tampereen yliopisto, hlm. 1–46, Apr 2023.

N. Tran, “Application for booking doctor ap-pointments Implement and Design a Full-Stack Booking Doctor Appointment,” Tampere University of Applied Sciences, hlm. 1–48, Mei 2024.

T. Le, “Comparison of State Management Solutions between Context API and Redux Hook in ReactJS Title: Comparison of State Management Solutions between Context API and Redux Hook in ReactJS,” Metropolia, hlm. 1–42, Mar 2021.

M. J. Dewi dan Nurdin, “Analisis Performa Platform Sosial Media Menggunakan Perbandingan Software Automated Testing,” Information Management for Educators and Professionals, vol. 7, no. 2, hlm. 164–173, Jun 2023.




DOI: https://doi.org/10.30645/kesatria.v6i1.553

DOI (PDF): https://doi.org/10.30645/kesatria.v6i1.553.g548

Refbacks

  • There are currently no refbacks.


Published Papers Indexed/Abstracted By: