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:
41
README.md
41
README.md
@@ -67,9 +67,48 @@ Setiap folder grup berisi:
|
|||||||
## Catatan Teknis
|
## Catatan Teknis
|
||||||
|
|
||||||
- Navbar dan footer menggunakan **Tailwind CSS** dari `assets/global/output.css` (tidak perlu install Tailwind per grup).
|
- 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.
|
- 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
|
## Output Pengumpulan
|
||||||
|
|
||||||
Setiap kelompok submit perubahan pada:
|
Setiap kelompok submit perubahan pada:
|
||||||
|
|||||||
Reference in New Issue
Block a user