# 🌍 WebGIS SIPANTAS

<p align="center">
  <strong>Sistem Informasi Pemetaan Tanggungan Sosial</strong><br>
  WebGIS untuk pemetaan bantuan sosial, rumah ibadah, keluarga kurang mampu, musibah mendadak, dan pemberdayaan keluarga.
</p>

<p align="center">
  <img src="https://img.shields.io/badge/Status-Final%20Project-success" alt="Status">
  <img src="https://img.shields.io/badge/Platform-WebGIS-blue" alt="Platform">
  <img src="https://img.shields.io/badge/Backend-PHP-777BB4" alt="PHP">
  <img src="https://img.shields.io/badge/Database-MySQL-orange" alt="MySQL">
  <img src="https://img.shields.io/badge/Map-Leaflet.js-green" alt="Leaflet">
</p>

---

## 📌 Tentang SIPANTAS

**SIPANTAS** adalah aplikasi WebGIS yang membantu proses pemetaan tanggungan sosial berbasis partisipasi masyarakat dan rumah ibadah. Sistem ini digunakan untuk memetakan lokasi rumah ibadah, keluarga kurang mampu, radius tanggungan bantuan, keluarga yang belum tersentuh bantuan atau **Blank Spot**, laporan musibah mendadak, serta potensi pemberdayaan anggota keluarga yang masih mampu bekerja.

Sistem ini dirancang agar data bantuan tidak hanya dilihat dalam bentuk tabel, tetapi juga melalui peta digital sehingga proses pengambilan keputusan menjadi lebih terarah.

---

## 🎯 Tujuan Sistem

- 🗺️ Memetakan keluarga kurang mampu berdasarkan lokasi.
- 🕌 Memetakan rumah ibadah sebagai pusat bantuan sosial masyarakat.
- 📍 Mengidentifikasi keluarga yang masuk jangkauan bantuan rumah ibadah.
- 🚨 Menemukan keluarga **Blank Spot** yang belum tersentuh bantuan.
- 🤝 Memudahkan koordinasi bantuan antara masyarakat, rumah ibadah, relawan, dan dinas sosial.
- 🧰 Mendukung pemberdayaan anggota keluarga yang masih produktif.

---

## ✨ Fitur Utama

| Fitur | Keterangan |
|---|---|
| 🏠 Landing Page | Halaman publik yang menjelaskan sistem secara ringkas. |
| 🔐 Login & Registrasi | Mendukung multi-role pengguna. |
| 👥 Manajemen Role | Masyarakat, Rumah Ibadah, Relawan, Dinas Sosial, dan Admin. |
| 🗺️ Peta Interaktif | Menampilkan rumah ibadah, keluarga, radius, dan status bantuan. |
| 📍 Pilih Lokasi Mudah | Lokasi dapat dipilih lewat peta, pencarian alamat, atau lokasi perangkat. |
| 🕌 Radius Rumah Ibadah | Pengurus dapat mengatur radius, kuota, dan dana sosial. |
| 👨‍👩‍👧‍👦 Data Keluarga Lengkap | Data keluarga dilengkapi anggota keluarga seperti Kartu Keluarga. |
| ✅ Verifikasi Data | Data usulan dapat diverifikasi oleh pihak berwenang. |
| 🚨 Laporan Musibah | Masyarakat dapat melaporkan kondisi darurat atau musibah mendadak. |
| 🧰 Pemberdayaan | Pendataan anggota keluarga produktif untuk pelatihan/UMKM/kerja. |
| 🚚 Rute Bantuan | Menampilkan rute distribusi bantuan melalui peta. |
| 📊 Dashboard Statistik | Menampilkan total keluarga, rumah ibadah, blank spot, dan bantuan. |
| 📄 Laporan | Data dapat digunakan untuk analisis dan laporan. |
| 📱 Responsif | Tampilan dioptimalkan untuk desktop, tablet, dan mobile. |

---

## 👤 Role Pengguna

### 👥 Masyarakat
- Membuat akun secara mandiri.
- Mengajukan data keluarga kurang mampu.
- Melaporkan musibah mendadak.
- Memantau status usulan.

### 🕌 Pengurus Rumah Ibadah
- Mendaftarkan rumah ibadah.
- Mengatur radius bantuan, kuota, dan dana sosial.
- Melihat keluarga dalam jangkauan.
- Mencatat bantuan yang disalurkan.
- Menindaklanjuti bantuan pada keluarga tanggungan.

### 🦺 Relawan Lapangan
- Membantu input data keluarga.
- Melakukan verifikasi lapangan.
- Membantu pendataan musibah.
- Mengusulkan program pemberdayaan.

### 🏛️ Dinas Sosial
- Memantau peta kemiskinan.
- Melihat keluarga berstatus **Blank Spot**.
- Memvalidasi data keluarga dan laporan musibah.
- Mengelola tindak lanjut bantuan dan pemberdayaan.

### ⚙️ Admin
- Mengelola seluruh data sistem.
- Menyetujui atau menolak akun rumah ibadah dan relawan.
- Mengelola data rumah ibadah, keluarga, bantuan, musibah, dan pemberdayaan.
- Menjalankan analisis tanggungan sosial.

---

## 🧰 Teknologi yang Digunakan

| Bagian | Teknologi |
|---|---|
| Frontend | HTML, CSS, JavaScript |
| WebGIS | Leaflet.js |
| Basemap | OpenStreetMap |
| Routing | Leaflet Routing Machine / OSRM |
| Backend | PHP |
| Database | MySQL / MariaDB |
| Server Lokal | XAMPP |
| Version Control | Git / Gitea |

---

## 📁 Struktur Folder

```text
sipantas/
├── api/
│   ├── akun.php
│   ├── analisis.php
│   ├── bantuan.php
│   ├── keluarga.php
│   ├── musibah.php
│   ├── pemberdayaan.php
│   └── rumah_ibadah.php
├── assets/
│   ├── css/
│   │   ├── style.css
│   │   ├── landing.css
│   │   └── responsive-fix.css
│   └── js/
│       ├── app.js
│       └── register.js
├── config/
│   └── database.php
├── database/
│   └── sipantas_webgis.sql
├── docs/
│   ├── SKPL_WebGIS_SIPANTAS.docx
│   ├── User_Guide_WebGIS_SIPANTAS.docx
│   └── PPT_WebGIS_SIPANTAS.pptx
├── dashboard.php
├── index.php
├── login.php
├── logout.php
├── register.php
└── README.md
```

---

## 🚀 Instalasi di Localhost

### 1. Jalankan XAMPP

Aktifkan service berikut:

- Apache
- MySQL

### 2. Pindahkan Folder Project

Salin folder project ke:

```text
C:\xampp\htdocs\sipantas
```

### 3. Buat Database

Buka phpMyAdmin:

```text
http://localhost/phpmyadmin
```

Buat database baru:

```text
sipantas_webgis
```

### 4. Import Database

Import file berikut:

```text
database/sipantas_webgis.sql
```

### 5. Atur Koneksi Database

Buka file:

```text
config/database.php
```

Konfigurasi default XAMPP:

```php
$DB_HOST = 'localhost';
$DB_NAME = 'sipantas_webgis';
$DB_USER = 'root';
$DB_PASS = '';
```

### 6. Jalankan Aplikasi

Buka browser:

```text
http://localhost/sipantas/
```

---

## 🔑 Akun Awal

| Role | Email | Password |
|---|---|---|
| ⚙️ Admin | admin@sipantas.local | 123456 |
| 🏛️ Dinas Sosial | dinsos@sipantas.local | 123456 |
| 🕌 Rumah Ibadah | masjid@sipantas.local | 123456 |
| 🦺 Relawan | relawan@sipantas.local | 123456 |
| 👥 Masyarakat | warga@sipantas.local | 123456 |

---

## 🧭 Alur Penggunaan Singkat

### 👥 Masyarakat
1. Buka halaman utama.
2. Daftar akun sebagai masyarakat.
3. Login ke dashboard.
4. Ajukan data keluarga kurang mampu.
5. Laporkan musibah jika ada kondisi darurat.
6. Tunggu proses verifikasi.

### 🕌 Pengurus Rumah Ibadah
1. Daftar sebagai pengurus rumah ibadah.
2. Pilih lokasi rumah ibadah melalui peta.
3. Tunggu verifikasi admin.
4. Login setelah akun disetujui.
5. Atur radius, kuota, dan dana sosial.
6. Catat bantuan yang disalurkan.

### 🦺 Relawan
1. Login sebagai relawan.
2. Input atau cek data keluarga.
3. Lakukan verifikasi lapangan.
4. Bantu laporan musibah dan pemberdayaan.

### 🏛️ Dinas Sosial
1. Login sebagai dinas sosial.
2. Pantau peta keluarga kurang mampu.
3. Cek keluarga **Blank Spot**.
4. Validasi data dan laporan.
5. Gunakan data untuk prioritas bantuan.

### ⚙️ Admin
1. Login sebagai admin.
2. Kelola akun pengguna.
3. Validasi pendaftaran rumah ibadah dan relawan.
4. Kelola seluruh data sistem.
5. Jalankan analisis tanggungan sosial.

---

## 🧠 Konsep Analisis Tanggungan

Sistem menentukan status keluarga berdasarkan hubungan spasial antara titik keluarga dan radius rumah ibadah.

```text
Lokasi Rumah Ibadah + Radius Bantuan
              ↓
Lokasi Keluarga Kurang Mampu
              ↓
Hitung Jarak
              ↓
Jika masuk radius dan kuota tersedia → Ditanggung
Jika tidak masuk radius/kuota penuh → Blank Spot
```

Status keluarga:

- 🟢 **Ditanggung**: keluarga berada dalam jangkauan rumah ibadah dan dapat menerima bantuan.
- 🔴 **Blank Spot**: keluarga belum masuk jangkauan bantuan rumah ibadah.
- 🟡 **Belum Diverifikasi**: data masih menunggu validasi.

---

## 🚨 Fitur Musibah Mendadak

Fitur ini digunakan untuk menangani kondisi darurat seperti:

- 🔥 Kebakaran
- 🌊 Banjir
- 🏥 Sakit mendesak
- 💼 Kehilangan pekerjaan
- 🕊️ Kematian tulang punggung keluarga
- 🏚️ Rumah rusak
- ⚠️ Kondisi darurat lainnya

Alur status laporan:

```text
Baru → Diverifikasi → Diproses → Ditindaklanjuti → Selesai
```

---

## 🧰 Fitur Pemberdayaan

Fitur pemberdayaan digunakan untuk mengelola anggota keluarga yang masih produktif agar tidak hanya bergantung pada bantuan.

Contoh program:

- 🧑‍🏭 Pelatihan kerja
- 💰 Modal usaha
- 🛍️ Pendampingan UMKM
- 🧑‍💼 Penempatan kerja
- 🧰 Bantuan alat kerja
- 📚 Program pendampingan lainnya

---

## 📝 Catatan Penggunaan

- Aplikasi membutuhkan koneksi internet untuk memuat peta, pencarian alamat, dan routing.
- Akurasi lokasi bergantung pada perangkat dan izin lokasi pengguna.
- Role Admin dan Dinas Sosial tidak dibuka melalui registrasi publik demi keamanan.
- Database SQL disertakan agar aplikasi dapat dijalankan ulang di lingkungan lain.
- Untuk deployment online, diperlukan server yang mendukung PHP dan MySQL/MariaDB.

---

## 👨‍💻 Pengembang

**Kris Natalis**  
Program Studi Teknik Informatika  
Universitas Tanjungpura

---

<p align="center">
  Dibuat untuk mendukung pemetaan sosial, kolaborasi masyarakat, dan pengambilan keputusan berbasis data spasial.
</p>