Portfolio Proyek WebGIS - UAS Sistem Informasi Geografis
Sistem Informasi Geografis C
Kumpulan aplikasi pemetaan berbasis web yang dikembangkan untuk memvisualisasikan dan menganalisis data geografis menggunakan teknologi WebGIS modern. Repositori ini berisi kumpulan karya yang dirancang untuk menjawab kebutuhan analisis spasial yang nyata di wilayah Kota Pontianak.
👤 Identitas
- Nama: Cindy Dyra Islamay
- NIM: D1041231045
📂 Daftar Proyek
Proyek dalam repositori ini dibagi ke dalam tiga direktori utama:
1. Mapping SPBU (01SPBU/)
Aplikasi WebGIS untuk pemetaan lokasi Stasiun Pengisian Bahan Bakar Umum (SPBU) di Kota Pontianak dengan fitur visualisasi interaktif dan manajemen data geografis.
- Fitur Utama: Visualisasi titik lokasi (Point)
- Teknologi: Leaflet.js, GeoJSON, Layer Control
2. Choropleth Map Kepadatan Penduduk (02Cloropeth/)
Visualisasi peta choropleth yang menampilkan distribusi kepadatan penduduk di Kota Pontianak menggunakan gradasi warna untuk analisis demografis.
- Fitur Utama: Visualisasi area dengan gradasi warna (Polygon)
- Teknologi: Leaflet.js, Choropleth, GeoJSON
3. WebGIS Pemetaan Kemiskinan (03PovertyMapping/)
Aplikasi WebGIS komprehensif yang memetakan distribusi spasial rumah tangga berpenghasilan rendah dan menghubungkannya dengan tempat ibadah sebagai pusat distribusi bantuan.
- Fitur Utama: Sistem informasi dengan dashboard, pemetaan area, dan visualisasi chart.
- Teknologi: Leaflet.js, Chart.js, HTML/CSS/JS
🛠️ Stack Teknologi Umum
- Frontend Core: HTML5, CSS3, Vanilla JavaScript
- WebGIS Library: Leaflet.js
- Visualisasi Tambahan: Chart.js
🚀 Panduan Menjalankan Aplikasi
- Clone repositori ini atau unduh kode sumber.
- Karena proyek menggunakan file HTML statis dan JavaScript, Anda dapat membukanya langsung di browser atau menggunakan local server (seperti Live Server di VS Code, XAMPP, atau MAMP) untuk menghindari masalah CORS saat memuat data GeoJSON.
- Buka file
index.htmlyang berada di akar folder (root folder) untuk melihat halaman utama portfolio. - Atau, masuk ke masing-masing sub-folder proyek dan buka file
index.htmlterkait.