Marine Cadastre WebGIS

Semester: Semester 4 (2024/2025 Genap)Category: WebGISRole: Assistant Developer & Deployment SpecialistTech: CodeIgniter 4, Leaflet.js, Bootstrap 5, GeoJSON, Cloudflare Pages

Ringkasan Proyek

Proyek kolaborasi lintas disiplin antara mahasiswa Teknik Geomatika dan Teknik Rekayasa Perangkat Lunak untuk mendigitalkan peta batas ruang laut, kedalaman batimetri, dan zonasi maritim di kawasan Tanjung Riau.

Masalah yang Dihadapi

Rekan mahasiswa Teknik Geomatika berhasil membangun purwarupa WebGIS fungsional menggunakan CodeIgniter 4 secara mandiri. Namun, karena keterbatasan waktu dan fokus pemetaan, kode lokal belum memenuhi standar struktur web publik, konvensi variabel belum terstandarisasi, dan alur publikasi ke hosting server publik masih belum terselesaikan menjelang batas akhir evaluasi akademik.

Solusi & Pendekatan Teknis

Masuk sebagai pengembang pendukung untuk merestrukturisasi direktori aplikasi, merapikan penamaan konvensi PHP, serta merancang script khusus (build_static.php) untuk mengekspor aplikasi dinamis menjadi kumpulan halaman HTML statis beserta aset GeoJSON dan Leaflet.js. Hasilnya di-deploy ke Cloudflare Pages dengan domain kustom marinecadastre.id dengan latensi minimal dan biaya server nol rupiah.

Fitur Utama

Peta interaktif berbasis Leaflet.js dengan layer zonasi maritim dan kedalaman batimetri.
Visualisasi data spasial poligon dan titik berbasis GeoJSON.
Desain responsif untuk presentasi desktop dan akses mobile.
Arsitektur serverless static yang menjamin kecepatan loading 100% dan bebas kendala server down.

Tantangan Rekayasa & Solusi

Melakukan refactoring struktur kode lokal yang belum standar tanpa merusak alur data Leaflet yang sudah berjalan.
Menangani resolusi path dinamis CodeIgniter 4 (base_url) agar tetap bekerja secara presisi saat diubah menjadi tautan relatif statis.
Memastikan seluruh payload GeoJSON berukuran besar dapat ter-cache optimal di Cloudflare CDN.

Hasil & Dampak Proyek

Website marinecadastre.id berhasil diluncurkan tepat waktu sebelum sidang penilaian PBL, mendapatkan respon sangat positif dari dosen pembimbing, serta memiliki performa 100% uptime.

Refleksi & Pembelajaran

Memperdalam kemampuan pemetaan data spasial berbasis web, teknik static site generation kustom dari framework monolitik PHP, dan strategi deployment di edge network.

View Live Demo ↗