Skip to content

Latest commit

 

History

History
136 lines (83 loc) · 4.82 KB

README-ID.md

File metadata and controls

136 lines (83 loc) · 4.82 KB

English | Indonesian

Sistem Pemantauan Data Bencana Indonesia

Website interaktif berbasis cloud yang menyajikan informasi real-time mengenai bencana alam di Indonesia dengan memanfaatkan teknologi React, Leaflet.js, dan Amazon Web Services (AWS). Sistem ini dirancang untuk memberikan akses mudah dan cepat kepada masyarakat serta pemangku kepentingan terkait mitigasi bencana.


Live Demo Documentation


preview

Gambaran Umum

Proyek ini dirancang untuk memvisualisasikan data bencana alam secara real-time menggunakan peta interaktif yang dilengkapi dengan ikon spesifik untuk setiap jenis bencana. Sistem ini memanfaatkan teknologi cloud AWS untuk menjamin skalabilitas dan ketersediaan informasi, serta dirancang responsif agar dapat diakses melalui berbagai perangkat.

Cara Penggunaan

  1. Akses Website: Buka website melalui browser.
  2. Eksplorasi Peta: Gunakan fitur zoom dan drag untuk menjelajahi lokasi bencana di seluruh Indonesia.
  3. Klik Ikon Bencana: Dapatkan detail informasi seperti jenis bencana, lokasi, waktu, dan tingkat keparahan.
  4. Gunakan Filter: Pilih jenis bencana tertentu melalui tombol di sisi kanan layar.
  5. Mode Tampilan: Ubah mode terang/gelap melalui tombol di sudut kanan atas.

Contoh Tampilan

Peta Interaktif

Detail Bencana

Fitur Utama

  • Real-Time Data: Informasi bencana terkini langsung dari API BMKG.
  • Peta Interaktif: Pengguna dapat mengeksplorasi lokasi bencana dengan fitur zoom, drag, dan klik ikon untuk detail informasi.
  • Filter Bencana: Memilih jenis bencana tertentu seperti gempa bumi, banjir, atau tsunami.
  • Mode Terang/Gelap: Tampilan yang dapat disesuaikan untuk kenyamanan pengguna.
  • Responsif: Dapat diakses dengan optimal di perangkat desktop, tablet, maupun ponsel.

Teknologi yang Digunakan

AWS Vercel Leaflet.js Tailwind CSS


Instalasi dan Konfigurasi

  1. Clone repositori:

    git clone https://github.com/username/project-name.git
cd project-name

  2. Instalasi dependensi:

    npm install

  3. Konfigurasi file .env: Buat file .env di root proyek dan masukkan variabel-variabel berikut:

    VITE_AWS_ACCESS_KEY_ID=your-aws-key-id
VITE_AWS_SECRET_ACCESS_KEY=your-aws-secret-access-key
VITE_AWS_REGION=your-aws-region

  4. Menjalankan aplikasi lokal:

    npm run dev

  5. Deployment ke Vercel:

    • Hubungkan repositori ke akun Vercel.
    • Atur variabel lingkungan yang sama pada pengaturan proyek di Vercel.
    • Lakukan deployment melalui dashboard Vercel.

Rencana Pengembangan

  1. Penambahan fitur notifikasi peringatan dini.
  2. Integrasi dengan data historis untuk analisis jangka panjang.
  3. Optimalisasi untuk wilayah dengan koneksi internet rendah.
  4. Penambahan fitur personalisasi pengguna.
  5. Pengembangan laporan berbasis data untuk pengambil kebijakan.

Kontribusi

Kontribusi dalam bentuk kode, ide, atau saran sangat diterima!

  1. Fork repositori ini.
  2. Buat branch untuk fitur baru.
  3. Commit perubahan Anda.
  4. Push ke branch Anda.
  5. Buat Pull Request.

Lisensi

Proyek ini dilindungi oleh lisensi MIT. Silakan cek file LICENSE untuk informasi lebih lanjut.

Kontak

Jika Anda memiliki pertanyaan atau saran, silakan buka issue baru di repository ini.

WhatsApp Instagram