cindy
50 lines
2.7 KiB
Markdown
50 lines
2.7 KiB
Markdown
# 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
|
|
|
|
1. **Clone Repositori (Lokal)**
|
|
Buka terminal atau command prompt, lalu jalankan perintah berikut untuk meng-clone repositori ke komputer:
|
|
```bash
|
|
git clone https://git.ifuntanhub.dev/cindyrasl/UAS_WEBGIS_CindyDyraIslamay_D1041231045.git
|
|
cd webgis
|
|
```
|
|
2. **Menjalankan Proyek**
|
|
Karena proyek ini banyak menggunakan file data spasial (GeoJSON), maka diwajibkan untuk membukanya melalui **Local Server** (seperti ekstensi *Live Server* di VS Code, XAMPP, atau MAMP). Membuka langsung dengan klik ganda file HTML di browser dapat menyebabkan error CORS saat memuat peta.
|
|
|
|
3. **Melihat Halaman Utama Portfolio**
|
|
Akses `index.html` yang berada di root folder pada browser melalui alamat local server (contoh: `http://localhost/webgis/index.html` atau `http://127.0.0.1:5500/index.html`).
|
|
|
|
4. **Akses Masing-masing Proyek**
|
|
Dari halaman utama, bisa langsung menuju ke proyek spesifik, atau mengakses langsung sub-folder proyek (`01SPBU/`, `02Cloropeth/`, atau `03PovertyMapping/`) dan membuka `index.html` yang ada di dalamnya. |