update readme

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.