fix: Bypass role petugas di publik dan perbaiki nama file geojson
This commit is contained in:
@@ -740,7 +740,7 @@ Promise.all([
|
||||
title: 'Sungai Besar', color: '#0d47a1', fillColor: '#90caf9',
|
||||
weight: 2, fitBounds: false, addToMap: false
|
||||
}),
|
||||
loadGeoJSON('data/admin_kecamatan.geojson', {
|
||||
loadGeoJSON('data/Admin_Kecamatan.geojson', {
|
||||
title: 'Admin Kecamatan', dynamicColor: true,
|
||||
color: '#ef6c00', weight: 1.5, fitBounds: false, addToMap: false
|
||||
}),
|
||||
|
||||
@@ -0,0 +1,120 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="id">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Panduan Pengguna WebGIS</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||||
line-height: 1.6;
|
||||
color: #333;
|
||||
max-width: 21cm; /* Ukuran A4 */
|
||||
margin: 0 auto;
|
||||
padding: 2cm;
|
||||
background: white;
|
||||
}
|
||||
h1 { text-align: center; color: #e11d48; margin-bottom: 5px; }
|
||||
.subtitle { text-align: center; font-size: 1.2em; font-weight: bold; margin-bottom: 40px; color: #555; }
|
||||
h2 { border-bottom: 2px solid #e11d48; padding-bottom: 5px; margin-top: 30px; color: #1e293b; }
|
||||
h3 { color: #334155; margin-top: 20px; }
|
||||
p, li { font-size: 11pt; text-align: justify; }
|
||||
ul { margin-bottom: 15px; }
|
||||
.tip-box {
|
||||
background-color: #fff1f2;
|
||||
border-left: 5px solid #e11d48;
|
||||
padding: 15px;
|
||||
margin: 20px 0;
|
||||
border-radius: 0 5px 5px 0;
|
||||
}
|
||||
.tip-box strong { color: #be123c; }
|
||||
|
||||
/* Pengaturan agar saat diprint (Save as PDF) rapi */
|
||||
@media print {
|
||||
body { padding: 0; margin: 1cm; max-width: none; }
|
||||
.tip-box { border: 1px solid #e11d48; }
|
||||
.no-print { display: none; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>PANDUAN PENGGUNA (USER MANUAL)</h1>
|
||||
<div class="subtitle">Sistem Informasi Geospasial (WebGIS) Pengentasan Kemiskinan</div>
|
||||
|
||||
<h2>1. Pendahuluan</h2>
|
||||
<p>Aplikasi WebGIS ini dirancang sebagai platform pemetaan cerdas untuk analisis spasial persebaran infrastruktur dan demografi kemiskinan. Sistem ini mengadopsi arsitektur <em>Monorepo</em> yang terbagi menjadi dua modul utama:</p>
|
||||
<ul>
|
||||
<li><strong>Modul Publik (/publik)</strong>: Portal terbuka untuk masyarakat umum guna melihat persebaran titik fasilitas, jaringan jalan, dan pemetaan poligon lahan.</li>
|
||||
<li><strong>Modul Kemiskinan (/kemiskinan)</strong>: Sistem tertutup (memerlukan autentikasi) untuk admin dan verifikator lapangan dalam mendata penduduk miskin, menganalisis radius jangkauan bantuan, dan mengelola fasilitas publik.</li>
|
||||
</ul>
|
||||
|
||||
<h2>2. Cara Mengakses Aplikasi</h2>
|
||||
<ol>
|
||||
<li>Buka <em>web browser</em> (disarankan menggunakan Google Chrome atau Mozilla Firefox).</li>
|
||||
<li>Masukkan alamat URL (<em>link</em>) aplikasi yang telah di-deploy (misalnya: <code>https://webgis-kemiskinan.ifuntanhub.dev</code>).</li>
|
||||
<li>Untuk masuk ke sistem pengelola, gunakan akun yang telah disetujui (Admin/Petugas).</li>
|
||||
</ol>
|
||||
|
||||
<h2>3. Panduan Modul Publik (Tanpa Login)</h2>
|
||||
<p>Modul ini dapat diakses oleh siapa saja. Pengguna dapat:</p>
|
||||
<ul>
|
||||
<li><strong>Melihat Peta</strong>: Melakukan <em>zoom in/out</em> dan menggeser peta (<em>panning</em>).</li>
|
||||
<li><strong>Melihat Informasi Titik (Marker)</strong>: Klik pada <em>marker</em> (ikon) di peta untuk memunculkan kotak informasi (<em>pop-up</em>) mengenai fasilitas atau lokasi tersebut.</li>
|
||||
<li><strong>Melihat Garis dan Area</strong>: Klik pada rute jalan (garis) atau area tanah (poligon) untuk melihat luas dan detail spesifiknya.</li>
|
||||
</ul>
|
||||
|
||||
<h2>4. Panduan Modul Kemiskinan (Khusus Admin/Petugas)</h2>
|
||||
|
||||
<h3>4.1. Registrasi dan Login</h3>
|
||||
<ul>
|
||||
<li><strong>Login</strong>: Masukkan <em>Username/Email</em> dan <em>Password</em> pada halaman Login. Jika berhasil, Anda akan diarahkan ke Dashboard.</li>
|
||||
<li><strong>Registrasi</strong>: Jika belum memiliki akun, klik "Daftar sekarang". Pilih peran sebagai <code>Petugas</code>. Akun petugas memerlukan persetujuan dari Admin Utama sebelum bisa digunakan.</li>
|
||||
</ul>
|
||||
|
||||
<h3>4.2. Navigasi Sidebar dan Alat Peta (Toolbar)</h3>
|
||||
<p>Di halaman Dashboard, seluruh menu navigasi dan alat-alat digitasi terletak pada <strong>Sidebar</strong> di sebelah kiri layar.</p>
|
||||
|
||||
<div class="tip-box">
|
||||
<strong>💡 INFO PENTING:</strong><br>
|
||||
Sidebar ini dapat di-<em>scroll</em> (digulir) ke bawah! Jika Anda membuka dari laptop berlayar kecil, <strong>silakan scroll sidebar ke bawah</strong> untuk menemukan menu-menu tambahan yang tersembunyi seperti Modul Bantuan, Pencarian, dan Manajemen Pengguna.
|
||||
</div>
|
||||
|
||||
<p>Berikut adalah alat-alat pemetaan yang tersedia di Sidebar:</p>
|
||||
<ul>
|
||||
<li><strong>📍 Mode Tambah Titik</strong>: Klik alat ini, lalu klik di sembarang tempat pada peta untuk menambahkan titik lokasi baru (Fasilitas Publik atau SPBU).</li>
|
||||
<li><strong>🛣️ Mode Gambar Jalan</strong>: Klik alat ini, lalu klik titik awal pada peta. Lanjutkan mengklik untuk membentuk rute jalan. Klik ganda (<em>double-click</em>) untuk mengakhiri rute.</li>
|
||||
<li><strong>⬠ Mode Gambar Area</strong>: Klik alat ini, klik titik-titik sudut area yang ingin dibentuk, lalu klik kembali titik pertama untuk menutup area (Poligon).</li>
|
||||
</ul>
|
||||
|
||||
<h3>4.3. Modul Bantuan & Penduduk Miskin</h3>
|
||||
<p>Fitur utama dari aplikasi ini adalah memetakan rumah penduduk miskin dan menganalisis radius bantuan secara otomatis.</p>
|
||||
<ol>
|
||||
<li>Pilih <strong>Modul Bantuan</strong> dari Sidebar.</li>
|
||||
<li>Aktifkan <strong>Mode Tambah Titik</strong>.</li>
|
||||
<li>Klik pada lokasi rumah penduduk miskin di peta.</li>
|
||||
<li>Pada form isian, masukkan Nama Kepala Keluarga & NIK, Foto Rumah, Foto KK, dan pilih <strong>Fasilitas Publik Terdekat</strong>.</li>
|
||||
<li>Sistem akan otomatis menghitung apakah rumah tersebut masuk dalam <strong>Radius Jangkauan</strong> bantuan fasilitas publik tersebut atau tidak.</li>
|
||||
</ol>
|
||||
|
||||
<h3>4.4. Analisis Spasial Radius</h3>
|
||||
<ul>
|
||||
<li>Saat melihat data fasilitas publik (seperti Kantor Desa atau Posko Bantuan), sistem akan memunculkan <strong>Lingkaran Radius</strong> (berwarna merah/biru transparan) di peta.</li>
|
||||
<li>Rumah penduduk miskin yang berada di dalam lingkaran tersebut otomatis berstatus <strong>"Dalam Jangkauan"</strong>, sedangkan yang di luar otomatis <strong>"Luar Jangkauan"</strong>.</li>
|
||||
</ul>
|
||||
|
||||
<h3>4.5. Mengelola Akun (Khusus Admin)</h3>
|
||||
<ol>
|
||||
<li>Buka menu <strong>Manajemen Pengguna</strong> di bagian bawah Sidebar.</li>
|
||||
<li>Anda dapat melihat daftar semua pengguna yang terdaftar.</li>
|
||||
<li>Untuk akun Petugas yang berstatus Pending, Admin dapat menekan tombol <strong>Setujui (Approve)</strong> atau Tolak.</li>
|
||||
</ol>
|
||||
|
||||
<h2>5. Penyelesaian Masalah (Troubleshooting)</h2>
|
||||
<ul>
|
||||
<li><strong>Peta tidak muncul / Blank Putih</strong>: Pastikan koneksi internet Anda stabil karena aplikasi memerlukan koneksi ke server <em>Leaflet/OpenStreetMap</em>.</li>
|
||||
<li><strong>Gagal Upload Foto</strong>: Pastikan ukuran foto Rumah/KK tidak melebihi 2 Megabyte (MB) dan berformat <code>.jpg</code> atau <code>.png</code>.</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -740,7 +740,7 @@ Promise.all([
|
||||
title: 'Sungai Besar', color: '#0d47a1', fillColor: '#90caf9',
|
||||
weight: 2, fitBounds: false, addToMap: false
|
||||
}),
|
||||
loadGeoJSON('data/admin_kecamatan.geojson', {
|
||||
loadGeoJSON('data/Admin_Kecamatan.geojson', {
|
||||
title: 'Admin Kecamatan', dynamicColor: true,
|
||||
color: '#ef6c00', weight: 1.5, fitBounds: false, addToMap: false
|
||||
}),
|
||||
|
||||
+1
-1
@@ -83,7 +83,7 @@ if (!$modul) {
|
||||
// Aplikasi Publik (Tidak butuh login)
|
||||
$currentUser = 'Pengunjung Publik';
|
||||
$currentRole = 'petugas'; // Berikan role petugas agar pengunjung dapat mengedit data
|
||||
|
||||
$_SESSION['role'] = 'petugas';
|
||||
|
||||
include 'koneksi.php';
|
||||
|
||||
|
||||
Reference in New Issue
Block a user