Tantangan Bisnis
Organisasi menyimpan data spasial (polygon, line, point) di GeoServer tetapi tidak punya antarmuka yang ramah pengguna: petugas harus menyentuh server GIS hanya untuk menambah layer atau mengubah warna, tidak ada kontrol siapa boleh melihat layer tertentu, dan browser kerap diblokir kebijakan CORS saat memanggil tile/WMS langsung.
Membangun platform Web-GIS terpusat dengan peta interaktif berpopup detail objek, dashboard admin untuk CRUD layer beserta upload Shapefile (.zip) yang diproses otomatis, kustomisasi warna dasar & border per layer, generator marker centroid otomatis, serta hak akses layer granular per pengguna.
Solusi & Arsitektur
Ayah2Ngoding membangun WebGIS dengan Laravel 11, Inertia.js v2, React 18, dan OpenLayers 10. Seluruh request tile & data spasial dirutekan melalui Proxy Controller Laravel dengan Basic Auth yang tersimpan aman di tabel geoserver_configs lengkap uji koneksi dari panel admin, fallback otomatis ke mode anonim saat server balas 401, serta style SLD dinamis per layer.
Modul Utama Sistem
01Peta Interaktif OpenLayers
Engine peta responsif dengan layer switcher, zoom, pencarian, popup detail properti objek (GetFeatureInfo), dan penanda koordinat tengah layer untuk navigasi cepat.
02Manajemen Layer GIS
CRUD referensi layer GeoServer, toggle aktif/nonaktif, upload Shapefile (.zip) yang diproses & disinkronkan otomatis, serta kustomisasi warna dasar dan border per layer via color picker.
03Marker & Centroid Engine
Generator marker titik tengah (centroid) layer spasial langsung dari GeoServer, dilengkapi CRUD marker manual, impor massal, dan ekspor data.
04Kontrol Akses Spasial
Pembatasan layer peta per-pengguna dengan modal assignment multi-user sekaligus, dan daftar user berizin tampil langsung di tabel manajemen layer.
05Proxy GeoServer Aman
Routing tile & WFS melalui controller Laravel untuk menghindari CORS, kredensial tak pernah menyentuh browser, dengan fallback anonim dan tombol test koneksi.
06Administrasi & Audit Trail
Manajemen user beserta reset password, konfigurasi endpoint GeoServer terpusat, dan activity log semua aksi admin yang dapat diekspor.
“Dengan proxy terautentikasi dan kontrol akses per-layer, data spasial sensitif dapat dibuka ke tim operasional tanpa pernah mengekspos kredensial GeoServer ke sisi client.”
Dampak & Hasil Bisnis
- Operasi GIS Tanpa Sentuh Serveradmin menambah layer, mengubah warna, dan membuat marker langsung dari dashboard, termasuk upload Shapefile ZIP yang diproses dan disinkronkan otomatis ke database.
- Keamanan Data Spasial Berlapiskredensial GeoServer tersimpan di backend, seluruh request tile melewati proxy Laravel dengan fallback anonim 401, dan visibility layer dibatasi per-pengguna via middleware role.
- Auditabilitas Penuhsetiap aktivitas administrasi tercatat pada activity log yang dapat difilter dan diekspor, mendukung kepatuhan serta investigasi perubahan data spasial.