docs: tambah panduan fitur bilingual ID/EN di README

- Jelaskan cara kerja toggle bahasa (auto-detect, localStorage)
- Tambah langkah-langkah agar konten kelompok ikut bilingual (data-i18n + localization.js)
- Sertakan contoh key dengan prefix unik per kelompok

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Power BI Dev
2026-05-22 07:59:50 +07:00
parent d0f8e9d859
commit 0ebc25809b

View File

@@ -67,9 +67,48 @@ Setiap folder grup berisi:
## 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.
## Fitur Bilingual (ID / EN)
Setiap halaman grup mendukung toggle bahasa **Indonesia ↔ English** di pojok kanan atas navbar.
### Cara kerja
- Bahasa default mengikuti pengaturan browser (`navigator.language`).
- Pilihan bahasa disimpan di `localStorage`, sehingga tetap aktif saat pindah halaman atau refresh.
- Klik **ID** untuk Bahasa Indonesia, klik **EN** untuk English.
- Elemen navbar dan footer akan otomatis berganti teks.
### Cara menambahkan terjemahan pada konten kelompok
Jika kelompok ingin konten di `#assignment-body` ikut berganti bahasa, gunakan atribut `data-i18n` dan daftarkan terjemahannya di `localization.js`.
**Langkah 1** — Tambahkan atribut `data-i18n` pada elemen HTML di `index.html`:
```html
<h2 data-i18n="grp_acaab_title">Sorotan Prestasi Mahasiswa</h2>
<p data-i18n="grp_acaab_desc">Halaman ini menampilkan prestasi mahasiswa Informatika UNTAN.</p>
```
**Langkah 2** — Daftarkan key tersebut di `assets/global/localization.js` pada bagian `id` dan `en`:
```js
const translations = {
id: {
// ...key lainnya...
grp_acaab_title: "Sorotan Prestasi Mahasiswa",
grp_acaab_desc: "Halaman ini menampilkan prestasi mahasiswa Informatika UNTAN.",
},
en: {
// ...key lainnya...
grp_acaab_title: "Student Achievement Highlights",
grp_acaab_desc: "This page showcases the achievements of Informatika UNTAN students.",
}
};
```
> **Catatan:** Gunakan prefix unik per kelompok pada nama key (contoh: `grp_acaab_`, `grp_roda_`) agar tidak bentrok dengan key kelompok lain.
## Output Pengumpulan
Setiap kelompok submit perubahan pada: