Abimanyu Ridho 739e360018 update readme
2026-06-06 14:40:36 +07:00
2026-06-06 00:22:16 +07:00
2026-06-06 00:22:16 +07:00
2026-06-06 00:22:16 +07:00
2026-06-06 00:22:16 +07:00
2026-06-06 00:22:16 +07:00
2026-06-06 00:22:16 +07:00
2026-06-06 14:40:36 +07:00

WebGIS Poverty

Proyek WebGIS sederhana untuk visualisasi data kemiskinan dan fasilitas umum di wilayah tertentu.

🚀 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.

🛠️ 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).

📋 Persyaratan

  • PHP + Apache (mis. XAMPP atau Laragon)
  • MySQL/MariaDB

⚙️ 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).

📁 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.
S
Description
No description provided
Readme 143 KiB
Languages
JavaScript 40.6%
PHP 27.3%
CSS 24.3%
Hack 7.8%