1401 lines
103 KiB
HTML
1401 lines
103 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="id">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title data-i18n="grp_habisiniseminar_page_title">Group 02 - Tugas Halaman Statis</title>
|
||
|
||
<!-- Fonts & Icons -->
|
||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" />
|
||
|
||
<!-- Chart.js & AOS -->
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.umd.min.js"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
|
||
|
||
<!-- Stylesheet -->
|
||
<link rel="stylesheet" href="./style.css">
|
||
|
||
<!-- Localization -->
|
||
<script src="../../assets/global/localization.js"></script>
|
||
</head>
|
||
<body>
|
||
|
||
<!-- ===========================
|
||
Shell: Nav (template)
|
||
=========================== -->
|
||
<header class="nav">
|
||
<div class="container nav-inner">
|
||
<div class="brand" data-i18n="grp_habisiniseminar_brand">Informatika UNTAN — Penerimaan Mahasiswa Baru</div>
|
||
<div class="nav-lang" role="group" aria-label="Pilih bahasa">
|
||
<button class="nav-lang-btn is-active" id="btn-lang-id"
|
||
onclick="setPageLanguage('id')" aria-label="Bahasa Indonesia">ID</button>
|
||
<span class="nav-lang-sep" aria-hidden="true">|</span>
|
||
<button class="nav-lang-btn" id="btn-lang-en"
|
||
onclick="setPageLanguage('en')" aria-label="English">EN</button>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- ===========================
|
||
Shell: Hero (template)
|
||
=========================== -->
|
||
<section class="hero" style="background: var(--brand-navy);">
|
||
<div class="container hero-inner">
|
||
<span class="badge" data-i18n="grp_habisiniseminar_badge">Halaman Statis</span>
|
||
<h1>
|
||
<span data-i18n="grp_habisiniseminar_hero_title_1">Penerimaan Mahasiswa Baru</span><br>
|
||
<span data-i18n="grp_habisiniseminar_hero_title_2" style="color: var(--brand-yellow);">Informatika UNTAN</span>
|
||
</h1>
|
||
<p class="hero-description" data-i18n="grp_habisiniseminar_hero_description">Informasi dan jadwal pendaftaran mahasiswa baru melalui jalur SNBP, SNBT, dan Jalur Mandiri UNTAN</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ===========================
|
||
Shell: Layout (template)
|
||
=========================== -->
|
||
<main class="container layout layout--full">
|
||
<article>
|
||
<div class="meta">
|
||
<span data-i18n="grp_habisiniseminar_meta_group">Kelompok 02</span>
|
||
<span>2026</span>
|
||
</div>
|
||
|
||
<!-- ================= START: BAGIAN YANG DIEDIT KELOMPOK ================= -->
|
||
<div id="assignment-body" class="article-body">
|
||
|
||
<section id="about" data-aos="fade-up">
|
||
<div class="about-layout">
|
||
<div class="about-text">
|
||
<h1 class="section-title" data-i18n="grp_habisiniseminar_about_title">Seleksi Program Sarjana</h1>
|
||
<div class="section-title-line"></div>
|
||
<p class="section-desc" data-i18n="grp_habisiniseminar_about_desc">Program Studi Informatika Universitas Tanjungpura membuka kesempatan bagi putra-putri terbaik bangsa untuk bergabung melalui berbagai jalur seleksi. Kami mencari talenta yang siap menjadi inovator teknologi masa depan.</p>
|
||
</div>
|
||
<div class="path-cards-slider-wrap">
|
||
<div class="path-cards-grid" id="pathCardsSlider">
|
||
<div class="path-column">
|
||
<div class="path-step-head">
|
||
<span class="path-step-circle" aria-hidden="true">1</span>
|
||
</div>
|
||
<div class="path-card" onclick="switchPath('snbp')">
|
||
<div class="path-card-body">
|
||
<h3>SNBP</h3>
|
||
<p data-i18n="grp_habisiniseminar_path_snbp_desc">Seleksi Nasional Berdasarkan Prestasi</p>
|
||
</div>
|
||
<span class="path-card-badge">Feb – Mar</span>
|
||
</div>
|
||
</div>
|
||
<span class="path-between-arrow" aria-hidden="true">→</span>
|
||
<div class="path-column">
|
||
<div class="path-step-head">
|
||
<span class="path-step-circle" aria-hidden="true">2</span>
|
||
</div>
|
||
<div class="path-card" onclick="switchPath('snbt')">
|
||
<div class="path-card-body">
|
||
<h3>SNBT</h3>
|
||
<p data-i18n="grp_habisiniseminar_path_snbt_desc">Seleksi Nasional Berdasarkan Tes</p>
|
||
</div>
|
||
<span class="path-card-badge" data-i18n="grp_habisiniseminar_month_mar_mei">Mar – Mei</span>
|
||
</div>
|
||
</div>
|
||
<span class="path-between-arrow" aria-hidden="true">→</span>
|
||
<div class="path-column">
|
||
<div class="path-step-head">
|
||
<span class="path-step-circle" aria-hidden="true">3</span>
|
||
</div>
|
||
<div class="path-card" onclick="switchPath('smmptn')">
|
||
<div class="path-card-body">
|
||
<h3>SMMPTN Barat</h3>
|
||
<p data-i18n="grp_habisiniseminar_path_smmptn_desc">Seleksi Mandiri Wilayah Barat</p>
|
||
</div>
|
||
<span class="path-card-badge" data-i18n="grp_habisiniseminar_month_mei_jun">Mei – Juni</span>
|
||
</div>
|
||
</div>
|
||
<span class="path-between-arrow" aria-hidden="true">→</span>
|
||
<div class="path-column">
|
||
<div class="path-step-head">
|
||
<span class="path-step-circle" aria-hidden="true">4</span>
|
||
</div>
|
||
<div class="path-card" onclick="switchPath('mandiri')">
|
||
<div class="path-card-body">
|
||
<h3>Mandiri UNTAN</h3>
|
||
<p data-i18n="grp_habisiniseminar_path_mandiri_desc">Seleksi Mandiri Universitas Tanjungpura</p>
|
||
</div>
|
||
<span class="path-card-badge" data-i18n="grp_habisiniseminar_month_jun">Juni</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="slider-track path-cards-slider-track">
|
||
<div class="slider-thumb" id="thumb-path"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<div id="info-jalur-header">
|
||
<h2 data-i18n="grp_habisiniseminar_info_jalur_title">Informasi Jalur Seleksi</h2>
|
||
<div class="header-divider"></div>
|
||
</div>
|
||
|
||
<div id="main-layout">
|
||
<nav id="sidebar">
|
||
<div class="sidebar-card">
|
||
<div class="sidebar-heading" data-i18n="grp_habisiniseminar_sidebar_heading">Pilih Jalur</div>
|
||
|
||
<div class="sidebar-group" id="group-snbp">
|
||
<button class="sidebar-group-btn active" onclick="toggleGroup('snbp')" id="btn-snbp">
|
||
<span>SNBP</span>
|
||
<i class="fas fa-chevron-up chevron"></i>
|
||
</button>
|
||
<div class="sidebar-sub open" id="sub-snbp">
|
||
<a class="active" data-path="snbp" data-section="general" onclick="goTo('snbp', 'general')" data-i18n="grp_habisiniseminar_sidebar_link_general">Informasi Umum</a>
|
||
<a data-path="snbp" data-section="persyaratan" onclick="goTo('snbp', 'persyaratan')" data-i18n="grp_habisiniseminar_sidebar_link_persyaratan">Persyaratan</a>
|
||
<a data-path="snbp" data-section="mekanisme" onclick="goTo('snbp', 'mekanisme')" data-i18n="grp_habisiniseminar_sidebar_link_mekanisme">Mekanisme</a>
|
||
<a data-path="snbp" data-section="jadwal" onclick="goTo('snbp', 'jadwal')" data-i18n="grp_habisiniseminar_sidebar_link_jadwal">Jadwal</a>
|
||
<a data-path="snbp" data-section="biaya" onclick="goTo('snbp', 'biaya')" data-i18n="grp_habisiniseminar_sidebar_link_biaya">Biaya Pendaftaran & Pendidikan</a>
|
||
<a data-path="snbp" data-section="beasiswa" onclick="goTo('snbp', 'beasiswa')" data-i18n="grp_habisiniseminar_sidebar_link_beasiswa">Beasiswa</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="sidebar-group" id="group-snbt">
|
||
<button class="sidebar-group-btn" onclick="toggleGroup('snbt')" id="btn-snbt">
|
||
<span>SNBT</span>
|
||
<i class="fas fa-chevron-down chevron"></i>
|
||
</button>
|
||
<div class="sidebar-sub" id="sub-snbt">
|
||
<a data-path="snbt" data-section="general" onclick="goTo('snbt', 'general')" data-i18n="grp_habisiniseminar_sidebar_link_general">Informasi Umum</a>
|
||
<a data-path="snbt" data-section="persyaratan" onclick="goTo('snbt', 'persyaratan')" data-i18n="grp_habisiniseminar_sidebar_link_persyaratan">Persyaratan</a>
|
||
<a data-path="snbt" data-section="mekanisme" onclick="goTo('snbt', 'mekanisme')" data-i18n="grp_habisiniseminar_sidebar_link_mekanisme">Mekanisme</a>
|
||
<a data-path="snbt" data-section="jadwal" onclick="goTo('snbt', 'jadwal')" data-i18n="grp_habisiniseminar_sidebar_link_jadwal">Jadwal</a>
|
||
<a data-path="snbt" data-section="biaya" onclick="goTo('snbt', 'biaya')" data-i18n="grp_habisiniseminar_sidebar_link_biaya">Biaya Pendaftaran & Pendidikan</a>
|
||
<a data-path="snbt" data-section="beasiswa" onclick="goTo('snbt', 'beasiswa')" data-i18n="grp_habisiniseminar_sidebar_link_beasiswa">Beasiswa</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="sidebar-group" id="group-smmptn">
|
||
<button class="sidebar-group-btn" onclick="toggleGroup('smmptn')" id="btn-smmptn">
|
||
<span>SMMPTN-Barat</span>
|
||
<i class="fas fa-chevron-down chevron"></i>
|
||
</button>
|
||
<div class="sidebar-sub" id="sub-smmptn">
|
||
<a data-path="smmptn" data-section="general" onclick="goTo('smmptn', 'general')" data-i18n="grp_habisiniseminar_sidebar_link_general">Informasi Umum</a>
|
||
<a data-path="smmptn" data-section="persyaratan" onclick="goTo('smmptn', 'persyaratan')" data-i18n="grp_habisiniseminar_sidebar_link_persyaratan">Persyaratan</a>
|
||
<a data-path="smmptn" data-section="mekanisme" onclick="goTo('smmptn', 'mekanisme')" data-i18n="grp_habisiniseminar_sidebar_link_mekanisme">Mekanisme</a>
|
||
<a data-path="smmptn" data-section="jadwal" onclick="goTo('smmptn', 'jadwal')" data-i18n="grp_habisiniseminar_sidebar_link_jadwal">Jadwal</a>
|
||
<a data-path="smmptn" data-section="biaya" onclick="goTo('smmptn', 'biaya')" data-i18n="grp_habisiniseminar_sidebar_link_biaya">Biaya Pendaftaran & Pendidikan</a>
|
||
<a data-path="smmptn" data-section="beasiswa" onclick="goTo('smmptn', 'beasiswa')" data-i18n="grp_habisiniseminar_sidebar_link_beasiswa">Beasiswa</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="sidebar-group" id="group-mandiri">
|
||
<button class="sidebar-group-btn" onclick="toggleGroup('mandiri')" id="btn-mandiri">
|
||
<span>MANDIRI-UNTAN</span>
|
||
<i class="fas fa-chevron-down chevron"></i>
|
||
</button>
|
||
<div class="sidebar-sub" id="sub-mandiri">
|
||
<a data-path="mandiri" data-section="general" onclick="goTo('mandiri', 'general')" data-i18n="grp_habisiniseminar_sidebar_link_general">Informasi Umum</a>
|
||
<a data-path="mandiri" data-section="persyaratan" onclick="goTo('mandiri', 'persyaratan')" data-i18n="grp_habisiniseminar_sidebar_link_persyaratan">Persyaratan</a>
|
||
<a data-path="mandiri" data-section="mekanisme" onclick="goTo('mandiri', 'mekanisme')" data-i18n="grp_habisiniseminar_sidebar_link_mekanisme">Mekanisme</a>
|
||
<a data-path="mandiri" data-section="jadwal" onclick="goTo('mandiri', 'jadwal')" data-i18n="grp_habisiniseminar_sidebar_link_jadwal">Jadwal</a>
|
||
<a data-path="mandiri" data-section="biaya" onclick="goTo('mandiri', 'biaya')" data-i18n="grp_habisiniseminar_sidebar_link_biaya">Biaya Pendaftaran & Pendidikan</a>
|
||
<a data-path="mandiri" data-section="beasiswa" onclick="goTo('mandiri', 'beasiswa')" data-i18n="grp_habisiniseminar_sidebar_link_beasiswa">Beasiswa</a>
|
||
</div>
|
||
</div>
|
||
|
||
<p class="sidebar-data-note" data-i18n="grp_habisiniseminar_sidebar_data_date">
|
||
<em>*Data yang digunakan per tanggal 25 Mei 2026</em>
|
||
</p>
|
||
</div>
|
||
</nav>
|
||
|
||
<div id="content-area">
|
||
|
||
<!-- ===================== SNBP PANEL ===================== -->
|
||
<div class="path-panel active" id="panel-snbp">
|
||
<div class="content-section" id="snbp-general">
|
||
<h2 class="section-h2">
|
||
<span data-i18n="grp_habisiniseminar_snbp_title">SNBP – Seleksi Nasional Berdasarkan Prestasi</span>
|
||
</h2>
|
||
<p class="info-text" data-i18n="grp_habisiniseminar_info_snbp">Seleksi Nasional Berdasarkan Prestasi (SNBP) merupakan jalur penerimaan mahasiswa baru Perguruan Tinggi Negeri (PTN) yang diselenggarakan secara nasional oleh SNPMB.</p>
|
||
<div class="cta-row">
|
||
<a class="btn-cta btn-yellow" href="https://snpmb.id/" target="_blank"><i class="fas fa-desktop"></i> Website SNPMB</a>
|
||
<a class="btn-cta btn-yellow" href="https://www.instagram.com/snpmb_id/" target="_blank"><i class="fab fa-instagram"></i> Instagram SNPMB</a>
|
||
<a class="btn-cta btn-yellow" href="https://halo.snpmb.id/" target="_blank"><i class="fas fa-info-circle"></i> Helpdesk SNPMB</a>
|
||
</div>
|
||
<div class="chart-card" data-aos="fade-up">
|
||
<h3 data-i18n="grp_habisiniseminar_chart_title">Grafik Peminat dan Daya Tampung per Tahun</h3>
|
||
<canvas id="snbpChart" height="130"></canvas>
|
||
<div class="chart-legend">
|
||
<span style="display: flex; align-items: center; gap: 6px">
|
||
<span class="legend-dot" style="background: var(--brand-navy)"></span>
|
||
<span class="legend-text" data-i18n="grp_habisiniseminar_chart_legend_applicants">Jumlah Peminat</span>
|
||
</span>
|
||
<span style="display: flex; align-items: center; gap: 6px">
|
||
<span class="legend-dot" style="background: var(--brand-yellow)"></span>
|
||
<span class="legend-text" data-i18n="grp_habisiniseminar_chart_legend_capacity">Daya Tampung</span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="content-section" id="snbp-persyaratan">
|
||
<h2 class="section-h2" data-i18n="grp_habisiniseminar_section_persyaratan">Persyaratan</h2>
|
||
<div class="accordion-item">
|
||
<button class="accordion-header open" onclick="toggleAcc(this)">
|
||
<span data-i18n="grp_habisiniseminar_acc_snbp_req_general">Persyaratan Umum Mendaftar SNBP</span>
|
||
<i class="fas fa-chevron-up acc-icon"></i>
|
||
</button>
|
||
<div class="accordion-body open" data-i18n-html="grp_habisiniseminar_snbp_req_general_body">
|
||
<ul class="req-list">
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Merupakan siswa SMA/SMK/MA kelas terakhir pada <strong>periode ini</strong> yang <strong>memiliki prestasi unggul</strong>.</span></li>
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Memiliki NISN dan <strong>terdaftar di PDSS</strong>.</span></li>
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Memiliki <strong>nilai rapor</strong> yang telah diisikan di PDSS sesuai dengan ketentuan.</span></li>
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Memiliki <strong>prestasi akademik</strong>.</span></li>
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Memenuhi persyaratan yang ditentukan oleh masing-masing PTN Akademik dan PTN Vokasi.</span></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<button class="accordion-header" onclick="toggleAcc(this)">
|
||
<span data-i18n="grp_habisiniseminar_acc_snbp_ketentuan">Ketentuan SNPMB</span>
|
||
<i class="fas fa-chevron-down acc-icon"></i>
|
||
</button>
|
||
<div class="accordion-body" data-i18n-html="grp_habisiniseminar_snbp_ketentuan_body">
|
||
<ul class="req-list">
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Siswa yang telah dinyatakan lulus seleksi Jalur SNBP tidak dapat mendaftar UTBK-SNBT.</span></li>
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Siswa yang dinyatakan lulus seleksi Jalur SNBP tidak dapat mendaftar seleksi Jalur Mandiri pada periode yang sama di PTN manapun.</span></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<button class="accordion-header" onclick="toggleAcc(this)">
|
||
<span data-i18n="grp_habisiniseminar_acc_snbp_req_accepted">Persyaratan Umum Diterima SNBP</span>
|
||
<i class="fas fa-chevron-down acc-icon"></i>
|
||
</button>
|
||
<div class="accordion-body" data-i18n-html="grp_habisiniseminar_snbp_req_accepted_body">
|
||
<ul class="req-list">
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta telah lulus dari satuan pendidikan SMA/SMK/MA atau sederajat</span></li>
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta dinyatakan lulus SNBP pada periode ini</span></li>
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta lolos verifikasi data serta memenuhi persyaratan lain yang ditetapkan oleh masing-masing PTN</span></li>
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta melakukan daftar ulang di PTN tempat diterima sesuai dengan ketentuan yang berlaku</span></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="content-section" id="snbp-mekanisme">
|
||
<h2 class="section-h2" data-i18n="grp_habisiniseminar_section_mekanisme">Mekanisme</h2>
|
||
<div data-i18n-html="grp_habisiniseminar_snbp_mekanisme_text">
|
||
<p class="mek-text">Seleksi Nasional Berdasarkan Prestasi (SNBP) di Universitas Tanjungpura mempertimbangkan performa akademik siswa secara menyeluruh melalui nilai rapor, serta pencapaian prestasi sebagai nilai tambah dalam proses seleksi. Komponen yang dinilai meliputi:</p>
|
||
<ul class="mek-check-list">
|
||
<li><span class="req-check" style="margin-top: 2px"><i class="fas fa-check"></i></span><span><strong>Nilai rapor:</strong> rata-rata nilai seluruh mata pelajaran termasuk pada mata pelajaran yang relevan dengan program studi yang dipilih.</span></li>
|
||
<li><span class="req-check" style="margin-top: 2px"><i class="fas fa-check"></i></span><span><strong>Prestasi akademik dan non-akademik:</strong> pencapaian baik di bidang ilmu pengetahuan (seperti olimpiade atau lomba sains) maupun di luar akademik (seperti olahraga, seni, organisasi, dan kegiatan ekstrakurikuler)</span></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="content-section" id="snbp-jadwal">
|
||
<h2 class="section-h2" data-i18n="grp_habisiniseminar_section_jadwal">Jadwal Pendaftaran</h2>
|
||
<div class="timeline-wrap" data-aos="fade-up">
|
||
<div class="timeline-center-line"></div>
|
||
<div class="timeline-row right"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-i18n="grp_habisiniseminar_month_des_jan">Desember – Januari</h4><p data-i18n="grp_habisiniseminar_tl_snbp_1">Pengumuman kuota sekolah dan masa sanggah</p></div></div>
|
||
<div class="timeline-row left"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-i18n="grp_habisiniseminar_month_jan">Januari</h4><p data-i18n="grp_habisiniseminar_tl_snbp_2">Registrasi akun dan pengisian PDSS oleh sekolah</p></div></div>
|
||
<div class="timeline-row right"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-i18n="grp_habisiniseminar_month_jan_feb">Januari – Februari</h4><p data-i18n="grp_habisiniseminar_tl_snbp_3">Registrasi akun SNPMB siswa</p></div></div>
|
||
<div class="timeline-row left"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-i18n="grp_habisiniseminar_month_feb">Februari</h4><p data-i18n="grp_habisiniseminar_tl_snbp_4">Pendaftaran SNBP</p></div></div>
|
||
<div class="timeline-row right"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-i18n="grp_habisiniseminar_month_mar_apr">Maret – April</h4><p data-i18n="grp_habisiniseminar_tl_snbp_5">Pengumuman hasil SNBP</p></div></div>
|
||
<div class="timeline-row left"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-i18n="grp_habisiniseminar_month_feb_apr">Februari – April</h4><p data-i18n="grp_habisiniseminar_tl_snbp_6">Unduh kartu peserta SNBP</p></div></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="content-section" id="snbp-biaya">
|
||
<h2 class="section-h2" data-i18n="grp_habisiniseminar_section_biaya">Biaya Pendaftaran & Pendidikan</h2>
|
||
<div class="biaya-acc-item">
|
||
<button class="biaya-acc-header" onclick="toggleBiayaAcc(this)"><span data-i18n="grp_habisiniseminar_acc_biaya_pendaftaran">Biaya Pendaftaran</span> <i class="fas fa-chevron-up acc-icon"></i></button>
|
||
<div class="biaya-acc-body open">
|
||
<div class="fee-row-zero"><span data-i18n="grp_habisiniseminar_fee_selection">Pembayaran Seleksi</span><span>Rp 0,00</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="biaya-acc-item">
|
||
<button class="biaya-acc-header" onclick="toggleBiayaAcc(this)"><span data-i18n="grp_habisiniseminar_acc_biaya_pendidikan">Biaya Pendidikan</span> <i class="fas fa-chevron-up acc-icon"></i></button>
|
||
<div class="biaya-acc-body open">
|
||
<p class="fee-desc" data-i18n-html="grp_habisiniseminar_snbp_fee_desc">UKT dibagi dalam beberapa kategori yang disesuaikan dengan kemampuan ekonomi orang tua mahasiswa dan <strong>dibayarkan tiap semester</strong>.</p>
|
||
<div class="fee-table-wrap">
|
||
<table class="fee-table">
|
||
<thead><tr><th data-i18n="grp_habisiniseminar_fee_col_group">Golongan UKT</th><th data-i18n="grp_habisiniseminar_fee_col_cost">Biaya (Rp)</th></tr></thead>
|
||
<tbody>
|
||
<tr><td>KLP I</td><td>500.000</td></tr>
|
||
<tr><td>KLP II</td><td>1.000.000</td></tr>
|
||
<tr><td>KLP III</td><td>3.200.000</td></tr>
|
||
<tr><td>KLP IV</td><td>3.300.000</td></tr>
|
||
<tr><td>KLP V</td><td>3.450.000</td></tr>
|
||
<tr><td>KLP VI</td><td>5.000.000</td></tr>
|
||
<tr><td>KLP VII</td><td>6.550.000</td></tr>
|
||
<tr><td>KLP VIII</td><td>8.100.000</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class="fee-highlight" data-i18n="grp_habisiniseminar_fee_highlight_snbp">Mahasiswa yang diterima melalui SNBP dengan menggunakan KIP Kuliah akan diverifikasi dan berpeluang mendapatkan pembebasan UKT sesuai ketentuan KIP Kuliah dan UNTAN.</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="content-section" id="snbp-beasiswa">
|
||
<h2 class="section-h2" data-i18n="grp_habisiniseminar_section_beasiswa">Beasiswa</h2>
|
||
<p class="info-text" data-i18n="grp_habisiniseminar_snbp_beasiswa_desc">Para mahasiswa bisa memperoleh beasiswa dari berbagai sumber dengan mekanisme pengajuan sesuai ketentuan lembaga pemberi beasiswa.</p>
|
||
<div class="scholarship-slider-wrap">
|
||
<div class="scholarship-slider" id="slider-snbp">
|
||
<div class="scholarship-card">
|
||
<div class="scholarship-icon-wrap"><i class="fas fa-id-card" style="color: var(--brand-yellow)"></i></div>
|
||
<h4 data-i18n="grp_habisiniseminar_scholar_kip">Kartu Indonesia Pintar Kuliah</h4>
|
||
<p data-i18n="grp_habisiniseminar_scholar_kip_desc">KIP-Kuliah ditujukan secara eksklusif hanya untuk yang tidak mampu secara ekonomi</p>
|
||
<a class="btn-detail" href="https://kip-kuliah.kemdiktisaintek.go.id/" target="_blank" data-i18n="grp_habisiniseminar_btn_detail">Lihat Detail</a>
|
||
</div>
|
||
<!-- BCA -->
|
||
<div class="scholarship-card">
|
||
<div class="scholarship-icon-wrap"><i class="fas fa-university" style="color: var(--brand-yellow)"></i></div>
|
||
<h4 data-i18n="grp_habisiniseminar_scholar_bca">Beasiswa BCA</h4>
|
||
<p data-i18n="grp_habisiniseminar_scholar_bca_desc">Beasiswa dalam bentuk Program Pendidikan Teknik Informatika (PPTI) yang diselenggarakan oleh BCA.</p>
|
||
<a class="btn-detail" href="https://karir.bca.co.id/beasiswa-bca" target="_blank" data-i18n="grp_habisiniseminar_btn_detail">Lihat Detail</a>
|
||
</div>
|
||
<!-- Djarum -->
|
||
<div class="scholarship-card">
|
||
<div class="scholarship-icon-wrap"><i class="fas fa-star" style="color: var(--brand-yellow)"></i></div>
|
||
<h4 data-i18n="grp_habisiniseminar_scholar_djarum">Djarum Beasiswa Plus</h4>
|
||
<p data-i18n="grp_habisiniseminar_scholar_djarum_desc">Beasiswa pengembangan talenta digital dari Djarum Foundation untuk mahasiswa semester 4 ke atas.</p>
|
||
<a class="btn-detail" href="https://djarumbeasiswaplus.org/" target="_blank" data-i18n="grp_habisiniseminar_btn_detail">Lihat Detail</a>
|
||
</div>
|
||
<!-- GenBI -->
|
||
<div class="scholarship-card">
|
||
<div class="scholarship-icon-wrap"><i class="fas fa-hand-holding-heart" style="color: var(--brand-yellow)"></i></div>
|
||
<h4 data-i18n="grp_habisiniseminar_scholar_genbi">Beasiswa Bank Indonesia</h4>
|
||
<p data-i18n="grp_habisiniseminar_scholar_genbi_desc">Beasiswa dari Bank Indonesia yang memberikan bantuan pendidikan dan pengembangan diri bagi mahasiswa berprestasi.</p>
|
||
<a class="btn-detail" href="https://share.google/OaZZyx5ak6EHKSF8W" target="_blank" data-i18n="grp_habisiniseminar_btn_detail">Lihat Detail</a>
|
||
</div>
|
||
<!-- ADik -->
|
||
<div class="scholarship-card">
|
||
<div class="scholarship-icon-wrap"><i class="fas fa-globe" style="color: var(--brand-yellow)"></i></div>
|
||
<h4 data-i18n="grp_habisiniseminar_scholar_adik">Beasiswa ADik Papua & 3T</h4>
|
||
<p data-i18n="grp_habisiniseminar_scholar_adik_desc">Beasiswa afirmasi untuk mahasiswa asli Papua, Papua Barat, dan daerah 3T (Terdepan, Terluar, Tertinggal).</p>
|
||
<a class="btn-detail" href="https://adik.kemdiktisaintek.go.id/" target="_blank" data-i18n="grp_habisiniseminar_btn_detail">Lihat Detail</a>
|
||
</div>
|
||
</div>
|
||
<div class="slider-track"><div class="slider-thumb" id="thumb-snbp"></div></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ===================== SNBT PANEL ===================== -->
|
||
<div class="path-panel" id="panel-snbt">
|
||
<div class="content-section" id="snbt-general">
|
||
<h2 class="section-h2" data-i18n="grp_habisiniseminar_snbt_title">SNBT – Seleksi Nasional Berdasarkan Tes</h2>
|
||
<p class="info-text" data-i18n="grp_habisiniseminar_info_snbt">Seleksi Nasional Berdasarkan Tes (SNBT) merupakan jalur penerimaan mahasiswa baru di Perguruan Tinggi Negeri (PTN) yang menggunakan ujian terstandar secara nasional.</p>
|
||
<div class="cta-row">
|
||
<a class="btn-cta btn-yellow" href="https://snpmb.id/" target="_blank"><i class="fas fa-desktop"></i> Website SNPMB</a>
|
||
<a class="btn-cta btn-yellow" href="https://www.instagram.com/snpmb_id/" target="_blank"><i class="fab fa-instagram"></i> Instagram SNPMB</a>
|
||
<a class="btn-cta btn-yellow" href="https://halo.snpmb.id/" target="_blank"><i class="fas fa-info-circle"></i> Helpdesk SNPMB</a>
|
||
</div>
|
||
<div class="chart-card" data-aos="fade-up">
|
||
<h3 data-i18n="grp_habisiniseminar_chart_title">Grafik Peminat dan Daya Tampung per Tahun</h3>
|
||
<canvas id="snbtChart" height="130"></canvas>
|
||
<div class="chart-legend">
|
||
<span style="display: flex; align-items: center; gap: 6px">
|
||
<span class="legend-dot" style="background: var(--brand-navy)"></span>
|
||
<span class="legend-text" data-i18n="grp_habisiniseminar_chart_legend_applicants">Jumlah Peminat</span>
|
||
</span>
|
||
<span style="display: flex; align-items: center; gap: 6px">
|
||
<span class="legend-dot" style="background: var(--brand-yellow)"></span>
|
||
<span class="legend-text" data-i18n="grp_habisiniseminar_chart_legend_capacity">Daya Tampung</span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="content-section" id="snbt-persyaratan">
|
||
<h2 class="section-h2" data-i18n="grp_habisiniseminar_section_persyaratan">Persyaratan</h2>
|
||
<div class="accordion-item">
|
||
<button class="accordion-header open" onclick="toggleAcc(this)">
|
||
<span data-i18n="grp_habisiniseminar_acc_snbt_req_general">Persyaratan Umum Mendaftar SNBT</span>
|
||
<i class="fas fa-chevron-up acc-icon"></i>
|
||
</button>
|
||
<div class="accordion-body open" data-i18n-html="grp_habisiniseminar_snbt_req_general_body">
|
||
<ul class="req-list">
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta harus <strong>memiliki Akun SNPMB Siswa</strong>. Registrasi Akun SNPMB Siswa dapat dilakukan di Portal SNPMB</span></li>
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta merupakan <strong>Warga Negara Indonesia (WNI)</strong> yang memiliki <strong>Nomor Induk Kependudukan (NIK)</strong></span></li>
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta adalah siswa SMA/SMK/MA atau sederajat pada <strong>kelas terakhir</strong>, atau peserta didik Paket C dengan usia <strong>maksimal 25 tahun</strong></span></li>
|
||
<li class="req-list-item--nested">
|
||
<span class="req-check"><i class="fas fa-check"></i></span>
|
||
<div class="req-list-content">
|
||
<p class="req-list-text">Bagi siswa yang <strong>belum memiliki ijazah</strong>, wajib melampirkan <strong>surat keterangan sebagai siswa kelas 12</strong> yang sekurang-kurangnya memuat:</p>
|
||
<ul class="req-sublist">
|
||
<li>Identitas diri (nama, kelas, NISN, dan NPSN)</li>
|
||
<li>Pas foto terbaru <strong>(berwarna)</strong></li>
|
||
<li>Tanda tangan Kepala Sekolah/Madrasah</li>
|
||
<li>Stempel/cap sekolah</li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Lulusan SMA/sederajat dari luar negeri wajib memiliki ijazah yang telah disetarakan</span></li>
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Bagi peserta yang memilih program studi bidang <strong>Seni dan/atau Olahraga</strong> wajib mengunggah portofolio</span></li>
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta memiliki kondisi kesehatan yang tidak mengganggu kelancaran proses studi</span></li>
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Bagi peserta berkebutuhan khusus <strong>tunanetra</strong> wajib mengunggah <strong>Surat Pernyataan Tuna Netra</strong></span></li>
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta wajib membayar biaya UTBK sesuai ketentuan</span></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<button class="accordion-header" onclick="toggleAcc(this)">
|
||
<span data-i18n="grp_habisiniseminar_acc_snbt_utbk">Ketentuan SNPMB</span>
|
||
<i class="fas fa-chevron-down acc-icon"></i>
|
||
</button>
|
||
<div class="accordion-body" data-i18n-html="grp_habisiniseminar_snbt_ketentuan_body">
|
||
<ul class="req-list">
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta harus memiliki Akun SNPMB Siswa. Registrasi Akun SNPMB Siswa dapat dilakukan di Portal SNPMB</span></li>
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta merupakan Warga Negara Indonesia (WNI) yang memiliki Nomor Induk Kependudukan (NIK)</span></li>
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta adalah siswa SMA/SMK/MA atau sederajat pada kelas terakhir, atau peserta didik Paket C tahun 2026 dengan usia maksimal 25 tahun</span></li>
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Bagi peserta yang memilih program studi bidang Seni dan/atau Olahraga wajib mengunggah portofolio</span></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<button class="accordion-header" onclick="toggleAcc(this)">
|
||
<span data-i18n="grp_habisiniseminar_acc_snbt_req_prodi">Persyaratan Umum Diterima SNBT</span>
|
||
<i class="fas fa-chevron-down acc-icon"></i>
|
||
</button>
|
||
<div class="accordion-body" data-i18n-html="grp_habisiniseminar_snbt_req_accepted_body">
|
||
<ul class="req-list">
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta telah lulus dari satuan pendidikan SMA/SMK/MA atau sederajat</span></li>
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta dinyatakan lulus seleksi SNBT</span></li>
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta lolos verifikasi data serta memenuhi persyaratan lain yang ditetapkan oleh masing-masing PTN</span></li>
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta melakukan daftar ulang di PTN tempat diterima sesuai dengan ketentuan yang berlaku</span></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="content-section" id="snbt-mekanisme">
|
||
<h2 class="section-h2" data-i18n="grp_habisiniseminar_section_mekanisme">Mekanisme</h2>
|
||
<div data-i18n-html="grp_habisiniseminar_snbt_mekanisme_full">
|
||
<p class="mek-text">Seleksi Nasional Berdasarkan Tes (SNBT) dilaksanakan melalui Ujian Tulis Berbasis Komputer (UTBK), yaitu tes terstandar untuk mengukur potensi kognitif, penalaran matematika, serta kemampuan literasi dalam bahasa Indonesia dan bahasa Inggris. UTBK bertujuan untuk menilai kemampuan berpikir logis, pemecahan masalah, serta kemampuan belajar yang tinggi sehingga dapat memahami materi yang akan diajarkan pada program studi spesifik. Selain itu, diharapkan terbentuknya kesempatan yang sama kepada semua calon mahasiswa dengan latar belakang ekonomi maupun kualitas pembelajaran sekolah asal yang berbeda.</p>
|
||
<ul class="mek-check-list">
|
||
<li class="req-list-item--nested">
|
||
<span class="req-check"><i class="fas fa-check"></i></span>
|
||
<div class="req-list-content">
|
||
<p class="req-list-text"><strong>Tes Potensi Skolastik (TPS)</strong> mengukur kemampuan kognitif yang diperlukan untuk menunjang keberhasilan di pendidikan formal, khususnya di perguruan tinggi. Aspek yang diujikan meliputi:</p>
|
||
<ul class="req-sublist">
|
||
<li><strong>Kemampuan penalaran umum</strong>, mencakup penalaran induktif, deduktif, dan kuantitatif</li>
|
||
<li>Pengetahuan dan pemahaman umum</li>
|
||
<li>Pemahaman bacaan dan menulis</li>
|
||
<li><strong>Pengetahuan Kuantitatif</strong>, mencakup pengetahuan dan penguasaan matematika dasar</li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<li class="req-list-item--nested">
|
||
<span class="req-check"><i class="fas fa-check"></i></span>
|
||
<div class="req-list-content">
|
||
<p class="req-list-text"><strong>Tes literasi</strong> mengukur kemampuan berpikir peserta menggunakan konsep, prosedur, fakta, dan alat matematika untuk menyelesaikan masalah sehari-hari. Materi yang diujikan meliputi:</p>
|
||
<ul class="req-sublist">
|
||
<li>Literasi dalam <strong>Bahasa Indonesia</strong></li>
|
||
<li>Literasi dalam <strong>Bahasa Inggris</strong></li>
|
||
<li><strong>Penalaran Matematika</strong></li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
<p class="mek-text">Penalaran matematika dalam bagian ini bertujuan menilai kemampuan peserta dalam menggunakan konsep dan prosedur matematika untuk menyelesaikan masalah kontekstual, serta mengevaluasi dan merefleksikan informasi yang diperoleh agar dapat digunakan secara efektif dalam kehidupan sehari-hari. Instrumen tes untuk seleksi masuk PTN disusun oleh para ahli di bidang penilaian pendidikan dengan mempertimbangkan aspek teknis pelaksanaan, termasuk alokasi waktu pengerjaan dan tingkat kesulitan soal, sehingga hasil tes dapat mencerminkan kemampuan peserta secara objektif dan terukur.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="content-section" id="snbt-jadwal">
|
||
<h2 class="section-h2" data-i18n="grp_habisiniseminar_section_jadwal">Jadwal Pendaftaran</h2>
|
||
<div class="timeline-wrap" data-aos="fade-up">
|
||
<div class="timeline-center-line"></div>
|
||
<div class="timeline-row right"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-i18n="grp_habisiniseminar_month_jan_apr">Januari – April</h4><p data-i18n="grp_habisiniseminar_tl_snbt_1">Registrasi Akun SNPMB Siswa</p></div></div>
|
||
<div class="timeline-row left"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-i18n="grp_habisiniseminar_month_mar_apr">Maret – April</h4><p data-i18n="grp_habisiniseminar_tl_snbt_2">Pendaftaran SNBT</p></div></div>
|
||
<div class="timeline-row right"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-i18n="grp_habisiniseminar_month_mar_apr">Maret – April</h4><p data-i18n="grp_habisiniseminar_tl_snbt_3">Pembayaran Biaya UTBK</p></div></div>
|
||
<div class="timeline-row left"><div class="timeline-dot"></div><div class="timeline-card""><h4 data-i18n="grp_habisiniseminar_month_apr_mei">April – Mei</h4><p data-i18n="grp_habisiniseminar_tl_snbt_4">Pelaksanaan UTBK</p></div></div>
|
||
<div class="timeline-row right"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-i18n="grp_habisiniseminar_month_mei">Mei</h4><p data-i18n="grp_habisiniseminar_tl_snbt_5">Pengumuman hasil SNBT</p></div></div>
|
||
<div class="timeline-row left"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-i18n="grp_habisiniseminar_month_jun_jul">Juni – Juli</h4><p data-i18n="grp_habisiniseminar_tl_snbt_6">Masa unduh sertifikat UTBK</p></div></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="content-section" id="snbt-biaya">
|
||
<h2 class="section-h2" data-i18n="grp_habisiniseminar_section_biaya">Biaya Pendaftaran & Pendidikan</h2>
|
||
<div class="biaya-acc-item">
|
||
<button class="biaya-acc-header" onclick="toggleBiayaAcc(this)"><span data-i18n="grp_habisiniseminar_acc_biaya_pendaftaran">Biaya Pendaftaran</span> <i class="fas fa-chevron-up acc-icon"></i></button>
|
||
<div class="biaya-acc-body open">
|
||
<div class="fee-row-zero"><span data-i18n="grp_habisiniseminar_fee_snbt_utbk">Biaya UTBK</span><span>Rp 200.000,00</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="biaya-acc-item">
|
||
<button class="biaya-acc-header" onclick="toggleBiayaAcc(this)"><span data-i18n="grp_habisiniseminar_acc_biaya_pendidikan">Biaya Pendidikan</span> <i class="fas fa-chevron-up acc-icon"></i></button>
|
||
<div class="biaya-acc-body open">
|
||
<p class="fee-desc" data-i18n-html="grp_habisiniseminar_fee_desc_ukt">Uang Kuliah Tunggal (UKT) dikenakan kepada seluruh mahasiswa baru Program Diploma dan Sarjana dan <strong>dibayarkan setiap semester</strong>.</p>
|
||
<div class="fee-table-wrap">
|
||
<table class="fee-table">
|
||
<thead><tr><th data-i18n="grp_habisiniseminar_fee_col_group">Golongan UKT</th><th data-i18n="grp_habisiniseminar_fee_col_cost">Biaya (Rp)</th></tr></thead>
|
||
<tbody>
|
||
<tr><td>KLP I</td><td>500.000</td></tr>
|
||
<tr><td>KLP II</td><td>1.000.000</td></tr>
|
||
<tr><td>KLP III</td><td>3.200.000</td></tr>
|
||
<tr><td>KLP IV</td><td>3.300.000</td></tr>
|
||
<tr><td>KLP V</td><td>3.450.000</td></tr>
|
||
<tr><td>KLP VI</td><td>5.000.000</td></tr>
|
||
<tr><td>KLP VII</td><td>6.550.000</td></tr>
|
||
<tr><td>KLP VIII</td><td>8.100.000</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class="fee-highlight" data-i18n="grp_habisiniseminar_fee_highlight_snbt">Mahasiswa yang diterima melalui SNBT dengan menggunakan KIP Kuliah akan diverifikasi dan berpeluang mendapatkan pembebasan UKT sesuai ketentuan KIP Kuliah dan UNTAN.</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="content-section" id="snbt-beasiswa">
|
||
<h2 class="section-h2" data-i18n="grp_habisiniseminar_section_beasiswa">Beasiswa</h2>
|
||
<p class="info-text" data-i18n="grp_habisiniseminar_snbt_beasiswa_desc">Mahasiswa SNBT juga berhak mengajukan berbagai program beasiswa yang tersedia sesuai ketentuan masing-masing penyelenggara.</p>
|
||
<div class="scholarship-slider-wrap">
|
||
<div class="scholarship-slider" id="slider-snbt">
|
||
<div class="scholarship-card">
|
||
<div class="scholarship-icon-wrap"><i class="fas fa-id-card" style="color: var(--brand-yellow)"></i></div>
|
||
<h4 data-i18n="grp_habisiniseminar_scholar_kip">Kartu Indonesia Pintar Kuliah</h4>
|
||
<p data-i18n="grp_habisiniseminar_scholar_kip_desc">KIP-Kuliah ditujukan secara eksklusif hanya untuk yang tidak mampu secara ekonomi</p>
|
||
<a class="btn-detail" href="https://kip-kuliah.kemdiktisaintek.go.id/" target="_blank" data-i18n="grp_habisiniseminar_btn_detail">Lihat Detail</a>
|
||
</div>
|
||
<!-- BCA -->
|
||
<div class="scholarship-card">
|
||
<div class="scholarship-icon-wrap"><i class="fas fa-university" style="color: var(--brand-yellow)"></i></div>
|
||
<h4 data-i18n="grp_habisiniseminar_scholar_bca">Beasiswa BCA</h4>
|
||
<p data-i18n="grp_habisiniseminar_scholar_bca_desc">Beasiswa dalam bentuk Program Pendidikan Teknik Informatika (PPTI) yang diselenggarakan oleh BCA.</p>
|
||
<a class="btn-detail" href="https://karir.bca.co.id/beasiswa-bca" target="_blank" data-i18n="grp_habisiniseminar_btn_detail">Lihat Detail</a>
|
||
</div>
|
||
<!-- Djarum -->
|
||
<div class="scholarship-card">
|
||
<div class="scholarship-icon-wrap"><i class="fas fa-star" style="color: var(--brand-yellow)"></i></div>
|
||
<h4 data-i18n="grp_habisiniseminar_scholar_djarum">Djarum Beasiswa Plus</h4>
|
||
<p data-i18n="grp_habisiniseminar_scholar_djarum_desc">Beasiswa pengembangan talenta digital dari Djarum Foundation untuk mahasiswa semester 4 ke atas.</p>
|
||
<a class="btn-detail" href="https://djarumbeasiswaplus.org/" target="_blank" data-i18n="grp_habisiniseminar_btn_detail">Lihat Detail</a>
|
||
</div>
|
||
<!-- GenBI -->
|
||
<div class="scholarship-card">
|
||
<div class="scholarship-icon-wrap"><i class="fas fa-hand-holding-heart" style="color: var(--brand-yellow)"></i></div>
|
||
<h4 data-i18n="grp_habisiniseminar_scholar_genbi">Beasiswa Bank Indonesia</h4>
|
||
<p data-i18n="grp_habisiniseminar_scholar_genbi_desc">Beasiswa dari Bank Indonesia yang memberikan bantuan pendidikan dan pengembangan diri bagi mahasiswa berprestasi.</p>
|
||
<a class="btn-detail" href="https://share.google/OaZZyx5ak6EHKSF8W" target="_blank" data-i18n="grp_habisiniseminar_btn_detail">Lihat Detail</a>
|
||
</div>
|
||
<!-- ADik -->
|
||
<div class="scholarship-card">
|
||
<div class="scholarship-icon-wrap"><i class="fas fa-globe" style="color: var(--brand-yellow)"></i></div>
|
||
<h4 data-i18n="grp_habisiniseminar_scholar_adik">Beasiswa ADik Papua & 3T</h4>
|
||
<p data-i18n="grp_habisiniseminar_scholar_adik_desc">Beasiswa afirmasi untuk mahasiswa asli Papua, Papua Barat, dan daerah 3T (Terdepan, Terluar, Tertinggal).</p>
|
||
<a class="btn-detail" href="https://adik.kemdiktisaintek.go.id/" target="_blank" data-i18n="grp_habisiniseminar_btn_detail">Lihat Detail</a>
|
||
</div>
|
||
</div>
|
||
<div class="slider-track"><div class="slider-thumb" id="thumb-snbt"></div></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ===================== SMMPTN PANEL ===================== -->
|
||
<div class="path-panel" id="panel-smmptn">
|
||
<div class="content-section" id="smmptn-general">
|
||
<h2 class="section-h2"><span data-i18n="grp_habisiniseminar_smmptn_title">SMMPTN Barat – Seleksi Mandiri Wilayah Barat</span></h2>
|
||
<p class="info-text" data-i18n="grp_habisiniseminar_info_smmptn">Seleksi Mandiri Masuk Perguruan Tinggi Negeri Wilayah Barat (SMMPTN-Barat) merupakan jalur seleksi mandiri yang diselenggarakan secara bersama oleh sejumlah perguruan tinggi negeri di wilayah barat Indonesia.</p>
|
||
<div class="cta-row">
|
||
<a class="btn-cta btn-yellow" href="https://smmptnbarat.id/" target="_blank"><i class="fas fa-desktop"></i> Website SMMPTN</a>
|
||
<a class="btn-cta btn-yellow" href="https://www.instagram.com/smmptnbaratofficial/" target="_blank"><i class="fab fa-instagram"></i> Instagram SMMPTN</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="content-section" id="smmptn-persyaratan">
|
||
<h2 class="section-h2" data-i18n="grp_habisiniseminar_section_persyaratan">Persyaratan</h2>
|
||
<div data-i18n-html="grp_habisiniseminar_smmptn_persyaratan_list">
|
||
<ul class="req-list">
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta merupakan lulusan SMA/SMK/MA atau sederajat dalam <strong>3 tahun terakhir dari periode saat ini</strong> atau memiliki ijazah Paket C dengan usia <strong>maksimal 25 tahun</strong></span></li>
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta dapat memilih <strong>maksimal 2 (dua)</strong> program studi pada satu PTN atau dua PTN yang berbeda, yang tidak harus berada di lokasi UTBK, dengan urutan pilihan menunjukkan prioritas</span></li>
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Ujian dilaksanakan dalam bentuk <strong>Ujian Tulis Berbasis Komputer (UTBK)</strong></span></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="content-section" id="smmptn-mekanisme">
|
||
<h2 class="section-h2" data-i18n="grp_habisiniseminar_section_mekanisme">Mekanisme</h2>
|
||
<div data-i18n-html="grp_habisiniseminar_smmptn_mekanisme_full">
|
||
<p class="mek-text">Mekanisme seleksi SMM PTN-Barat dilaksanakan melalui ujian tertulis berbasis komputer yang dirancang untuk mengukur kemampuan akademik dan kesiapan calon mahasiswa dalam menempuh pendidikan tinggi. Ujian ini menggunakan pendekatan tes terstandar yang berfokus pada kemampuan kognitif, literasi, dan penalaran, sehingga dapat memastikan peserta memiliki kemampuan berpikir kritis, pemecahan masalah, serta kapasitas belajar yang baik. Adapun jenis materi utama dalam ujian ini, sebagai berikut:</p>
|
||
<ul class="mek-check-list">
|
||
<li class="req-list-item--nested">
|
||
<span class="req-check"><i class="fas fa-check"></i></span>
|
||
<div class="req-list-content">
|
||
<p class="req-list-text"><strong>Tes Potensi Skolastik (TPS)</strong> mengukur kemampuan kognitif yang diperlukan untuk menunjang keberhasilan dalam pendidikan formal, khususnya di perguruan tinggi. Aspek yang diujikan meliputi:</p>
|
||
<ul class="req-sublist">
|
||
<li>Kemampuan Penalaran Umum</li>
|
||
<li>Kemampuan Kuantitatif yang mencakup pengetahuan dan penguasaan matematika dasar</li>
|
||
<li>Pengetahuan dan Pemahaman umum</li>
|
||
<li>Kemampuan Bacaan dan Menulis</li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<li><span class="req-check" style="margin-top: 2px"><i class="fas fa-check"></i></span><span><strong>Tes literasi</strong> bertujuan untuk mengukur kemampuan peserta dalam memahami, menggunakan, mengevaluasi, dan merefleksikan berbagai jenis teks guna menyelesaikan permasalahan serta mengembangkan kapasitas individu sebagai warga Indonesia dan warga dunia. Tes ini mencakup literasi dalam Bahasa Indonesia dan literasi dalam Bahasa Inggris.</span></li>
|
||
<li><span class="req-check" style="margin-top: 2px"><i class="fas fa-check"></i></span><span><strong>Penalaran Matematika</strong> mengukur kemampuan berpikir menggunakan konsep, prosedur, fakta, dan alat matematika untuk menyelesaikan masalah sehari-hari pada berbagai jenis konteks yang relevan untuk individu sebagai warga negara Indonesia dan warga negara dunia</span></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="content-section" id="smmptn-jadwal">
|
||
<h2 class="section-h2" data-i18n="grp_habisiniseminar_section_jadwal">Jadwal Pendaftaran</h2>
|
||
<div class="timeline-wrap" data-aos="fade-up">
|
||
<div class="timeline-center-line"></div>
|
||
<div class="timeline-row right"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-i18n="grp_habisiniseminar_month_mei_jun">Mei - Juni</h4><p data-i18n="grp_habisiniseminar_tl_smmptn_1">Pendaftaran online</p></div></div>
|
||
<div class="timeline-row left"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-i18n="grp_habisiniseminar_month_jun">Juni</h4><p data-i18n="grp_habisiniseminar_tl_smmptn_2">Pelaksanaan UTBK SMMPTN</p></div></div>
|
||
<div class="timeline-row right"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-i18n="grp_habisiniseminar_month_jun">Juni</h4><p data-i18n="grp_habisiniseminar_tl_smmptn_3">Pengumuman Hasil Seleksi SMMPTN</p></div></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="content-section" id="smmptn-biaya">
|
||
<h2 class="section-h2" data-i18n="grp_habisiniseminar_section_biaya">Biaya Pendaftaran & Pendidikan</h2>
|
||
<div class="biaya-acc-item">
|
||
<button class="biaya-acc-header" onclick="toggleBiayaAcc(this)"><span data-i18n="grp_habisiniseminar_acc_biaya_pendaftaran">Biaya Pendaftaran</span> <i class="fas fa-chevron-up acc-icon"></i></button>
|
||
<div class="biaya-acc-body open">
|
||
<div class="fee-row-zero"><span data-i18n="grp_habisiniseminar_fee_smmptn">Biaya Ujian SMMPTN</span><span>Rp 375.000,00</span></div>
|
||
<div class="fee-highlight" data-i18n="grp_habisiniseminar_fee_smmptn_payment_note">Biaya pendaftaran dibayarkan pada saat proses pendaftaran secara online melalui bank mitra yang telah ditunjuk yaitu Bank Mandiri, Bank BNI, Bank BTN, dan Bank BSI. Biaya pendaftaran yang telah dibayarkan <strong>TIDAK DAPAT</strong> ditarik kembali dengan alasan apa pun.</div>
|
||
</div>
|
||
</div>
|
||
<div class="biaya-acc-item">
|
||
<button class="biaya-acc-header" onclick="toggleBiayaAcc(this)"><span data-i18n="grp_habisiniseminar_acc_biaya_pendidikan">Biaya Pendidikan</span> <i class="fas fa-chevron-up acc-icon"></i></button>
|
||
<div class="biaya-acc-body open">
|
||
<p class="fee-desc" data-i18n-html="grp_habisiniseminar_fee_desc_ukt">Uang Kuliah Tunggal (UKT) dikenakan kepada seluruh mahasiswa baru Program Diploma dan Sarjana dan <strong>dibayarkan setiap semester</strong>.</p>
|
||
<div class="fee-table-wrap">
|
||
<table class="fee-table">
|
||
<thead><tr><th data-i18n="grp_habisiniseminar_fee_col_group">Golongan UKT</th><th data-i18n="grp_habisiniseminar_fee_col_cost">Biaya (Rp)</th></tr></thead>
|
||
<tbody>
|
||
<tr><td>KLP I</td><td>500.000</td></tr>
|
||
<tr><td>KLP II</td><td>1.000.000</td></tr>
|
||
<tr><td>KLP V</td><td>3.450.000</td></tr>
|
||
<tr><td>KLP VI</td><td>5.000.000</td></tr>
|
||
<tr><td>KLP VII</td><td>6.550.000</td></tr>
|
||
<tr><td>KLP VIII</td><td>8.100.000</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class="fee-highlight" data-i18n="grp_habisiniseminar_fee_highlight_ukt">Besaran UKT terbagi dalam beberapa kelompok yang ditentukan berdasarkan kemampuan ekonomi mahasiswa, orang tua, atau pihak lain yang membiayai mahasiswa.</div>
|
||
</div>
|
||
</div>
|
||
<div class="biaya-acc-item">
|
||
<button class="biaya-acc-header" onclick="toggleBiayaAcc(this)"><span data-i18n="grp_habisiniseminar_acc_biaya_ipi">Iuran Pengembangan Institusi (IPI)</span> <i class="fas fa-chevron-up acc-icon"></i></button>
|
||
<div class="biaya-acc-body open">
|
||
<p class="fee-desc" data-i18n-html="grp_habisiniseminar_fee_ipi_desc">Iuran Pengembangan Institusi (IPI) dikenakan khusus bagi mahasiswa yang <strong>diterima melalui jalur SMM PTN-Barat dan jalur Mandiri</strong>. Pembayaran IPI dilakukan satu kali selama masa studi dan dapat diangsur hingga <strong>empat semester</strong>.</p>
|
||
<div class="fee-table-wrap">
|
||
<table class="fee-table">
|
||
<thead><tr><th data-i18n="grp_habisiniseminar_fee_col_ipi_group">Kelompok IPI</th><th data-i18n="grp_habisiniseminar_fee_col_cost">Biaya (Rp)</th></tr></thead>
|
||
<tbody>
|
||
<tr><td>I</td><td>500.000</td></tr>
|
||
<tr><td>II</td><td>1.000.000</td></tr>
|
||
<tr><td>V</td><td>4.000.000</td></tr>
|
||
<tr><td>VI</td><td>4.000.000</td></tr>
|
||
<tr><td>VII</td><td>4.000.000</td></tr>
|
||
<tr><td>VIII</td><td>4.000.000</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class="fee-highlight" data-i18n="grp_habisiniseminar_fee_ipi_highlight">Mahasiswa yang diterima melalui jalur SNBP dan SNBT tidak dikenakan IPI.</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="content-section" id="smmptn-beasiswa">
|
||
<h2 class="section-h2" data-i18n="grp_habisiniseminar_section_beasiswa">Beasiswa</h2>
|
||
<p class="info-text" data-i18n="grp_habisiniseminar_smmptn_beasiswa_desc">Berbagai beasiswa tersedia bagi mahasiswa yang diterima melalui jalur SMMPTN-Barat, dapat diajukan setelah proses penerimaan selesai.</p>
|
||
<div class="scholarship-slider-wrap">
|
||
<div class="scholarship-slider" id="slider-smmptn">
|
||
<div class="scholarship-card">
|
||
<div class="scholarship-icon-wrap"><i class="fas fa-university" style="color: var(--brand-yellow)"></i></div>
|
||
<h4 data-i18n="grp_habisiniseminar_scholar_bca">Beasiswa BCA</h4>
|
||
<p data-i18n="grp_habisiniseminar_scholar_bca_desc">Beasiswa dalam bentuk Program Pendidikan Teknik Informatika (PPTI) yang diselenggarakan oleh BCA.</p>
|
||
<a class="btn-detail" href="https://karir.bca.co.id/beasiswa-bca" target="_blank" data-i18n="grp_habisiniseminar_btn_detail">Lihat Detail</a>
|
||
</div>
|
||
<!-- Djarum -->
|
||
<div class="scholarship-card">
|
||
<div class="scholarship-icon-wrap"><i class="fas fa-star" style="color: var(--brand-yellow)"></i></div>
|
||
<h4 data-i18n="grp_habisiniseminar_scholar_djarum">Djarum Beasiswa Plus</h4>
|
||
<p data-i18n="grp_habisiniseminar_scholar_djarum_desc">Beasiswa pengembangan talenta digital dari Djarum Foundation untuk mahasiswa semester 4 ke atas.</p>
|
||
<a class="btn-detail" href="https://djarumbeasiswaplus.org/" target="_blank" data-i18n="grp_habisiniseminar_btn_detail">Lihat Detail</a>
|
||
</div>
|
||
<!-- GenBI -->
|
||
<div class="scholarship-card">
|
||
<div class="scholarship-icon-wrap"><i class="fas fa-hand-holding-heart" style="color: var(--brand-yellow)"></i></div>
|
||
<h4 data-i18n="grp_habisiniseminar_scholar_genbi">Beasiswa Bank Indonesia</h4>
|
||
<p data-i18n="grp_habisiniseminar_scholar_genbi_desc">Beasiswa dari Bank Indonesia yang memberikan bantuan pendidikan dan pengembangan diri bagi mahasiswa berprestasi.</p>
|
||
<a class="btn-detail" href="https://share.google/OaZZyx5ak6EHKSF8W" target="_blank" data-i18n="grp_habisiniseminar_btn_detail">Lihat Detail</a>
|
||
</div>
|
||
<!-- ADik -->
|
||
<div class="scholarship-card">
|
||
<div class="scholarship-icon-wrap"><i class="fas fa-globe" style="color: var(--brand-yellow)"></i></div>
|
||
<h4 data-i18n="grp_habisiniseminar_scholar_adik">Beasiswa ADik Papua & 3T</h4>
|
||
<p data-i18n="grp_habisiniseminar_scholar_adik_desc">Beasiswa afirmasi untuk mahasiswa asli Papua, Papua Barat, dan daerah 3T (Terdepan, Terluar, Tertinggal).</p>
|
||
<a class="btn-detail" href="https://adik.kemdiktisaintek.go.id/" target="_blank" data-i18n="grp_habisiniseminar_btn_detail">Lihat Detail</a>
|
||
</div>
|
||
</div>
|
||
<div class="slider-track"><div class="slider-thumb" id="thumb-smmptn"></div></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ===================== MANDIRI PANEL ===================== -->
|
||
<div class="path-panel" id="panel-mandiri">
|
||
<div class="content-section" id="mandiri-general">
|
||
<h2 class="section-h2"><span data-i18n="grp_habisiniseminar_mandiri_title">Mandiri UNTAN – Seleksi Mandiri Universitas Tanjungpura</span></h2>
|
||
<p class="info-text" data-i18n="grp_habisiniseminar_info_mandiri">Seleksi Mandiri UNTAN merupakan jalur penerimaan mahasiswa baru yang diselenggarakan secara langsung oleh Universitas Tanjungpura.</p>
|
||
<div class="cta-row">
|
||
<a class="btn-cta btn-yellow" href="https://scmb.untan.ac.id/" target="_blank"><i class="fas fa-desktop"></i> Website UNTAN</a>
|
||
<a class="btn-cta btn-yellow" href="https://www.instagram.com/univtanjungpura/" target="_blank"><i class="fab fa-instagram"></i> Instagram UNTAN</a>
|
||
<a class="btn-cta btn-yellow" href="http://helpdesk.untan.ac.id/" target="_blank"><i class="fas fa-info-circle"></i> Helpdesk UNTAN</a>
|
||
</div>
|
||
<div class="chart-card" data-aos="fade-up">
|
||
<h3 data-i18n="grp_habisiniseminar_chart_title">Grafik Peminat dan Daya Tampung per Tahun</h3>
|
||
<canvas id="mandiriChart" height="130"></canvas>
|
||
<div class="chart-legend">
|
||
<span style="display: flex; align-items: center; gap: 6px">
|
||
<span class="legend-dot" style="background: var(--brand-navy)"></span>
|
||
<span class="legend-text" data-i18n="grp_habisiniseminar_chart_legend_applicants">Jumlah Peminat</span>
|
||
</span>
|
||
<span style="display: flex; align-items: center; gap: 6px">
|
||
<span class="legend-dot" style="background: var(--brand-yellow)"></span>
|
||
<span class="legend-text" data-i18n="grp_habisiniseminar_chart_legend_capacity">Daya Tampung</span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="content-section" id="mandiri-persyaratan">
|
||
<h2 class="section-h2" data-i18n="grp_habisiniseminar_section_persyaratan">Persyaratan</h2>
|
||
<div data-i18n-html="grp_habisiniseminar_mandiri_persyaratan_list">
|
||
<ul class="req-list">
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta merupakan lulusan SMA/SMK/MA atau sederajat dalam <strong>3 tahun terakhir dari periode saat ini</strong> atau memiliki ijazah Paket C dengan usia maksimal 25 tahun</span></li>
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span><strong>Kelas Pagi dan Internasional</strong> terbuka untuk lulusan tiga tahun terakhir.</span></li>
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span><strong>Kelas Sore dan Malam</strong> tidak dibatasi tahun kelulusan dan usia lulusan Paket C.</span></li>
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta memiliki kondisi kesehatan yang memadai untuk mengikuti proses pembelajaran di perguruan tinggi.</span></li>
|
||
<li><span class="req-check"><i class="fas fa-check"></i></span><span>Sejumlah program studi, seperti Kedokteran dan Pendidikan Jasmani, memiliki persyaratan khusus seperti tidak buta warna yang harus dibuktikan dengan surat keterangan dari dokter spesialis atau pemerintah.</span></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="content-section" id="mandiri-mekanisme">
|
||
<h2 class="section-h2" data-i18n="grp_habisiniseminar_section_mekanisme">Mekanisme</h2>
|
||
<div data-i18n-html="grp_habisiniseminar_mandiri_mekanisme_full">
|
||
<p class="mek-text">Penerimaan mahasiswa baru Program Diploma dan Sarjana melalui jalur Seleksi Mandiri UNTAN didasarkan pada hasil Ujian Tulis Berbasis Komputer (UTBK) dan/atau tes tambahan sesuai dengan program studi yang dipilih. Berikut adalah rincian ujian dan tes tambahan yang dilakukan:</p>
|
||
<ul class="mek-check-list">
|
||
<li class="req-list-item--nested">
|
||
<span class="req-check"><i class="fas fa-check"></i></span>
|
||
<div class="req-list-content">
|
||
<p class="req-list-text"><strong>Ujian Tulis Berbasis Komputer (UTBK)</strong> yang memuat materi berikut:</p>
|
||
<ul class="req-sublist">
|
||
<li>Penalaran verbal</li>
|
||
<li>Kemampuan Kuantitatif</li>
|
||
<li>Pemecahan masalah</li>
|
||
<li>Literasi Bahasa Indonesia</li>
|
||
<li>Literasi Bahasa Inggris</li>
|
||
<li>Numerasi</li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<li class="req-list-item--nested">
|
||
<span class="req-check"><i class="fas fa-check"></i></span>
|
||
<div class="req-list-content">
|
||
<p class="req-list-text"><strong>Tes Tambahan:</strong></p>
|
||
<ul class="req-sublist">
|
||
<li>Ujian keterampilan untuk Program Studi Pendidikan Seni Pertunjukan, Pendidikan Jasmani, dan Pendidikan Kepelatihan Olahraga (PKO).</li>
|
||
<li>Tes keterampilan Program Studi Pendidikan Seni Pertunjukan meliputi tes pengetahuan dan keterampilan bidang Ilmu Seni terkait.</li>
|
||
<li>Tes keterampilan Program Studi Pendidikan Jasmani dan Pendidikan Kepelatihan Olahraga (PKO) meliputi pemeriksaan kesehatan dan tes keterampilan motorik.</li>
|
||
<li>Tes psikologi dan wawancara khusus bagi calon mahasiswa Program Studi Kedokteran</li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
<p class="mek-text">Peserta yang <strong>tidak hadir</strong> pada saat UTBK dan/atau Tes Tambahan <strong>dianggap mengundurkan diri</strong> dari proses seleksi Jalur Mandiri UNTAN. Peserta jalur afirmasi dan/atau jalur prestasi dan penelusuran bakat dilakukan verifikasi melalui wawancara.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="content-section" id="mandiri-jadwal">
|
||
<h2 class="section-h2" data-i18n="grp_habisiniseminar_section_jadwal">Jadwal Pendaftaran</h2>
|
||
<div class="timeline-wrap" data-aos="fade-up">
|
||
<div class="timeline-center-line"></div>
|
||
<div class="timeline-row right"><div class="timeline-dot"></div><div class="timeline-card" ><h4 data-i18n="grp_habisiniseminar_month_jun">Juni</h4><p data-i18n="grp_habisiniseminar_tl_mandiri_1">Pendaftaran Seleksi Mandiri UNTAN</p></div></div>
|
||
<div class="timeline-row left"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-i18n="grp_habisiniseminar_month_jun">Juni</h4><p data-i18n="grp_habisiniseminar_tl_mandiri_2">Pembuatan PIN</p></div></div>
|
||
<div class="timeline-row right"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-i18n="grp_habisiniseminar_month_jul">Juli</h4><p data-i18n="grp_habisiniseminar_tl_mandiri_3">Pelaksanaan UTBK Jalur Seleksi Mandiri</p></div></div>
|
||
<div class="timeline-row left"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-i18n="grp_habisiniseminar_month_jul">Juli</h4><p data-i18n="grp_habisiniseminar_tl_mandiri_4">Pelaksanaan Tes Tambahan</p></div></div>
|
||
<div class="timeline-row right"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-i18n="grp_habisiniseminar_month_jul">Juli</h4><p data-i18n="grp_habisiniseminar_tl_mandiri_5">Wawancara Kategori Jalur Afirmasi, Prestasi, dan Penelusuran Bakat</p></div></div>
|
||
<div class="timeline-row left"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-i18n="grp_habisiniseminar_month_jul">Juli</h4><p data-i18n="grp_habisiniseminar_tl_mandiri_6">Pengumuman Hasil Seleksi Mandiri</p></div></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="content-section" id="mandiri-biaya">
|
||
<h2 class="section-h2" data-i18n="grp_habisiniseminar_section_biaya">Biaya Pendaftaran & Pendidikan</h2>
|
||
<div class="biaya-acc-item">
|
||
<button class="biaya-acc-header" onclick="toggleBiayaAcc(this)"><span data-i18n="grp_habisiniseminar_acc_biaya_pendaftaran">Biaya Pendaftaran</span> <i class="fas fa-chevron-up acc-icon"></i></button>
|
||
<div class="biaya-acc-body open">
|
||
<ul class="fee-line-list">
|
||
<li class="fee-line-item"><span class="fee-line-label" data-i18n="grp_habisiniseminar_fee_mandiri_utbk">Biaya Ujian Tulis Berbasis Komputer (UTBK) Jalur Mandiri</span><span class="fee-line-amount">Rp 300.000,00</span></li>
|
||
<li class="fee-line-item"><span class="fee-line-label" data-i18n="grp_habisiniseminar_fee_mandiri_keterampilan">Biaya Tambahan Ujian Keterampilan (Program Studi Pendidikan Seni Pertunjukan, Pendidikan Jasmani, dan Pendidikan Kepelatihan Olahraga (PKO))</span><span class="fee-line-amount">Rp 300.000,00</span></li>
|
||
<li class="fee-line-item"><span class="fee-line-label" data-i18n="grp_habisiniseminar_fee_mandiri_wawancara">Biaya Tambahan Wawancara (Program Studi Kedokteran)</span><span class="fee-line-amount">Rp 150.000,00</span></li>
|
||
<li class="fee-line-item"><span class="fee-line-label" data-i18n="grp_habisiniseminar_fee_mandiri_psikologi">Biaya Tambahan Tes Psikologi (Program Studi Kedokteran)</span><span class="fee-line-amount">Rp 400.000,00</span></li>
|
||
</ul>
|
||
<div class="fee-highlight" data-i18n="grp_habisiniseminar_fee_mandiri_payment_note">Seluruh biaya dibayarkan melalui host to host atau teller Bank Kalbar. Penting untuk dicatat bahwa biaya yang sudah dibayarkan tidak dapat diubah atau ditarik kembali dengan alasan apapun.</div>
|
||
</div>
|
||
</div>
|
||
<div class="biaya-acc-item">
|
||
<button class="biaya-acc-header" onclick="toggleBiayaAcc(this)"><span data-i18n="grp_habisiniseminar_acc_biaya_pendidikan">Biaya Pendidikan</span> <i class="fas fa-chevron-up acc-icon"></i></button>
|
||
<div class="biaya-acc-body open">
|
||
<p class="fee-desc" data-i18n-html="grp_habisiniseminar_fee_desc_ukt">Uang Kuliah Tunggal (UKT) dikenakan kepada seluruh mahasiswa baru Program Diploma dan Sarjana dan <strong>dibayarkan setiap semester</strong>.</p>
|
||
<div class="fee-table-wrap">
|
||
<table class="fee-table">
|
||
<thead><tr><th data-i18n="grp_habisiniseminar_fee_col_group">Golongan UKT</th><th data-i18n="grp_habisiniseminar_fee_col_cost">Biaya (Rp)</th></tr></thead>
|
||
<tbody>
|
||
<tr><td>KLP I</td><td>500.000</td></tr>
|
||
<tr><td>KLP II</td><td>1.000.000</td></tr>
|
||
<tr><td>KLP V</td><td>3.450.000</td></tr>
|
||
<tr><td>KLP VI</td><td>5.000.000</td></tr>
|
||
<tr><td>KLP VII</td><td>6.550.000</td></tr>
|
||
<tr><td>KLP VIII</td><td>8.100.000</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class="fee-highlight" data-i18n="grp_habisiniseminar_fee_highlight_ukt">Besaran UKT terbagi dalam beberapa kelompok yang ditentukan berdasarkan kemampuan ekonomi mahasiswa, orang tua, atau pihak lain yang membiayai mahasiswa.</div>
|
||
</div>
|
||
</div>
|
||
<div class="biaya-acc-item">
|
||
<button class="biaya-acc-header" onclick="toggleBiayaAcc(this)"><span data-i18n="grp_habisiniseminar_acc_biaya_ipi">Iuran Pengembangan Institusi (IPI)</span> <i class="fas fa-chevron-up acc-icon"></i></button>
|
||
<div class="biaya-acc-body open">
|
||
<p class="fee-desc" data-i18n-html="grp_habisiniseminar_fee_ipi_desc">Iuran Pengembangan Institusi (IPI) dikenakan khusus bagi mahasiswa yang <strong>diterima melalui jalur SMM PTN-Barat dan jalur Mandiri</strong>. Pembayaran IPI dilakukan satu kali selama masa studi dan dapat diangsur hingga <strong>empat semester</strong>.</p>
|
||
<div class="fee-table-wrap">
|
||
<table class="fee-table">
|
||
<thead><tr><th data-i18n="grp_habisiniseminar_fee_col_ipi_group">Kelompok IPI</th><th data-i18n="grp_habisiniseminar_fee_col_cost">Biaya (Rp)</th></tr></thead>
|
||
<tbody>
|
||
<tr><td>I</td><td>500.000</td></tr>
|
||
<tr><td>II</td><td>1.000.000</td></tr>
|
||
<tr><td>V</td><td>4.000.000</td></tr>
|
||
<tr><td>VI</td><td>4.000.000</td></tr>
|
||
<tr><td>VII</td><td>4.000.000</td></tr>
|
||
<tr><td>VIII</td><td>4.000.000</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class="fee-highlight" data-i18n="grp_habisiniseminar_fee_ipi_highlight">Mahasiswa yang diterima melalui jalur SNBP dan SNBT tidak dikenakan IPI.</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="content-section" id="mandiri-beasiswa">
|
||
<h2 class="section-h2" data-i18n="grp_habisiniseminar_section_beasiswa">Beasiswa</h2>
|
||
<p class="info-text" data-i18n="grp_habisiniseminar_mandiri_beasiswa_desc">Mahasiswa jalur Mandiri UNTAN dapat mengakses berbagai program beasiswa yang tersedia sesuai kriteria dan mekanisme pengajuan masing-masing penyelenggara.</p>
|
||
<div class="scholarship-slider-wrap">
|
||
<div class="scholarship-slider" id="slider-mandiri">
|
||
<div class="scholarship-card">
|
||
<div class="scholarship-icon-wrap"><i class="fas fa-university" style="color: var(--brand-yellow)"></i></div>
|
||
<h4 data-i18n="grp_habisiniseminar_scholar_bca">Beasiswa BCA</h4>
|
||
<p data-i18n="grp_habisiniseminar_scholar_bca_desc">Beasiswa dalam bentuk Program Pendidikan Teknik Informatika (PPTI) yang diselenggarakan oleh BCA.</p>
|
||
<a class="btn-detail" href="https://karir.bca.co.id/beasiswa-bca" target="_blank" data-i18n="grp_habisiniseminar_btn_detail">Lihat Detail</a>
|
||
</div>
|
||
<!-- Djarum -->
|
||
<div class="scholarship-card">
|
||
<div class="scholarship-icon-wrap"><i class="fas fa-star" style="color: var(--brand-yellow)"></i></div>
|
||
<h4 data-i18n="grp_habisiniseminar_scholar_djarum">Djarum Beasiswa Plus</h4>
|
||
<p data-i18n="grp_habisiniseminar_scholar_djarum_desc">Beasiswa pengembangan talenta digital dari Djarum Foundation untuk mahasiswa semester 4 ke atas.</p>
|
||
<a class="btn-detail" href="https://djarumbeasiswaplus.org/" target="_blank" data-i18n="grp_habisiniseminar_btn_detail">Lihat Detail</a>
|
||
</div>
|
||
<!-- GenBI -->
|
||
<div class="scholarship-card">
|
||
<div class="scholarship-icon-wrap"><i class="fas fa-hand-holding-heart" style="color: var(--brand-yellow)"></i></div>
|
||
<h4 data-i18n="grp_habisiniseminar_scholar_genbi">Beasiswa Bank Indonesia</h4>
|
||
<p data-i18n="grp_habisiniseminar_scholar_genbi_desc">Beasiswa dari Bank Indonesia yang memberikan bantuan pendidikan dan pengembangan diri bagi mahasiswa berprestasi.</p>
|
||
<a class="btn-detail" href="https://share.google/OaZZyx5ak6EHKSF8W" target="_blank" data-i18n="grp_habisiniseminar_btn_detail">Lihat Detail</a>
|
||
</div>
|
||
<!-- ADik -->
|
||
<div class="scholarship-card">
|
||
<div class="scholarship-icon-wrap"><i class="fas fa-globe" style="color: var(--brand-yellow)"></i></div>
|
||
<h4 data-i18n="grp_habisiniseminar_scholar_adik">Beasiswa ADik Papua & 3T</h4>
|
||
<p data-i18n="grp_habisiniseminar_scholar_adik_desc">Beasiswa afirmasi untuk mahasiswa asli Papua, Papua Barat, dan daerah 3T (Terdepan, Terluar, Tertinggal).</p>
|
||
<a class="btn-detail" href="https://adik.kemdiktisaintek.go.id/" target="_blank" data-i18n="grp_habisiniseminar_btn_detail">Lihat Detail</a>
|
||
</div>
|
||
</div>
|
||
<div class="slider-track"><div class="slider-thumb" id="thumb-mandiri"></div></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<section id="faq-section">
|
||
<h2 data-i18n="grp_habisiniseminar_faq_title">Pertanyaan Umum tentang Penerimaan Mahasiswa Baru</h2>
|
||
<p class="faq-sub" data-i18n="grp_habisiniseminar_faq_sub">Temukan jawaban atas pertanyaan Anda</p>
|
||
<div class="faq-list">
|
||
<div class="faq-item" data-aos="fade-up">
|
||
<button class="faq-header open" onclick="toggleFaq(this)"><span data-i18n="grp_habisiniseminar_faq_q1">Bagaimana cara mengetahui hasil seleksi?</span><i class="fas fa-chevron-up faq-icon"></i></button>
|
||
<div class="faq-body open" data-i18n="grp_habisiniseminar_faq_a1">Hasil seleksi diumumkan secara online melalui portal resmi sesuai jadwal yang telah ditentukan.</div>
|
||
</div>
|
||
<div class="faq-item" data-aos="fade-up">
|
||
<button class="faq-header" onclick="toggleFaq(this)"><span data-i18n="grp_habisiniseminar_faq_q2">Apa konsekuensi jika tidak melakukan registrasi ulang atau pembayaran tepat waktu?</span><i class="fas fa-chevron-down faq-icon"></i></button>
|
||
<div class="faq-body" data-i18n="grp_habisiniseminar_faq_a2">Keterlambatan registrasi atau pembayaran dapat menyebabkan status kelulusan dibatalkan atau dianggap mengundurkan diri.</div>
|
||
</div>
|
||
<div class="faq-item" data-aos="fade-up">
|
||
<button class="faq-header" onclick="toggleFaq(this)"><span data-i18n="grp_habisiniseminar_faq_q3">Apa yang harus dilakukan setelah dinyatakan lulus seleksi?</span><i class="fas fa-chevron-down faq-icon"></i></button>
|
||
<div class="faq-body" data-i18n="grp_habisiniseminar_faq_a3">Calon mahasiswa wajib melakukan registrasi ulang dan memenuhi seluruh persyaratan administrasi sesuai ketentuan. Informasi lebih lanjut dapat diakses melalui website atau media sosial resmi Informatika UNTAN.</div>
|
||
</div>
|
||
<div class="faq-item" data-aos="fade-up">
|
||
<button class="faq-header" onclick="toggleFaq(this)"><span data-i18n="grp_habisiniseminar_faq_q4">Berapa pilihan peminatan yang tersedia pada program studi ini?</span><i class="fas fa-chevron-down faq-icon"></i></button>
|
||
<div class="faq-body" data-i18n="grp_habisiniseminar_faq_a4">Program studi ini menyediakan 4 peminatan, yaitu Kecerdasan Buatan (AI), Rekayasa Perangkat Lunak, Jaringan & Keamanan, serta Sistem Informasi.</div>
|
||
</div>
|
||
<div class="faq-item" data-aos="fade-up">
|
||
<button class="faq-header" onclick="toggleFaq(this)"><span data-i18n="grp_habisiniseminar_faq_q5">Apakah mahasiswa akan mendapatkan pengalaman praktik atau proyek selama kuliah?</span><i class="fas fa-chevron-down faq-icon"></i></button>
|
||
<div class="faq-body" data-i18n="grp_habisiniseminar_faq_a5">Ya, mahasiswa akan mengikuti berbagai praktikum, tugas proyek, serta kerja kelompok yang dirancang untuk meningkatkan keterampilan teknis dan pemecahan masalah secara nyata.</div>
|
||
</div>
|
||
<div class="faq-item" data-aos="fade-up">
|
||
<button class="faq-header" onclick="toggleFaq(this)"><span data-i18n="grp_habisiniseminar_faq_q6">Bagaimana suasana dan kehidupan kampus di Informatika UNTAN?</span><i class="fas fa-chevron-down faq-icon"></i></button>
|
||
<div class="faq-body" data-i18n-html="grp_habisiniseminar_faq_a6">Lingkungan kampus mendukung kegiatan akademik dan non-akademik, dengan berbagai organisasi mahasiswa dan komunitas teknologi.</div>
|
||
</div>
|
||
<div class="faq-item" data-aos="fade-up">
|
||
<button class="faq-header" onclick="toggleFaq(this)"><span data-i18n="grp_habisiniseminar_faq_q7">Apakah lulusan Informatika UNTAN memiliki peluang kerja yang baik?</span><i class="fas fa-chevron-down faq-icon"></i></button>
|
||
<div class="faq-body" data-i18n="grp_habisiniseminar_faq_a7">Lulusan memiliki peluang kerja yang luas di berbagai bidang seperti pengembangan perangkat lunak, analisis data, keamanan jaringan, hingga kewirausahaan di bidang teknologi.</div>
|
||
</div>
|
||
<div class="faq-item" data-aos="fade-up">
|
||
<button class="faq-header" onclick="toggleFaq(this)"><span data-i18n="grp_habisiniseminar_faq_q8">Apakah mahasiswa Informatika UNTAN dapat mengikuti lomba atau kompetisi?</span><i class="fas fa-chevron-down faq-icon"></i></button>
|
||
<div class="faq-body" data-i18n-html="grp_habisiniseminar_faq_a8">Ya, mahasiswa didorong untuk berpartisipasi dalam berbagai lomba dan kompetisi di bidang teknologi, baik tingkat lokal, nasional, maupun internasional.</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
</div>
|
||
<!-- ================= END: BAGIAN YANG DIEDIT KELOMPOK ================= -->
|
||
</article>
|
||
|
||
</main>
|
||
|
||
<!-- ===========================
|
||
Shell: Footer (template)
|
||
=========================== -->
|
||
<footer class="footer">
|
||
<div class="container footer-inner">
|
||
<img src="../../assets/global/logo.png" alt="Logo UNTAN" class="footer-logo">
|
||
<p>© Informatika UNTAN — Group 02</p>
|
||
</div>
|
||
<img src="../../assets/global/footer.png" alt="Footer ornament" class="footer-ornament">
|
||
</footer>
|
||
|
||
<script>
|
||
// ============================================================================
|
||
// Constants
|
||
// ============================================================================
|
||
const SELECTION_PATH_IDS = ['snbp', 'snbt', 'smmptn', 'mandiri'];
|
||
const CONTENT_SECTION_KEYS = ['general', 'persyaratan', 'mekanisme', 'jadwal', 'biaya', 'beasiswa'];
|
||
const ADMISSION_CHART_DATA = {
|
||
snbpChart: { applicants: [803, 741, 799], capacity: [25, 25, 30] },
|
||
snbtChart: { applicants: [961, 898, 978], capacity: [45, 45, 76] },
|
||
mandiriChart: { applicants: [573, 367, 397], capacity: [31, 31, 48] },
|
||
};
|
||
const CHART_YEAR_LABELS = ['2023', '2024', '2025'];
|
||
const SLIDER_MIN_THUMB_PERCENT = 20;
|
||
const SCROLL_TO_PATH_HEADER_OFFSET_PX = 20;
|
||
const SCROLL_TO_SECTION_DELAY_MS = 50;
|
||
const SLIDER_INIT_DELAY_MS = 100;
|
||
const ICON_CLASSES = {
|
||
chevronUp: 'fas fa-chevron-up',
|
||
chevronDown: 'fas fa-chevron-down',
|
||
chevronUpAccordion: 'fas fa-chevron-up acc-icon',
|
||
chevronDownAccordion: 'fas fa-chevron-down acc-icon',
|
||
chevronUpFaq: 'fas fa-chevron-up faq-icon',
|
||
chevronDownFaq: 'fas fa-chevron-down faq-icon',
|
||
sidebarChevronUp: 'fas fa-chevron-up chevron',
|
||
sidebarChevronDown: 'fas fa-chevron-down chevron',
|
||
};
|
||
|
||
// ============================================================================
|
||
// Application state
|
||
// ============================================================================
|
||
let activePathId = 'snbp';
|
||
const initializedSliderKeys = new Set();
|
||
|
||
// ============================================================================
|
||
// DOM helpers
|
||
// ============================================================================
|
||
function findElement(elementId) { return document.getElementById(elementId); }
|
||
function findAll(selector, rootElement) { return (rootElement || document).querySelectorAll(selector); }
|
||
function hasOpenClass(element) { return element.classList.contains('open'); }
|
||
function buildPathElementId(pathId, suffix) { return pathId + '-' + suffix; }
|
||
|
||
// ============================================================================
|
||
// Layout
|
||
// ============================================================================
|
||
function syncHeaderHeightVariable() {
|
||
const headerElement = findElement('site-header');
|
||
if (!headerElement) return;
|
||
document.documentElement.style.setProperty('--header-h', headerElement.offsetHeight + 'px');
|
||
}
|
||
|
||
// ============================================================================
|
||
// Sidebar groups
|
||
// ============================================================================
|
||
function setSidebarGroupExpanded(pathId, shouldExpand) {
|
||
const toggleButton = findElement('btn-' + pathId);
|
||
const submenu = findElement('sub-' + pathId);
|
||
const chevron = toggleButton.querySelector('.chevron');
|
||
toggleButton.classList.toggle('active', shouldExpand);
|
||
submenu.classList.toggle('open', shouldExpand);
|
||
chevron.className = shouldExpand ? ICON_CLASSES.sidebarChevronUp : ICON_CLASSES.sidebarChevronDown;
|
||
}
|
||
function collapseSidebarGroup(pathId) { setSidebarGroupExpanded(pathId, false); }
|
||
function expandSidebarGroup(pathId) { setSidebarGroupExpanded(pathId, true); }
|
||
function toggleGroup(targetPathId) {
|
||
const targetSubmenu = findElement('sub-' + targetPathId);
|
||
const isTargetAlreadyOpen = hasOpenClass(targetSubmenu);
|
||
SELECTION_PATH_IDS.forEach(function (pathId) {
|
||
if (pathId === targetPathId) { setSidebarGroupExpanded(pathId, !isTargetAlreadyOpen); return; }
|
||
collapseSidebarGroup(pathId);
|
||
});
|
||
}
|
||
|
||
// ============================================================================
|
||
// Accordion
|
||
// ============================================================================
|
||
function setAccordionChevron(iconElement, isExpanded, iconSet) {
|
||
iconElement.className = isExpanded ? iconSet.expanded : iconSet.collapsed;
|
||
}
|
||
function collapseAccordionHeader(headerElement, iconSet) {
|
||
headerElement.classList.remove('open');
|
||
headerElement.nextElementSibling.classList.remove('open');
|
||
setAccordionChevron(headerElement.querySelector(iconSet.selector), false, iconSet);
|
||
}
|
||
function expandAccordionHeader(headerElement, iconSet) {
|
||
headerElement.classList.add('open');
|
||
headerElement.nextElementSibling.classList.add('open');
|
||
setAccordionChevron(headerElement.querySelector(iconSet.selector), true, iconSet);
|
||
}
|
||
const REQUIREMENTS_ACCORDION_ICONS = { selector: '.acc-icon', expanded: ICON_CLASSES.chevronUpAccordion, collapsed: ICON_CLASSES.chevronDownAccordion };
|
||
const FAQ_ACCORDION_ICONS = { selector: '.faq-icon', expanded: ICON_CLASSES.chevronUpFaq, collapsed: ICON_CLASSES.chevronDownFaq };
|
||
|
||
function toggleExclusiveAccordion(clickedHeader) {
|
||
const isCurrentlyOpen = hasOpenClass(clickedHeader);
|
||
if (isCurrentlyOpen) {
|
||
collapseAccordionHeader(clickedHeader, REQUIREMENTS_ACCORDION_ICONS);
|
||
} else {
|
||
expandAccordionHeader(clickedHeader, REQUIREMENTS_ACCORDION_ICONS);
|
||
}
|
||
}
|
||
function toggleIndependentFeeAccordion(clickedHeader) {
|
||
const bodyElement = clickedHeader.nextElementSibling;
|
||
const iconElement = clickedHeader.querySelector('.acc-icon');
|
||
const shouldExpand = !hasOpenClass(bodyElement);
|
||
bodyElement.classList.toggle('open', shouldExpand);
|
||
setAccordionChevron(iconElement, shouldExpand, REQUIREMENTS_ACCORDION_ICONS);
|
||
}
|
||
function toggleFaqItem(clickedHeader) {
|
||
const bodyElement = clickedHeader.nextElementSibling;
|
||
const iconElement = clickedHeader.querySelector('.faq-icon');
|
||
const shouldExpand = !hasOpenClass(clickedHeader);
|
||
clickedHeader.classList.toggle('open', shouldExpand);
|
||
bodyElement.classList.toggle('open', shouldExpand);
|
||
setAccordionChevron(iconElement, shouldExpand, FAQ_ACCORDION_ICONS);
|
||
}
|
||
|
||
// ============================================================================
|
||
// Horizontal slider
|
||
// ============================================================================
|
||
function getThumbWidthPercent(sliderElement) {
|
||
const visibleRatio = sliderElement.clientWidth / sliderElement.scrollWidth;
|
||
return Math.max(SLIDER_MIN_THUMB_PERCENT, visibleRatio * 100);
|
||
}
|
||
function getHorizontalScrollProgress(sliderElement) {
|
||
const maxScrollLeft = sliderElement.scrollWidth - sliderElement.clientWidth;
|
||
if (maxScrollLeft <= 0) return 0;
|
||
return sliderElement.scrollLeft / maxScrollLeft;
|
||
}
|
||
function syncSliderThumbPosition(sliderElement, thumbElement) {
|
||
const thumbWidthPercent = getThumbWidthPercent(sliderElement);
|
||
const scrollProgress = getHorizontalScrollProgress(sliderElement);
|
||
thumbElement.style.width = thumbWidthPercent + '%';
|
||
thumbElement.style.marginLeft = scrollProgress * (100 - thumbWidthPercent) + '%';
|
||
}
|
||
function getScrollRatioFromClientX(clientX, trackElement) {
|
||
const trackRect = trackElement.getBoundingClientRect();
|
||
return Math.max(0, Math.min(1, (clientX - trackRect.left) / trackRect.width));
|
||
}
|
||
function scrollSliderToClientX(clientX, sliderElement, trackElement) {
|
||
const scrollRatio = getScrollRatioFromClientX(clientX, trackElement);
|
||
const maxScrollLeft = sliderElement.scrollWidth - sliderElement.clientWidth;
|
||
sliderElement.scrollTo({ left: scrollRatio * maxScrollLeft, behavior: 'smooth' });
|
||
}
|
||
function bindSliderDragWithMouse(sliderElement) {
|
||
let isDragging = false, dragStartX = 0, dragStartScrollLeft = 0;
|
||
sliderElement.addEventListener('mousedown', function (mouseEvent) {
|
||
if (mouseEvent.button !== 0) return;
|
||
if (mouseEvent.target.closest('a')) return;
|
||
isDragging = true; dragStartX = mouseEvent.pageX; dragStartScrollLeft = sliderElement.scrollLeft;
|
||
sliderElement.classList.add('dragging'); sliderElement.style.scrollBehavior = 'auto';
|
||
});
|
||
document.addEventListener('mouseup', function () {
|
||
if (!isDragging) return; isDragging = false; sliderElement.style.scrollBehavior = 'smooth';
|
||
setTimeout(function () { sliderElement.classList.remove('dragging'); }, 50);
|
||
});
|
||
document.addEventListener('mousemove', function (mouseEvent) {
|
||
if (!isDragging) return; mouseEvent.preventDefault();
|
||
sliderElement.scrollLeft = dragStartScrollLeft - (mouseEvent.pageX - dragStartX);
|
||
});
|
||
}
|
||
function bindSliderDragWithTouch(sliderElement) {
|
||
let touchStartX = 0, touchStartScrollLeft = 0;
|
||
sliderElement.addEventListener('touchstart', function (touchEvent) {
|
||
touchStartX = touchEvent.touches[0].clientX; touchStartScrollLeft = sliderElement.scrollLeft;
|
||
sliderElement.classList.add('dragging');
|
||
}, { passive: true });
|
||
sliderElement.addEventListener('touchmove', function (touchEvent) {
|
||
sliderElement.scrollLeft = touchStartScrollLeft + (touchStartX - touchEvent.touches[0].clientX);
|
||
}, { passive: true });
|
||
sliderElement.addEventListener('touchend', function () { sliderElement.classList.remove('dragging'); }, { passive: true });
|
||
}
|
||
function bindThumbDragHandlers(thumbElement, sliderElement, trackElement) {
|
||
function startDrag(getClientX) {
|
||
return function onDragStart(pointerEvent) {
|
||
pointerEvent.preventDefault(); pointerEvent.stopPropagation();
|
||
thumbElement.classList.add('dragging');
|
||
function onDragMove(moveEvent) { scrollSliderToClientX(getClientX(moveEvent), sliderElement, trackElement); }
|
||
function onDragEnd() {
|
||
thumbElement.classList.remove('dragging');
|
||
document.removeEventListener('mousemove', onDragMove); document.removeEventListener('mouseup', onDragEnd);
|
||
document.removeEventListener('touchmove', onDragMove); document.removeEventListener('touchend', onDragEnd);
|
||
}
|
||
document.addEventListener('mousemove', onDragMove); document.addEventListener('mouseup', onDragEnd);
|
||
document.addEventListener('touchmove', onDragMove, { passive: true }); document.addEventListener('touchend', onDragEnd);
|
||
};
|
||
}
|
||
thumbElement.addEventListener('mousedown', startDrag(function (e) { return e.clientX; }));
|
||
thumbElement.addEventListener('touchstart', startDrag(function (e) { return e.touches[0].clientX; }), { passive: false });
|
||
}
|
||
function bindTrackClickToScroll(trackElement, thumbElement, sliderElement) {
|
||
trackElement.addEventListener('click', function (clickEvent) {
|
||
if (clickEvent.target === thumbElement) return;
|
||
scrollSliderToClientX(clickEvent.clientX, sliderElement, trackElement);
|
||
});
|
||
}
|
||
function initializeHorizontalSlider(sliderId, thumbId) {
|
||
const sliderElement = findElement(sliderId);
|
||
const thumbElement = findElement(thumbId);
|
||
if (!sliderElement || !thumbElement) return;
|
||
const trackElement = thumbElement.parentElement;
|
||
sliderElement.addEventListener('scroll', function () { syncSliderThumbPosition(sliderElement, thumbElement); }, { passive: true });
|
||
syncSliderThumbPosition(sliderElement, thumbElement);
|
||
bindSliderDragWithMouse(sliderElement);
|
||
bindSliderDragWithTouch(sliderElement);
|
||
bindThumbDragHandlers(thumbElement, sliderElement, trackElement);
|
||
bindTrackClickToScroll(trackElement, thumbElement, sliderElement);
|
||
}
|
||
function initializeScholarshipSliderWhenNeeded(pathId) {
|
||
const sliderKey = 'slider-' + pathId;
|
||
if (initializedSliderKeys.has(sliderKey)) return;
|
||
initializeHorizontalSlider(sliderKey, 'thumb-' + pathId);
|
||
initializedSliderKeys.add(sliderKey);
|
||
}
|
||
|
||
// ============================================================================
|
||
// Path navigation
|
||
// ============================================================================
|
||
function clearSidebarLinkHighlights() {
|
||
findAll('.sidebar-direct-links a').forEach(function (linkElement) { linkElement.classList.remove('active'); });
|
||
}
|
||
function deactivateAllPathPanels() {
|
||
SELECTION_PATH_IDS.forEach(function (pathId) {
|
||
findElement('panel-' + pathId).classList.remove('active');
|
||
findAll('a', findElement('sub-' + pathId)).forEach(function (linkElement) { linkElement.classList.remove('active'); });
|
||
clearSidebarLinkHighlights();
|
||
collapseSidebarGroup(pathId);
|
||
});
|
||
}
|
||
function activatePathPanel(pathId) {
|
||
findElement('panel-' + pathId).classList.add('active');
|
||
expandSidebarGroup(pathId);
|
||
const firstSidebarLink = findElement('sub-' + pathId).querySelector('a');
|
||
if (firstSidebarLink) firstSidebarLink.classList.add('active');
|
||
setTimeout(function () { initializeScholarshipSliderWhenNeeded(pathId); }, SLIDER_INIT_DELAY_MS);
|
||
}
|
||
function scrollToPathSelectionHeader() {
|
||
const headerElement = findElement('info-jalur-header');
|
||
window.scrollTo({ top: headerElement.offsetTop - SCROLL_TO_PATH_HEADER_OFFSET_PX, behavior: 'smooth' });
|
||
}
|
||
function switchPath(pathId) {
|
||
if (activePathId === pathId) return;
|
||
activePathId = pathId;
|
||
localStorage.setItem('selectedPath', pathId);
|
||
deactivateAllPathPanels();
|
||
activatePathPanel(pathId);
|
||
scrollToPathSelectionHeader();
|
||
}
|
||
function syncSidebarLinkForSection(pathId, sectionId) {
|
||
findAll('a', findElement('sub-' + pathId)).forEach(function (linkElement) {
|
||
linkElement.classList.toggle('active', linkElement.dataset.path === pathId && linkElement.dataset.section === sectionId);
|
||
});
|
||
}
|
||
function scrollToPathContentSection(pathId, sectionId) {
|
||
const sectionElement = findElement(buildPathElementId(pathId, sectionId));
|
||
if (!sectionElement) return;
|
||
setTimeout(function () { sectionElement.scrollIntoView({ behavior: 'smooth', block: 'start' }); }, SCROLL_TO_SECTION_DELAY_MS);
|
||
}
|
||
function goTo(pathId, sectionId) {
|
||
if (activePathId !== pathId) switchPath(pathId);
|
||
syncSidebarLinkForSection(pathId, sectionId);
|
||
scrollToPathContentSection(pathId, sectionId);
|
||
}
|
||
|
||
// ============================================================================
|
||
// Admission charts
|
||
// ============================================================================
|
||
function buildBarDataset(label, values, color) {
|
||
return { label: label, data: values, backgroundColor: color, borderRadius: 5, barPercentage: 0.45, categoryPercentage: 0.6 };
|
||
}
|
||
const CHART_LABEL_COLORS = { applicants: '#003150', capacity: '#003150' };
|
||
function getChartYearLabels(chartData) { return CHART_YEAR_LABELS.slice(0, chartData.applicants.length); }
|
||
function getChartYAxisMax(chartData) {
|
||
const peakValue = Math.max(...chartData.applicants, ...chartData.capacity);
|
||
return Math.ceil((peakValue * 1.15) / 100) * 100;
|
||
}
|
||
function getChartYAxisStepSize(axisMax) {
|
||
if (axisMax <= 200) return 50;
|
||
if (axisMax <= 500) return 100;
|
||
return 250;
|
||
}
|
||
const BAR_VALUE_LABEL_PLUGIN = {
|
||
id: 'barValueLabels',
|
||
afterDatasetsDraw: function (chartInstance) {
|
||
const canvasContext = chartInstance.ctx;
|
||
chartInstance.data.datasets.forEach(function (dataset, datasetIndex) {
|
||
const labelColor = datasetIndex === 0 ? CHART_LABEL_COLORS.applicants : CHART_LABEL_COLORS.capacity;
|
||
chartInstance.getDatasetMeta(datasetIndex).data.forEach(function (barElement, barIndex) {
|
||
const barValue = dataset.data[barIndex];
|
||
if (barValue == null || barValue === 'x') return;
|
||
canvasContext.save();
|
||
canvasContext.fillStyle = labelColor;
|
||
canvasContext.font = 'bold 11px Plus Jakarta Sans, sans-serif';
|
||
canvasContext.textAlign = 'center';
|
||
canvasContext.textBaseline = 'bottom';
|
||
canvasContext.fillText(String(barValue), barElement.x, barElement.y - 5);
|
||
canvasContext.restore();
|
||
});
|
||
});
|
||
},
|
||
};
|
||
function buildAdmissionChartOptions(chartData) {
|
||
const yAxisMax = getChartYAxisMax(chartData);
|
||
return {
|
||
responsive: true,
|
||
layout: { padding: { top: 22 } },
|
||
plugins: { legend: { display: false }, tooltip: { callbacks: { label: function (tooltipItem) { return ' ' + tooltipItem.dataset.label + ': ' + tooltipItem.parsed.y; } } } },
|
||
scales: {
|
||
y: { beginAtZero: true, max: yAxisMax, ticks: { stepSize: getChartYAxisStepSize(yAxisMax), color: '#888', font: { size: 11 } }, grid: { color: '#f0f0f0' } },
|
||
x: { grid: { display: false }, ticks: { color: '#666', font: { size: 12 } } },
|
||
},
|
||
};
|
||
}
|
||
function renderAdmissionChart(canvasId, chartData) {
|
||
const canvasElement = findElement(canvasId);
|
||
if (!canvasElement) return;
|
||
const yearLabels = getChartYearLabels(chartData);
|
||
const applicantsLabel = 'Jumlah Peminat';
|
||
const capacityLabel = 'Daya Tampung';
|
||
new Chart(canvasElement.getContext('2d'), {
|
||
type: 'bar',
|
||
data: { labels: yearLabels, datasets: [buildBarDataset(applicantsLabel, chartData.applicants, '#003150'), buildBarDataset(capacityLabel, chartData.capacity, '#FDB913')] },
|
||
options: buildAdmissionChartOptions(chartData),
|
||
});
|
||
}
|
||
function renderAllAdmissionCharts() {
|
||
Chart.register(BAR_VALUE_LABEL_PLUGIN);
|
||
Object.entries(ADMISSION_CHART_DATA).forEach(function (entry) { renderAdmissionChart(entry[0], entry[1]); });
|
||
}
|
||
|
||
// ============================================================================
|
||
// Scroll observer — highlight sidebar saat section masuk viewport
|
||
// ============================================================================
|
||
function parseSectionElementId(sectionElementId) {
|
||
const idParts = sectionElementId.split('-');
|
||
return { pathId: idParts[0], sectionId: idParts.slice(1).join('-') };
|
||
}
|
||
function syncSidebarLinkFromSectionId(sectionElementId) {
|
||
const { pathId, sectionId } = parseSectionElementId(sectionElementId);
|
||
if (pathId !== activePathId) return;
|
||
findAll('a', findElement('sub-' + pathId)).forEach(function (linkElement) {
|
||
linkElement.classList.toggle('active', linkElement.dataset.section === sectionId);
|
||
});
|
||
}
|
||
function registerSectionScrollObserver() {
|
||
const observer = new IntersectionObserver(function (entries) {
|
||
entries.forEach(function (entry) { if (entry.isIntersecting) { syncSidebarLinkFromSectionId(entry.target.id); } });
|
||
}, { rootMargin: '-30% 0px -60% 0px', threshold: 0 });
|
||
SELECTION_PATH_IDS.forEach(function (pathId) {
|
||
CONTENT_SECTION_KEYS.forEach(function (sectionId) {
|
||
const sectionElement = findElement(buildPathElementId(pathId, sectionId));
|
||
if (sectionElement) observer.observe(sectionElement);
|
||
});
|
||
});
|
||
}
|
||
|
||
// ============================================================================
|
||
// Public API
|
||
// ============================================================================
|
||
function exposePublicHandlers() {
|
||
window.setPageLanguage = setLang;
|
||
window.toggleGroup = toggleGroup;
|
||
window.switchPath = switchPath;
|
||
window.goTo = goTo;
|
||
window.toggleAcc = toggleExclusiveAccordion;
|
||
window.toggleBiayaAcc = toggleIndependentFeeAccordion;
|
||
window.toggleFaq = toggleFaqItem;
|
||
}
|
||
|
||
// ============================================================================
|
||
// Simpan state jalur aktif ke localStorage
|
||
// ============================================================================
|
||
function restoreLastSelectedPath() {
|
||
const savedPath = localStorage.getItem('selectedPath');
|
||
if (savedPath && SELECTION_PATH_IDS.includes(savedPath)) {
|
||
activePathId = savedPath;
|
||
deactivateAllPathPanels();
|
||
activatePathPanel(savedPath);
|
||
setTimeout(function() {
|
||
const headerElement = findElement('info-jalur-header');
|
||
if (headerElement) {
|
||
headerElement.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
||
}
|
||
}, 100);
|
||
} else {
|
||
activePathId = 'snbp';
|
||
deactivateAllPathPanels();
|
||
activatePathPanel('snbp');
|
||
}
|
||
}
|
||
|
||
// ============================================================================
|
||
// Bootstrap
|
||
// ============================================================================
|
||
function bootstrapApplication() {
|
||
exposePublicHandlers();
|
||
syncHeaderHeightVariable();
|
||
window.addEventListener('resize', syncHeaderHeightVariable);
|
||
renderAllAdmissionCharts();
|
||
registerSectionScrollObserver();
|
||
initializeHorizontalSlider('pathCardsSlider', 'thumb-path');
|
||
restoreLastSelectedPath();
|
||
|
||
// Update tombol ID/EN saat bahasa berganti
|
||
document.addEventListener('languageChanged', function(e) {
|
||
const isIndonesian = e.detail.lang === 'id';
|
||
findElement('btn-lang-id').classList.toggle('is-active', isIndonesian);
|
||
findElement('btn-lang-en').classList.toggle('is-active', !isIndonesian);
|
||
});
|
||
|
||
initializeScholarshipSliderWhenNeeded(activePathId);
|
||
AOS.init({ once: true, duration: 600, offset: 60 });
|
||
}
|
||
|
||
bootstrapApplication();
|
||
</script>
|
||
|
||
</body>
|
||
</html> |