SISTEM INFORMASI GEOGRAFIS PEMETAAN TEMPAT OLAHRAGA DI KOTA MEDAN

| | 81 views

Web Application TRPL-GIS-2026
Thumbnail project SISTEM INFORMASI GEOGRAFIS PEMETAAN TEMPAT OLAHRAGA DI KOTA MEDAN kategori Web Application

Deskripsi Project

Medan Sports Area merupakan sebuah platform Sistem Informasi Geografis berbasis web (WebGIS) interaktif yang dirancang khusus untuk memetakan sebaran fasilitas olahraga di seluruh wilayah Kota Medan secara real-time. Platform ini dikembangkan untuk masyarakat umum atau warga Kota Medan yang ingin menjaga gaya hidup sehat, sekaligus sebagai wadah digital bagi para pemilik atau pengelola tempat olahraga untuk mempromosikan fasilitas mereka. Melalui integrasi teknologi React, TypeScript, Leaflet.js, dan backend Supabase, aplikasi ini hadir sebagai solusi praktis yang mempertemukan kebutuhan warga dengan penyedia fasilitas olahraga dalam satu ekosistem digital yang terintegrasi. Latar Belakang / Masalah yang Diselesaikan Pengembangan aplikasi ini dilatarbelakangi oleh tingginya minat masyarakat Kota Medan terhadap aktivitas olahraga, yang sayangnya tidak diimbangi dengan ketersediaan informasi spasial yang memadai. Sebelum aplikasi ini dibuat, data mengenai lokasi olahraga masih tersebar tidak terstruktur di media sosial ataupun Google Maps, dengan detail informasi yang sering kali tidak lengkap seperti tarif sewa terbaru, jam operasional, atau ketersediaan fasilitas pendukung. Selain itu, platform pemetaan umum tidak menyediakan fitur filter khusus berdasarkan spesifikasi olahraga, sehingga masyarakat kesulitan membandingkan antar-lokasi dan harus menghabiskan banyak waktu untuk mencari informasi secara manual. Oleh karena itu, aplikasi ini sangat dibutuhkan untuk memangkas kesenjangan informasi tersebut dengan menyediakan satu sumber data terpadu yang akurat dan efisien. Fitur Utama Peta Interaktif & Klasterisasi Marker: Menampilkan lokasi fasilitas olahraga di Kota Medan menggunakan peta digital interaktif (Leaflet.js) yang dilengkapi fitur pengelompokan (clustering) agar tampilan tetap rapi saat peta diperkecil. Deteksi Lokasi Otomatis: Memanfaatkan Geolocation API untuk melacak koordinat posisi pengguna secara akurat dan seketika saat mengakses aplikasi. Rekomendasi Jarak Terdekat: Mengintegrasikan algoritma Haversine Formula untuk menghitung jarak presisi dari posisi pengguna ke lokasi olahraga dan mengurutkannya secara real-time. Penyaringan Berlapis (Advanced Filtering): Memudahkan pencarian fasilitas olahraga secara spesifik berdasarkan kategori olahraga, rentang harga sewa, wilayah kecamatan, hingga radius jarak tertentu. Rute Perjalanan (Routing): Menyediakan visualisasi jalur rute perjalanan langsung di atas peta dari posisi pengguna ke tempat tujuan berkat integrasi Leaflet Routing Machine. Sistem Kontribusi Data (Crowdsourcing): Memungkinkan penginputan dan pembaruan data fasilitas olahraga baru di lapangan secara praktis oleh pengguna atau pengelola tempat.

Screenshot Aplikasi

Video Demo

Video thumbnail
Klik untuk memutar

Statistik

81
Total Penayangan

Link Project

Live Demo Video Demo

Teknologi yang Digunakan

React Leaflet.js Typescript PostgreSQL Supabase (@supabase/ssr) for auth + history GeoJSON Tailwind CSS

Dosen Pengampu

D
Donny Sanjaya, M.Kom.
NIP: 199010302024061001 d.sanjaya@polmed.ac.id

Pengembang

M
Muhammad Arriza Risky
Team Lead 2305181056 mhdarriza1404@gmail.com
S
Sultan Rafi Djafar Lubis
Developer 2305181092 rafilubis30082005@gmail.com
Habib a'la al maududi dalimunthe
Designer 2305181032 habibninov@gmail.com
R
Ronatal christian dame habeahan
Tester 2305181004 ronatalchristian@gmail.com
Fatihah Salman Farisi
Tester 2305181104 frsfatihah@gmail.com
N
Nathanaiel Sihombing
Tester 2305181040 naelsihombing654@gmail.com

Dokumentasi

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