Initial commit - Fresh Clean Code with Road Report User Manual

2026-06-11 08:18:46 +07:00
parent 6c0bc590dd
commit 57d7ace374
1 changed files with 35 additions and 0 deletions
@@ -0,0 +1,35 @@
+# 🗺️ Panduan Penggunaan Sistem Pelaporan Jalan Rusak (SIG) - JalanRusak Marker
+
+Selamat datang di Panduan Pengguna aplikasi **Sistem Informasi Geografis Pelaporan dan Pemetaan Jalan Rusak**. Aplikasi ini dirancang interaktif agar masyarakat atau petugas dapat melaporkan titik kerusakan jalan, menyertakan bukti foto, serta mengelola posisinya secara dinamis langsung di atas peta.
+
+## 🔗 Link Akses Website
+Aplikasi dapat diakses langsung melalui tautan berikut:
+👉 [Demo Live Website Jalan Rusak Marker](https://sigwebsite.free.je/JalanRusak_Marker/)
+
+---
+
+## 🚀 Fitur Utama & Cara Menggunakannya
+
+### 1. Mengaktifkan Mode Tambah Laporan (Bidikan Peta)
+* **Langkah 1:** Klik tombol biru besar di bagian atas sidebar yang bertuliskan **"KLIK UNTUK AKTIFKAN MODE TAMBAH MARKER"**.
+* **Cara Kerja:** Setelah diklik, status tombol akan berubah menjadi aktif (menyala) dan kursor di area peta akan berubah. Ini menandakan peta siap menerima titik koordinat baru.
+
+### 2. Menentukan Titik Kerusakan & Deteksi Alamat Otomatis
+* **Langkah 2:** Cari lokasi jalan yang rusak pada peta, kemudian **klik sekali** pada titik tersebut.
+* **Fitur Cerdas (Reverse Geocoding):** Begitu diklik, sebuah pin marker penanda akan muncul di peta. Sistem akan otomatis melacak koordinat lintang/bujur (Latitude & Longitude) serta **mengisi kolom Alamat secara otomatis** pada form input berdasarkan titik riil yang Anda pilih.
+
+### 3. Mengisi Data Laporan & Mengunggah Foto Bukti
+* **Langkah 3:** Lengkapi kolom **Nama Pelapor/Nama Jalan** dan kolom **Catatan Kerusakan** (misal: "Jalan berlubang dalam diameter 1 meter").
+* **Fitur Utama (Upload Foto):** Klik kolom pilih file pada bagian **Foto Kerusakan**, lalu masukkan foto bukti fisik jalan rusak yang ada di galeri laptop/HP Anda.
+* **Langkah 4:** Klik tombol **"SIMPAN LAPORAN"** untuk mengirimkannya ke database server.
+
+### 4. Navigasi Cepat & Fokus ke Detail Laporan
+* **Cara Kerja:** Semua laporan yang masuk akan terdaftar di panel **"Daftar Laporan Terkini"** lengkap dengan teks alamat dan foto mini (*thumbnail*) jika ada.
+* **Fitur Utama:** Jika Anda **mengklik salah satu kartu laporan** pada daftar tersebut, kamera peta akan otomatis meluncur (*fly-to*) fokus memperbesar posisi titik jalan rusak tersebut, lengkap dengan membuka jendela *popup* informasi di atas petanya.
+
+### 5. Mengubah Posisi Laporan Lewat Geser Pin (Full Draggable)
+* **Fitur Utama:** Jika posisi pin dirasa kurang akurat, Anda bisa langsung **klik dan tahan (drag)** marker jalan rusak tersebut di peta, lalu geser ke titik jalan yang benar. 
+* **Cara Kerja:** Kolom koordinat posisi dan teks alamat pada database akan otomatis terupdate secara instan mengikuti lokasi baru tempat Anda melepas pin tersebut.
+
+### 6. Menghapus Laporan Jalan Rusak
+* **Langkah:** Klik ikon **Toko Sampah / Tombol Hapus** yang berada di dalam kartu daftar laporan sebelah kanan. Sistem akan memberikan konfirmasi sebelum menghapus laporan dan file foto terkait dari server secara permanen.