Files
student-web-if-development-kit/README.md
Power BI Dev d0f8e9d859 docs: update README sesuai struktur terbaru
- 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>
2026-05-22 07:57:58 +07:00

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

  1. Tiap kelompok hanya mengedit foldernya sendiri.
  2. 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 ================= -->
  1. Jangan ubah navbar, footer, dan path asset global (../../assets/global/...).
  2. Boleh menambah <style> atau mengedit style.css untuk styling konten.
  3. node_modules tidak perlu di-commit — jalankan npm install untuk 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.html
  • groups/<nama-folder>/style.css (jika ada)