- Tambah daftar 10 grup beserta topik masing-masing - Dokumentasi assets baru (output.css, localization.js) - Perjelas aturan pengerjaan dan catatan teknis Tailwind & ID/EN toggle Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2.7 KiB
2.7 KiB
Student Web IF — Development Kit
Paket tugas halaman statis untuk mahasiswa Informatika UNTAN.
Navbar dan footer identik dengan web resmi prodi (informatika.untan.ac.id).
Jalankan project
npm install
npm run dev
Buka URL dari Vite (default: http://localhost:5173) lalu akses launcher di /.
Script NPM
| Perintah | Fungsi |
|---|---|
npm run dev |
Jalankan local dev server |
npm run build |
Build static output ke folder dist |
npm run preview |
Preview hasil build |
Struktur Folder
student-web-if-development-kit/
├── index.html ← Launcher (daftar link semua grup)
├── assets/
│ └── global/
│ ├── output.css ← Tailwind CSS (compiled dari web prod)
│ ├── localization.js ← Toggle bahasa ID/EN
│ ├── hero.webp
│ ├── footer.png
│ └── logo.png
└── groups/
├── Jellyfish.Corp/ ← Group 01
├── HabisIniSeminar/ ← Group 02
├── HarusSelesaiKP/ ← Group 03
├── C4A/ ← Group 04
├── M4N1FEST/ ← Group 05
├── ACAAB/ ← Group 06 — Sorotan dan Prestasi Karya Mahasiswa
├── LimaEm/ ← Group 07 — Kehidupan Mahasiswa & Himpunan (HMIF)
├── RODA/ ← Group 08 — Riset & Kelompok Bidang Keahlian (KBK)
├── Tapops/ ← Group 09 — Berkas Penting
└── ApeNameTeamE/ ← Group 10 — Beasiswa
Setiap folder grup berisi:
index.html→ halaman tugas (navbar + footer sudah tersedia)style.css→ CSS tambahan milik kelompok (opsional)
Aturan Pengerjaan
- Tiap kelompok hanya mengedit foldernya sendiri.
- Area konten yang boleh diubah hanya bagian ini di dalam
index.html:
<!-- ================= START: BAGIAN YANG DIEDIT KELOMPOK ================= -->
...konten kalian di sini...
<!-- ================= END: BAGIAN YANG DIEDIT KELOMPOK ================= -->
- Jangan ubah navbar, footer, dan path asset global (
../../assets/global/...). - Boleh menambah
<style>atau mengeditstyle.cssuntuk styling konten. node_modulestidak perlu di-commit — jalankannpm installuntuk generate ulang.
Catatan Teknis
- Navbar dan footer menggunakan Tailwind CSS dari
assets/global/output.css(tidak perlu install Tailwind per grup). - Toggle ID/EN di navbar berfungsi penuh via
assets/global/localization.js. - Mega menu dan mobile menu sudah aktif via inline script di tiap halaman.
Output Pengumpulan
Setiap kelompok submit perubahan pada:
groups/<nama-folder>/index.htmlgroups/<nama-folder>/style.css(jika ada)