CCTV Traffic Monitor Kota Bogor
CCTV Traffic Monitor Kota Bogor
ā CCTV + AI Analysis for Traffic Monitor
Peta Cerdas CCTV Lalu Lintas Bogor (Bogor Smart Traffic Map)
Sistem pemantauan lalu lintas real-time untuk Kota Bogor yang mengubah cara warga berinteraksi dengan lalu lintas melalui integrasi CCTV streaming dan analisis AI cerdas menggunakan Google Gemini.
Proyek ini melampaui sistem pemantauan konvensional dengan berfungsi sebagai asisten perjalanan cerdas yang mampu mendiagnosis masalah lalu lintas, mengidentifikasi penyebabnya, dan memberikan solusi rute alternatif secara instan, yang semuanya terintegrasi penuh dengan Google Maps.
š Fitur Utama Peta Interaktif Real-time: Peta Kota Bogor yang ringan dan responsif menggunakan Leaflet, dengan puluhan titik CCTV yang ditandai secara akurat.
Live CCTV Streaming: Kemampuan untuk melihat siaran langsung dari setiap CCTV yang dipilih menggunakan teknologi HLS.js, memberikan gambaran visual kondisi terkini di lapangan.
AI Traffic Analyst: Fitur unggulan berbasis Google Gemini yang menyajikan "Kartu Analisis Cerdas" dengan informasi ringkas dan visual:
Status Lalu Lintas Visual: Badge berwarna (Hijau, Kuning, Merah) untuk kondisi Lancar, Ramai, atau Padat.
Identifikasi Penyebab Utama: AI secara cerdas mengidentifikasi akar masalah kemacetan (misal: "Volume kendaraan jam pulang kerja").
Solusi Rute Alternatif: Rekomendasi 2-3 rute alternatif spesifik untuk keluar dari titik kemacetan.
Integrasi Penuh dengan Google Maps:
Navigasi Instan: Setiap rute alternatif yang disarankan merupakan tautan yang dapat diklik untuk membuka navigasi di Google Maps.
Lihat Lokasi: Tombol untuk membuka lokasi persis CCTV di Google Maps.
Antarmuka Modern & Responsif: Dibangun dengan Tailwind CSS untuk memberikan pengalaman pengguna yang bersih dan optimal di berbagai perangkat (desktop, tablet, dan mobile).
š ļø Teknologi
- Framework: Next.js 15 (App Router)
- Bahasa: TypeScript
- Pustaka Peta: React-Leaflet
- Video Streaming: HLS.js
- Integrasi AI: Google Gemini API
- UI & Styling: Tailwind CSS
- Ikon: Lucide React
šÆ Target Pengguna
- Warga Bogor: Komuter harian yang membutuhkan informasi untuk menghindari kemacetan dalam perjalanan kerja atau aktivitas sehari-hari.
- Wisatawan: Pengunjung yang tidak familiar dengan pola lalu lintas Bogor dan membutuhkan panduan cerdas untuk menjelajahi kota.
- Pihak Terkait (Dinas Perhubungan): Sebagai dasbor pemantauan tingkat lanjut yang tidak hanya menampilkan video, tetapi juga analisis awal dari setiap titik kemacetan.