Webgis-Class/README.md

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

1. Tempatkan folder proyek di dalam direktori htdocs server lokal.
2. Mulai modul Apache dan MySQL (di XAMPP Control Panel).
3. Buat database bernama webgis dan import file database.sql ke dalamnya.
4. Salin file api/config/database.local.php.example menjadi api/config/database.local.php lalu sesuaikan konfigurasi database.
5. Buka webgis melalui browser (misal: http://localhost/webgis_class/ atau langsung melalui index.html sebagai Landing Page).

📁 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_persil.php, api/spbu.php — API data spasial lainnya.

Frontend

• index.html — Halaman Landing Page (Menu Utama).
• kemiskinan.html, spbu.html, jalan.html, persil.html — Halaman spesifik masing-masing fitur.
• css/app.css, css/index.css — File styling antarmuka.
• js/app-core.js — Inisialisasi peta Leaflet dan fungsi umum.
• js/feature-*.js — File logika interaktif per modul fitur.