MuhammadFarras/UAS_WEBGIS_MuhammadFarras_D1041231005
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Memperbaiki beberapa kesalahan

Browse Source
This commit is contained in:
unknown
2026-06-09 19:39:33 +07:00
parent b3b709dbec
commit ca807b7525
2 changed files with 36 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
WebGIS_SPBU/index.html
+12 -4
View File
@@ -314,10 +314,18 @@
}
function showToast(msg, type = 'info') {
const el = document.getElementById('toast');
el.textContent = msg;
el.className = 'show' + (type ? ' ' + type : '');
setTimeout(() => { el.className = ''; }, 3000);
const container = document.getElementById('toast');
const toast = document.createElement('div');
toast.className = `toast-item toast-${type}`;
toast.textContent = msg;
container.appendChild(toast);
setTimeout(() => {
toast.style.opacity = '0';
toast.style.transform = 'translateX(30px)';
toast.style.transition = 'all 0.3s ease';
setTimeout(() => toast.remove(), 300);
}, 3000);
}
// ============================================================
index.html
+24 -19
View File
@@ -20,7 +20,6 @@
<span class="logo-icon">🌐</span>
<div>
<strong>Portal WebGIS</strong>
<span>Koleksi Tugas Praktikum</span>
</div>
</div>
<div class="header-badge">
@@ -32,9 +31,9 @@
<main>
<section class="hero">
<p class="hero-label">Selamat datang</p>
<h1>Semua Tugas WebGIS<br><span class="gradient-text">Dalam Satu Tempat</span></h1>
<h1>Portal Tugas WebGIS<br></h1>
<p class="hero-desc">
Pilih modul di bawah untuk membuka aplikasi WebGIS. Setiap modul menggunakan
Pilih Tugas di bawah untuk membuka aplikasi WebGIS. Setiap Tugas menggunakan
LeafletJS, PHP REST API, dan MySQL sebagai backend.
</p>
</section>
@@ -44,10 +43,11 @@
<article class="project-card" data-accent="orange">
<div class="card-top">
<div class="card-icon">⛽</div>
<span class="card-tag">Pertemuan 2–3</span>
<span class="card-tag">Pertemuan 2</span>
</div>
<h2>WebGIS SPBU Pontianak</h2>
<p>Layer Groups &amp; Layers Control untuk data SPBU. Marker dikelompokkan berdasarkan status buka 24 jam.</p>
<p>Layer Groups &amp; Layers Control untuk data SPBU. Marker dikelompokkan berdasarkan status buka 24
jam.</p>
<ul class="card-features">
<li>Layer Group: Buka 24 Jam / Tidak 24 Jam</li>
<li>Base map OSM &amp; Citra Satelit</li>
@@ -57,8 +57,9 @@
<span class="tech-stack">Leaflet · PHP · MySQL</span>
<a href="WebGIS_SPBU/index.html" class="btn-primary">
Buka Aplikasi
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
<path d="M5 12h14M12 5l7 7-7 7"/>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2.5">
<path d="M5 12h14M12 5l7 7-7 7" />
</svg>
</a>
</div>
@@ -68,10 +69,11 @@
<article class="project-card" data-accent="indigo">
<div class="card-top">
<div class="card-icon">🛣️</div>
<span class="card-tag">Tugas Utama</span>
<span class="card-tag">Pertemuan 1</span>
</div>
<h2>Manajemen Jalan &amp; Parsil</h2>
<p>Sistem manajemen data jalan (LineString) dan parsil tanah/kavling (Polygon) dengan pengukuran otomatis.</p>
<p>Sistem manajemen data jalan (LineString) dan parsil tanah/kavling (Polygon) dengan pengukuran
otomatis.</p>
<ul class="card-features">
<li>Draw &amp; edit geometri di peta</li>
<li>Hitung panjang jalan &amp; luas parsil</li>
@@ -81,8 +83,9 @@
<span class="tech-stack">Leaflet · PHP · MySQL</span>
<a href="Manajemen_Jalan_dan_Parsil/index.html" class="btn-primary">
Buka Aplikasi
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
<path d="M5 12h14M12 5l7 7-7 7"/>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2.5">
<path d="M5 12h14M12 5l7 7-7 7" />
</svg>
</a>
</div>
@@ -92,13 +95,14 @@
<article class="project-card card-wide" data-accent="purple">
<div class="card-top">
<div class="card-icon">🕌</div>
<span class="card-tag">Proyek Akhir</span>
<span class="card-tag"></span>
</div>
<h2>WebGIS Pemetaan Kemiskinan</h2>
<p>Website pemberantas kemiskinan berbasis partisipasi rumah ibadah. Dilengkapi autentikasi multi-role dan dashboard analitik.</p>
<p>Website pemberantas kemiskinan berbasis partisipasi rumah ibadah. Dilengkapi autentikasi multi-role
dan dashboard analitik.</p>
<ul class="card-features">
<li>Login: Admin, Petugas, Pengurus, Walikota</li>
<li>Pemetaan titik kemiskinan &amp; masjid</li>
<li>Login: Admin, Pengurus, Walikota</li>
<li>Pemetaan titik kemiskinan &amp; Rumah Ibadah</li>
<li>Dashboard statistik untuk Walikota</li>
</ul>
<div class="card-footer card-footer-multi">
@@ -106,8 +110,9 @@
<div class="btn-group">
<a href="WebGIS_PovertyMap/login.html" class="btn-primary">
Login
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
<path d="M5 12h14M12 5l7 7-7 7"/>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2.5">
<path d="M5 12h14M12 5l7 7-7 7" />
</svg>
</a>
<a href="WebGIS_PovertyMap/index.html" class="btn-secondary">Peta Utama</a>
@@ -141,8 +146,8 @@
</main>
<footer class="site-footer">
<p>Portal WebGIS &mdash; Praktikum Sistem Informasi Geografis</p>
<p>Portal WebGIS &mdash; Proyek Akhir Sistem Informasi Geografis</p>
</footer>
</body>
</html>
</html>