diff --git a/README.md b/README.md index fa38273..027ccb6 100644 --- a/README.md +++ b/README.md @@ -33,7 +33,18 @@ Aplikasi WebGIS komprehensif yang memetakan distribusi spasial rumah tangga berp - **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 + +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. \ No newline at end of file