739e360018733f2e0d9b9bdc5d180e02c8a4ff95
WebGIS Poverty
Proyek WebGIS sederhana untuk visualisasi data kemiskinan dan fasilitas umum di wilayah tertentu.
🚀 Fitur Utama
- Analisis Proximity: Perhitungan jangkauan radius/buffer antara lokasi penduduk miskin dan rumah ibadah terdekat.
- Log Bantuan: Pencatatan riwayat penyaluran bantuan sosial.
- Pemetaan Spasial: Visualisasi dan input data titik (SPBU/Rumah Ibadah), garis (Jalan), dan area (Parsil tanah).
- Kalkulasi Spasial: Perhitungan otomatis panjang jalan dan luas area parsil tanah secara real-time menggunakan Turf.js.
🛠️ Teknologi yang Digunakan
- Backend: PHP Native (REST API) & MySQL.
- Frontend: Vanilla HTML/CSS/JS, Leaflet.js (peta interaktif), Leaflet Draw (alat menggambar di peta), dan Turf.js (kalkulasi spasial).
📋 Persyaratan
- PHP + Apache (mis. XAMPP atau Laragon)
- MySQL/MariaDB
⚙️ Cara Setup
- Tempatkan folder proyek di dalam direktori
htdocsserver lokal. - Mulai modul Apache dan MySQL (di XAMPP Control Panel).
- Buat database bernama
webgis_povertydan import filedatabase.sqlke dalamnya. - Salin file
api/config/database.local.php.examplemenjadiapi/config/database.local.phplalu sesuaikan konfigurasi database. - Buka webgis melalui browser (misal:
http://localhost/webgis_poverty_fixed/atau langsung melaluiindex.html).
📁 Struktur File Penting
Backend (REST API)
api/config/database.local.php— Konfigurasi koneksi database lokal.api/penduduk_miskin.php— API data penduduk miskin (termasuk aksi hitung ulang kedekatan).api/rumah_ibadah.php— API data rumah ibadah.api/log_bantuan.php— API log bantuan sosial.api/data_jalan.php,api/data_parsil.php,api/spbu.php— API data spasial lainnya.
Frontend
index.html— Halaman dashboard utama.css/app.css— File styling antarmuka.js/app-core.js— Inisialisasi peta Leaflet dan fungsi umum.js/feature-*.js— File logika interaktif per modul fitur.
Description
Languages
JavaScript
40.6%
PHP
27.3%
CSS
24.3%
Hack
7.8%