Abimanyu Ridho
41 lines
2.1 KiB
Markdown
41 lines
2.1 KiB
Markdown
# 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.
|