170 lines
3.7 KiB
Markdown
170 lines
3.7 KiB
Markdown
# 🗺️ WebGIS Pemetaan Kemiskinan dan Distribusi Bantuan (Kota Pontianak)
|
|
|
|
Sebuah Sistem Informasi Geografis (*Geographic Information System / GIS*) berbasis web yang dirancang dengan arsitektur *Single Page Application (SPA)* untuk:
|
|
|
|
* Memetakan demografi kemiskinan
|
|
* Mengkalkulasi kelayakan bantuan secara otomatis
|
|
* Mengelola respons darurat musibah
|
|
* Memfasilitasi pendataan talenta untuk pemberdayaan warga
|
|
|
|
Sistem ini dibangun dengan kontrol otorisasi tingkat lanjut (*Role-Based Access Control / RBAC* & *Geofencing*) serta menggunakan algoritma *Sistem Pendukung Keputusan (SPK)* terintegrasi.
|
|
|
|
---
|
|
|
|
## ✨ Fitur Utama (Core Features)
|
|
|
|
### 🔐 Gatekeeper Authentication
|
|
|
|
* Sistem layar kunci persisten
|
|
* Enkripsi kata sandi menggunakan standar *BCRYPT*
|
|
* Validasi sesi berbasis API (*Anti Client-Side Amnesia*)
|
|
|
|
### 🗺️ Pemetaan Spasial & Geofencing
|
|
|
|
* Visualisasi interaktif menggunakan *Leaflet.js*
|
|
* Penentuan radius wewenang operasional
|
|
* *Reverse Geocoding* via *Nominatim API*
|
|
|
|
### 📊 SPK Kemiskinan Otomatis
|
|
|
|
* Klasifikasi tingkat kemiskinan:
|
|
|
|
* Sangat Miskin
|
|
* Miskin
|
|
* Rentan
|
|
* Menggunakan:
|
|
|
|
* Garis Kemiskinan Regional
|
|
* *Proxy Means Testing (PMT)*
|
|
|
|
### 📦 Distribusi Bantuan Cerdas (Smart Autofill)
|
|
|
|
* Rekomendasi logistik berbasis status kemiskinan
|
|
* Perhitungan proporsional (*pro-rata*)
|
|
|
|
### 🚨 Manajemen Krisis (Visual Alert)
|
|
|
|
* Peringatan dini berbasis geospasial
|
|
* Animasi visual (kelap-kelip merah) untuk lokasi darurat
|
|
|
|
### 🔄 Resolusi Musibah Otomatis (Auto-Resolve)
|
|
|
|
* Menggunakan *Database Transactions*
|
|
* Status darurat otomatis selesai setelah bantuan disalurkan
|
|
|
|
### 🎯 Filter Pelatihan Algoritmik
|
|
|
|
* Seleksi otomatis kandidat pelatihan berdasarkan:
|
|
|
|
* Usia produktif
|
|
* Tingkat pendidikan
|
|
* Status pengangguran
|
|
|
|
---
|
|
|
|
## 🛠️ Stack Teknologi (Tech Stack)
|
|
|
|
### Frontend
|
|
|
|
* HTML5 & CSS3 (*Native*)
|
|
* JavaScript (*ES6+ / Vanilla JS*)
|
|
* *Leaflet.js*
|
|
* *Fetch API*
|
|
|
|
### Backend
|
|
|
|
* PHP 8.x (API & Session Handling)
|
|
* PDO (*PHP Data Objects*)
|
|
* MySQL / MariaDB
|
|
|
|
---
|
|
|
|
## ⚙️ Persyaratan Sistem (Prerequisites)
|
|
|
|
Untuk menjalankan proyek ini secara lokal:
|
|
|
|
* Web Server (*XAMPP / MAMP / Laragon*)
|
|
* PHP ≥ 7.4 (disarankan 8.x)
|
|
* MySQL / MariaDB
|
|
* Koneksi internet (untuk OpenStreetMap & Nominatim API)
|
|
|
|
---
|
|
|
|
## 🚀 Panduan Instalasi (Installation Guide)
|
|
|
|
### 1. Clone Repositori
|
|
|
|
```bash
|
|
git clone https://github.com/ChronosSilver/WebGis-SIG-UAS.git
|
|
```
|
|
|
|
### 2. Konfigurasi Database
|
|
|
|
* Buka: `http://localhost/phpmyadmin`
|
|
* Buat database:
|
|
|
|
```
|
|
webgis_kemiskinan
|
|
```
|
|
* Import file `.sql` dari repositori
|
|
|
|
### 3. Konfigurasi Koneksi PHP
|
|
|
|
Edit file `koneksi.php`:
|
|
|
|
```php
|
|
$host = "localhost";
|
|
$user = "root";
|
|
$pass = "";
|
|
$dbname = "webgis_pontianak";
|
|
```
|
|
|
|
### 4. Jalankan Aplikasi
|
|
|
|
Akses melalui browser:
|
|
|
|
```
|
|
http://localhost/004(fin)/
|
|
```
|
|
|
|
---
|
|
|
|
## 🔒 Akses Pengujian (Dummy Credentials)
|
|
|
|
Gunakan akun berikut:
|
|
|
|
```
|
|
Username: admin
|
|
Password: admin
|
|
```
|
|
|
|
> Anda juga dapat membuat akun baru melalui fitur registrasi.
|
|
|
|
---
|
|
|
|
## 📂 Struktur Direktori
|
|
|
|
```
|
|
📦 root-directory
|
|
┣ 📂 components # UI modular (Sidebar, Modal)
|
|
┣ 📂 otak_auth # API autentikasi
|
|
┣ 📂 otak_kemiskinan # CRUD & SPK warga
|
|
┣ 📂 otak_jalan # Data Polyline
|
|
┣ 📂 otak_tanah # Data Polygon
|
|
┣ 📂 otak_spbu # Data SPBU
|
|
┣ 📜 app.js # Logika utama sistem
|
|
┣ 📜 style.css # UI & animasi
|
|
┣ 📜 koneksi.php # Koneksi database
|
|
┗ 📜 index.php # Entry point
|
|
```
|
|
|
|
---
|
|
|
|
## 📝 Lisensi
|
|
|
|
Proyek ini dikembangkan sebagai bagian dari penelitian akademik / tugas perkuliahan
|
|
Universitas Tanjungpura (2026) oleh Nelson Davey (D1041231058).
|
|
|
|
Segala bentuk distribusi dan modifikasi mengikuti kebijakan hak cipta yang berlaku.
|
|
|
|
--- |