196 lines
9.3 KiB
Plaintext
196 lines
9.3 KiB
Plaintext
<html xmlns:o='urn:schemas-microsoft-com:office:office' xmlns:w='urn:schemas-microsoft-com:office:word' xmlns='http://www.w3.org/TR/REC-html40'>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Manual Book SiPetaSos v1.0</title>
|
|
<style>
|
|
body { font-family: "Arial", sans-serif; line-height: 1.6; font-size: 11pt; color: #333; }
|
|
h1 { text-align: center; font-size: 20pt; margin-bottom: 5px; color: #1a5276; }
|
|
.subtitle { text-align: center; font-size: 12pt; margin-bottom: 30px; color: #7f8c8d; }
|
|
h2 { font-size: 16pt; color: #2c3e50; margin-top: 30px; border-bottom: 2px solid #2980b9; padding-bottom: 5px;}
|
|
h3 { font-size: 13pt; color: #2980b9; margin-top: 20px; }
|
|
h4 { font-size: 11pt; color: #34495e; margin-top: 15px; font-weight: bold; }
|
|
table { width: 100%; border-collapse: collapse; margin-top: 10px; margin-bottom: 20px; }
|
|
th { background-color: #1a5276; color: white; border: 1px solid #bdc3c7; padding: 8px; text-align: left; }
|
|
td { border: 1px solid #bdc3c7; padding: 8px; vertical-align: top; }
|
|
ul, ol { margin-top: 5px; margin-bottom: 15px; }
|
|
li { margin-bottom: 6px; }
|
|
.header-table { width: 100%; border: none; margin-bottom: 40px; border-bottom: 1px solid #ccc; }
|
|
.header-table td { border: none; padding: 5px; font-size: 9pt; color: #7f8c8d; }
|
|
.note { background-color: #f1f8ff; border-left: 4px solid #2980b9; padding: 10px; margin-bottom: 15px; font-style: italic; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<table class="header-table">
|
|
<tr>
|
|
<td style="text-align: left;"><strong>SiPetaSos</strong> — Buku Panduan Pengguna</td>
|
|
<td style="text-align: right;">Sistem Informasi Peta Sosial & Rumah Ibadah</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<h1>Manual Book SiPetaSos v1.0</h1>
|
|
<div class="subtitle">Sistem Informasi Peta Sosial & Rumah Ibadah</div>
|
|
|
|
<h2>Bab 1: Pendahuluan</h2>
|
|
<h3>1.1 Deskripsi</h3>
|
|
<p>SiPetaSos (Sistem Informasi Peta Sosial & Rumah Ibadah) adalah aplikasi WebGIS interaktif yang dirancang untuk mendata, memetakan, dan menganalisis kerentanan sosial (kemiskinan) yang dikorelasikan dengan jangkauan fasilitas umum (rumah ibadah). Aplikasi ini dilengkapi dengan algoritma analisis radius yang otomatis mendeteksi keluarga yang berada di luar jangkauan fasilitas dasar ("Blank Spot").</p>
|
|
|
|
<h3>1.2 Tujuan</h3>
|
|
<ul>
|
|
<li>Digitalisasi pemetaan data kemiskinan dan kerentanan sosial.</li>
|
|
<li>Menyajikan visualisasi spasial fasilitas umum dan infrastruktur (Jalan, SPBU, Parsil Tanah).</li>
|
|
<li>Memberikan analisis area <em>Blank Spot</em> secara otomatis untuk pengambilan keputusan.</li>
|
|
<li>Menyediakan platform pelaporan interaktif bagi masyarakat.</li>
|
|
</ul>
|
|
|
|
<h3>1.3 Pengguna (Role)</h3>
|
|
<ul>
|
|
<li><strong>Admin:</strong> Memiliki kontrol penuh (CRUD) atas semua entitas data spasial, data keluarga, dan manajemen laporan.</li>
|
|
<li><strong>Walikota:</strong> Akses monitoring (view-only) pada dashboard metrik dan peta interaktif.</li>
|
|
<li><strong>Publik:</strong> Akses peta publik dan kemampuan mengirim laporan masyarakat.</li>
|
|
</ul>
|
|
|
|
<h3>1.4 Prasyarat Teknis</h3>
|
|
<ul>
|
|
<li>Koneksi internet stabil untuk memuat <em>basemap</em> dari OpenStreetMap.</li>
|
|
<li>Browser modern: Google Chrome, Mozilla Firefox, Microsoft Edge, atau Safari terbaru.</li>
|
|
</ul>
|
|
|
|
<h2>Bab 2: Antarmuka Umum</h2>
|
|
<h3>2.1 Halaman Beranda Publik</h3>
|
|
<p>Halaman utama yang langsung memuat peta <em>full-screen</em>. Publik dapat berinteraksi dengan peta, melihat titik fasilitas, dan mengklik tombol laporan masyarakat di pojok kanan atas.</p>
|
|
|
|
<h3>2.2 Login</h3>
|
|
<p>Buka panel login melalui tombol di pojok kanan atas, masukkan kredensial, dan sistem akan mengalihkan pengguna ke Dashboard sesuai dengan hak akses (Role).</p>
|
|
|
|
<h3>2.3 Struktur Dashboard</h3>
|
|
<p>Bagi Admin dan Walikota, antarmuka berubah memunculkan panel <em>sidebar</em> di sisi kiri:</p>
|
|
<ul>
|
|
<li><strong>Kartu Metrik Utama:</strong> Menampilkan jumlah total KK Miskin, Rumah Ibadah, Laporan Masyarakat, dll.</li>
|
|
<li><strong>Panel List Data:</strong> Menampilkan data dalam bentuk daftar yang bisa diklik untuk mencari titik di peta (fitur "Focus Feature").</li>
|
|
</ul>
|
|
|
|
<h2>Bab 3: Panduan Admin</h2>
|
|
<h3>3.1 CRUD Data Kemiskinan</h3>
|
|
<p>Admin dapat menambah titik Kemiskinan melalui tombol <strong>+ Tambah</strong>. Koordinat dapat dipilih langsung dari peta. Data yang disimpan akan langsung diplot di peta dan sistem akan mengkalkulasi Indeks Kerentanan.</p>
|
|
|
|
<h3>3.2 Indeks Kerentanan</h3>
|
|
<p>Indeks kerentanan dihitung secara otomatis berdasarkan input:</p>
|
|
<ul>
|
|
<li><strong>Miskin Ekstrem:</strong> Keluarga dengan jumlah jiwa tinggi, tidak ada listrik/air bersih, kondisi rumah buruk.</li>
|
|
<li><strong>Miskin:</strong> Kekurangan beberapa fasilitas dasar.</li>
|
|
<li><strong>Rentan Miskin:</strong> Kondisi masih layak, namun masuk dalam database bantuan.</li>
|
|
</ul>
|
|
|
|
<h3>3.3 Manajemen Data Warga (Anggota Keluarga)</h3>
|
|
<p>Setiap titik KK Miskin dapat memiliki banyak anggota keluarga. Untuk menambahkannya:</p>
|
|
<ol>
|
|
<li>Klik titik Kemiskinan di peta > Klik <strong>Detail</strong>.</li>
|
|
<li>Klik tombol <strong>Kelola Anggota Keluarga</strong> di panel kiri.</li>
|
|
<li>Isi formulir anggota keluarga:</li>
|
|
</ol>
|
|
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Kolom</th>
|
|
<th>Keterangan</th>
|
|
<th>Wajib Diisi</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>NIK Anggota</td>
|
|
<td>Nomor Induk Kependudukan (Opsional).</td>
|
|
<td>Tidak</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Nama Lengkap</td>
|
|
<td>Nama sesuai KTP/Kartu Keluarga.</td>
|
|
<td>Ya</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Hubungan dengan KK</td>
|
|
<td>Pilih: Kepala Keluarga / Istri / Anak / Lainnya.</td>
|
|
<td>Ya</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Tanggal Lahir</td>
|
|
<td>Format tanggal kalender.</td>
|
|
<td>Tidak</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Pendidikan Terakhir</td>
|
|
<td>Pilih: Tidak Sekolah / SD / SMP / SMA / D3 / S2, dll.</td>
|
|
<td>Tidak</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Riwayat Penyakit</td>
|
|
<td>Penyakit kronis/riwayat medis jika ada.</td>
|
|
<td>Tidak</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<div class="note"><strong>Catatan Penting:</strong> Saat data Kepala Keluarga ditambahkan/diedit pada tabel Warga, sistem secara otomatis akan menyinkronkan (sync) data tersebut dengan informasi master Kemiskinan (Nama KK, Tanggal Lahir, dll).</div>
|
|
|
|
<h3>3.4 Manajemen Histori Bantuan</h3>
|
|
<p>Pada panel detail KK Miskin, Admin dapat mencatat semua bantuan yang pernah diberikan (Jenis Bantuan, Tanggal, Nominal, dll).</p>
|
|
|
|
<h3>3.5 Laporan Masyarakat</h3>
|
|
<p>Jika ada laporan masuk, <em>badge</em> merah akan muncul di header. Admin wajib memeriksa, mengubah statusnya (Diproses, Selesai, Ditolak), dan menyimpan perubahan.</p>
|
|
|
|
<h2>Bab 4: Panduan Walikota</h2>
|
|
<h3>4.1 Dashboard & Peta Interaktif</h3>
|
|
<p>Walikota menggunakan panel navigasi untuk memantau metrik secara <em>real-time</em>. Fokus utama walikota adalah melihat agregat total data kemiskinan dan persentase Blank Spot yang tertera pada bagian atas dashboard.</p>
|
|
<h3>4.2 Blank Spot & Laporan</h3>
|
|
<p>Walikota dapat mengaktifkan <em>Layer Blank Spot</em> di peta untuk memetakan daerah prioritas pembangunan. Laporan masyarakat juga dapat dipantau oleh Walikota tanpa bisa mengubah statusnya.</p>
|
|
|
|
<h2>Bab 5: Panduan Publik</h2>
|
|
<p>Bagi publik, sistem SiPetaSos bertindak sebagai portal keterbukaan informasi. Publik tidak dapat melihat nama lengkap atau data pribadi KK Miskin (disembunyikan untuk menjaga privasi), namun bisa melihat sebaran rumah ibadah dan mengirim pengaduan melalui tombol <strong>Laporan Masyarakat (!)</strong> di sudut layar.</p>
|
|
|
|
<h2>Bab 6: Fitur Peta Interaktif</h2>
|
|
<ul>
|
|
<li><strong>Layer Control:</strong> Ikon tumpukan kertas di sebelah kanan peta. Digunakan untuk menghidupkan/mematikan tampilan layer (Spasial Kemiskinan, Radius Ibadah, Jalan, dll).</li>
|
|
<li><strong>Radius Marker:</strong> Rumah Ibadah dikelilingi oleh poligon lingkaran transparan yang merepresentasikan jangkauan layanannya.</li>
|
|
<li><strong>Color Coding Blank Spot:</strong> Titik kemiskinan berwarna Hijau jika berada dalam radius Ibadah. Berwarna Merah (X) jika di luar radius.</li>
|
|
</ul>
|
|
|
|
<h2>Bab 7: Troubleshooting</h2>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Masalah</th>
|
|
<th>Penyebab & Solusi</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Peta tidak muncul (hanya layar abu-abu).</td>
|
|
<td>Koneksi internet bermasalah. Sistem harus memuat peta dasar dari server eksternal. Periksa koneksi internet Anda.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Edit data KK tidak merubah data Warga.</td>
|
|
<td>Refresh halaman. Sistem sudah memiliki trigger otomatis untuk sinkronisasi Kepala Keluarga.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Titik tambah lokasi tidak responsif.</td>
|
|
<td>Pastikan Anda dalam "Mode Tambah" (Tombol header aktif). Klik satu kali di atas peta untuk menjatuhkan titik koordinat.</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Badge laporan tetap merah padahal sudah dibaca.</td>
|
|
<td>Laporan tidak hanya dibaca, statusnya harus diubah dari "Menunggu" menjadi "Diproses/Selesai" agar notifikasi hilang.</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<h2>Bab 8: Glosarium</h2>
|
|
<ul>
|
|
<li><strong>WebGIS:</strong> Sistem Informasi Geografis yang diakses menggunakan web browser.</li>
|
|
<li><strong>Blank Spot:</strong> Area populasi rentan yang tidak tercakup/terjangkau oleh fasilitas umum terdekat.</li>
|
|
<li><strong>Parsil Tanah:</strong> Bidang tanah yang dibatasi oleh batas-batas tertentu di atas peta.</li>
|
|
<li><strong>Radius Layanan:</strong> Lingkaran imajiner yang dibuat dari titik fasilitas untuk menggambarkan jarak jangkauan.</li>
|
|
</ul>
|
|
|
|
</body>
|
|
</html>
|