codrizsain/sig-spbu

Web-based Geographic Information System (GIS) for mapping Pertamina gas stations in Asahan Regency using PHP, MySQL, and Leaflet.js.

β˜… 2Forks 1PHPGitHub β†—Compare
gis-developmentgis-projectphp

README

πŸ—ΊοΈ SIG SPBU - Sistem Informasi Geografis Pemetaan SPBU Kab. Asahan

Sebuah aplikasi berbasis web (WebGIS) yang dirancang untuk memetakan dan menyajikan informasi letak geografis Stasiun Pengisian Bahan Bakar Umum (SPBU) di wilayah Kabupaten Asahan. Aplikasi ini dilengkapi dengan fitur analisis spasial cerdas untuk memudahkan pengguna menemukan SPBU terdekat.

πŸ› οΈ Teknologi & Tools

HTML5 CSS3 JavaScript PHP MySQL XAMPP Leaflet

Proyek ini dibangun menggunakan arsitektur Client-Server standar:

  • Frontend: HTML5, CSS3, JavaScript (Vanilla/jQuery)
  • Library Peta: Leaflet.js (OpenStreetMap)
  • Backend: PHP (Native / Framework)
  • Database: MySQL
  • Environment / Web Server: XAMPP (Apache)

✨ Fitur Utama

  • πŸ“ Peta Interaktif: Visualisasi penyebaran lokasi SPBU dengan titik koordinat presisi menggunakan teknologi Leaflet.js yang ringan dan cepat.
  • πŸ” Pencarian SPBU: Fitur pencarian pintar untuk mencari nama atau alamat SPBU dengan cepat dari daftar yang tersedia.
  • β­• Analisis Radius Buffer: Kemampuan analisis spasial cerdas untuk melihat jangkauan area SPBU terdekat dalam radius 3 KM dan 5 KM dari lokasi titik acuan.
  • πŸ”– Simpan Lokasi Favorit: Pengguna terdaftar (User) dapat dengan mudah menyimpan lokasi SPBU favorit untuk mempercepat pencarian rute di kemudian hari.
  • πŸ” Autentikasi Pengguna: Sistem Login dan Registrasi pengguna baru dengan antarmuka yang modern dan aman.

πŸ“Έ Pratinjau Aplikasi

1. Halaman Utama & Peta Interaktif

Halaman landing page yang menampilkan seluruh titik SPBU di Kabupaten Asahan beserta daftar lokasi di sidebar kiri.

image

2. Dashboard Pengguna & Analisis Radius

Tampilan dashboard pengguna saat mengaktifkan fitur Radius Buffer 5 KM pada SPBU tertentu beserta detail koordinat (Latitude/Longitude). image Tampilan dashboard pengguna saat mengaktifkan fitur Radius Buffer 3 KM pada SPBU tertentu beserta detail koordinat (Latitude/Longitude). image

3. Fitur Utama & Keunggulan Sistem

Informasi mengenai fitur-fitur spasial canggih yang tersedia di dalam aplikasi.

image

4. Halaman Login & Registrasi

Antarmuka pendaftaran akun baru dan login yang responsif.

image

πŸš€ Cara Menjalankan Aplikasi Secara Lokal

Untuk menjalankan proyek ini di komputer Anda, ikuti langkah-langkah berikut:

  1. Persiapan Server: Pastikan Anda telah menginstal XAMPP di komputer Anda.
  2. Kloning Repositori:
    git clone https://github.com/username-anda/nama-repo-anda.git
    Atau unduh file ZIP dan ekstrak.
  3. Pindahkan Folder: Pindahkan folder proyek ke dalam direktori htdocs pada instalasi XAMPP Anda (biasanya di C:\xampp\htdocs\). Ubah nama folder menjadi sig-spbu (opsional).
  4. Siapkan Database:
    • Buka XAMPP Control Panel dan jalankan module Apache dan MySQL.
    • Buka browser dan akses http://localhost/phpmyadmin/.
    • Buat database baru (misalnya dengan nama db_sig_spbu).
    • Pilih opsi Import dan masukkan file database berformat .sql yang telah disediakan di dalam folder proyek ini.
  5. Konfigurasi Koneksi:
    • Buka file konfigurasi database (biasanya bernama koneksi.php atau di folder config).
    • Sesuaikan username, password, dan nama database dengan pengaturan XAMPP Anda.
  6. Jalankan Aplikasi:
    • Buka browser dan ketikkan alamat URL: http://localhost/sig-spbu/
    • Aplikasi siap digunakan!

🀝 Kontribusi

Jika Anda ingin berkontribusi pada pengembangan aplikasi ini, silakan lakukan Fork repositori ini, buat branch baru, dan kirimkan Pull Request.

πŸ“„ Lisensi

MIT License

Contributors

codrizsain

Issues