Web Pemetaan Banjir

Aplikasi Prediksi dan Mitigasi Risiko Banjir
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Features
4. Roadmap
5. Team
6. License
7. Contact
8. Acknowledgments

About The Project

Aplikasi Web Pemetaan Banjir ini dikembangkan untuk mendukung tujuan SDG 13: Climate Action, yang bertujuan untuk meningkatkan kesadaran dan mengurangi dampak perubahan iklim. Indonesia, sebagai negara yang rawan bencana, sering menghadapi bencana banjir yang semakin tidak terprediksi dalam hal pola dan intensitasnya, terutama di kota-kota besar.

Website ini memberikan solusi berbasis data yang memanfaatkan informasi historis banjir untuk memetakan risiko banjir di berbagai lokasi. Dengan adanya prediksi ini, masyarakat dapat lebih siap menghadapi bencana dan mengambil tindakan preventif yang lebih tepat.

Kontribusi Aplikasi terhadap SDG 13:

• Peringatan Dini: Memberikan pemberitahuan kepada pengguna mengenai tingkat risiko banjir di lokasi mereka berdasarkan indeks banjir.
• Edukasi Masyarakat: Melalui fitur informasi banjir dan tips bertahan hidup, aplikasi ini meningkatkan kesadaran masyarakat tentang mitigasi risiko banjir.
• Akses Informasi: Pengguna dapat mendapatkan informasi mengenai titik rawan banjir, yang memungkinkan mereka untuk mengambil tindakan preventif lebih awal.

(back to top)

Built With

Teknologi utama yang digunakan dalam pengembangan proyek:

• 
• 
• 
• 
• 
• 

(back to top)

ERD

Getting Started

Panduan untuk mengatur proyek di lingkungan lokal Anda.

Prerequisites

Pastikan Anda memiliki prasyarat berikut:

• PHP 8.1
• Composer
• Node.js
• MySQL

  # Contoh instalasi Composer
  php -r "copy('https://getcomposer.org/installer', 'composer-setup.php');"
  php composer-setup.php
  php -r "unlink('composer-setup.php');"

Installation

1. Clone repositori

   git clone https://github.com/sheraldo-ux/WebProg-Blade.git

2. Install dependensi Composer

   composer install

3. Install dependensi NPM

   npm install

4. Konfigurasi environment

   cp .env.example .env
   php artisan key:generate

5. Konfigurasi database

   php artisan migrate

6. Jalankan aplikasi

   npm run dev
   php artisan serve

(back to top)

Features

Halaman Utama (Home Page):

• Deteksi Lokasi dengan Koordinat GPS: Pengguna dapat memanfaatkan fitur deteksi lokasi menggunakan GPS untuk mengetahui titik rawan banjir terdekat. Lokasi pengguna akan dipetakan secara otomatis di peta, dan prediksi banjir akan disesuaikan dengan wilayah mereka.
• Perhitungan Indeks Banjir Terdekat: Aplikasi mengolah data historis untuk menunjukkan tingkat risiko banjir berdasarkan lokasi pengguna. Hal ini membantu pengguna untuk mempersiapkan diri jika banjir diprediksi terjadi.
• Prakiraan Cuaca 12 Jam ke Depan: Menggunakan data cuaca terkini, aplikasi memberikan prakiraan cuaca untuk membantu pengguna mengantisipasi cuaca ekstrem yang dapat menyebabkan banjir.
• Penanda Peta Risiko Banjir: Peta interaktif yang menunjukkan titik-titik rawan banjir dengan penanda yang memberikan informasi tentang tingkat bahaya di setiap lokasi.

Halaman Informasi:

• Dampak Banjir: Menyediakan informasi mengenai dampak banjir bagi masyarakat dan lingkungan, termasuk tips untuk mengurangi kerugian akibat banjir.
• Kontak Darurat: Daftar nomor kontak penting dan pusat bantuan yang bisa dihubungi selama banjir atau bencana alam lainnya. Game Flood Myths and Facts: Game edukatif yang mengajarkan masyarakat tentang fakta banjir dan mengurangi miskonsepsi terkait bencana banjir.

Halaman Berita:

• Form Kontribusi Berita: Pengguna dapat berkontribusi dengan mengirimkan laporan atau berita terkait kejadian banjir di wilayah mereka. Tampilan Berita Terbaru: Menampilkan berita terkini mengenai banjir dan keadaan darurat yang bisa membantu masyarakat lebih waspada.
• Sistem Berbagi Informasi Banjir Real-Time: Pengguna bisa berbagi informasi terbaru mengenai banjir melalui platform ini, membantu penyebaran informasi lebih cepat.

Halaman Tips:

• SMART Tips for Flood Survival: Tips bertahan hidup yang berbasis pada prinsip SMART (Stay Informed, Move to Higher Ground, Assemble an Emergency Kit, Respond Immediately, & Turn Off Utilities) untuk membantu masyarakat bertindak secara efektif selama banjir. Studi Kasus Nyata: Contoh-contoh kejadian banjir nyata dan cara mitigasi yang efektif yang diterapkan di lokasi-lokasi terdampak.
• Video Edukasi: Menyediakan video pendek yang memberikan penjelasan tentang cara bertahan hidup saat banjir, mengurangi kerusakan, dan meminimalisir risiko.

Halaman About

• Meet Our Team, Bagian ini menampilkan profil anggota tim yang terlibat dalam pengembangan aplikasi, yang mencakup informasi berikut: Foto Profil: Gambar anggota tim yang jelas dan profesional. Nama/User: Nama lengkap atau username anggota tim. Posisi/Role: Posisi atau peran anggota dalam proyek. Tautan Media Sosial: Link ke akun media sosial masing-masing anggota untuk memberikan kesempatan kepada pengguna untuk terhubung lebih lanjut dengan tim.

Halaman Support Us

Mengajak pengguna untuk berpartisipasi dalam inisiatif pemetaan banjir dan memberikan dukungan untuk meningkatkan dampak aplikasi. Flood Mapping Initiative Bagian ini memiliki dua fitur utama untuk melibatkan pengguna dalam pemetaan banjir:

• Report Flood Incidents: Fitur ini memungkinkan pengguna untuk melaporkan kejadian banjir di daerah mereka, yang akan membantu memperbarui data dan meningkatkan akurasi peta risiko banjir.
• Spread the Word: Fitur ini memungkinkan pengguna untuk membagikan aplikasi ke komunitas atau teman-teman mereka untuk meningkatkan kesadaran tentang risiko banjir dan pentingnya kesiapsiagaan.

Collective Impact Statistics Tampilan ini menunjukkan statistik dampak kolektif dari dukungan pengguna, termasuk:

• Jumlah Laporan Banjir yang Diterima: Menunjukkan jumlah laporan banjir yang berhasil dikumpulkan dari pengguna.
• Jumlah Aplikasi yang Dibagikan: Menampilkan jumlah aplikasi yang telah dibagikan oleh pengguna ke komunitas mereka.

(back to top)

Roadmap

• Pengembangan prototipe awal
• Implementasi sistem deteksi lokasi dan pemetaan banjir
• Integrasi Mapbox API
• Pengembangan fitur informasi banjir
• Sistem kontribusi berita
• Implementasi autentikasi pengguna
• Sistem kontribusi pelaporan titik banjir
• Dukungan multi-bahasa
  • Bahasa Indonesia
  • Bahasa Inggris

Lihat open issues untuk daftar lengkap usulan fitur.

(back to top)

Team

Anggota Tim Pengembang & Kontribusi

• Sheraldo Halim | FrontEnd

• Raphaelle Albetho Wijaya | FrontEnd

• Pierre Adrian Tiopan Octavianus Sitorus | FrontEnd

• Timothy Paendong | BackEnd

• Kevin Purnomo | FullStack

(back to top)

License

Didistribusikan di bawah Lisensi MIT. Lihat LICENSE untuk informasi lebih lanjut.

(back to top)

Contact

Sheraldo Halim - @sheraldo_ux - [email protected]

Link Proyek: https://github.com/sheraldo-ux/WebProg-Blade

Link Live Website: Floodster

Link Prototype: Figma

Link Presentation: Canva

(back to top)

Acknowledgments

Sumber daya yang membantu dalam pengembangan proyek:

• Choose an Open Source License
• Img Shields
• Google Font

(back to top)