🌿 Sekitarku — Platform Pemantauan Lingkungan Hidup & Mitigasi Bencana Real-Time Indonesia

Platform Pemantauan Lingkungan & Mitigasi Bencana Real-Time Nusantara
Menyajikan Data Kualitas Udara (AQI & PM2.5), Cuaca, Deteksi Karhutla (FDRS & Satelit NASA), Aktivitas Gunung Api (PVMBG), dan Peringatan Dini Gempa Bumi (BMKG) dalam Satu Dasbor Presisi Tanpa Latensi.

Sekitarku adalah platform web progresif (Progressive Web App) karya anak bangsa yang dirancang untuk mendemokratisasi akses data lingkungan hidup dan mitigasi bencana di Indonesia. Mengintegrasikan berbagai API data terbuka resmi dari:

• BMKG (Badan Meteorologi, Klimatologi, dan Geofisika): Parameter cuaca, prakiraan 7 hari, FDRS bahaya kebakaran hutan, dan InaTEWS sistem peringatan gempa & tsunami.
• PVMBG / MAGMA Indonesia (Badan Geologi ESDM): Status 4 level erupsi gunung api, radius bahaya kawah, dan rekomendasi mitigasi vulkanik.
• KLHK SiPongi+ & NASA FIRMS: Data satelit titik panas kebakaran hutan dan lahan (NRT VIIRS 375m & MODIS) mencakup 38 provinsi di seluruh Nusantara.
• Open-Meteo & Copernicus Atmosphere Service: Indeks Kualitas Udara (ISPU & US-EPA AQI), spektrum polutan partikulat mikro (PM2.5, PM10, CO, NO2, SO2, O3), dan radiasi ultraviolet (UV).

Sekitarku menyajikan gambaran menyeluruh kondisi ekologis di lebih dari 500 kota dan kabupaten di seluruh Indonesia. Dirancang dengan prinsip desain antarmuka modern yang bersih (clean flat aesthetic), kontras tinggi, navigasi intuitif, serta arsitektur data instan (Zero-Latency SWR Cache & Infallible Fallback), pengguna dapat memantau kesehatan lingkungan di sekitar mereka secara akurat kapan pun dan di mana pun.

flowchart TD
    subgraph Sumber_Data_Resmi ["📡 Sumber Data Resmi Terbuka"]
        BMKG_API["🏛️ BMKG InaTEWS & Cuaca\n(Gempa, Seismik & FDRS)"]
        KLHK_API["🔥 KLHK SiPongi+ & NASA FIRMS\n(Titik Panas Satelit Karhutla)"]
        PVMBG_API["🌋 PVMBG / MAGMA ESDM\n(Status Vulkanik & Bahaya)"]
        Meteo_API["⛅ Open-Meteo API\n(Cuaca, Radiasi UV & Iklim)"]
        AQI_API["🏭 Open-Meteo / Copernicus\n(PM2.5, PM10, AQI US EPA & ISPU)"]
    end

    subgraph Service_Layer ["⚙️ Service & Caching Layer"]
        BMKG_Svc["bmkg.js"]
        Karhutla_Svc["karhutla.js"]
        Volcano_Svc["volcanoes.js"]
        Weather_Svc["weather.js"]
        AQI_Svc["airQuality.js"]
        Cache["💾 SWR Cache Engine\n(In-Memory + LocalStorage 15m TTL)"]
    end

    subgraph Core_Intelligence ["🧠 Modul Kalkulasi & Korelasi Cerdas"]
        EcoScore["🌿 Indeks Eco-Health 0-100\n(healthIndex.js)"]
        CigFormula["🚬 Konversi Rokok Berkeley Earth\n(PM2.5 / 22 ug/m3)"]
        HazeCorrelation["💨 Korelasi Cerdas Kabut Asap\n(Proximity Hotspot + PM2.5 Spike)"]
        ProximityCalc["📍 Haversine Proximity Engine\n(Gunung Api & Titik Api Terdekat)"]
    end

    subgraph UI_Presentation ["🖥️ Dasbor Antarmuka Interaktif"]
        Hero["Kartu Skor Kesehatan & Rekomendasi Aktivitas"]
        AQICard["Visualisasi Spektrum AQI & Polutan Mikro"]
        KarhutlaCard["Indeks FDRS & Pantauan Titik Panas"]
        VolcanoCard["Status Kawah & Radius Bahaya"]
        QuakeCard["Peringatan Dini Gempa & Shakemap"]
        WeatherCard["Prakiraan Cuaca 7 Hari & Indeks UV"]
        Map["🗺️ Peta Geospasial Leaflet Multi-Layer"]
        Share["🖼️ Infografis Story 9:16 & Native Share API"]
        Widget["📱 Web Embed & Android KWGT Widget API"]
    end

    BMKG_API --> BMKG_Svc
    KLHK_API --> Karhutla_Svc
    PVMBG_API --> Volcano_Svc
    Meteo_API --> Weather_Svc
    AQI_API --> AQI_Svc

    BMKG_Svc --> Cache
    Karhutla_Svc --> Cache
    Volcano_Svc --> Cache
    Weather_Svc --> Cache
    AQI_Svc --> Cache

    Cache --> EcoScore
    Cache --> CigFormula
    Cache --> HazeCorrelation
    Cache --> ProximityCalc

    EcoScore --> Hero
    CigFormula --> Hero
    HazeCorrelation --> KarhutlaCard
    ProximityCalc --> VolcanoCard
    ProximityCalc --> KarhutlaCard

    Cache --> AQICard
    Cache --> QuakeCard
    Cache --> WeatherCard
    Cache --> Map
    
    Hero & AQICard & KarhutlaCard & VolcanoCard & QuakeCard --> Share
    Hero & AQICard & WeatherCard --> Widget

• Menggabungkan 5 parameter krusial secara proporsional: Indeks Polusi Udara (AQI US-EPA), Konsentrasi PM2.5, Suhu Terasa (Apparent Temperature), Kelembapan Relatif, dan Tingkat Radiasi Sinar UV.
• Memberikan skor komposit 0–100 dengan kategori status instan (Sangat Sehat & Optimal, Cukup Baik & Layak, Kurang Sehat / Berisiko, Berbahaya Bagi Kesehatan).
• Matriks Kesiapan Aktivitas Luar Ruangan: Rekomendasi kesiapan untuk Olahraga/Jogging, Bersepeda, Aktivitas Anak & Lansia, serta anjuran Ventilasi Rumah.
• Konversi Bahaya Polusi Berkeley Earth: Menghitung estimasi bahaya hirupan partikulat harian yang setara dengan hisapan rokok pasif (formula: 1 batang ~ 22 µg/m³ PM2.5 per 24 jam).

• Standar klasifikasi US-EPA AQI (0–500) dengan spektrum warna visual kontinu dan Jarum Penanda Posisi Dinamis (Needle Indicator) yang bergerak presisi sesuai persentase nilai AQI aktual.
• Rincian polutan mikro lengkap: PM2.5, PM10, Karbon Monoksida (CO), Nitrogen Dioksida (NO2), Sulfur Dioksida (SO2), Ozon Permukaan (O3), dan Partikel Debu.
• Grafik historis tren fluktuasi AQI 24 jam per jam untuk membaca pola puncak polusi harian.

• Sistem Peringkat Bahaya Kebakaran Hutan BMKG (FDRS): Menghitung status kerawanan lahan (Aman/Rendah, Sedang, Rawan/Tinggi, Sangat Rawan/Ekstrem) berdasarkan kelembapan, suhu, dan curah hujan.
• Titik Panas Satelit KLHK SiPongi+ & NASA FIRMS (VIIRS/SNPP & MODIS): Pemantauan koordinat kebakaran hutan real-time, daya radiasi api (FRP MW), dan tingkat kepercayaan satelit di seluruh 38 provinsi di Indonesia.
• Korelasi Cerdas Kabut Asap (Smart Haze Cross-Correlation): Mengkorelasikan jarak titik api terdekat dengan lonjakan partikulat PM2.5 lokal untuk membedakan antara kabut biasa (mist/fog) dan asap kebakaran beracun (toxic wildfire haze).

• Deteksi Jarak Kawah Terdekat (Proximity Intelligence): Menghitung jarak ke kawah gunung api aktif terdekat secara otomatis berdasarkan koordinat GPS atau kota pilihan via Haversine formula.
• Status 4 Level Resmi PVMBG: Menampilkan tingkat aktivitas vulkanik (Level I Normal, Level II Waspada, Level III Siaga, Level IV Awas) lengkap dengan radius steril kawah dan panduan hujan abu.
• Direktori Gunung Api Indonesia: Modal pencarian dan filter status seluruh gunung api aktif di Nusantara.

• Auto-Gempa Real-Time: Terhubung langsung ke BMKG Indonesia Tsunami Early Warning System (InaTEWS) untuk mendeteksi gempa bumi terkini dalam hitungan detik.
• Rincian parameter seismik: Magnitudo, Kedalaman, Koordinat Lintang/Bujur, Wilayah Episentrum, Skala Intensitas MMI, dan Status Potensi Tsunami.
• Visualisasi peta guncangan mikro (Shakemap raster) resmi dari BMKG dan riwayat 15 gempa bumi terkini di Indonesia.

• Suhu saat ini, suhu terasa (feels-like), persentase kelembapan, tekanan udara permukaan, kecepatan dan arah angin.
• Grafik prakiraan cuaca komprehensif 7 hari ke depan lengkap dengan visualisasi kondisi langit, rentang suhu min/max, dan probabilitas hujan.
• Pengukur indeks radiasi Ultraviolet (UV) matahari disertai waktu aman terpapar dan anjuran tabir surya (sunscreen).

• Peta geospasial responsif dengan kontrol layer filter interaktif:
  • 🏙️ Stasiun Kota: Pin penanda kota bernuansa Royal Blue (#2563eb) dengan lingkaran radius pantau cerdas (8 km & 25 km).
  • 🌋 Gunung Api: Titik kawah dengan radius bahaya sesuai level status PVMBG.
  • 🔥 Titik Panas Karhutla: Titik kebakaran hutan aktif dari satelit cuaca.
  • ⚡ Gempa Bumi: Lingkaran getaran seismik sesuai magnitudo gempa.

• Menghasilkan kartu infografis vertikal resolusi tinggi (rasio 9:16 HD) yang digambar secara presisi via HTML5 Canvas 2D.
• Live Preview modal yang 100% selaras (1:1 identical) dengan hasil ekspor gambar PNG.
• 1-Tap Direct Web Share API: Terintegrasi langsung dengan Native Share Sheet smartphone (Android / iOS) untuk membagikan laporan ke WhatsApp Status/Story, Instagram Stories, Twitter/X, dan Telegram.

• Widget Web Embed Iframe: Menyediakan kode sematan HTML/iframe responsif (dark/light mode) untuk dipasang pada blog atau situs berita eksternal.
• Android Widget API (/api/widget-data): Endpoint JSON ringan dengan header CORS terbuka dan cache HTTP 5 menit untuk integrasi widget layar utama smartphone Android via KWGT Kustom Widget atau Tasker.

• Akses cepat tombol panggilan darurat Call 112 (Layanan Panggilan Darurat Nasional Indonesia).
• Panduan protokol keselamatan komprehensif standar BNPB & BPBD:
  • 🚨 Protokol Gempa Bumi (Drop, Cover, Hold On, Evakuasi)
  • 🌊 Protokol Tsunami (Aturan 20-20-20)
  • 🌋 Protokol Erupsi Gunung Api & Hujan Abu
  • 🌧️ Protokol Banjir & Cuaca Ekstrem
  • 😷 Protokol Polusi Udara Ekstrem & Kabut Asap
• Direktori kontak instansi tanggap bencana: Basarnas (115), Ambulans (118/119), Damkar (113), Kepolisian (110), dan PLN (123).

Sistem Sekitarku dirancang dengan standar performa tinggi untuk menjamin kecepatan akses:

• Framework: React 19 + Vite 8
• Styling: Vanilla CSS (Custom Design System, Dark Mode Support, Zero Bloat)
• Pemetaan: Leaflet 1.9.4 + React-Leaflet 5 + OpenStreetMap
• Visualisasi Grafik: Recharts 3.10
• Ikonografi: Lucide React
• Manipulasi Waktu: date-fns
• Dynamic OG Image: @vercel/og
• Sumber Data Terbuka Resmi:
  • BMKG Indonesia Open Data (TEWS Seismik Gempa Bumi, FDRS & Cuaca)
  • PVMBG / MAGMA Indonesia (Pusat Vulkanologi & Mitigasi Bencana Geologi ESDM)
  • KLHK SiPongi+ (Sistem Informasi Karhutla Kementerian LHK)
  • NASA FIRMS (Fire Information for Resource Management System)
  • Open-Meteo & Copernicus Atmosphere Service (Kualitas Udara & Indeks UV)

Proyek ini dirilis di bawah lisensi terbuka MIT License. Bebas digunakan, dipelajari, dan dikembangkan untuk kepentingan publik, penelitian, dan kemanusiaan.