Heatmap Peta Kebisingan

| | 254 views

Web Application
Thumbnail project Heatmap Peta Kebisingan kategori Web Application

Deskripsi Project

Proyek "Heatmap Peta Kebisingan di Politeknik Negeri Medan" pada dasarnya adalah pembuatan sebuah aplikasi peta digital interaktif yang dirancang untuk memantau tingkat kebisingan di lingkungan. Aplikasi ini bekerja dengan cara mengumpulkan data suara yang direkam melalui sensor GPS pada telepon pintar, kemudian memunculkannya secara visual di atas peta. Melalui antarmuka ini, pengguna bisa langsung mengenali area mana saja yang bising melalui indikator warna yang pekat, serta area yang lebih tenang dengan warna yang memudar. Agar peta tidak terasa lambat atau berat saat digeser oleh pengguna, aplikasi ini memanfaatkan tiga trik representasi visual. Pertama, sistem menggunakan titik lokasi sederhana untuk menandai koordinat asli tempat suara tersebut direkam secara presisi. Kedua, terdapat garis poligon pembatas yang berfungsi memberi tahu pengguna mengenai batas area cakupan studi mana saja yang memiliki data aktif dan area mana yang kosong. Ketiga, jika ada ribuan titik suara yang direkam saling berdekatan, aplikasi tidak menumpuknya kaku menjadi satu, melainkan menggabungkannya ke dalam *grid* dan memberikannya efek warna yang menyebar. Tampilan ini secara cerdas meniru sifat asli gelombang suara di dunia nyata yang merambat dan memudar secara bebas di udara. Di balik tampilannya, aplikasi ini digerakkan oleh sistem pangkalan data cerdas bernama PostgreSQL dan PostGIS yang sangat andal dalam mengolah informasi spasial atau berbasis lokasi. Jika pengguna mengeklik peta dan mencari lokasi berisik dalam rentang jarak radius tertentu, seperti 500 meter, sistem dapat langsung menyaring dan mengukur jarak aslinya secara akurat dalam hitungan sepersekian mikrodetik. Selain itu, hitungan matematika rumit untuk merender sebaran warna di peta sudah diproses lebih awal dan disimpan di dalam memori cadangan fisik, sehingga visualisasi peta bisa langsung dimuat secara instan setiap kali halaman web dibuka. Jalur pertukaran data pada aplikasi ini juga dikunci rapat untuk menangkal segala ancaman peretas yang mencoba merusak pangkalan data melalui sisipan perintah kode palsu.

Screenshot Aplikasi

Video Demo

Video thumbnail
Klik untuk memutar

Statistik

254
Total Penayangan

Link Project

Live Demo Video Demo

Teknologi yang Digunakan

Next.js Flutter Postgres

Dosen Pengampu

D
Donny Sanjaya, M.Kom
NIP: 199010302024061001

Pengembang

R
Rasyid Kurniawan
Developer 2305181077 rasyidkurniawan@students.polmed.ac.id

Dokumentasi

Buka Dokumentasi (Google Drive) Berisi tutorial, manual, atau panduan penggunaan