Road GuardSistem Monitoring dan Pelaporan Kerusakan Jalan Berbasis Distributed Client-Server Kelompok Grey Hat
Daftar Anggota Road Guard Daftar Anggota AnggotaNyayu Miftahul Huda Anggota Agung Setiawan Anggota Dwirani Ainun Hal. 2
Latar Belakang Masalah: PENDAHULUAN DAN LATAR BELAKANG Road Guard Pendahuluan dan Latar Belakang Kerusakan jalan seperti lubang, retakan, dan jalan amblas sering menyebabkan kecelakaan, kemacetan, serta kerugian bagi pengguna jalan. Hal. 3Pengawasan jalan yang masih mengandalkan survei manual dan laporan masyarakat menyebabkan proses penanganan lambat, kurang efisien, serta menyulitkan penentuan prioritas perbaikan. Solusi Berbasis Teknologi: RoadGuard RoadGuard adalah platform digital untuk monitoring dan pelaporan kerusakan jalan yang menghubungkan petugas lapangan dan masyarakat dengan server pusat. Sistem ini menganalisis kondisi jalan secara real-time serta mengirimkan data dalam format JSON melalui ngrok untuk memudahkan pengelolaan data secara terpusat.
KETERKAITAN DENGAN SUSTAINABLE DEVELOPMENT GOALS (SDGS)Road Guard Keterkaitan dengan sustainable development goals Hal. 4 SDG 11: Sustainable Cities and CommunitiesRoadGuard mendukung terwujudnya kota yang inklusif, aman, tangguh, dan berkelanjutan melalui pemantauan kerusakan jalan secara real-time. Dashboard pemetaan membantu mempercepat perbaikan serta mengidentifikasi area yang memerlukan penanganan jangka panjang. SDG 9: Industry, Innovation, and InfrastructureRoadGuard mendukung SDG 9 melalui inovasi digital dalam pemantauan infrastruktur jalan. Sistem ini membantu pemerintah memetakan kondisi jalan, memprediksi kerusakan, dan mengelola pemeliharaan secara lebih efektif, terukur, dan berkelanjutan. SDG 3: Good Health and Well-BeingRoadGuard mendukung SDG 3 dengan mempercepat pelaporan dan penanganan jalan rusak, sehingga membantu mengurangi risiko kecelakaan lalu lintas serta meningkatkan keselamatan pengguna jalan.
ARSITEKTUR JARINGAN DAN ALUR KERJA SISTEM (JSON VIA NGROK) Road Guard Arsitektur Jaringan dan Alur kerja Konsep Distributed Client-Server Hal. 5Pada tahap pengembangan dan pengujian lokal, RoadGuard menggunakan ngrok untuk membuat secure tunnel yang menghubungkan server backend lokal (localhost) dengan endpoint publik. Dengan demikian, data JSON dari klien dapat dikirim ke server secara real-time tanpa memerlukan IP publik statis atau konfigurasi VPN yang kompleks. Visualisasi Alur Transmisi Data RoadGuard mengimplementasikan arsitektur distributed client-server yang memisahkan proses pengumpulan data di sisi klien dan pemrosesan di sisi server. Aplikasi mobile atau web pada klien digunakan untuk menangkap citra, membaca GPS, dan mengumpulkan parameter input. Selanjutnya, data dikemas dalam format JSON dan dikirim ke server melalui HTTP POST Request untuk diproses. Peran Protokol Ngrok dalam Terowongan DataInisiasi Klien: Petugas mengambil foto kerusakan jalan di lokasi. Ekstraksi Data: Aplikasi mengambil koordinat GPS, menghitung luas, menilai kualitas foto, lalu menyusun data dalam format JSON. Pengiriman Data: JSON dikirim melalui URL ngrok ke server backend lokal. Pemrosesan Server: Server memvalidasi, mengurai JSON, mendeteksi duplikasi, dan menyimpan data ke basis data. Umpan Balik: Server mengirimkan respons HTTP 200 OK sebagai tanda laporan berhasil disimpan.
BEDAH MENDALAM 10 VARIABEL UTAMA SISTEM Road Guard Variabel utama sistemHal. 6
MANFAAT STRATEGIS DAN TARGET PENGGUNA PLATFORMManfaat strategis dan target pengguna platformRoad Guard RoadGuard menyediakan Single Source of Truth mengenai kondisi jalan sehingga pengelola dapat memantau kerusakan secara real-time. Melalui dasbor analitik, data disajikan dalam bentuk visual untuk mendukung perencanaan anggaran dan penjadwalan perbaikan secara lebih cepat, tepat, dan proaktif. Hal. 7Manfaat untuk Masyarakat UmumBagi masyarakat selaku pengguna jalan, RoadGuard memberikan ruang transparansi publik. Setiap laporan yang dikirimkan memiliki nomor pelacakan unik (ID) yang dapat dipantau perkembangannya melalui aplikasi klien—mulai dari status 'Diterima', 'Dalam Proses Analisis', hingga 'Selesai Diperbaiki'. Hal ini meningkatkan kepercayaan masyarakat terhadap kinerja pelayanan publik. Manfaat untuk Pemerintah dan Instansi Terkait (Dinas Pekerjaan Umum)
SPESIFIKASI ANTARMUKA DAN STRUKTUR MENU APLIKASIRoad Guard SPESIFIKASI ANTARMUKA DAN STRUKTUR MENU APLIKASI Hal. 8 Sistem RoadGuard dibagi menjadi beberapa kluster menu utama yang dirancang dengan prinsip User Experience (UX) yang intuitif: Log Laporan & Rekam Data (Data Auditor QA Manajemen Notifikasi & Tindak Lanjut (Admin & Petugas Lapangan) Modul Kamera & Form Input (Klien Lapangan): Dashboard Analitik (Admin & Eksekutif
TIM PENGEMBANG DAN STRUKTUR ORGANISASI PROYEKRoad Guard Tim PengembangHal. 9 Nyayu Miftahul Huda Full-Stack Developer & System Architect Bertanggung jawab penuh atas perancangan arsitektur sistem dari hulu ke hilir. Merancang skema validasi objek JSON, menyusun algoritma penentuan nilai Prioritas berdasarkan variabel Luas dan Frekuensi, serta memastikan integrasi logika backend berjalan selaras dengan antarmuka frontend klien.Agung Setiawan Backend & Database Engineer Fokus pada pengelolaan sisi server, optimalisasi skema basis data relasional untuk menampung rekaman data koordinat GPS, melakukan konfigurasi dan pengamanan gerbang konektivitas tunneling via ngrok, serta mengimplementasikan algoritma penyaringan data duplikasi.Dwirani Ainun Syafrina Frontend & UI/UX DesignerBertanggung jawab atas kenyamanan dan keindahan tampilan visual aplikasi RoadGuard. Merancang arsitektur antarmuka pengguna yang responsif menggunakan framework modern, mengintegrasikan API hardware kamera dan sensor GPS perangkat ke dalam form pelaporan, serta membangun visualisasi grafik pada dashboard utama.
Terima KasihRoad Guard