feat: implement map visualization, layer management, and searching for poverty data records

2026-06-06 14:25:49 +07:00
parent 977dec4e36
commit 5585c34c5c
11 changed files with 704 additions and 47 deletions
@@ -0,0 +1,60 @@
+# WebGIS Pemetaan Kemiskinan Kota Pontianak
+
+Aplikasi WebGIS sederhana berbasis Leaflet.js untuk memetakan data kemiskinan, sebaran penduduk miskin, log bantuan, rumah ibadah, SPBU, serta data jalan dan parsil tanah di Kota Pontianak.
+
+## Fitur Utama
+
+- **Pemetaan Interaktif**: Visualisasi peta dengan Leaflet.js yang berpusat di Kota Pontianak.
+- **Manajemen Data Spasial**:
+  - **SPBU**: Lokasi titik SPBU beserta informasi layanan 24 jam.
+  - **Jalan**: Fitur line/polyline dengan kategori status jalan (Nasional, Provinsi, Kabupaten).
+  - **Parsil**: Fitur area/polygon tanah dengan kategori sertifikasi (SHM, HGB, HGU, HP).
+  - **Rumah Ibadah**: Lokasi titik rumah ibadah (Masjid, Gereja, Vihara, dll) beserta jangkauan radius jemaah/bantuan.
+  - **Penduduk Miskin**: Pemetaan warga kurang mampu dan integrasi log/riwayat bantuan sosial yang disalurkan melalui rumah ibadah terdekat.
+- **Pencarian Cepat**: Cari data jalan, parsil, SPBU, atau rumah ibadah langsung dari bilah pencarian.
+- **Impor GeoJSON Eksternal**: Pengguna dapat menambahkan file GeoJSON dari perangkat lokal ke dalam peta.
+
+## Persyaratan Sistem
+
+- **Server Web**: Apache (misal menggunakan XAMPP atau Laragon).
+- **Bahasa Pemrograman**: PHP 7.4 ke atas.
+- **Database**: MySQL versi 5.7+ atau MariaDB versi 10.2+ (Wajib mendukung fitur fungsi spasial seperti `ST_GeomFromGeoJSON` dan `ST_AsGeoJSON`).
+
+## Cara Instalasi & Penggunaan
+
+1. **Unduh/Clone Repositori**:
+   Tempatkan folder `webgis-poverty-pontianak` di dalam direktori root server web Anda (misalnya `C:/xampp/htdocs/webgis/webgis-poverty-pontianak`).
+
+2. **Setup Database**:
+   - Buka phpMyAdmin atau MySQL client pilihan Anda.
+   - Buat database baru bernama `webgis`:
+     ```sql
+     CREATE DATABASE webgis;
+     ```
+   - Import file `database.sql` ke dalam database `webgis` tersebut.
+
+3. **Konfigurasi Koneksi**:
+   - Buka file [api/db_connect.php](api/db_connect.php).
+   - Sesuaikan konfigurasi host, user, password, dan database sesuai dengan setup database MySQL lokal Anda:
+     ```php
+     $host = "localhost";
+     $user = "root";
+     $pass = "";
+     $db   = "webgis";
+     ```
+
+4. **Jalankan Aplikasi**:
+   - Aktifkan modul **Apache** dan **MySQL** di Control Panel XAMPP Anda.
+   - Buka browser dan navigasikan ke alamat:
+     [http://localhost/webgis/webgis-poverty-pontianak/index.php](http://localhost/webgis/webgis-poverty-pontianak/index.php)
+
+## Struktur Folder
+
+- `api/` — Kumpulan REST API endpoint untuk operasi CRUD masing-masing fitur.
+  - `jalan/`, `parsil/`, `spbu/`, `rumah_ibadah/`, `penduduk_miskin/`, `log_bantuan/`
+- `assets/` — File aset frontend.
+  - `css/` — Gaya UI (custom style.css).
+  - `js/` — Logika frontend peta dan pengelolaan interaksi panel data.
+    - `features/` — Modul fitur Leaflet (menggambar peta, manajemen layer, geolokasi).
+- `index.php` — Halaman utama interface WebGIS.
+- `database.sql` — Skema database beserta data dummy Pontianak untuk pengetesan awal.