82 lines
4.3 KiB
Markdown
82 lines
4.3 KiB
Markdown
# 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](https://leafletjs.com/)
|
|
- **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](https://www.apachefriends.org/index.html)**.
|
|
|
|
### 2. Kloning / Salin File
|
|
1. Unduh atau *clone* repository ini:
|
|
```bash
|
|
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:
|
|
```text
|
|
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\.
|