From f345de12b6a966cafa10ecf8e022c6c80d9e79f0 Mon Sep 17 00:00:00 2001 From: cindy Date: Sat, 13 Jun 2026 01:49:44 +0700 Subject: [PATCH] docs: update README with comprehensive project documentation and setup instructions --- README.md | 39 ++++++++++++++++++++++++++++++++++++++- 1 file changed, 38 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index d6ae765..fa38273 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,39 @@ -# UAS_WEBGIS_CindyDyraIslamay_D1041231045 +# 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 ini atau unduh kode sumber. +2. 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. +3. Buka file `index.html` yang berada di akar folder (root folder) untuk melihat halaman utama portfolio. +4. Atau, masuk ke masing-masing sub-folder proyek dan buka file `index.html` terkait. \ No newline at end of file