From 0ebc25809b5721696ba26443bc18b9835ed2e5c2 Mon Sep 17 00:00:00 2001 From: Power BI Dev Date: Fri, 22 May 2026 07:59:50 +0700 Subject: [PATCH] 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 --- README.md | 41 ++++++++++++++++++++++++++++++++++++++++- 1 file changed, 40 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 651c149..50cdb3e 100644 --- a/README.md +++ b/README.md @@ -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 +

Sorotan Prestasi Mahasiswa

+

Halaman ini menampilkan prestasi mahasiswa Informatika UNTAN.

+``` + +**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: