first commit
This commit is contained in:
@@ -0,0 +1,518 @@
|
|||||||
|
# WebGIS Pengentasan Kemiskinan Kalimantan Barat
|
||||||
|
|
||||||
|
Sistem Informasi Geografis (WebGIS) untuk Pelaporan, Validasi, dan Monitoring Bantuan Sosial Berbasis Lokasi di Kalimantan Barat.
|
||||||
|
|
||||||
|
## Informasi Pengembang
|
||||||
|
|
||||||
|
Nama : Clara Oxana Azalia
|
||||||
|
|
||||||
|
NIM : D1041231051
|
||||||
|
|
||||||
|
Program Studi Informatika
|
||||||
|
|
||||||
|
Universitas Tanjungpura
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
# Deskripsi Sistem
|
||||||
|
|
||||||
|
WebGIS Pengentasan Kemiskinan Kalimantan Barat merupakan sistem informasi geografis berbasis web yang digunakan untuk membantu proses pelaporan, validasi, penyaluran, dan monitoring bantuan sosial kepada masyarakat kurang mampu.
|
||||||
|
|
||||||
|
Sistem menyediakan tiga jenis pengguna, yaitu:
|
||||||
|
|
||||||
|
* Administrator
|
||||||
|
* Warga
|
||||||
|
* Customer Service (CS) Rumah Ibadah
|
||||||
|
|
||||||
|
Selain itu sistem dilengkapi dengan peta GIS berbasis Leaflet yang digunakan untuk memvisualisasikan lokasi laporan kemiskinan.
|
||||||
|
|
||||||
|
---
|
||||||
|
# Fitur Utama
|
||||||
|
|
||||||
|
- Login Multi Role (Admin, Warga, CS)
|
||||||
|
- Registrasi Warga
|
||||||
|
- Registrasi Customer Service (CS)
|
||||||
|
- Pelaporan Kemiskinan Berbasis Lokasi
|
||||||
|
- Upload Foto Laporan
|
||||||
|
- Validasi Laporan
|
||||||
|
- Assign Bantuan Sosial
|
||||||
|
- Monitoring Bantuan
|
||||||
|
- Upload Bukti Penyaluran Bantuan
|
||||||
|
- Dashboard Statistik
|
||||||
|
- Visualisasi GIS dengan Leaflet
|
||||||
|
- Marker Cluster
|
||||||
|
- Filter Status Laporan
|
||||||
|
- Integrasi Google Maps
|
||||||
|
|
||||||
|
|
||||||
|
# Teknologi yang Digunakan
|
||||||
|
|
||||||
|
## Backend
|
||||||
|
|
||||||
|
* PHP Native
|
||||||
|
* MySQL
|
||||||
|
|
||||||
|
## Frontend
|
||||||
|
|
||||||
|
* HTML
|
||||||
|
* CSS
|
||||||
|
* JavaScript
|
||||||
|
* Tailwind CSS
|
||||||
|
|
||||||
|
## GIS
|
||||||
|
|
||||||
|
* Leaflet JS
|
||||||
|
* OpenStreetMap
|
||||||
|
* Leaflet Marker Cluster
|
||||||
|
|
||||||
|
## Visualisasi Data
|
||||||
|
|
||||||
|
* Chart.js
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
# Cara Menjalankan Sistem di Localhost
|
||||||
|
|
||||||
|
## 1. Install XAMPP
|
||||||
|
|
||||||
|
Download dan install XAMPP:
|
||||||
|
|
||||||
|
https://www.apachefriends.org
|
||||||
|
|
||||||
|
Aktifkan:
|
||||||
|
|
||||||
|
* Apache
|
||||||
|
* MySQL
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 2. Salin Project
|
||||||
|
|
||||||
|
Letakkan folder project ke dalam:
|
||||||
|
|
||||||
|
```text
|
||||||
|
xampp/htdocs/
|
||||||
|
```
|
||||||
|
|
||||||
|
Contoh:
|
||||||
|
|
||||||
|
```text
|
||||||
|
xampp/htdocs/webgis_poverty
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 3. Buat Database
|
||||||
|
|
||||||
|
Buka browser:
|
||||||
|
|
||||||
|
```text
|
||||||
|
http://localhost/phpmyadmin
|
||||||
|
```
|
||||||
|
|
||||||
|
Buat database baru:
|
||||||
|
|
||||||
|
```sql
|
||||||
|
webgis_poverty
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 4. Import Database
|
||||||
|
|
||||||
|
Pilih database:
|
||||||
|
|
||||||
|
```text
|
||||||
|
webgis_poverty
|
||||||
|
```
|
||||||
|
|
||||||
|
Klik:
|
||||||
|
|
||||||
|
```text
|
||||||
|
Import
|
||||||
|
```
|
||||||
|
|
||||||
|
Lalu pilih file:
|
||||||
|
|
||||||
|
```text
|
||||||
|
database.sql
|
||||||
|
```
|
||||||
|
|
||||||
|
Kemudian klik:
|
||||||
|
|
||||||
|
```text
|
||||||
|
Go
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 5. Konfigurasi Koneksi Database
|
||||||
|
|
||||||
|
Edit file:
|
||||||
|
|
||||||
|
```text
|
||||||
|
config/koneksi.php
|
||||||
|
```
|
||||||
|
|
||||||
|
Contoh konfigurasi:
|
||||||
|
|
||||||
|
```php
|
||||||
|
<?php
|
||||||
|
|
||||||
|
$conn = mysqli_connect(
|
||||||
|
"localhost",
|
||||||
|
"root",
|
||||||
|
"",
|
||||||
|
"webgis_poverty"
|
||||||
|
);
|
||||||
|
|
||||||
|
?>
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 6. Jalankan Aplikasi
|
||||||
|
|
||||||
|
Buka browser:
|
||||||
|
|
||||||
|
```text
|
||||||
|
http://localhost/webgis_poverty
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
# Akun Login
|
||||||
|
|
||||||
|
## Administrator
|
||||||
|
|
||||||
|
```text
|
||||||
|
Username : admin
|
||||||
|
Password : admin
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Warga 1
|
||||||
|
|
||||||
|
```text
|
||||||
|
Username : andi
|
||||||
|
Password : 123456
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Warga 2
|
||||||
|
|
||||||
|
```text
|
||||||
|
Username : siti
|
||||||
|
Password : 123456
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Warga 3
|
||||||
|
|
||||||
|
```text
|
||||||
|
Username : rahmat
|
||||||
|
Password : 123456
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Customer Service (CS)
|
||||||
|
|
||||||
|
```text
|
||||||
|
Username : cs01
|
||||||
|
Password : cs123
|
||||||
|
```
|
||||||
|
|
||||||
|
```text
|
||||||
|
Username : cs02
|
||||||
|
Password : cs123
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
# Cara Penggunaan Sistem
|
||||||
|
|
||||||
|
## Sebagai Warga
|
||||||
|
|
||||||
|
### 1. Login
|
||||||
|
|
||||||
|
Masukkan username dan password warga.
|
||||||
|
|
||||||
|
### 2. Membuat Laporan
|
||||||
|
|
||||||
|
Pilih menu:
|
||||||
|
|
||||||
|
```text
|
||||||
|
Buat Laporan
|
||||||
|
```
|
||||||
|
|
||||||
|
Isi data:
|
||||||
|
|
||||||
|
* Nama Warga
|
||||||
|
* Alamat
|
||||||
|
* Kondisi Warga
|
||||||
|
* Lokasi pada peta
|
||||||
|
* Foto kondisi warga
|
||||||
|
|
||||||
|
Kemudian klik:
|
||||||
|
|
||||||
|
```text
|
||||||
|
Kirim Laporan
|
||||||
|
```
|
||||||
|
|
||||||
|
Status awal laporan:
|
||||||
|
|
||||||
|
```text
|
||||||
|
Pending
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
### 3. Melihat Status Laporan
|
||||||
|
|
||||||
|
Pilih menu:
|
||||||
|
|
||||||
|
```text
|
||||||
|
Status Laporan
|
||||||
|
```
|
||||||
|
|
||||||
|
Warga dapat melihat:
|
||||||
|
|
||||||
|
* Foto laporan
|
||||||
|
* Tanggal laporan
|
||||||
|
* Status laporan
|
||||||
|
|
||||||
|
Status yang tersedia:
|
||||||
|
|
||||||
|
```text
|
||||||
|
Pending
|
||||||
|
Disetujui
|
||||||
|
Ditolak
|
||||||
|
Diproses
|
||||||
|
Selesai
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
# Sebagai Administrator
|
||||||
|
|
||||||
|
### 1. Login
|
||||||
|
|
||||||
|
Gunakan akun administrator.
|
||||||
|
|
||||||
|
### 2. Dashboard
|
||||||
|
|
||||||
|
Administrator dapat melihat:
|
||||||
|
|
||||||
|
* Total laporan
|
||||||
|
* Statistik laporan
|
||||||
|
* Grafik laporan
|
||||||
|
* Data bantuan
|
||||||
|
* Data rumah ibadah
|
||||||
|
* Data CS
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
### 3. Validasi Laporan
|
||||||
|
|
||||||
|
Pilih menu:
|
||||||
|
|
||||||
|
```text
|
||||||
|
Validasi Laporan
|
||||||
|
```
|
||||||
|
|
||||||
|
Administrator dapat:
|
||||||
|
|
||||||
|
```text
|
||||||
|
Approve
|
||||||
|
Reject
|
||||||
|
```
|
||||||
|
|
||||||
|
Jika laporan disetujui maka status berubah menjadi:
|
||||||
|
|
||||||
|
```text
|
||||||
|
Disetujui
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
### 4. Assign Bantuan
|
||||||
|
|
||||||
|
Pilih tombol:
|
||||||
|
|
||||||
|
```text
|
||||||
|
Assign Bantuan
|
||||||
|
```
|
||||||
|
|
||||||
|
Administrator menentukan:
|
||||||
|
|
||||||
|
* Rumah Ibadah
|
||||||
|
* Customer Service
|
||||||
|
* Jenis Bantuan
|
||||||
|
|
||||||
|
Status laporan berubah menjadi:
|
||||||
|
|
||||||
|
```text
|
||||||
|
Diproses
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
### 5. Monitoring Bantuan
|
||||||
|
|
||||||
|
Pilih menu:
|
||||||
|
|
||||||
|
```text
|
||||||
|
Data Bantuan
|
||||||
|
```
|
||||||
|
|
||||||
|
Administrator dapat memantau:
|
||||||
|
|
||||||
|
* Nama warga
|
||||||
|
* Rumah ibadah
|
||||||
|
* CS penyalur
|
||||||
|
* Jenis bantuan
|
||||||
|
* Status bantuan
|
||||||
|
* Bukti foto bantuan
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
### 6. Kelola Rumah Ibadah
|
||||||
|
|
||||||
|
Pilih menu:
|
||||||
|
|
||||||
|
```text
|
||||||
|
Rumah Ibadah
|
||||||
|
```
|
||||||
|
|
||||||
|
Administrator dapat:
|
||||||
|
|
||||||
|
* Menambah rumah ibadah
|
||||||
|
* Menghapus rumah ibadah
|
||||||
|
* Menentukan lokasi rumah ibadah melalui peta
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
### 7. Peta GIS
|
||||||
|
|
||||||
|
Pilih menu:
|
||||||
|
|
||||||
|
```text
|
||||||
|
Peta GIS
|
||||||
|
```
|
||||||
|
|
||||||
|
Fitur yang tersedia:
|
||||||
|
|
||||||
|
* Marker lokasi laporan
|
||||||
|
* Cluster marker
|
||||||
|
* Filter status laporan
|
||||||
|
* Popup detail laporan
|
||||||
|
* Link Google Maps
|
||||||
|
|
||||||
|
Warna marker:
|
||||||
|
|
||||||
|
```text
|
||||||
|
Orange = Pending
|
||||||
|
Green = Disetujui
|
||||||
|
Red = Ditolak
|
||||||
|
Blue = Diproses
|
||||||
|
Purple = Selesai
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
# Sebagai Customer Service Rumah Ibadah (CS)
|
||||||
|
|
||||||
|
### 1. Login
|
||||||
|
|
||||||
|
Masukkan akun CS.
|
||||||
|
|
||||||
|
### 2. Lihat Tugas Bantuan
|
||||||
|
|
||||||
|
Pilih menu:
|
||||||
|
|
||||||
|
```text
|
||||||
|
Tugas Bantuan
|
||||||
|
```
|
||||||
|
|
||||||
|
CS dapat melihat:
|
||||||
|
|
||||||
|
* Nama warga
|
||||||
|
* Alamat
|
||||||
|
* Jenis bantuan
|
||||||
|
* Status bantuan
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
### 3. Lihat Lokasi Warga
|
||||||
|
|
||||||
|
Klik:
|
||||||
|
|
||||||
|
```text
|
||||||
|
Lihat Lokasi
|
||||||
|
```
|
||||||
|
|
||||||
|
Sistem akan membuka Google Maps berdasarkan koordinat laporan.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
### 4. Upload Bukti Bantuan
|
||||||
|
|
||||||
|
Klik:
|
||||||
|
|
||||||
|
```text
|
||||||
|
Upload Bukti
|
||||||
|
```
|
||||||
|
|
||||||
|
Kemudian:
|
||||||
|
|
||||||
|
* Pilih foto dokumentasi bantuan
|
||||||
|
* Upload foto
|
||||||
|
|
||||||
|
Status bantuan otomatis menjadi:
|
||||||
|
|
||||||
|
```text
|
||||||
|
Selesai
|
||||||
|
```
|
||||||
|
|
||||||
|
Status laporan juga otomatis berubah menjadi:
|
||||||
|
|
||||||
|
```text
|
||||||
|
Selesai
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
# Struktur Status Sistem
|
||||||
|
|
||||||
|
## Status Laporan
|
||||||
|
|
||||||
|
```text
|
||||||
|
Pending
|
||||||
|
Disetujui
|
||||||
|
Ditolak
|
||||||
|
Diproses
|
||||||
|
Selesai
|
||||||
|
```
|
||||||
|
|
||||||
|
## Status Bantuan
|
||||||
|
|
||||||
|
```text
|
||||||
|
Proses
|
||||||
|
Selesai
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
# Penutup
|
||||||
|
|
||||||
|
WebGIS Pengentasan Kemiskinan Kalimantan Barat dikembangkan untuk membantu proses identifikasi, validasi, penyaluran, dan monitoring bantuan sosial berbasis lokasi secara lebih efektif dan terintegrasi.
|
||||||
|
|
||||||
|
© 2026
|
||||||
|
|
||||||
|
Clara Oxana Azalia
|
||||||
|
|
||||||
|
D1041231051
|
||||||
Reference in New Issue
Block a user