docs: update README installation guide with git clone instructions and local server requirements

This commit is contained in:
cindy
2026-06-13 01:55:14 +07:00
parent f345de12b6
commit e3b8110497
+15 -4
View File
@@ -33,7 +33,18 @@ Aplikasi WebGIS komprehensif yang memetakan distribusi spasial rumah tangga berp
- **Visualisasi Tambahan:** Chart.js - **Visualisasi Tambahan:** Chart.js
## 🚀 Panduan Menjalankan Aplikasi ## 🚀 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. 1. **Clone Repositori (Lokal)**
3. Buka file `index.html` yang berada di akar folder (root folder) untuk melihat halaman utama portfolio. Buka terminal atau command prompt, lalu jalankan perintah berikut untuk meng-clone repositori ke komputer:
4. Atau, masuk ke masing-masing sub-folder proyek dan buka file `index.html` terkait. ```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.