Sistem Informasi Geografis (SIG) Pemetaan Cafe Kopi Di Kota Medan Berbasis Website (KopiMap.Medan)

| | 21 views

Web Application TRPL-GIS-2026
Thumbnail project Sistem Informasi Geografis (SIG) Pemetaan Cafe Kopi Di Kota Medan Berbasis Website (KopiMap.Medan) kategori Web Application

Deskripsi Project

KopiMap.Medan merupakan sebuah platform Sistem Informasi Geografis (GIS) terintegrasi berbasis web dan mobile yang dirancang khusus untuk memetakan sebaran cafe kopi di seluruh wilayah Kota Medan. Platform ini hadir sebagai solusi bagi dua pengguna utama, yaitu masyarakat umum atau wisatawan selaku pencari lokasi kuliner (guest) serta para pelaku usaha kopi selaku pengelola data (admin). Kehadiran aplikasi ini dilatarbelakangi oleh pertumbuhan bisnis cafe kopi di Kota Medan yang melonjak sangat pesat dalam beberapa tahun terakhir seiring dengan berkembangnya gaya hidup masyarakat urban. Namun, fenomena ekspansif tersebut belum diimbangi dengan ketersediaan sistem informasi geospasial yang memadai, sehingga masyarakat masih sering mengalami kesulitan dalam mengeksplorasi lokasi, membandingkan fasilitas, maupun mencari tempat berkumpul yang paling efisien karena informasi yang beredar di internet dan media sosial saat ini masih bersifat manual dan tidak terstruktur. Melalui integrasi teknologi modern, KopiMap.Medan menawarkan serangkaian fitur unggulan yang berfokus pada kemudahan aksesibilitas data spasial kuliner. Di sisi web publik, pengguna dapat memanfaatkan peta interaktif berbasis Leaflet.js yang responsif dengan dukungan tiga pilihan tampilan peta (street view, topografi, dan citra satelit) yang mendeteksi posisi pengguna secara langsung lewat GPS. Tak hanya itu, platform ini dilengkapi dengan sistem pencarian cerdas dan multi-filtering yang memungkinkan pencarian cafe disaring secara spesifik berdasarkan wilayah kecamatan, kategori kafe, kisaran harga, jam operasional, hingga kelengkapan fasilitas seperti WiFi atau area outdoor. Salah satu fitur paling inovatifnya adalah pencarian radius geolokasi menggunakan ekstensi basis data spasial PostGIS, di mana sistem secara otomatis dapat mengalkulasi dan menampilkan daftar cafe kopi terdekat dalam radius maksimal 5 kilometer dari titik koordinat pengguna berada secara real-time. Informasi yang disajikan pun sangat komprehensif, mencakup galeri foto utama, jam operasional harian, ulasan bintang, testimonial pengunjung, hingga navigasi rute langsung ke Google Maps. Untuk mendukung keberlanjutan dan keakuratan data, sistem ini ditopang oleh aplikasi mobile lintas platform berbasis Flutter yang dikhususkan bagi pihak pengelola atau Admin. Melalui aplikasi seluler ini, Admin yang telah tervalidasi dengan sistem keamanan JSON Web Token (JWT) dapat melakukan pembaruan informasi, menghapus data, mengunggah foto, hingga menginput titik koordinat lokasi baru secara instan di lapangan. Seluruh ekosistem digital ini dibangun menggunakan kombinasi tech stack yang handal di industri, meliputi HTML5, CSS3, dan Vanilla JavaScript pada frontend web, Flutter pada aplikasi mobile, Node.js dan Express.js pada backend API, serta PostgreSQL dengan ekstensi PostGIS yang di-hosting pada layanan cloud Supabase terintegrasi infrastruktur AWS. Dengan arsitektur yang solid ini, KopiMap Medan sukses menyajikan informasi geospasial kuliner yang interaktif, aman, dan responsif demi memajukan potensi wisata dan industri kopi di Kota Medan.

Screenshot Aplikasi

Video Demo

Video thumbnail
Klik untuk memutar

Statistik

21
Total Penayangan

Link Project

Video Demo

Teknologi yang Digunakan

HTML5& CSS3 JavaScript Leaflet.js Native PHP

Dosen Pengampu

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

Pengembang

I
Inka Triamanda
Team Lead 2305181100 inkatriamanda@gmail.com
J
Jeki Herianto
Developer 2305181060 jeibarutu@gmail.com
M
Mila Auliani
Tester 2305181012 milaaulia218@gmail.com
R
Rahmat
Tester 2305181076 rahmat.ingetten@gmail.com
N
Nazua Febriani
Designer 2305181008 nazwafebriani17@gmail.com
P
Phelia Nathania
Designer 2305181048 phelianathania05@gmail.com

Dokumentasi

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