diff --git a/README.md b/README.md new file mode 100644 index 0000000..f862b2a --- /dev/null +++ b/README.md @@ -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. \ No newline at end of file