-
Tugas Halaman Statis
+
Tugas
+ Halaman Statis
Sorotan dan Prestasi Karya Mahasiswa
-
Kelompok 06 — ACAAB · Informatika UNTAN 2026
+
Kelompok 06 — ACAAB · Informatika UNTAN 2026
+
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
MAHASISWA & PRESTASI
+
Sorotan dan Prestasi Karya Mahasiswa
+
Temukan pencapaian luar biasa mahasiswa Informatika
+ UNTAN.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Total Prestasi
+
+
+
+ Total Portofolio
+
+
+
+
+
+
+
+
+ 0
+
+ Prestasi
Mahasiswa
+
+
+
+
+
+
+
+
+
+
+ 0
+
+ Proyek
Mahasiswa
+
+
+
+
+
+
+
+
+
+
+
+
+
Prestasi Mahasiswa
+
Daftar pencapaian dan penghargaan yang diraih oleh mahasiswa Informatika UNTAN di berbagai kompetisi.
+
+
+
+
+
+ Filter Prestasi
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Top Projects & Portofolio
+
Jelajahi inovasi digital dan aplikasi nyata yang dikembangkan oleh mahasiswa Informatika UNTAN.
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Filter Portofolio
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
← Geser untuk melihat lebih banyak →
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
HUBUNGI KAMI
+
Ingin Tahu Lebih Lanjut?
+
Tertarik bergabung dengan Program Studi
+ Informatika UNTAN, mendaftarkan prestasi mahasiswa, atau menjalin kerja sama?
+ Hubungi kami sekarang.
+
+
+
+
+
+
+
+
+
+
@@ -1215,8 +1542,8 @@
-
+
${escHtml(msg)}
`;
+}
+
+// ─── Stats ────────────────────────────────────────────────────────────────────
+
+function initStats() {
+ updateStats();
+
+ const statsEl = document.getElementById('acaab-stats');
+ if (!statsEl) return;
+
+ const intl = achievements.filter(a => a.level === 'Internasional').length;
+ const national = achievements.filter(a => a.level === 'Nasional').length;
+ const regional = achievements.filter(a => a.level === 'Regional').length;
+
+ const observer = new IntersectionObserver(entries => {
+ entries.forEach(entry => {
+ if (!entry.isIntersecting) return;
+ animateCount('stat-total-ach', achievements.length, 1600);
+ animateCount('stat-total-proj', projects.length, 1600);
+ animateCount('stat-intl', intl, 1200);
+ animateCount('stat-national', national, 1350);
+ animateCount('stat-regional', regional, 1500);
+ observer.disconnect();
+ });
+ }, { threshold: 0.4 });
+
+ observer.observe(statsEl);
+}
+
+function updateStats() {
+ const set = (id, val) => { const el = document.getElementById(id); if (el) el.textContent = val; };
+ set('stat-total-ach', achievements.length);
+ set('stat-total-proj', projects.length);
+ set('stat-intl', achievements.filter(a => a.level === 'Internasional').length);
+ set('stat-national', achievements.filter(a => a.level === 'Nasional').length);
+ set('stat-regional', achievements.filter(a => a.level === 'Regional').length);
+}
+
+function animateCount(elId, target, duration) {
+ const el = document.getElementById(elId);
+ if (!el) return;
+ const start = performance.now();
+ (function step(now) {
+ const p = Math.min((now - start) / duration, 1);
+ const eased = 1 - Math.pow(1 - p, 4); // easeOutQuart
+ el.textContent = Math.round(target * eased).toLocaleString();
+ if (p < 1) requestAnimationFrame(step);
+ })(start);
+}
+
+function updateDataNote() {
+ const el = document.getElementById('acaab-data-note');
+ if (!el) return;
+ const lang = getLang();
+ const locale = lang === 'en' ? 'en-US' : 'id-ID';
+ const date = new Date().toLocaleDateString(locale, { day: 'numeric', month: 'long', year: 'numeric' });
+ el.textContent = `${t('grp_acaab_stats_data_note')} ${date}`;
+}
+
+// ─── Achievements ─────────────────────────────────────────────────────────────
+
+const ACH_INIT = 3;
+const ACH_MORE = 3;
+
+const LEVEL_CLASS = {
+ Internasional: 'acaab-badge-intl',
+ Nasional: 'acaab-badge-nasional',
+ Regional: 'acaab-badge-regional',
+};
+
+function initAchievements() {
+ buildAchFilterOptions();
+ renderAchievements();
+ bindAchEvents();
+}
+
+function buildAchFilterOptions() {
+ const levelSel = document.getElementById('acaab-ach-level');
+ const catSel = document.getElementById('acaab-ach-cat');
+ const yearSel = document.getElementById('acaab-ach-year');
+ if (!levelSel || !catSel || !yearSel) return;
+
+ const levels = ['Internasional', 'Nasional', 'Regional'];
+ const cats = [...new Set(achievements.map(a => a.category))].sort();
+ const years = [...new Set(achievements.map(a => String(a.year)))].filter(Boolean).sort((a, b) => b - a);
+
+ levelSel.innerHTML = `` +
+ levels.map(l => ``).join('');
+ catSel.innerHTML = `` +
+ cats.map(c => ``).join('');
+ yearSel.innerHTML = `` +
+ years.map(y => ``).join('');
+}
+
+function filterAchievements() {
+ const q = achFilter.search.toLowerCase();
+ return achievements.filter(a => {
+ const matchSearch = !q || [a.title, a.team, a.category, a.competition]
+ .some(s => (s || '').toLowerCase().includes(q));
+ const matchLevel = !achFilter.level || a.level === achFilter.level;
+ const matchCat = !achFilter.cat || a.category === achFilter.cat;
+ const matchYear = !achFilter.year || String(a.year) === achFilter.year;
+ return matchSearch && matchLevel && matchCat && matchYear;
+ });
+}
+
+function renderAchievements() {
+ const grid = document.getElementById('acaab-ach-grid');
+ const countEl = document.getElementById('acaab-ach-count');
+ const moreBtn = document.getElementById('acaab-ach-more');
+ const lessBtn = document.getElementById('acaab-ach-less');
+ const resetBtn= document.getElementById('acaab-ach-reset');
+ if (!grid) return;
+
+ const filtered = filterAchievements();
+ const visible = filtered.slice(0, achVisible);
+ const hasFilter = achFilter.search || achFilter.level || achFilter.cat || achFilter.year;
+
+ if (countEl) countEl.textContent =
+ `${t('grp_acaab_ach_showing')} ${filtered.length} ${t('grp_acaab_ach_results')}`;
+ if (resetBtn) resetBtn.style.display = hasFilter ? 'flex' : 'none';
+
+ if (filtered.length === 0) {
+ grid.innerHTML = `${escHtml(t('grp_acaab_ach_empty'))}
`;
+ if (moreBtn) moreBtn.style.display = 'none';
+ if (lessBtn) lessBtn.style.display = 'none';
+ return;
+ }
+
+ grid.innerHTML = visible.map((a, i) => achCardHtml(a, i)).join('');
+
+ if (moreBtn) moreBtn.style.display = achVisible < filtered.length ? 'inline-block' : 'none';
+ if (lessBtn) lessBtn.style.display = achVisible > ACH_INIT ? 'inline-block' : 'none';
+
+ grid.querySelectorAll('.acaab-ach-readmore').forEach(btn => {
+ btn.addEventListener('click', () => {
+ const ach = achievements.find(a => a.id === btn.dataset.id);
+ if (ach) openAchModal(ach);
+ });
+ });
+}
+
+function achCardHtml(a, idx) {
+ return `
+
+
+
+
+
})
+
+
+
+ ${escHtml(a.rank)}
+
+
+
+
+ ${escHtml(a.category)}
+
+ ${escHtml(String(a.year))}
+
+
+
+
${escHtml(a.title)}
+
+
${escHtml(a.description)}
+
+
+
+
+
+
${escHtml(a.avatar)}
+
+ ${escHtml(a.team)}
+ ${escHtml(a.generation)}
+
+
+
+
${escHtml(a.level)}
+
+
+
+
+
+
+
+
${escHtml(label)}
+
${escHtml(value)}
+
+
+ ${escHtml(nama)}
+ ${sub ? `${escHtml(sub)}` : ''}
+
+ `;
+}
+
+function openAchModal(a) {
+ const membersHtml = a.members && a.members.length > 0 ? `
+
+
Anggota Tim
+
+ ${a.members.map(m => memberItem(m.nama, m.angkatan ? `Angkatan ${m.angkatan}` : '')).join('')}
+
+
+
+
+
+
+
+
+
+ ${escHtml(a.rank)}
+
+
+ ${escHtml(a.level)}
+
+
+
+
${escHtml(a.category)}
+
${escHtml(a.title)}
+
+
+ ${infoRow('users', t('grp_acaab_modal_team'), a.team)}
+ ${a.nim ? infoRow('id-card', 'NIM', a.nim) : ''}
+ ${infoRow('user-graduate', t('grp_acaab_modal_generation'), a.generation)}
+ ${infoRow('calendar-alt', 'Tahun', String(a.year))}
+ ${infoRow('award', 'Kompetisi', a.competition)}
+ ${infoRow('tag', 'Bidang', a.category)}
+
+ ${membersHtml}
+
+
+
Deskripsi
+
${escHtml(a.description)}
+
+
+
+
${escHtml(t('grp_acaab_proj_empty'))}
`;
+ if (moreBtn) moreBtn.style.display = 'none';
+ return;
+ }
+
+ track.innerHTML = visible.map((p, i) => projCardHtml(p, i)).join('');
+ if (moreBtn) moreBtn.style.display = projVisible < filtered.length ? 'inline-block' : 'none';
+
+ track.querySelectorAll('.acaab-proj-readmore').forEach(btn => {
+ btn.addEventListener('click', () => {
+ const proj = projects.find(p => p.id === btn.dataset.id);
+ if (proj) openProjModal(proj);
+ });
+ });
+}
+
+function projCardHtml(p, idx) {
+ const catBadges = p.categories.map(c => `
+
+ ${escHtml(c)}
+ `).join('');
+
+ return `
+
+
+
+
+
})
+
+
+
${escHtml(p.title)}
+
${catBadges}
+
+
+
+
+
+
+ ${p.studentName ? `${escHtml(p.studentName)}` : ''}
+ ${p.year ? `${escHtml(String(p.year))}` : ''}
+
+
+
${escHtml(p.description)}
+
+
+
+
+
Anggota Tim
+
+ ${p.members.map(m => memberItem(m.nama, m.nim || '')).join('')}
+
+
+ ${escHtml(t('grp_acaab_modal_no_link'))}
+
`;
+
+ renderModal(`
+
+
+
+
+
+
+
+
${catBadgesImg}
+
+
${escHtml(p.title)}
+
+
+ ${p.studentName ? infoRow('users', t('grp_acaab_modal_team'), p.studentName) : ''}
+ ${p.nim ? infoRow('id-card', 'NIM', p.nim) : ''}
+ ${infoRow('calendar-alt', 'Tahun', String(p.year))}
+ ${infoRow('tag', 'Bidang', p.categories.join(', '))}
+
+ ${membersHtml}
+
+
+
Deskripsi
+
${escHtml(p.description)}
+ ${p.catatan ? `
+
+
Catatan Tambahan
+
${escHtml(p.catatan)}
+
` : ''}
+
+
+ ${linkSection}
+
+