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') { function showToast(msg, type = 'info') {
const el = document.getElementById('toast'); const container = document.getElementById('toast');
el.textContent = msg; const toast = document.createElement('div');
el.className = 'show' + (type ? ' ' + type : ''); toast.className = `toast-item toast-${type}`;
setTimeout(() => { el.className = ''; }, 3000); 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> <span class="logo-icon">🌐</span>
<div> <div>
<strong>Portal WebGIS</strong> <strong>Portal WebGIS</strong>
<span>Koleksi Tugas Praktikum</span>
</div> </div>
</div> </div>
<div class="header-badge"> <div class="header-badge">
@@ -32,9 +31,9 @@
<main> <main>
<section class="hero"> <section class="hero">
<p class="hero-label">Selamat datang</p> <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"> <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. LeafletJS, PHP REST API, dan MySQL sebagai backend.
</p> </p>
</section> </section>
@@ -44,10 +43,11 @@
<article class="project-card" data-accent="orange"> <article class="project-card" data-accent="orange">
<div class="card-top"> <div class="card-top">
<div class="card-icon">⛽</div> <div class="card-icon">⛽</div>
<span class="card-tag">Pertemuan 2–3</span> <span class="card-tag">Pertemuan 2</span>
</div> </div>
<h2>WebGIS SPBU Pontianak</h2> <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"> <ul class="card-features">
<li>Layer Group: Buka 24 Jam / Tidak 24 Jam</li> <li>Layer Group: Buka 24 Jam / Tidak 24 Jam</li>
<li>Base map OSM &amp; Citra Satelit</li> <li>Base map OSM &amp; Citra Satelit</li>
@@ -57,8 +57,9 @@
<span class="tech-stack">Leaflet · PHP · MySQL</span> <span class="tech-stack">Leaflet · PHP · MySQL</span>
<a href="WebGIS_SPBU/index.html" class="btn-primary"> <a href="WebGIS_SPBU/index.html" class="btn-primary">
Buka Aplikasi Buka Aplikasi
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
<path d="M5 12h14M12 5l7 7-7 7"/> stroke-width="2.5">
<path d="M5 12h14M12 5l7 7-7 7" />
</svg> </svg>
</a> </a>
</div> </div>
@@ -68,10 +69,11 @@
<article class="project-card" data-accent="indigo"> <article class="project-card" data-accent="indigo">
<div class="card-top"> <div class="card-top">
<div class="card-icon">🛣️</div> <div class="card-icon">🛣️</div>
<span class="card-tag">Tugas Utama</span> <span class="card-tag">Pertemuan 1</span>
</div> </div>
<h2>Manajemen Jalan &amp; Parsil</h2> <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"> <ul class="card-features">
<li>Draw &amp; edit geometri di peta</li> <li>Draw &amp; edit geometri di peta</li>
<li>Hitung panjang jalan &amp; luas parsil</li> <li>Hitung panjang jalan &amp; luas parsil</li>
@@ -81,8 +83,9 @@
<span class="tech-stack">Leaflet · PHP · MySQL</span> <span class="tech-stack">Leaflet · PHP · MySQL</span>
<a href="Manajemen_Jalan_dan_Parsil/index.html" class="btn-primary"> <a href="Manajemen_Jalan_dan_Parsil/index.html" class="btn-primary">
Buka Aplikasi Buka Aplikasi
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
<path d="M5 12h14M12 5l7 7-7 7"/> stroke-width="2.5">
<path d="M5 12h14M12 5l7 7-7 7" />
</svg> </svg>
</a> </a>
</div> </div>
@@ -92,13 +95,14 @@
<article class="project-card card-wide" data-accent="purple"> <article class="project-card card-wide" data-accent="purple">
<div class="card-top"> <div class="card-top">
<div class="card-icon">🕌</div> <div class="card-icon">🕌</div>
<span class="card-tag">Proyek Akhir</span> <span class="card-tag"></span>
</div> </div>
<h2>WebGIS Pemetaan Kemiskinan</h2> <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"> <ul class="card-features">
<li>Login: Admin, Petugas, Pengurus, Walikota</li> <li>Login: Admin, Pengurus, Walikota</li>
<li>Pemetaan titik kemiskinan &amp; masjid</li> <li>Pemetaan titik kemiskinan &amp; Rumah Ibadah</li>
<li>Dashboard statistik untuk Walikota</li> <li>Dashboard statistik untuk Walikota</li>
</ul> </ul>
<div class="card-footer card-footer-multi"> <div class="card-footer card-footer-multi">
@@ -106,8 +110,9 @@
<div class="btn-group"> <div class="btn-group">
<a href="WebGIS_PovertyMap/login.html" class="btn-primary"> <a href="WebGIS_PovertyMap/login.html" class="btn-primary">
Login Login
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
<path d="M5 12h14M12 5l7 7-7 7"/> stroke-width="2.5">
<path d="M5 12h14M12 5l7 7-7 7" />
</svg> </svg>
</a> </a>
<a href="WebGIS_PovertyMap/index.html" class="btn-secondary">Peta Utama</a> <a href="WebGIS_PovertyMap/index.html" class="btn-secondary">Peta Utama</a>
@@ -141,8 +146,8 @@
</main> </main>
<footer class="site-footer"> <footer class="site-footer">
<p>Portal WebGIS &mdash; Praktikum Sistem Informasi Geografis</p> <p>Portal WebGIS &mdash; Proyek Akhir Sistem Informasi Geografis</p>
</footer> </footer>
</body> </body>
</html> </html>