Implementasi Front End Dan Crud User Website Inventaris Aset IT di Stasiun KCIC
Abstract
Pengelolaan inventaris aset IT di Stasiun Kereta Cepat Indonesia China (KCIC) yang masih dilakukan secara manual menimbulkan kendala berupa lamanya waktu pencatatan, kesulitan dalam pencarian informasi, dan rendahnya akurasi data. Penelitian ini bertujuan membangun website "Inventory Management System" untuk mengatasi masalah tersebut dengan fokus utamanya mengimplementasikan antarmuka pada website. Sistem ini dibangun menggunakan HTML, CSS, native JavaScript, dan PHP , serta dilengkapi fitur utama berupa manajemen aset dan fungsionalitas CRUD (Create, Read, Update, Delete) untuk pengelolaan pengguna dengan hak akses berbasis peran. Pengujian fungsionalitas dilakukan dengan metode black-box testing dengan hasil menunjukkan seluruh fitur seperti validasi login dan pembatasan hak akses pengguna berjalan sesuai dengan yang dirancang. Google Lighthouse untuk mengukur kinerja web dengan menunjukan hasil kinerja pada halaman-halaman utama menunjukkan hasil sangat baik, dengan skor performa mencapai 98-100, Total Blocking Time (TBT) 0ms, dan Interaction to Next Paint (INP) pada interaksi form sebesar 60ms. Hasil ini membuktikan bahwa sistem yang diimplementasikan tidak hanya fungsional, tetapi juga memiliki performa yang cepat dan responsif, sehingga dapat menjadi solusi untuk mendukung pengelolaan inventaris aset IT di stasiun KCIC.
Kata kunci: Manajemen Aset IT, Website Inventaris, Antarmuka, CRUD, Google Lighthouse
References
S. Aji and D. Pratmanto, “SISTEM INFORMASI INVENTORY BARANG MENGGUNAKAN METODE WATERFALL,” 2021. [Online]. Available: http://ejournal.bsi.ac.id/ejurnal/index.php/ijse
L. Nurlaela, A. Dharmalau, D. Nong, and T. Parida, “RANCANGAN SISTEM INFORMASI INVENTORY BARANG BERBASIS WEB STUDI KASUS PADA CV. LIMOPLAST,” vol. 2, no. 5, 2020.
M. Usnaini, V. Yasin, and A. Z. Sianipar, “Perancangan sistem informasi inventarisasi aset berbasis web menggunakan metode waterfall,” Jurnal Manajamen Informatika Jayakarta, vol. 1, no. 1, p. 36, Feb. 2021, doi: 10.52362/jmijayakarta.v1i1.415.
T. A. Kinaswara, N. R. Hidayati, and F. Nugrahanti, “Rancang Bangun Aplikasi Inventaris Berbasis Website pada Kelurahan Bantengan,” 2019.
J. S. Pasaribu, “PERANCANGAN SISTEM INFORMASI BERBASIS WEB PENGELOLAAN INVENTARIS ASET KANTOR DI PT. MPM FINANCE BANDUNG,” 2021.
J. S Pasaribu, “Development of a Web Based Inventory Information System,” International Journal of Engineering, Science and Information Technology, vol. 1, no. 2, pp. 24–31, Mar. 2021, doi: 10.52088/ijesty.v1i2.51.
A. Ferry Qadafi and A. D. Wahyudi, “SISTEM INFORMASI INVENTORY GUDANG DALAM KETERSEDIAAN STOK BARANG MENGGUNAKAN METODE BUFFER STOK,” Jurnal Informatika dan Rekayasa Perangkat Lunak (JATIKA), vol. 1, no. 2, pp. 174–182, 2020, [Online]. Available: http://jim.teknokrat.ac.id/index.php/informatika
N. L. De and E. Wahyudiari, “SISTEM INFORMASI INVENTORY BERBASIS WEB PADA CV BALI BATIK,” 2019.
H. Kholid Kz, M. Syahfiar, S. Jana, Muh. Fikri Abhyasa, and A. Firmansyah, “Pembuatan Website BUMDes Berbasis Opensid di Desa Wano untuk Meningkatkan Pengetahuan Masyarakat,” 2025.
J. Sains et al., “APLIKASI BUKU TAMU MENGGUNAKAN FITUR KAMERA DAN AJAX BERBASIS WEBSITE PADA KANTOR DISPORA KOTA MEDAN,” Dec. 2022.
R. Noviana, “PEMBUATAN APLIKASI PENJUALAN BERBASIS WEB MONJA STORE MENGGUNAKAN PHP DAN MYSQL,” JTS, vol. 1, no. 2, Jun. 2022.
F. Ahmad, “CASCADING STYLE SHEET,” 2021.
I. P. Sari, A. Jannah, A. M. Meuraxa, A. Syahfitri, and R. Omar, “Perancangan Sistem Informasi Penginputan Database Mahasiswa Berbasis Web,” Hello World Jurnal Ilmu Komputer, vol. 1, no. 2, pp. 106–110, Jul. 2022, doi: 10.56211/helloworld.v1i2.57.
A. Adli, T. Wihayanti, and D. Witarsyah, “Top 5 E-Commerce Performance Analysis Using Google Lighthouse Matrix,” 2023, pp. 239–248. doi: 10.2991/978-94-6463-340-5_21.
J. Shadiq, A. Safei, R. Wahyudin Ratu Loly, C. sitasi, L. Rwr, and P. Aplikasi Peminjaman Kendaraan Operasional Kantor Menggunakan BlackBox Testing, “INFORMATION MANAGEMENT FOR EDUCATORS AND PROFESSIONALS Pengujian Aplikasi Peminjaman Kendaraan Operasional Kantor Menggunakan BlackBox Testing,” Information Management for Educators and Professionals, vol. 5, no. 2, pp. 97–110, 2021.
B. Kenny, “Lighthouse user flows,” https://web.dev/articles/lighthouse-user-flows. Accessed: Jul. 03, 2025. [Online]. Available: https://web.dev/articles/lighthouse-user-flows
GOOGLE and Chrome For Developers, “METRIK DAN PERFORMA PADA GOOGLE LIGHTHOUSE,” https://developer.chrome.com/docs/lighthouse/performance/performance-scoring. Accessed: Jun. 18, 2025. [Online]. Available: https://developer.chrome.com/docs/lighthouse/performance/performance-scoring
R. Susanti and N. Cahyono, “ANALISIS DAN PERBANDINGAN PERFORMA WEBSITE PENERIMAAN MAHASISWA BARU PERGURUAN TINGGI SWASTA YOGYAKARTA,” 2024.
Z. Ðuric, “Comparative Analysis of Server-Side Rendering: React vs. Next.js,” Mar. 2025.
E. Kroon Celander and A. Möllestål, “A Comparative Analysis of Next.js, SvelteKit, and Astro for E-commerce Web Development,” 2024.
G. Bolén, “What Influences Rendering Performance in React Applications?,” 2025.
S. Fakhrunnisa and R. Kurniawan, “Perbandingan Kinerja Framework Front End Dalam Pengembangan Platform Talent Pool,” Technologia : Jurnal Ilmiah, vol. 15, no. 4, p. 966, Oct. 2024, doi: 10.31602/tji.v15i4.16750.
