diff --git a/README.md b/README.md index 39844fa..fad0816 100644 --- a/README.md +++ b/README.md @@ -1,29 +1,39 @@ # WebGIS Poverty -Proyek WebGIS sederhana untuk visualisasi data kemiskinan dan fasilitas. +Proyek WebGIS sederhana untuk visualisasi data kemiskinan dan fasilitas umum di wilayah tertentu. -**Persyaratan** -- PHP + Apache (mis. XAMPP) -- MySQL +## 🚀 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**. -**Setup singkat** -1. Tempatkan folder proyek di `htdocs` (sudah di c:\xampp\htdocs...). -2. Mulai Apache dan MySQL (XAMPP). -3. Buat database bernama `webgis_poverty` atau sesuaikan `api/config/database.local.php`. -4. Buka [index.html](index.html) di browser. +## 🛠️ 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). -**File konfigurasi penting** -- `api/config/database.local.php` — konfigurasi koneksi database lokal. -- `api/config/database.local.php.example` — contoh konfigurasi. +## 📋 Persyaratan +* PHP + Apache (mis. XAMPP atau Laragon) +* MySQL/MariaDB -**Endpoint API** -- `api/data_jalan.php` -- `api/data_parsil.php` -- `api/log_bantuan.php` -- `api/penduduk_miskin.php` -- `api/rumah_ibadah.php` -- `api/spbu.php` +## ⚙️ 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_poverty` 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_poverty_fixed/` atau langsung melalui `index.html`). -**Frontend** -- CSS: `css/app.css` -- JS: `js/app-core.js`, `js/feature-*.js` +## 📁 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.