WebGIS - Sistem Analisis Geospasial Pengentasan Kemiskinan

Sebuah aplikasi WebGIS interaktif yang dirancang untuk melakukan analisis spasial terkait sebaran penduduk miskin dan infrastruktur pendukung (seperti fasilitas publik, jalan, parsil tanah, dll) di suatu wilayah. Aplikasi ini dibangun dengan tema visual Merah Putih yang modern.

Fitur Utama

• Peta Interaktif: Visualisasi peta secara real-time menggunakan Leaflet.js.
• Manajemen Data Geospasial:
  • 📍 Tambah/Edit Titik (Point)
  • 🛣️ Gambar Jaringan Jalan (Polyline)
  • ⬠ Gambar Area/Parsil Tanah (Polygon)
  • 🕌 Manajemen Data Fasilitas Publik (dengan radius jangkauan otomatis)
  • 👤 Pendataan Penduduk Miskin
• Analisis Spasial (Radius): Secara otomatis mendeteksi apakah seorang Penduduk Miskin berada di dalam atau di luar jangkauan radius bantuan (berbasis lokasi fasilitas publik terdekat).
• Dashboard Statistik: Rangkuman total data penduduk, fasilitas publik, dan persentase cakupan penanganan.
• Pencarian Cepat (Search): Fitur untuk mencari data spesifik (berdasarkan nama, NIK, dll) langsung dari sidebar.

Teknologi yang Digunakan

• Front-end: HTML5, CSS3 (Native / Tema Merah Putih), JavaScript (ES6+).
• Library Peta: Leaflet.js
• Back-end: PHP
• Database: MySQL / MariaDB (via XAMPP)

Panduan Instalasi (Localhost)

Ikuti langkah-langkah berikut untuk menjalankan aplikasi ini di komputer Anda menggunakan XAMPP:

1. Persiapan Environment

Pastikan Anda sudah menginstal aplikasi server lokal, seperti XAMPP.

2. Kloning / Salin File

1. Unduh atau clone repository ini:

   git clone https://github.com/USERNAME_ANDA/webgis-pengentasan-kemiskinan.git
   

2. Pindahkan folder project (misalnya bernama webgis) ke dalam folder htdocs pada instalasi XAMPP Anda.
   • Contoh direktori XAMPP di Windows: C:\xampp\htdocs\webgis

3. Konfigurasi Database

1. Buka aplikasi XAMPP Control Panel.
2. Jalankan modul Apache dan MySQL (Klik tombol Start).
3. Buka browser dan akses phpMyAdmin: http://localhost/phpmyadmin
4. Buat sebuah database baru dengan nama: webgis
5. Impor (Import) file database yang disertakan:
   • Klik tab Import di phpMyAdmin.
   • Pilih file webgis.sql yang terdapat di dalam folder project ini.
   • Klik Go / Kirim di bagian bawah halaman.

4. Konfigurasi Koneksi (Opsional)

Jika Anda menggunakan password untuk root MySQL Anda, Anda perlu menyesuaikan file koneksinya.

1. Buka file koneksi.php dengan text editor.
2. Ubah konfigurasi $user dan $pass sesuai dengan pengaturan database Anda (secara default di XAMPP user: root, pass: kosong).

5. Jalankan Aplikasi

Buka web browser favorit Anda dan akses URL berikut:

http://localhost/webgis

Cara Penggunaan

• Menambah Data: Buka Sidebar (ikon di sebelah kiri), pilih salah satu "Alat Peta" (Titik, Jalan, Polygon, dll), lalu klik di area peta untuk menentukan lokasi. Sebuah form pop-up akan muncul untuk mengisi detailnya.
• Melihat Data: Klik pada titik, jalan, atau area yang sudah ada di peta untuk melihat detail informasinya.
• Menghapus Data: Pada pop-up informasi data di peta, klik tombol "Hapus".

Kontribusi

Jika Anda ingin mengembangkan atau berkontribusi pada aplikasi ini, silakan buat Pull Request atau Fork repositori ini.

---

Dibuat untuk keperluan Analisis Geospasial.

Cara Upload ke GitHub

Jika Anda ingin mengunggah (upload) project ini ke GitHub Anda sendiri, ikuti langkah berikut:

1. Buat Repository di GitHub: Buka github.com, login, lalu buat New Repository (beri nama misalnya \webgis-fasilitas-publik). Biarkan kosong tanpa README dari GitHub.
2. Buka Terminal/Command Prompt: Arahkan ke folder project ini di komputer Anda (\C:\xampp\htdocs\webgis).
3. Inisialisasi Git: Jalankan perintah \git init.
4. Tambahkan File: Jalankan \git add .\
5. Simpan Perubahan: Jalankan \git commit -m "Initial commit webgis"\
6. Hubungkan ke GitHub: Copy perintah \git remote add origin https://github.com/USERNAME_ANDA/NAMA_REPO_ANDA.git\ dari halaman GitHub Anda dan jalankan di terminal.
7. Upload (Push): Jalankan \git branch -M main\ lalu \git push -u origin main.