Pengembangan Sistem Reservasi Fasilitas Kampus Berbasis Web Menggunakan Arsitektur Laravel-Inertia-React

Abstract

Peminjaman fasilitas di Universitas Pendidikan Ganesha masih mengandalkan sistem manual melalui surat fisik yang tidak transparan. Keterbatasan akses jadwal secara real-time menyebabkan bentrok penggunaan ruangan, lambatnya birokrasi persetujuan, serta risiko kehilangan data pengarsipan. Penelitian ini mengusulkan SmartCampus, sistem informasi reservasi fasilitas berbasis web yang memusatkan data ketersediaan ruangan dan mendigitalisasi alur persetujuan peminjaman. Kontribusi penelitian ini adalah penerapan arsitektur monolitik modern menggunakan Inertia.js untuk menghubungkan Laravel dan React, sehingga antarmuka Single Page Application yang responsif dibangun tanpa perlu memelihara REST API terpisah. Pengembangan sistem dilakukan melalui analisis kelayakan, perencanaan alur pengguna, dan implementasi front-end React serta Tailwind CSS di atas backend Laravel 11. Pengujian dilakukan dengan metode black-box testing untuk memverifikasi fungsionalitas sistem. Sistem mencakup fitur autentikasi berbasis peran serta dashboard dinamis sesuai hak akses. Pengguna dapat mengakses direktori fasilitas visual dan mengajukan peminjaman melalui formulir digital. Admin dilengkapi tabel persetujuan serta dashboard laporan analitik yang menyajikan statistik reservasi dan peringatan pemeliharaan. Selama pengujian, ditemukan kendala teknis perbedaan tipe data pada sisi React, yang berhasil diatasi dengan type casting eksplisit. Secara keseluruhan, fitur utama berjalan sesuai kebutuhan fungsional. SmartCampus terbukti mampu memusatkan informasi ketersediaan fasilitas, mempercepat birokrasi persetujuan, dan menekan risiko bentrok jadwal, sebagai solusi digitalisasi manajemen aset kampus yang transparan dan efisien.