Syariffullah
61 lines
2.9 KiB
Markdown
61 lines
2.9 KiB
Markdown
# 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.
|