forked from izu/student-web-if-development-kit
merge upstream
This commit is contained in:
@@ -1249,8 +1249,8 @@
|
||||
<div id="stat-total-ach"
|
||||
style="font-size:clamp(2rem,4.5vw,4rem);font-weight:900;color:#003150;line-height:1;font-family:'Roboto Condensed',sans-serif;">
|
||||
0</div>
|
||||
<div style="font-size:clamp(0.5rem,1.2vw,0.85rem);font-weight:800;text-transform:uppercase;letter-spacing:0.08em;color:#003150;margin-top:0.5rem;line-height:1.3;word-break:break-word;">
|
||||
Prestasi<br>Mahasiswa</div>
|
||||
<div style="font-size:clamp(0.5rem,1.2vw,0.85rem);font-weight:800;text-transform:uppercase;letter-spacing:0.08em;color:#003150;margin-top:0.5rem;line-height:1.3;word-break:break-word;"
|
||||
data-i18n="grp_acaab_stats_label_ach">Prestasi<br>Mahasiswa</div>
|
||||
</div>
|
||||
<!-- Internasional -->
|
||||
<div style="flex:1;text-align:center;padding:0 0.15rem;">
|
||||
@@ -1291,8 +1291,8 @@
|
||||
<div id="stat-total-proj"
|
||||
style="font-size:clamp(2rem,4.5vw,4rem);font-weight:900;color:#003150;line-height:1;font-family:'Roboto Condensed',sans-serif;">
|
||||
0</div>
|
||||
<div style="font-size:clamp(0.5rem,1.2vw,0.85rem);font-weight:800;text-transform:uppercase;letter-spacing:0.08em;color:#003150;margin-top:0.5rem;line-height:1.3;word-break:break-word;">
|
||||
Proyek<br>Mahasiswa</div>
|
||||
<div style="font-size:clamp(0.5rem,1.2vw,0.85rem);font-weight:800;text-transform:uppercase;letter-spacing:0.08em;color:#003150;margin-top:0.5rem;line-height:1.3;word-break:break-word;"
|
||||
data-i18n="grp_acaab_stats_label_proj">Proyek<br>Mahasiswa</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -48,6 +48,15 @@
|
||||
grp_acaab_modal_visit: "Kunjungi Proyek",
|
||||
grp_acaab_modal_read_more: "Selengkapnya",
|
||||
grp_acaab_modal_no_link: "Link tidak tersedia",
|
||||
grp_acaab_stats_label_ach: "Prestasi Mahasiswa",
|
||||
grp_acaab_stats_label_proj: "Proyek Mahasiswa",
|
||||
grp_acaab_modal_year: "Tahun",
|
||||
grp_acaab_modal_competition: "Kompetisi",
|
||||
grp_acaab_modal_field: "Bidang",
|
||||
grp_acaab_modal_description: "Deskripsi",
|
||||
grp_acaab_modal_close: "Tutup",
|
||||
grp_acaab_modal_note: "Catatan Tambahan",
|
||||
grp_acaab_modal_batch_prefix: "Angkatan",
|
||||
grp_acaab_cta_badge: "HUBUNGI KAMI",
|
||||
grp_acaab_cta_title: "Ingin Tahu Lebih Lanjut?",
|
||||
grp_acaab_cta_desc: "Tertarik bergabung dengan Program Studi Informatika UNTAN, mendaftarkan prestasi mahasiswa, atau menjalin kerja sama? Hubungi kami sekarang.",
|
||||
@@ -93,6 +102,15 @@
|
||||
grp_acaab_modal_visit: "Visit Project",
|
||||
grp_acaab_modal_read_more: "Read More",
|
||||
grp_acaab_modal_no_link: "Link not available",
|
||||
grp_acaab_stats_label_ach: "Student Achievements",
|
||||
grp_acaab_stats_label_proj: "Student Projects",
|
||||
grp_acaab_modal_year: "Year",
|
||||
grp_acaab_modal_competition: "Competition",
|
||||
grp_acaab_modal_field: "Field",
|
||||
grp_acaab_modal_description: "Description",
|
||||
grp_acaab_modal_close: "Close",
|
||||
grp_acaab_modal_note: "Additional Notes",
|
||||
grp_acaab_modal_batch_prefix: "Batch",
|
||||
grp_acaab_cta_badge: "CONTACT US",
|
||||
grp_acaab_cta_title: "Want to Know More?",
|
||||
grp_acaab_cta_desc: "Interested in joining the Informatics Study Program at UNTAN, registering a student achievement, or establishing a partnership? Contact us now.",
|
||||
|
||||
+14
-14
@@ -99,7 +99,7 @@ function transformAchievement(item) {
|
||||
id, title, category, competition, rank, year, level, description,
|
||||
team,
|
||||
nim: item.nim || '',
|
||||
generation: item.angkatan ? `Angkatan ${item.angkatan}` : 'Informatika',
|
||||
generation: item.angkatan ? `${t('grp_acaab_modal_batch_prefix')} ${item.angkatan}` : 'Informatika',
|
||||
image: getImageUrl(item, `prestasi-${id}`),
|
||||
avatar,
|
||||
members: anggota.map(m => ({ nama: m.nama || '', angkatan: m.angkatan ? parseInt(m.angkatan) : undefined })),
|
||||
@@ -489,9 +489,9 @@ function memberItem(nama, sub) {
|
||||
function openAchModal(a) {
|
||||
const membersHtml = a.members && a.members.length > 0 ? `
|
||||
<div style="border-top:1px solid #f1f5f9;padding-top:1rem;margin-bottom:1rem;">
|
||||
<p style="font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:#94a3b8;margin:0 0 0.5rem;">Anggota Tim</p>
|
||||
<p style="font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:#94a3b8;margin:0 0 0.5rem;">${t('grp_acaab_modal_members')}</p>
|
||||
<ul style="list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;">
|
||||
${a.members.map(m => memberItem(m.nama, m.angkatan ? `Angkatan ${m.angkatan}` : '')).join('')}
|
||||
${a.members.map(m => memberItem(m.nama, m.angkatan ? `${t('grp_acaab_modal_batch_prefix')} ${m.angkatan}` : '')).join('')}
|
||||
</ul>
|
||||
</div>` : '';
|
||||
|
||||
@@ -525,19 +525,19 @@ function openAchModal(a) {
|
||||
${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)}
|
||||
${infoRow('calendar-alt', t('grp_acaab_modal_year'), String(a.year))}
|
||||
${infoRow('award', t('grp_acaab_modal_competition'), a.competition)}
|
||||
${infoRow('tag', t('grp_acaab_modal_field'), a.category)}
|
||||
</div>
|
||||
${membersHtml}
|
||||
<!-- Description -->
|
||||
<div style="border-top:1px solid #f1f5f9;padding-top:1rem;">
|
||||
<p style="font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:#94a3b8;margin:0 0 0.5rem;">Deskripsi</p>
|
||||
<p style="font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:#94a3b8;margin:0 0 0.5rem;">${t('grp_acaab_modal_description')}</p>
|
||||
<p style="color:#475569;font-size:0.875rem;line-height:1.65;margin:0;">${escHtml(a.description)}</p>
|
||||
</div>
|
||||
<!-- Close button full-width -->
|
||||
<button id="acaab-modal-close-btn" style="margin-top:1.5rem;width:100%;padding:0.75rem;background:#003150;color:white;font-weight:700;border:none;border-radius:0.5rem;cursor:pointer;font-size:0.875rem;">
|
||||
Tutup
|
||||
${t('grp_acaab_modal_close')}
|
||||
</button>
|
||||
</div>
|
||||
`, true);
|
||||
@@ -714,7 +714,7 @@ function bindProjEvents() {
|
||||
function openProjModal(p) {
|
||||
const membersHtml = p.members && p.members.length > 0 ? `
|
||||
<div style="border-top:1px solid #f1f5f9;padding-top:1rem;margin-bottom:1rem;">
|
||||
<p style="font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:#94a3b8;margin:0 0 0.5rem;">Anggota Tim</p>
|
||||
<p style="font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:#94a3b8;margin:0 0 0.5rem;">${t('grp_acaab_modal_members')}</p>
|
||||
<ul style="list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;">
|
||||
${p.members.map(m => memberItem(m.nama, m.nim || '')).join('')}
|
||||
</ul>
|
||||
@@ -755,24 +755,24 @@ function openProjModal(p) {
|
||||
<div style="display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;background:#f8fafc;border-radius:0.5rem;margin-bottom:1.25rem;">
|
||||
${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(', '))}
|
||||
${infoRow('calendar-alt', t('grp_acaab_modal_year'), String(p.year))}
|
||||
${infoRow('tag', t('grp_acaab_modal_field'), p.categories.join(', '))}
|
||||
</div>
|
||||
${membersHtml}
|
||||
<!-- Description -->
|
||||
<div style="border-top:1px solid #f1f5f9;padding-top:1rem;margin-bottom:1.25rem;">
|
||||
<p style="font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:#94a3b8;margin:0 0 0.5rem;">Deskripsi</p>
|
||||
<p style="font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:#94a3b8;margin:0 0 0.5rem;">${t('grp_acaab_modal_description')}</p>
|
||||
<p style="color:#475569;font-size:0.875rem;line-height:1.65;margin:0;">${escHtml(p.description)}</p>
|
||||
${p.catatan ? `
|
||||
<div style="margin-top:1rem;padding:0.75rem;background:rgba(239,246,255,0.5);border:1px solid #bfdbfe;border-radius:0.5rem;">
|
||||
<p style="font-size:0.6rem;font-weight:700;text-transform:uppercase;color:#93c5fd;margin:0 0 0.25rem;">Catatan Tambahan</p>
|
||||
<p style="font-size:0.6rem;font-weight:700;text-transform:uppercase;color:#93c5fd;margin:0 0 0.25rem;">${t('grp_acaab_modal_note')}</p>
|
||||
<p style="font-size:0.875rem;color:#475569;font-style:italic;margin:0;">${escHtml(p.catatan)}</p>
|
||||
</div>` : ''}
|
||||
</div>
|
||||
<!-- Link + close buttons -->
|
||||
${linkSection}
|
||||
<button id="acaab-modal-close-btn" style="width:100%;padding:0.625rem;border:2px solid #e2e8f0;color:#475569;font-weight:700;background:white;border-radius:0.5rem;cursor:pointer;font-size:0.875rem;transition:border-color 0.2s,background 0.2s;">
|
||||
Tutup
|
||||
${t('grp_acaab_modal_close')}
|
||||
</button>
|
||||
</div>
|
||||
`, true);
|
||||
|
||||
+1316
-67
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 96 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 88 KiB |
@@ -4,6 +4,7 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Group 01 – Jellyfish.Corp | Informatika UNTAN</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<link rel="stylesheet" href="../../assets/global/output.css">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
@@ -1143,14 +1144,726 @@
|
||||
<div class="container mx-auto px-4 lg:px-8 py-12">
|
||||
<div class="mb-8 pb-8 border-b border-slate-200">
|
||||
<span class="bg-untan-yellow text-slate-900 text-[10px] font-bold uppercase tracking-widest px-2 py-0.5 inline-block mb-3">Tugas Halaman Statis</span>
|
||||
<h1 class="text-3xl lg:text-4xl font-bold text-slate-900 mb-2">Judul Halaman Group 01</h1>
|
||||
<h1 class="text-3xl lg:text-4xl font-bold text-slate-900 mb-2">Sekilas Informatika UNTAN</h1>
|
||||
<p class="text-slate-500 text-sm">Kelompok 01 — Jellyfish.Corp · Informatika UNTAN 2026</p>
|
||||
</div>
|
||||
<div id="assignment-body" class="prose prose-slate max-w-none">
|
||||
<!-- ================= START: BAGIAN YANG DIEDIT KELOMPOK ================= -->
|
||||
<p>Tulis konten halaman kelompok di sini.</p>
|
||||
<h3>Subjudul</h3>
|
||||
<p>Gunakan paragraf, list, tabel, gambar, dan elemen konten lainnya.</p>
|
||||
<!-- ===================== A. HERO ===================== -->
|
||||
<section class="jf-hero-landing">
|
||||
<div class="jf-hero-landing-bg"></div>
|
||||
<div class="container jf-hero-landing-inner">
|
||||
<div class="jf-hero-landing-content">
|
||||
<h1 class="jf-hero-headline" data-i18n="grp_jellyfish_hero_title">Sekilas Informatika<br>
|
||||
<h1 class="jf-hero-headline" data-i18n="grp_jellyfish_hero_subtitle" style="color: #feb401">Universitas Tanjungpura</h1>
|
||||
<p class="jf-hero-sub" data-i18n="grp_jellyfish_hero_desc">Mencetak talenta digital unggulan dari Kalimantan Barat untuk Indonesia dan
|
||||
dunia. Bergabunglah bersama kami dalam perjalanan membangun masa depan teknologi.</p>
|
||||
<div class="jf-hero-ctas">
|
||||
<a href="#kontak" class="jf-hero-cta-primary" data-i18n="grp_jellyfish_btn_register">Daftar Sekarang</a>
|
||||
<a href="#tentang" class="jf-hero-cta-secondary" data-i18n="grp_jellyfish_btn_learn">Pelajari Lebih ↓</a>
|
||||
</div>
|
||||
<div class="jf-hero-stats">
|
||||
<div class="jf-hs-item">
|
||||
<span class="jf-hs-num">2004</span>
|
||||
<span class="jf-hs-label" data-i18n="grp_jellyfish_stat_founded">Tahun Berdirinya</span>
|
||||
</div>
|
||||
<div class="jf-hs-div"></div>
|
||||
<div class="jf-hs-item">
|
||||
<span class="jf-hs-num">512</span>
|
||||
<span class="jf-hs-label" data-i18n="grp_jellyfish_stat_students">Mahasiswa Aktif</span>
|
||||
</div>
|
||||
<div class="jf-hs-div"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ===== MAIN CONTENT ===== -->
|
||||
<main id="assignment-body">
|
||||
|
||||
<!-- ===================== B. TENTANG PRODI ===================== -->
|
||||
<section class="jf-section jf-section-white" id="tentang">
|
||||
<div class="container">
|
||||
<div class="jf-about-layout">
|
||||
<div class="jf-about-left">
|
||||
<span class="jf-badge" data-i18n="grp_jellyfish_about_badge">Tentang Prodi</span>
|
||||
<h2 class="jf-section-title" data-i18n="grp_jellyfish_about_title">Mengenal Program Studi Informatika UNTAN</h2>
|
||||
<p class="jf-about-intro" data-i18n="grp_jellyfish_about_intro">Program Studi Informatika Universitas Tanjungpura hadir sejak <strong>2004</strong> dan merupakan salah satu pusat pengembangan talenta digital di Kalimantan Barat. Seiring berkembangnya era digital, kami terus berinovasi untuk menjadi yang terdepan di bidang teknologi informasi yang terus maju.</p>
|
||||
|
||||
<div class="jf-visi-misi-cards">
|
||||
<div class="jf-vm-card jf-vm-visi">
|
||||
<div class="jf-vm-label" data-i18n="grp_jellyfish_vision_label">🎯 Visi</div>
|
||||
<p data-i18n="grp_jellyfish_vision_text">Menjadi program studi unggul, inovatif, dan berdaya saing global, dengan fokus pada informatika cerdas untuk mendukung keberlanjutan dan pemberdayaan masyarakat melalui solusi teknologi berbasis kearifan lokal.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="jf-misi-section">
|
||||
<div class="jf-misi-label" data-i18n="grp_jellyfish_mission_label">📋 Misi</div>
|
||||
<div class="jf-misi-list">
|
||||
<div class="jf-misi-item">
|
||||
<div class="jf-misi-num">1</div>
|
||||
<div>
|
||||
<strong data-i18n="grp_jellyfish_mission_1_title">Pendidikan OBE Unggul</strong>
|
||||
<p data-i18n="grp_jellyfish_mission_1_desc">Menyelenggarakan pendidikan berbasis informatika cerdas yang unggul dan inovatif melalui pendekatan OBE untuk menghasilkan lulusan yang kompeten, adaptif, beretika, dan berdaya saing global.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="jf-misi-item">
|
||||
<div class="jf-misi-num">2</div>
|
||||
<div>
|
||||
<strong data-i18n="grp_jellyfish_mission_2_title">Penelitian untuk SDGs</strong>
|
||||
<p data-i18n="grp_jellyfish_mission_2_desc">Mengembangkan penelitian unggul di bidang informatika cerdas yang mendukung pencapaian Tujuan Pembangunan Berkelanjutan (SDGs) dan relevan dengan tantangan lokal maupun global.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="jf-misi-item">
|
||||
<div class="jf-misi-num">3</div>
|
||||
<div>
|
||||
<strong data-i18n="grp_jellyfish_mission_3_title">Pengabdian Berbasis Kearifan Lokal</strong>
|
||||
<p data-i18n="grp_jellyfish_mission_3_desc">Menerapkan dan mengembangkan solusi teknologi berbasis kearifan lokal dalam kegiatan pengabdian kepada masyarakat untuk memberdayakan komunitas secara inklusif dan berkelanjutan.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="jf-misi-item">
|
||||
<div class="jf-misi-num">4</div>
|
||||
<div>
|
||||
<strong data-i18n="grp_jellyfish_mission_4_title">Kemitraan Strategis</strong>
|
||||
<p data-i18n="grp_jellyfish_mission_4_desc">Membangun kemitraan strategis dengan industri, pemerintah, dan institusi akademik untuk memperkuat ekosistem riset, inovasi, dan penerapan informatika cerdas yang memberikan dampak nyata.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="jf-misi-item">
|
||||
<div class="jf-misi-num">5</div>
|
||||
<div>
|
||||
<strong data-i18n="grp_jellyfish_mission_5_title">Budaya Akademik Beretika</strong>
|
||||
<p data-i18n="grp_jellyfish_mission_5_desc">Menumbuhkan budaya akademik yang beretika, kolaboratif, kreatif, dan berorientasi pada pembelajaran sepanjang hayat untuk mempersiapkan SDM unggul menghadapi disrupsi teknologi.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="jf-about-right">
|
||||
<div class="jf-timeline-card">
|
||||
<div class="jf-timeline-title" data-i18n="grp_jellyfish_timeline_title">Tonggak Sejarah</div>
|
||||
<div class="jf-timeline-list">
|
||||
<div class="jf-tl-item">
|
||||
<div class="jf-tl-year">2004</div>
|
||||
<div class="jf-tl-dot"></div>
|
||||
<div class="jf-tl-content">
|
||||
<strong data-i18n="grp_jellyfish_timeline_2004_title">Pendirian Program Studi</strong>
|
||||
<span data-i18n="grp_jellyfish_timeline_2004_desc">Penerimaan mahasiswa angkatan pertama diselenggarakan pada tanggal 18 Mei melalui mekanisme seleksi internal dan perpindahan studi dari Program Studi Teknik Elektro.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="jf-tl-item">
|
||||
<div class="jf-tl-year">2005</div>
|
||||
<div class="jf-tl-dot"></div>
|
||||
<div class="jf-tl-content">
|
||||
<strong data-i18n="grp_jellyfish_timeline_2005_title">SNMPTN Pertama</strong>
|
||||
<span data-i18n="grp_jellyfish_timeline_2005_desc">Penerimaan mahasiswa baru mulai diintegrasikan secara nasional melalui jalur Seleksi Nasional Masuk Perguruan Tinggi Negeri (SNMPTN).</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="jf-tl-item">
|
||||
<div class="jf-tl-year">2006</div>
|
||||
<div class="jf-tl-dot"></div>
|
||||
<div class="jf-tl-content">
|
||||
<strong data-i18n="grp_jellyfish_timeline_2006_title">Akreditasi C</strong>
|
||||
<span data-i18n="grp_jellyfish_timeline_2006_desc">Program studi memperoleh peringkat Akreditasi C dari BAN-PT sebagai langkah awal penjaminan mutu akademik secara sistematis.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="jf-tl-item">
|
||||
<div class="jf-tl-year">2008</div>
|
||||
<div class="jf-tl-dot"></div>
|
||||
<div class="jf-tl-content">
|
||||
<strong data-i18n="grp_jellyfish_timeline_2008_title">Kelas Malam & SPOTA</strong>
|
||||
<span data-i18n="grp_jellyfish_timeline_2008_desc">Pembukaan program kelas sore/malam serta pengembangan SPOTA (Sistem Pendukung Outline Tugas Akhir) sebagai aplikasi inovatif perdana program studi.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="jf-tl-item">
|
||||
<div class="jf-tl-year">2016</div>
|
||||
<div class="jf-tl-dot"></div>
|
||||
<div class="jf-tl-content">
|
||||
<strong data-i18n="grp_jellyfish_timeline_2016_title">Akreditasi B</strong>
|
||||
<span data-i18n="grp_jellyfish_timeline_2016_desc">Peningkatan standar mutu akademik yang ditandai dengan pencapaian peringkat Akreditasi B dari BAN-PT.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="jf-tl-item">
|
||||
<div class="jf-tl-year">2017</div>
|
||||
<div class="jf-tl-dot"></div>
|
||||
<div class="jf-tl-content">
|
||||
<strong data-i18n="grp_jellyfish_timeline_2017_title">Nama Resmi Berubah</strong>
|
||||
<span data-i18n="grp_jellyfish_timeline_2017_desc">Perubahan nomenklatur program studi dari Teknik Informatika menjadi Informatika, serta penyesuaian gelar akademik lulusan dari Sarjana Teknik (S.T.) menjadi Sarjana Komputer (S.Kom.).</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="jf-tl-item">
|
||||
<div class="jf-tl-year">2019</div>
|
||||
<div class="jf-tl-dot"></div>
|
||||
<div class="jf-tl-content">
|
||||
<strong data-i18n="grp_jellyfish_timeline_2019_title">Angkatan PPAPK Terakhir</strong>
|
||||
<span data-i18n="grp_jellyfish_timeline_2019_desc">Penyelenggaraan penerimaan mahasiswa jalur non-reguler (PPAPK) angkatan terakhir sebelum resmi dinonaktifkan.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="jf-tl-item">
|
||||
<div class="jf-tl-year">2021</div>
|
||||
<div class="jf-tl-dot"></div>
|
||||
<div class="jf-tl-content">
|
||||
<strong data-i18n="grp_jellyfish_timeline_2021_title">EdoXid Lahir</strong>
|
||||
<span data-i18n="grp_jellyfish_timeline_2021_desc">Peluncuran EdoXid, sistem informasi manajemen sidang tugas akhir berbasis digital guna memfasilitasi kebutuhan akademik selama masa pandemi.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="jf-tl-item">
|
||||
<div class="jf-tl-year">2023</div>
|
||||
<div class="jf-tl-dot"></div>
|
||||
<div class="jf-tl-content">
|
||||
<strong data-i18n="grp_jellyfish_timeline_2023_title">Guru Besar Pertama</strong>
|
||||
<span data-i18n="grp_jellyfish_timeline_2023_desc">Pengukuhan Guru Besar pertama Program Studi Informatika UNTAN, yaitu Prof. Dr. Herry Sujaini, S.T., M.T.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="jf-tl-item">
|
||||
<div class="jf-tl-year">2025</div>
|
||||
<div class="jf-tl-dot"></div>
|
||||
<div class="jf-tl-content">
|
||||
<strong data-i18n="grp_jellyfish_timeline_2025_title">Kaprodi Ke-5</strong>
|
||||
<span data-i18n="grp_jellyfish_timeline_2025_desc">Pelantikan Ibu Eva Faja Ripanti, S.Kom., M.M.S.I., Ph.D. sebagai Ketua Program Studi Informatika yang kelima.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ===================== C. ANGKA ===================== -->
|
||||
<section class="jf-section jf-section-light">
|
||||
<div class="container">
|
||||
<div class="jf-section-header jf-center">
|
||||
<span class="jf-badge" data-i18n="grp_jellyfish_stats_badge">Data & Statistik</span>
|
||||
<h2 class="jf-section-title" data-i18n="grp_jellyfish_stats_title">Informatika UNTAN dalam Angka</h2>
|
||||
<p class="jf-section-sub">
|
||||
<center data-i18n="grp_jellyfish_stats_subtitle">Bukan sekadar angka, ini adalah cerita nyata dari perjalanan panjang Informatika UNTAN.</center>
|
||||
</p>
|
||||
</div>
|
||||
<div class="jf-stats-grid">
|
||||
<div class="jf-stat-card jf-stat-blue">
|
||||
<div class="jf-stat-num">518</div>
|
||||
<div class="jf-stat-label" data-i18n="grp_jellyfish_mhs_aktif">Mahasiswa Aktif</div>
|
||||
<div class="jf-stat-sub" data-i18n="grp_jellyfish_tahun_akademik">Tahun Akademik 2024/2025</div>
|
||||
</div>
|
||||
<div class="jf-stat-card jf-stat-yellow">
|
||||
<div class="jf-stat-num">213</div>
|
||||
<div class="jf-stat-label" data-i18n="grp_jellyfish_total_alumni">Total Alumni</div>
|
||||
<div class="jf-stat-sub" data-i18n="grp_jellyfish_data_total_alumni">Data sejak tahun 2022</div>
|
||||
</div>
|
||||
<div class="jf-stat-card jf-stat-green">
|
||||
<div class="jf-stat-num" data-i18n="grp_jellyfish_bulan_tunggu"> 6 Bulan</div>
|
||||
<div class="jf-stat-label" data-i18n="grp_jellyfish_waktu_tunggu_kerja">Waktu Tunggu Kerja</div>
|
||||
<div class="jf-stat-sub" data-i18n="grp_jellyfish_rata_lulusan">Rata-rata lulusan terserap</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="jf-stats-row2">
|
||||
<div class="jf-stat-row-card">
|
||||
<div class="jf-stat-row-label" data-i18n="grp_jellyfish_dosen_tetap">Dosen Tetap</div>
|
||||
<div class="jf-stat-row-num" style="color:#005eb8;">33</div>
|
||||
<p style="font-size:0.82rem;color:#475569;margin-top:0.4rem;" data-i18n="grp_jellyfish_desc_dosen">Berpengalaman dan bersertifikasi
|
||||
di bidangnya masing-masing.</p>
|
||||
</div>
|
||||
<div class="jf-stat-row-card">
|
||||
<div class="jf-stat-row-label" data-i18n="grp_jellyfish_jurnal_ilmiah">Jurnal Ilmiah</div>
|
||||
<div class="jf-stat-row-num" style="color:#feb401;" data-i18n="grp_jellyfish_jurnal">400+ Jurnal</div>
|
||||
<div style="margin-top:0.4rem; font-size:0.82rem; color:#475569;">
|
||||
<div style="margin-bottom:0.2rem;">📄 JEPIN · JUSTIN</div>
|
||||
<div>📄 JURISTY · JUARA</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="jf-stat-row-card">
|
||||
<div class="jf-stat-row-label" data-i18n="grp_jellyfish_guru_besar">Guru Besar</div>
|
||||
<div class="jf-stat-row-num" style="color:#10b981;" data-i18n="grp_jellyfish_jlh_guru_besar">1 Guru Besar</div>
|
||||
<p style="font-size:0.82rem;color:#475569;margin-top:0.4rem;" data-i18n="grp_jellyfish_nama_guru_besar">Prof. Dr. Herry Sujaini, S.T., M.T. — Guru Besar pertama
|
||||
Informatika UNTAN (sejak 2023).</p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="text-align:center;margin-top:1.5rem;">
|
||||
<div class="jf-stat-row-card" style="display:inline-block;padding:1rem 2.5rem;">
|
||||
<div class="jf-stat-row-label" data-i18n="grp_jellyfish_rasio_dosen">Rasio Dosen : Mahasiswa</div>
|
||||
<div class="jf-stat-row-num" style="color:#7c3aed;font-size:2rem;">1 : 11</div>
|
||||
<div style="font-size:0.75rem;color:#94a3b8;" data-i18n="grp_jellyfish_rasio_standar">Memenuhi standar BAN-PT</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ===================== D. PENCAPAIAN ===================== -->
|
||||
<section class="jf-section jf-section-white">
|
||||
<div class="container">
|
||||
<div class="jf-section-header jf-center">
|
||||
<span class="jf-badge" data-i18n="grp_jellyfish_achievement_badge">Prestasi</span>
|
||||
<h2 class="jf-section-title" data-i18n="grp_jellyfish_achievement_title">Pencapaian Membanggakan</h2>
|
||||
<p class="jf-section-sub">
|
||||
<center data-i18n="grp_jellyfish_achievement_subtitle">Dari panggung nasional hingga kolaborasi internasional — Informatika UNTAN hadir,
|
||||
bersaing, dan meninggalkan jejak.</center>
|
||||
</p>
|
||||
</div>
|
||||
<div class="jf-filter-tabs">
|
||||
<button class="jf-tab-btn jf-tab-active" data-filter="all" data-i18n="grp_jellyfish_btn_filter_semua">Semua</button>
|
||||
<button class="jf-tab-btn" data-filter="kompetisi" data-i18n="grp_jellyfish_btn_filter_kompetisi">Kompetisi</button>
|
||||
<button class="jf-tab-btn" data-filter="publikasi" data-i18n="grp_jellyfish_btn_filter_publikasi">Publikasi & Pengabdian</button>
|
||||
<button class="jf-tab-btn" data-filter="aplikasi" data-i18n="grp_jellyfish_btn_filter_aplikasi">Aplikasi Unggulan</button>
|
||||
</div>
|
||||
<div class="jf-prestasi-grid" id="prestasi-grid">
|
||||
<div class="jf-prestasi-card" data-cat="kompetisi">
|
||||
<span class="jf-prest-badge jf-prest-nasional" data-i18n="badge_competition">Kompetisi</span>
|
||||
<h4 data-i18n="grp_jellyfish_prest_compfest_title">Finalis 10 Besar Competitive Programming Contest (COMPFEST) 17</h4>
|
||||
<p data-i18n="grp_jellyfish_prest_compfest_desc">Berhasil meraih posisi 10 besar nasional pada COMPFEST 17, kompetisi pemrograman yang diselenggarakan oleh Universitas Indonesia (UI).</p>
|
||||
<div class="jf-prest-meta"><span data-i18n="label_year_2025">📅 2025 </span><span data-i18n="label_finalist">Finalis</span></div>
|
||||
</div>
|
||||
<div class="jf-prestasi-card" data-cat="kompetisi">
|
||||
<span class="jf-prest-badge jf-prest-nasional" data-i18n="badge_competition">Kompetisi</span>
|
||||
<h4 data-i18n="grp_jellyfish_prest_gemastik18_title">Tim Regional Terbaik GEMASTIK XVIII bidang Competitive Programming</h4>
|
||||
<p data-i18n="grp_jellyfish_prest_gemastik18_desc">Berhasil menjadi Tim Regional Terbaik pada GEMASTIK XVIII pada bidang Competitive Programming</p>
|
||||
<div class="jf-prest-meta"><span>📅 2025</span><span data-i18n="label_team_best">Tim Regional Terbaik</span></div>
|
||||
</div>
|
||||
<div class="jf-prestasi-card" data-cat="kompetisi">
|
||||
<span class="jf-prest-badge jf-prest-nasional" data-i18n="badge_competition">Kompetisi</span>
|
||||
<h4 data-i18n="grp_jellyfish_prest_icpc_title">International Collegiate Programming Contest predikat Honor</h4>
|
||||
<p data-i18n="grp_jellyfish_prest_icpc_desc">Tim competitive programming Informatika UNTAN berhasil lolos ke babak regional ICPC Asia Jakarta 2025.</p>
|
||||
<div class="jf-prest-meta"><span>📅 2025</span><span data-i18n="label_honor">Honor</span></div>
|
||||
</div>
|
||||
<div class="jf-prestasi-card" data-cat="kompetisi">
|
||||
<span class="jf-prest-badge jf-prest-nasional" data-i18n="badge_competition">Kompetisi</span>
|
||||
<h4 data-i18n="grp_jellyfish_prest_gemastik17_title">Tim Regional Terbaik GEMASTIK XVII bidang Competitive Programming</h4>
|
||||
<p data-i18n="grp_jellyfish_prest_gemastik17_desc">Berhasil menjadi Tim Regional Terbaik pada GEMASTIK XVII pada bidang Competitive Programming</p>
|
||||
<div class="jf-prest-meta"><span>📅 2024</span><span data-i18n="label_team_best">Tim Regional Terbaik</span></div>
|
||||
</div>
|
||||
<div class="jf-prestasi-card" data-cat="kompetisi">
|
||||
<span class="jf-prest-badge jf-prest-nasional" data-i18n="badge_competition">Kompetisi</span>
|
||||
<h4 data-i18n="grp_jellyfish_prest_mtq_title">LOMBA MTQ TINGKAT PROVINSI KALIMANTAN BARAT PESERTA CABANG TAHFIDZ HADITS GOLONGAN 100 HADIST DENGAN SANAD PUTRI</h4>
|
||||
<p data-i18n="grp_jellyfish_prest_mtq_desc">Berpastisipasi pada MTQ tingkat provinsi Kalimantan Barat cabang Tahfidz Hadits 100 Hadits Bersanad Putri</p>
|
||||
<div class="jf-prest-meta"><span>📅 2024</span><span data-i18n="label_participant">PESERTA</span></div>
|
||||
</div>
|
||||
<div class="jf-prestasi-card" data-cat="publikasi">
|
||||
<span class="jf-prest-badge jf-prest-publikasi" data-i18n="badge_publication">Publikasi</span>
|
||||
<h4 data-i18n="grp_jellyfish_prest_crm_title">Customer Relationship Management (CRM) System pada Peningkatan Layanan Pengguna E-Learning</h4>
|
||||
<p data-i18n="grp_jellyfish_prest_crm_desc">Penulis: EF Ripanti, EE Pratama, F Asrin. Penelitian ini mengkaji penerapan sistem CRM untuk meningkatkan kualitas layanan dan kepuasan pengguna pada platform e-learning.</p>
|
||||
<div class="jf-prest-meta"><span>📅 2025</span></div>
|
||||
</div>
|
||||
<div class="jf-prestasi-card" data-cat="publikasi">
|
||||
<span class="jf-prest-badge jf-prest-publikasi" data-i18n="badge_publication">Publikasi</span>
|
||||
<h4 data-i18n="grp_jellyfish_prest_dbscan_title">REKOMENDASI AREA PEMASARAN BAGI PEDAGANG SAYUR KELILING MENGGUNAKAN METODE DBSCAN DAN VISUALISASI HEATMAP</h4>
|
||||
<p data-i18n="grp_jellyfish_prest_dbscan_desc">Penulis: DA Nugraha, IY Sholva, EE Pratama. Penelitian ini memanfaatkan metode DBSCAN dan visualisasi heatmap untuk merekomendasikan area pemasaran yang potensial bagi pedagang sayur keliling.</p>
|
||||
<div class="jf-prest-meta"><span>📅 2024</span></div>
|
||||
</div>
|
||||
<div class="jf-prestasi-card" data-cat="publikasi">
|
||||
<span class="jf-prest-badge jf-prest-publikasi" data-i18n="badge_publication">Publikasi</span>
|
||||
<h4 data-i18n="grp_jellyfish_prest_kmeans_title">Data mining untuk pengelompokan saham pada sektor energi dengan metode k-means</h4>
|
||||
<p data-i18n="grp_jellyfish_prest_kmeans_desc">Penulis: AS Sukamto, W Setiawan, EE Pratama. Penelitian ini menerapkan algoritma K-Means untuk mengelompokkan saham sektor energi berdasarkan karakteristik data yang serupa guna mendukung analisis investasi.</p>
|
||||
<div class="jf-prest-meta"><span>📅 2023</span></div>
|
||||
</div>
|
||||
<div class="jf-prestasi-card" data-cat="publikasi">
|
||||
<span class="jf-prest-badge jf-prest-penghargaan" data-i18n="badge_community">Pengabdian Masyarakat</span>
|
||||
<h4 data-i18n="grp_jellyfish_prest_kodingmu_title">KODINGMU PLATFORM BELAJAR COMPUTATIONAL THINKING BAGI SISWA SMAN 1 MEMPAWAH HILIR</h4>
|
||||
<p data-i18n="grp_jellyfish_prest_kodingmu_desc">Kegiatan pengabdian yang bertujuan meningkatkan kemampuan berpikir komputasional dan pemecahan masalah siswa melalui pelatihan serta pemanfaatan platform pembelajaran Kodingmu berbasis aktivitas pemrograman yang interaktif dan menyenangkan.</p>
|
||||
<div class="jf-prest-meta"><span>📅 2025</span></div>
|
||||
</div>
|
||||
<div class="jf-prestasi-card" data-cat="aplikasi">
|
||||
<span class="jf-prest-badge" style="background:#e0f2fe;color:#0369a1;" data-i18n="badge_innovation">Inovasi Aplikasi</span>
|
||||
<h4 data-i18n="grp_jellyfish_prest_spota_title">SPOTA (2008)</h4>
|
||||
<p data-i18n="grp_jellyfish_prest_spota_desc">Sistem Pendukung Outline Tugas Akhir — lahir dari ide dosen, dibangun mahasiswa, masih digunakan hingga kini. Inovasi yang melampaui zamannya.</p>
|
||||
<div class="jf-prest-meta"><span>📅 2008</span><span data-i18n="label_still_active">💡 Masih aktif</span></div>
|
||||
</div>
|
||||
<div class="jf-prestasi-card" data-cat="aplikasi">
|
||||
<span class="jf-prest-badge" style="background:#e0f2fe;color:#0369a1;" data-i18n="badge_innovation">Inovasi Aplikasi</span>
|
||||
<h4 data-i18n="grp_jellyfish_prest_edoxid_title">EdoXid (2021)</h4>
|
||||
<p data-i18n="grp_jellyfish_prest_edoxid_desc">Sistem pengajuan sidang digital — hadir menjawab pandemi, kini naik kelas ke skala Fakultas MIPA Universitas Tanjungpura.</p>
|
||||
<div class="jf-prest-meta"><span>📅 2021</span><span data-i18n="label_faculty_scale">🚀 Skala Fakultas</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ===================== E. STUDY CLUB ===================== -->
|
||||
<section class="jf-section jf-section-light">
|
||||
<div class="container">
|
||||
<div class="jf-section-header jf-center">
|
||||
<span class="jf-badge" data-i18n="grp_jellyfish_studyclub_badge">Komunitas</span>
|
||||
<h2 class="jf-section-title" data-i18n="grp_jellyfish_studyclub_title">Study Club</h2>
|
||||
<p class="jf-section-sub">
|
||||
<center data-i18n="grp_jellyfish_studyclub_subtitle">Study Club hadir sebagai wadah pengembangan kompetensi mahasiswa melalui peminatan yang terstruktur dan berbasis komunitas. Setiap study club dirancang untuk memperdalam keahlian spesifik di bidang informatika.</center>
|
||||
</p>
|
||||
</div>
|
||||
<div class="jf-sc-grid">
|
||||
<div class="jf-sc-card">
|
||||
<div class="jf-sc-icon" style="background:#eff6ff;">💻</div>
|
||||
<div class="jf-sc-name">ARISE</div>
|
||||
<div class="jf-sc-alias"> Competitive Programming</div>
|
||||
<p data-i18n="grp_jellyfish_arise">Program kerja ini berfokus pada peminatan <em>competitive programming</em>. Mahasiswa dilatih
|
||||
untuk mengasah kemampuan pemecahan masalah dan algoritma melalui kompetisi pemrograman
|
||||
bergengsi tingkat nasional maupun internasional.</p>
|
||||
</div>
|
||||
<div class="jf-sc-card">
|
||||
<div class="jf-sc-icon" style="background:#f0fdf4;">🛠️</div>
|
||||
<div class="jf-sc-name">Software Development</div>
|
||||
<div class="jf-sc-alias"> Software Development </div>
|
||||
<p data-i18n="grp_jellyfish_software">Berfokus pada peminatan software development. Materi yang diajarkan meliputi fundamental
|
||||
dasar web, version control (GitHub), software development life cycle, Entity Relationship
|
||||
Diagram, tech-stack, dan use case.</p>
|
||||
</div>
|
||||
<div class="jf-sc-card">
|
||||
<div class="jf-sc-icon" style="background:#fefce8;">📊</div>
|
||||
<div class="jf-sc-name">MINERVA</div>
|
||||
<div class="jf-sc-alias"> Data Mining</div>
|
||||
<p data-i18n="grp_jellyfish_minerva">Berfokus pada peminatan data mining. Mahasiswa akan mendalami teknik penggalian data,
|
||||
analisis statistik, dan penerapannya dalam berbagai domain industri untuk menghasilkan
|
||||
insight yang bernilai.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="jf-sc-cta">
|
||||
<div class="jf-sc-cta-left">
|
||||
<strong data-i18n="grp_jellyfish_join_studyclub">Bergabung dengan Study Club</strong>
|
||||
<span data-i18n="grp_jellyfish_studyclub">Study club ini terbuka bagi seluruh mahasiswa aktif Prodi Informatika UNTAN. Pilih
|
||||
peminatan yang sesuai dengan minat dan tujuan karirmu.</span>
|
||||
</div>
|
||||
<a href="mailto:info@informatika.untan.ac.id" class="jf-cta-button" data-i18n="grp_jellyfish_study_info">Info Lebih Lanjut →</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ===================== F. KARIR ===================== -->
|
||||
<section class="jf-section jf-section-white">
|
||||
<div class="container">
|
||||
<div class="jf-karir-layout">
|
||||
<div class="jf-karir-left">
|
||||
<span class="jf-badge" data-i18n="grp_jellyfish_career_badge">Karir</span>
|
||||
<h2 class="jf-section-title" data-i18n="grp_jellyfish_career_title">Masa Depan Lulusan Informatika</h2>
|
||||
<p class="jf-karir-headline-italic" data-i18n="grp_jellyfish_career_headline">Lulusan Informatika UNTAN bukan hanya pencari kerja — mereka pencipta solusi.</p>
|
||||
<p data-i18n="grp_jellyfish_career_desc">Lulusan Prodi Informatika UNTAN diserap secara luas oleh industri teknologi, instansi pemerintah, BUMN, dan startup. Dengan bekal kompetensi digital yang kuat, karir cemerlang menanti di berbagai sektor strategis.</p>
|
||||
<div class="jf-karir-other" style="margin-top:1.5rem;">
|
||||
<strong data-i18n="grp_jellyfish_bidang_karir">Bidang Karir Lainnya:</strong>
|
||||
<div class="jf-chip-wrap" style="margin-top:0.5rem;">
|
||||
<span class="jf-chip">IT Project Manager</span>
|
||||
<span class="jf-chip">Database Admin</span>
|
||||
<span class="jf-chip">Cloud Architect</span>
|
||||
<span class="jf-chip">Game Developer</span>
|
||||
<span class="jf-chip">Business Intelligence</span>
|
||||
<span class="jf-chip">IoT Engineer</span>
|
||||
<span class="jf-chip" data-i18n="grp_jellyfish_akademisi">Akademisi / Dosen</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="jf-karir-right">
|
||||
<div class="jf-karir-card jf-karir-navy">
|
||||
<div class="jf-kc-title">Software Engineer</div>
|
||||
<div class="jf-kc-chips">
|
||||
<span>Backend</span><span>Frontend</span><span>Mobile Dev</span><span>DevOps</span>
|
||||
</div>
|
||||
<div class="jf-kc-company">Gojek, Tokopedia, Traveloka, Startup</div>
|
||||
</div>
|
||||
<div class="jf-karir-card jf-karir-purple">
|
||||
<div class="jf-kc-title">Data & AI Specialist</div>
|
||||
<div class="jf-kc-chips">
|
||||
<span>Data Scientist</span><span>ML Engineer</span><span>AI
|
||||
Researcher</span><span>Business Analyst</span>
|
||||
</div>
|
||||
<div class="jf-kc-company">Bank, BUMN, Fintech</div>
|
||||
</div>
|
||||
<div class="jf-karir-card jf-karir-green">
|
||||
<div class="jf-kc-title">Cybersecurity</div>
|
||||
<div class="jf-kc-chips">
|
||||
<span>Penetration Tester</span><span>Security Analyst</span><span>Network
|
||||
Engineer</span>
|
||||
</div>
|
||||
<div class="jf-kc-company">BSSN, Kominfo, Perbankan</div>
|
||||
</div>
|
||||
<div class="jf-karir-card jf-karir-orange">
|
||||
<div class="jf-kc-title" data-i18n="grp_jellyfish_wirausaha">Wirausaha Digital</div>
|
||||
<div class="jf-kc-chips">
|
||||
<span>Founder Startup</span><span>Freelancer</span><span>Digital
|
||||
Consultant</span><span>E-commerce</span>
|
||||
</div>
|
||||
<div class="jf-kc-company" data-i18n="grp_jellyfish_mandiri">Mandiri, Remote Work</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ===================== G. ALUMNI ===================== -->
|
||||
<section class="jf-section jf-section-light">
|
||||
<div class="container">
|
||||
<div class="jf-section-header jf-center">
|
||||
<span class="jf-badge" data-i18n="grp_jellyfish_alumni_badge">Alumni</span>
|
||||
<h2 class="jf-section-title" data-i18n="grp_jellyfish_alumni_title">Kisah Sukses Alumni</h2>
|
||||
<p class="jf-section-sub">
|
||||
<center data-i18n="grp_jellyfish_alumni_subtitle">Mereka adalah bukti nyata bahwa Informatika UNTAN adalah batu loncatan menuju karir gemilang — dari Pontianak, ke panggung dunia.</center>
|
||||
</p>
|
||||
</div>
|
||||
<div class="jf-alumni-grid">
|
||||
<div class="jf-alumni-card">
|
||||
<div class="jf-alumni-header">
|
||||
<div class="jf-alumni-avatar" style="background:linear-gradient(135deg,#005eb8,#00b5e2);">IF
|
||||
</div>
|
||||
<div>
|
||||
<div class="jf-alumni-name">Izhan Fakhruzi</div>
|
||||
<div class="jf-alumni-batch" data-i18n="grp_jellyfish_if_akt1">Informatika, Angkatan 2005</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="jf-alumni-photo-placeholder">
|
||||
<div class="jf-alumni-photo-inner">
|
||||
<img src="images\Izhan.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="jf-alumni-roles">
|
||||
<span data-i18n="grp_jellyfish_kerja1">Dosen UM Pontianak</span>
|
||||
<span>PhD Candidate Granada</span>
|
||||
</div>
|
||||
<p data-i18n="grp_jellyfish_alumni_desc1">Alumni Informatika UNTAN angkatan 2005 yang membangun fondasi kuat di bidang komputasi,
|
||||
melanjutkan studi magister di Marmara University melalui beasiswa Türkiye Bursları,
|
||||
berkarier sebagai dosen di Universitas Muhammadiyah Pontianak, dan kini menempuh doktoral di
|
||||
Universidad de Granada dengan fokus pada kecerdasan buatan untuk sistem transportasi cerdas
|
||||
dan informatika kesehatan.</p>
|
||||
<div class="jf-alumni-divider"></div>
|
||||
</div>
|
||||
<div class="jf-alumni-card">
|
||||
<div class="jf-alumni-header">
|
||||
<div class="jf-alumni-avatar" style="background:linear-gradient(135deg,#7c3aed,#a855f7);">CD
|
||||
</div>
|
||||
<div>
|
||||
<div class="jf-alumni-name">Charles Darwis Hariman</div>
|
||||
<div class="jf-alumni-batch" data-i18n="grp_jellyfish_if_akt2">Informatika, Angkatan 2018</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="jf-alumni-photo-placeholder">
|
||||
<div class="jf-alumni-photo-inner">
|
||||
<img src="images\Charles.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="jf-alumni-roles">
|
||||
<span>Software Developer</span>
|
||||
<span>FinTech Travixy Frankfurt</span>
|
||||
</div>
|
||||
<p data-i18n="grp_jellyfish_alumni_desc2">Alumni Informatika UNTAN dengan kemampuan kuat dalam pemrograman dan problem solving,
|
||||
melanjutkan studi master di Saarland University Jerman dengan riset kecerdasan buatan
|
||||
bertaraf internasional, lalu berkarier sebagai Software Developer di perusahaan FinTech
|
||||
Travixy Frankfurt, mengembangkan platform pembiayaan yang menggerakkan transaksi bernilai
|
||||
miliaran Euro.</p>
|
||||
<div class="jf-alumni-divider"></div>
|
||||
</div>
|
||||
<div class="jf-alumni-card">
|
||||
<div class="jf-alumni-header">
|
||||
<div class="jf-alumni-avatar" style="background:linear-gradient(135deg,#059669,#10b981);">DP
|
||||
</div>
|
||||
<div>
|
||||
<div class="jf-alumni-name">Dona Pramana Putra</div>
|
||||
<div class="jf-alumni-batch" data-i18n="grp_jellyfish_if_akt3">Informatika, Angkatan 2006</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="jf-alumni-photo-placeholder">
|
||||
<div class="jf-alumni-photo-inner">
|
||||
<img src="images\Dona.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="jf-alumni-roles">
|
||||
<span>Product Team</span>
|
||||
<span>AI Rudder</span>
|
||||
</div>
|
||||
<p data-i18n="grp_jellyfish_alumni_desc3">Alumni Informatika UNTAN angkatan 2006 yang kini berkarier sebagai Product Team di AI Rudder,
|
||||
berbekal pengalaman pembelajaran berbasis proyek selama kuliah, melanjutkan studi S2 di
|
||||
China melalui beasiswa, serta berkontribusi dalam industri kecerdasan buatan dengan
|
||||
perspektif global.</p>
|
||||
<div class="jf-alumni-divider"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ===================== H. INFRASTRUKTUR ===================== -->
|
||||
<section class="jf-section jf-section-dark">
|
||||
<div class="container">
|
||||
<div class="jf-section-header jf-center">
|
||||
<span class="jf-badge" data-i18n="grp_jellyfish_infra_badge">Infrastruktur</span>
|
||||
<h2 class="jf-section-title" style="color:white;" data-i18n="grp_jellyfish_infra_title">Infrastruktur dan Fasilitas</h2>
|
||||
<p class="jf-section-sub" style="color:white;">
|
||||
<center data-i18n="grp_jellyfish_infra_subtitle" style="color:rgba(255, 255, 255, 0.7);">Fasilitas lengkap dan modern untuk mendukung proses belajar, penelitian, dan inovasi mahasiswa.</center>
|
||||
</p>
|
||||
<div class="jf-infra-line"></div>
|
||||
</div>
|
||||
<div class="jf-infra-grid">
|
||||
<div class="jf-infra-card" style="background:linear-gradient(135deg,#0ea5e9,#0284c7);">
|
||||
<div class="jf-infra-icon">🖥️</div>
|
||||
<div class="jf-infra-name">8 Laboratorium</div>
|
||||
<p data-i18n="grp_jellyfish_labs">Lab Pemrograman, Jaringan, Multimedia, IoT, AI, Basis Data, Mobile Dev, dan Keamanan Siber —
|
||||
ber-AC, High-Speed PC.</p>
|
||||
<div class="jf-infra-stat" data-i18n="grp_jellyfish_labs2"><span>8</span> Lab Aktif & Berteknologi</div>
|
||||
</div>
|
||||
<div class="jf-infra-card" style="background:linear-gradient(135deg,#7c3aed,#6d28d9);">
|
||||
<div class="jf-infra-icon">☁️</div>
|
||||
<div class="jf-infra-name">Data Center</div>
|
||||
<p data-i18n="grp_jellyfish_data_center">Server on-premise dengan infrastruktur cloud lokal berkapasitas tinggi untuk penelitian dan
|
||||
deployment aplikasi.</p>
|
||||
<div class="jf-infra-stat"><span>99.9%</span> Uptime · Redundant</div>
|
||||
</div>
|
||||
<div class="jf-infra-card" style="background:linear-gradient(135deg,#059669,#047857);">
|
||||
<div class="jf-infra-icon">🚀</div>
|
||||
<div class="jf-infra-name">IFUNTANHUB</div>
|
||||
<p data-i18n="grp_jellyfish_ifuntanhub">Platform PaaS eksklusif mahasiswa untuk deploy aplikasi, hosting proyek, akses GPU computing,
|
||||
dan kolaborasi tim.</p>
|
||||
<div class="jf-infra-stat" data-i18n="grp_jellyfish_free"><span>Gratis</span> · GPU Access</div>
|
||||
</div>
|
||||
<div class="jf-infra-card" style="background:linear-gradient(135deg,#d97706,#b45309);">
|
||||
<div class="jf-infra-icon">📚</div>
|
||||
<div class="jf-infra-name">E-Resources</div>
|
||||
<p data-i18n="grp_jellyfish_resources">Akses jurnal internasional Scopus, IEEE Xplore, ACM Digital Library, Springer, dan database
|
||||
ilmiah lainnya.</p>
|
||||
<div class="jf-infra-stat"><span>IEEE · Scopus · ACM</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="jf-license-bar">
|
||||
<span class="jf-lic-label" data-i18n="grp_jellyfish_license">Lisensi Perangkat Lunak Tersedia:</span>
|
||||
<div class="jf-lic-chips">
|
||||
<span>Microsoft Office 365</span>
|
||||
<span>JetBrains IDE</span>
|
||||
<span>Adobe Creative Cloud</span>
|
||||
<span>GitHub Enterprise</span>
|
||||
<span>Figma Education</span>
|
||||
<span>MATLAB</span>
|
||||
<span>Cisco Packet Tracer</span>
|
||||
<span>AWS Academy</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ===================== I. MITRA ===================== -->
|
||||
<section class="jf-section jf-section-white">
|
||||
<div class="container">
|
||||
<div class="jf-section-header jf-center">
|
||||
<span class="jf-badge" data-i18n="grp_jellyfish_partner_badge">Kerjasama</span>
|
||||
<h2 class="jf-section-title" data-i18n="grp_jellyfish_partner_title">Mitra Strategis Informatika UNTAN</h2>
|
||||
<p class="jf-section-sub">
|
||||
<center data-i18n="grp_jellyfish_partner_subtitle">Dibangun di atas kepercayaan dan kolaborasi dengan perusahaan teknologi, instansi
|
||||
pemerintah, dan lembaga pendidikan terkemuka.</center>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="jf-mitra-group-title" data-i18n="grp_jellyfish_industri">Industri & Swasta</div>
|
||||
<div class="jf-mitra-grid">
|
||||
<div class="jf-mitra-card">
|
||||
<div class="jf-mitra-logo"></div>
|
||||
<div class="jf-mitra-name">PT. Indosat Ooredoo</div>
|
||||
</div>
|
||||
<div class="jf-mitra-card">
|
||||
<div class="jf-mitra-logo"></div>
|
||||
<div class="jf-mitra-name">PT. PLN Nusantara</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="jf-mitra-group-title" data-i18n="grp_jellyfish_pemerintah">Instansi Pemerintah</div>
|
||||
<div class="jf-mitra-grid jf-mitra-grid-gov" style="grid-template-columns:repeat(6,1fr)">
|
||||
<div class="jf-mitra-card">
|
||||
<div class="jf-mitra-name">Diskominfo Kalbar</div>
|
||||
</div>
|
||||
<div class="jf-mitra-card">
|
||||
<div class="jf-mitra-name">POLDA Kalbar</div>
|
||||
</div>
|
||||
<div class="jf-mitra-card">
|
||||
<div class="jf-mitra-name">Bappeda Sambas</div>
|
||||
</div>
|
||||
<div class="jf-mitra-card">
|
||||
<div class="jf-mitra-name">Bappeda Sintang</div>
|
||||
</div>
|
||||
<div class="jf-mitra-card">
|
||||
<div class="jf-mitra-name">Bappeda Bengkayang</div>
|
||||
</div>
|
||||
<div class="jf-mitra-card">
|
||||
<div class="jf-mitra-name">BKPSDM</div>
|
||||
</div>
|
||||
<div class="jf-mitra-card">
|
||||
<div class="jf-mitra-name">BPBD Sintang</div>
|
||||
</div>
|
||||
<div class="jf-mitra-card">
|
||||
<div class="jf-mitra-name">BKD Pontianak</div>
|
||||
</div>
|
||||
<div class="jf-mitra-card">
|
||||
<div class="jf-mitra-name">Disperkim Singkawang</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="jf-mitra-group-title" data-i18n="grp_jellyfish_perguruan_tinggi">Perguruan Tinggi & Lembaga Riset</div>
|
||||
<div class="jf-mitra-grid" style="grid-template-columns:repeat(6,1fr);">
|
||||
<div class="jf-mitra-card">
|
||||
<div class="jf-mitra-name">UNIMAS Malaysia</div>
|
||||
</div>
|
||||
<div class="jf-mitra-card">
|
||||
<div class="jf-mitra-name">UUM Malaysia</div>
|
||||
</div>
|
||||
<div class="jf-mitra-card">
|
||||
<div class="jf-mitra-name">UCS Sarawak</div>
|
||||
</div>
|
||||
<div class="jf-mitra-card">
|
||||
<div class="jf-mitra-name">UTEM Malaysia</div>
|
||||
</div>
|
||||
<div class="jf-mitra-card">
|
||||
<div class="jf-mitra-name">IPB Indonesia</div>
|
||||
</div>
|
||||
<div class="jf-mitra-card">
|
||||
<div class="jf-mitra-name">Polnep</div>
|
||||
</div>
|
||||
<div class="jf-mitra-card">
|
||||
<div class="jf-mitra-name">Poltekkes Pontianak</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ===================== K. CTA / KONTAK ===================== -->
|
||||
<section class="jf-section jf-cta-section" id="kontak">
|
||||
<div class="container jf-cta-inner">
|
||||
<div class="jf-cta-left">
|
||||
<span class="jf-badge" data-i18n="grp_jellyfish_cta_badge">Bergabung Bersama Kami</span>
|
||||
<h2 class="jf-cta-title" data-i18n="grp_jellyfish_cta_title">Mulai Perjalanan Digital Anda <span class="jf-cta-highlight" data-i18n="grp_jellyfish_cta_highlight">Bersama Kami</span></h2>
|
||||
<p data-i18n="grp_jellyfish_cta_desc">Jadilah bagian dari komunitas informatika terbaik di Kalimantan Barat. Daftarkan diri Anda sekarang dan wujudkan impian karir teknologi bersama Informatika UNTAN.</p>
|
||||
<div class="jf-cta-btns">
|
||||
<a href="#" class="jf-btn-yellow" data-i18n="grp_jellyfish_btn_registration">Daftar Mahasiswa Baru</a>
|
||||
<a href="https://wa.me/6285171655161" class="jf-btn-green" data-i18n="grp_jellyfish_btn_whatsapp">💬 Chat WhatsApp</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="jf-cta-right">
|
||||
<div class="jf-kontak-card">
|
||||
<div class="jf-kontak-title" data-i18n="grp_jellyfish_info_kontak">Informasi Kontak</div>
|
||||
<div class="jf-kontak-list">
|
||||
<div class="jf-kontak-item">
|
||||
<div class="jf-kontak-icon">📍</div>
|
||||
<div class="jf-kontak-info">
|
||||
<div class="jf-kontak-label" data-i18n="grp_jellyfish_alamat">Alamat</div>
|
||||
<div class="jf-kontak-val">Jl. Prof. Dr. H. Hadari Nawawi, Bansir Laut, Kec.
|
||||
Pontianak Tenggara, Kota Pontianak, Kalimantan Barat 78124</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="jf-kontak-item">
|
||||
<div class="jf-kontak-icon">✉️</div>
|
||||
<div class="jf-kontak-info">
|
||||
<div class="jf-kontak-label">Email</div>
|
||||
<div class="jf-kontak-val">info@informatika.untan.ac.id</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="jf-kontak-item">
|
||||
<div class="jf-kontak-icon">💬</div>
|
||||
<div class="jf-kontak-info">
|
||||
<div class="jf-kontak-label">WhatsApp</div>
|
||||
<div class="jf-kontak-val">+62 851-7165-5161<br><small data-i18n="grp_jellyfish_tanggal">Senin – Jumat, 08.00 – 16.00
|
||||
WIB</small></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="jf-kontak-item">
|
||||
<div class="jf-kontak-icon">📞</div>
|
||||
<div class="jf-kontak-info">
|
||||
<div class="jf-kontak-label" data-i18n="grp_jellyfish_telepon">Telepon / Fax</div>
|
||||
<div class="jf-kontak-val">+62(561) 739637</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
<!-- ================= END: BAGIAN YANG DIEDIT KELOMPOK ================= -->
|
||||
</div>
|
||||
</div>
|
||||
@@ -1332,7 +2045,7 @@
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
|
||||
<script src="script.js"></script>
|
||||
<script src="../../assets/global/localization.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,92 @@
|
||||
// ===== SCROLL REVEAL — jf-* cards di dalam #assignment-body =====
|
||||
function initScrollReveal() {
|
||||
const body = document.getElementById('assignment-body');
|
||||
if (!body) return;
|
||||
|
||||
const targets = body.querySelectorAll(
|
||||
'.jf-stat-card, .jf-stat-row-card, .jf-prestasi-card, ' +
|
||||
'.jf-sc-card, .jf-karir-card, .jf-alumni-card, ' +
|
||||
'.jf-infra-card, .jf-mitra-card, .jf-tl-item, .jf-kontak-item'
|
||||
);
|
||||
targets.forEach(el => {
|
||||
el.style.opacity = '0';
|
||||
el.style.transform = 'translateY(24px)';
|
||||
el.style.transition = 'opacity 0.55s ease, transform 0.55s ease';
|
||||
});
|
||||
|
||||
const obs = new IntersectionObserver((entries) => {
|
||||
entries.forEach((entry, i) => {
|
||||
if (!entry.isIntersecting) return;
|
||||
setTimeout(() => {
|
||||
entry.target.style.opacity = '1';
|
||||
entry.target.style.transform = 'translateY(0)';
|
||||
}, i * 70);
|
||||
obs.unobserve(entry.target);
|
||||
});
|
||||
}, { threshold: 0.08 });
|
||||
|
||||
targets.forEach(el => obs.observe(el));
|
||||
}
|
||||
|
||||
// ===== PRESTASI FILTER — tab filter di dalam #assignment-body =====
|
||||
function initPrestasiFilter() {
|
||||
const body = document.getElementById('assignment-body');
|
||||
if (!body) return;
|
||||
|
||||
const tabs = body.querySelectorAll('.jf-tab-btn');
|
||||
const cards = body.querySelectorAll('#prestasi-grid .jf-prestasi-card');
|
||||
if (!tabs.length) return;
|
||||
|
||||
tabs.forEach(tab => {
|
||||
tab.addEventListener('click', () => {
|
||||
tabs.forEach(t => t.classList.remove('jf-tab-active'));
|
||||
tab.classList.add('jf-tab-active');
|
||||
const filter = tab.dataset.filter;
|
||||
cards.forEach(card => {
|
||||
const show = filter === 'all' || card.dataset.cat === filter;
|
||||
card.style.display = show ? '' : 'none';
|
||||
if (show) card.style.animation = 'jfFadeIn 0.35s ease forwards';
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// ===== ANIMATED COUNTER — .jf-stat-num di dalam #assignment-body =====
|
||||
function initCounters() {
|
||||
const body = document.getElementById('assignment-body');
|
||||
if (!body) return;
|
||||
|
||||
const obs = new IntersectionObserver((entries) => {
|
||||
entries.forEach(entry => {
|
||||
if (!entry.isIntersecting) return;
|
||||
const el = entry.target;
|
||||
const raw = el.textContent.trim();
|
||||
const num = parseFloat(raw.replace(/[^0-9.]/g, ''));
|
||||
if (isNaN(num) || num === 0) return;
|
||||
|
||||
const prefix = raw.match(/^[^0-9]*/)[0];
|
||||
const suffix = raw.match(/[^0-9.]*$/)[0];
|
||||
|
||||
let start = 0;
|
||||
const step = 16;
|
||||
const increment = num / (1400 / step);
|
||||
const timer = setInterval(() => {
|
||||
start = Math.min(start + increment, num);
|
||||
const display = Number.isInteger(num)
|
||||
? Math.floor(start).toLocaleString('id-ID')
|
||||
: start.toFixed(1);
|
||||
el.textContent = prefix + display + suffix;
|
||||
if (start >= num) clearInterval(timer);
|
||||
}, step);
|
||||
|
||||
obs.unobserve(el);
|
||||
});
|
||||
}, { threshold: 0.5 });
|
||||
|
||||
body.querySelectorAll('.jf-stat-num').forEach(el => obs.observe(el));
|
||||
}
|
||||
|
||||
// ===== INIT =====
|
||||
initScrollReveal();
|
||||
initPrestasiFilter();
|
||||
initCounters();
|
||||
+2692
-38
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user