ocabacaa
213 lines
3.9 KiB
Markdown
213 lines
3.9 KiB
Markdown
# Portal WebGIS Terpadu
|
|
|
|
Portal WebGIS Terpadu merupakan sistem yang mengintegrasikan beberapa aplikasi WebGIS dalam satu platform untuk memudahkan pengguna dalam mengakses, memvisualisasikan, dan menganalisis data spasial secara interaktif.
|
|
|
|
## Identitas Pengembang
|
|
|
|
**Nama** : Clara Oxana Azalia
|
|
**NIM** : D1041231051
|
|
|
|
---
|
|
|
|
## Deskripsi Sistem
|
|
|
|
Portal ini berfungsi sebagai halaman utama (landing page) yang menghubungkan beberapa aplikasi WebGIS ke dalam satu sistem terintegrasi. Pengguna dapat memilih aplikasi yang ingin digunakan melalui antarmuka yang responsif dan mudah digunakan.
|
|
|
|
Aplikasi yang terintegrasi dalam portal ini meliputi:
|
|
|
|
1. **WebGIS Parsil Tanah**
|
|
2. **WebGIS Kemiskinan**
|
|
3. **WebGIS SPBU**
|
|
|
|
---
|
|
|
|
## Struktur Folder
|
|
|
|
```text
|
|
webgis-claraoxanaazalia/
|
|
│
|
|
├── gis-spbu/
|
|
│
|
|
├── webgis-parsiltanah/
|
|
│
|
|
├── webgis-poverty/
|
|
│
|
|
├── index.php
|
|
│
|
|
└── README.md
|
|
```
|
|
|
|
---
|
|
|
|
## Fitur Portal
|
|
|
|
* Landing page terintegrasi untuk seluruh aplikasi WebGIS.
|
|
* Tampilan modern dan responsif menggunakan Tailwind CSS.
|
|
* Navigasi mudah menuju masing-masing aplikasi.
|
|
* Desain bertema geospasial dan pemetaan.
|
|
* Mendukung tampilan desktop maupun perangkat mobile.
|
|
|
|
---
|
|
|
|
## Daftar Aplikasi
|
|
|
|
### 1. WebGIS Parsil Tanah
|
|
|
|
Aplikasi untuk menampilkan data bidang tanah (parsil) dalam bentuk peta interaktif beserta informasi atribut yang terkait.
|
|
|
|
#### Fitur
|
|
|
|
* Visualisasi data parsil tanah.
|
|
* Informasi atribut bidang tanah.
|
|
* Interaksi peta berbasis WebGIS.
|
|
* Popup informasi objek spasial.
|
|
|
|
---
|
|
|
|
### 2. WebGIS Kemiskinan
|
|
|
|
Aplikasi untuk menampilkan persebaran data kemiskinan wilayah menggunakan visualisasi peta tematik (choropleth).
|
|
|
|
#### Fitur
|
|
|
|
* Peta choropleth.
|
|
* Visualisasi tingkat kemiskinan.
|
|
* Analisis wilayah berbasis spasial.
|
|
* Informasi statistik wilayah.
|
|
|
|
---
|
|
|
|
### 3. WebGIS SPBU
|
|
|
|
Aplikasi untuk menampilkan lokasi SPBU pada peta interaktif beserta informasi pendukungnya.
|
|
|
|
#### Fitur
|
|
|
|
* Pemetaan lokasi SPBU.
|
|
* Marker interaktif.
|
|
* Informasi detail SPBU.
|
|
* Visualisasi lokasi berbasis peta.
|
|
|
|
---
|
|
|
|
## Cara Menjalankan Aplikasi
|
|
|
|
### 1. Clone Repository
|
|
|
|
```bash
|
|
git clone https://git.ifuntanhub.dev/claraoxza/webgis-claraoxanaazalia.git
|
|
```
|
|
|
|
### 2. Simpan pada Folder Web Server
|
|
|
|
**Laragon**
|
|
|
|
```text
|
|
C:\laragon\www\webgis-claraoxanaazalia
|
|
```
|
|
|
|
**XAMPP**
|
|
|
|
```text
|
|
C:\xampp\htdocs\webgis-claraoxanaazalia
|
|
```
|
|
|
|
### 3. Jalankan Web Server
|
|
|
|
* Start Laragon.
|
|
* Start MySQL.
|
|
* Pastikan database masing-masing aplikasi telah diimpor.
|
|
|
|
### 4. Buka Portal
|
|
|
|
Akses melalui browser:
|
|
|
|
```text
|
|
http://localhost/webgis-claraoxanaazalia/
|
|
```
|
|
|
|
---
|
|
|
|
## Cara Penggunaan
|
|
|
|
### Membuka Aplikasi
|
|
|
|
1. Buka Portal WebGIS Terpadu.
|
|
2. Pilih salah satu kartu aplikasi yang tersedia.
|
|
3. Klik tombol atau kartu aplikasi.
|
|
4. Sistem akan mengarahkan pengguna ke aplikasi WebGIS yang dipilih.
|
|
|
|
### Navigasi Peta
|
|
|
|
#### Zoom In
|
|
|
|
* Klik tombol (+)
|
|
* Scroll mouse ke atas
|
|
|
|
#### Zoom Out
|
|
|
|
* Klik tombol (-)
|
|
* Scroll mouse ke bawah
|
|
|
|
#### Geser Peta
|
|
|
|
* Klik dan tahan peta
|
|
* Geser ke arah yang diinginkan
|
|
|
|
#### Melihat Informasi Objek
|
|
|
|
* Klik marker, polygon, atau layer pada peta
|
|
* Informasi detail akan ditampilkan melalui popup
|
|
|
|
---
|
|
|
|
## Teknologi yang Digunakan
|
|
|
|
### Frontend
|
|
|
|
* HTML5
|
|
* CSS3
|
|
* Tailwind CSS
|
|
* JavaScript
|
|
|
|
### Backend
|
|
|
|
* PHP
|
|
|
|
### Database
|
|
|
|
* MySQL
|
|
|
|
### GIS & Mapping
|
|
|
|
* Leaflet JS
|
|
* GeoJSON
|
|
|
|
---
|
|
|
|
## Tujuan Pengembangan
|
|
|
|
Portal WebGIS Terpadu dikembangkan sebagai media integrasi berbagai aplikasi WebGIS yang mencakup pemetaan lokasi SPBU, data parsil tanah, dan visualisasi kemiskinan wilayah. Sistem ini dirancang untuk mempermudah pengguna dalam mengakses informasi geospasial secara terpusat dan interaktif.
|
|
|
|
---
|
|
|
|
## Tampilan Sistem
|
|
|
|
Portal menampilkan:
|
|
|
|
* Landing page utama.
|
|
* Informasi pengembang.
|
|
* Kartu aplikasi WebGIS.
|
|
* Panduan penggunaan.
|
|
* Navigasi menuju masing-masing sistem WebGIS.
|
|
|
|
---
|
|
|
|
## Lisensi
|
|
|
|
Project ini dibuat untuk keperluan pembelajaran, praktikum, dan pengembangan sistem informasi geospasial.
|
|
|
|
---
|
|
|
|
© 2026 Clara Oxana Azalia — D1041231051
|