.post-body table td {border: none; padding: 15px; text-align: center; }
.post-body table th {border: none; padding: 15px; text-align: center; background-color: #007bff; }
.post-body table {border: none;}
.post-body table thead th {color: white; text-align:center;}
.widget .post-body li {padding-left:15px; padding-top: 10px;}
.input, select, button {margin: 0px;}
.post-body h1, .post-body h2 {color:white;}

/* Reset dan variabel CSS */
.ba-article {
–primary-color: #2c3e50;
–secondary-color: #3498db;
–accent-color: #e74c3c;
–light-color: #f8f9fa;
–dark-color: #343a40;
–text-color: #333;
–border-radius: 8px;
–box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
–transition: all 0.3s ease;

font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: var(–text-color);
max-width: 900px;
margin: 0 auto;
padding: 20px;
background-color: white;
}

/* Typography */
.ba-article h1 {
font-size: 2.5rem;
color: var(–primary-color);
margin-bottom: 1.5rem;
border-bottom: 2px solid var(–secondary-color);
padding-bottom: 0.5rem;
}

.ba-article h2 {
font-size: 1.8rem;
color: var(–primary-color);
margin: 2rem 0 1rem;
padding-left: 10px;
border-left: 4px solid var(–secondary-color);
}

.ba-article h3 {
font-size: 1.4rem;
color: var(–dark-color);
margin: 1.5rem 0 0.8rem;
}

.ba-article p {
margin-bottom: 1.2rem;
}

/* Komponen khusus */
.ba-meta-description {
background-color: var(–light-color);
padding: 15px;
border-radius: var(–border-radius);
border-left: 4px solid var(–secondary-color);
margin-bottom: 2rem;
font-style: italic;
}

.ba-section {
margin-bottom: 2.5rem;
}

.ba-highlight-box {
background-color: #e8f4fc;
border-radius: var(–border-radius);
padding: 20px;
margin: 1.5rem 0;
box-shadow: var(–box-shadow);
border-left: 4px solid var(–secondary-color);
}

.ba-list {
padding-left: 20px;
margin-bottom: 1.5rem;
}

.ba-list li {
margin-bottom: 0.8rem;
position: relative;
}

.ba-list li:before {
content: “•”;
color: var(–secondary-color);
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}

.ba-career-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 20px;
margin: 1.5rem 0;
}

.ba-career-card {
background-color: white;
border-radius: var(–border-radius);
padding: 15px;
box-shadow: var(–box-shadow);
transition: var(–transition);
border-top: 3px solid var(–secondary-color);
}

.ba-career-card:hover {
transform: translateY(-5px);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.ba-career-card h4 {
color: var(–primary-color);
margin-top: 0;
margin-bottom: 10px;
}

.ba-faq-item {
margin-bottom: 1.5rem;
border-bottom: 1px solid #eee;
padding-bottom: 1.5rem;
}

.ba-faq-question {
font-weight: bold;
color: var(–primary-color);
margin-bottom: 0.5rem;
cursor: pointer;
display: flex;
align-items: center;
}

.ba-faq-question:after {
content: “+”;
margin-left: auto;
font-weight: normal;
font-size: 1.2rem;
}

.ba-faq-answer {
display: none;
padding-top: 0.5rem;

}

.ba-faq-item.active .ba-faq-question:after {
content: “-“;
}

.ba-faq-item.active .ba-faq-answer {
display: block;
}

.ba-conclusion {
background-color: var(–light-color);
padding: 25px;
border-radius: var(–border-radius);
text-align: center;
margin-top: 2rem;
border: 1px solid #ddd;
}

.ba-conclusion p:last-child {
font-weight: bold;
color: black;
margin-bottom: 0;
}

/* Responsif */
@media (max-width: 768px) {
.ba-article {
padding: 15px;
}

.ba-article h1 {
font-size: 2rem;
}

.ba-article h2 {
font-size: 1.5rem;
}

.ba-career-grid {
grid-template-columns: 1fr;
}
}

* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
}

body {
background-color: #f5f7fa;
color: #333;
padding: 20px;
}

.app {
max-width: 1200px;
margin: 0 auto;
}

.app__header {
text-align: center;
margin-bottom: 30px;
padding: 20px;
background: linear-gradient(135deg, #2c3e50, #4a6491);
color: white;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.app__title {
font-size: 2.5rem;
margin-bottom: 10px;
}

.app__description {
font-size: 1.1rem;
max-width: 800px;
margin: 0 auto;
line-height: 1.6;
}

.highlight {
background-color: #ffeb3b;
color: #333;
padding: 2px 6px;
border-radius: 4px;
font-weight: bold;
}

.controls {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
flex-wrap: wrap;
gap: 15px;
}

.search {
flex: 1;
min-width: 300px;
}

.search__input {
width: 100%;
padding: 12px 15px;
border: 1px solid #ddd;
border-radius: 8px;
font-size: 1rem;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.filters {
display: flex;
gap: 15px;
flex-wrap: wrap;
}

.filter {
padding: 12px 15px;
border: 1px solid #ddd;
border-radius: 8px;
background-color: white;
font-size: 1rem;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.table-container {
background-color: white;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
overflow-x: auto;
}

.courses {
width: 100%;
border-collapse: collapse;
min-width: 800px;
}

.courses__header, .courses__data {
padding: 16px 20px;
text-align: left;
border-bottom: 1px solid #eee;
}

.courses__header {
background-color: #4a6491;
color: white;
font-weight: 600;
cursor: pointer;
}

.courses__header:hover {
background-color: #3a547e;
}

.courses__row:nth-child(even) {
background-color: #f9fafb;
}

.courses__row:hover {
background-color: #f1f5f9;
}

.courses__col–logo {
width: 80px;
}

.courses__logo {
width: 50px;
height: 50px;
object-fit: contain;
border-radius: 5px;
background-color: #f5f7fa;
padding: 5px;
}

.actions {
justify-content: center;
display: flex;
gap: 8px;
}

.btn–whatsapp {
padding: 10px 15px;
background-color: #25D366;
color: white;
border: none;
border-radius: 6px;
cursor: pointer;
font-weight: 600;
display: flex;
align-items: center;
gap: 8px;
transition: background-color 0.2s;
text-decoration: none;
font-size: 14px;
}

.btn–whatsapp:hover {
background-color: #128C7E;
}

.btn–apply {
padding: 10px 15px;
background-color: #4a6491;
color: white;
border: none;
border-radius: 6px;
cursor: pointer;
font-weight: 600;
display: flex;
align-items: center;
gap: 8px;
transition: background-color 0.2s;
text-decoration: none;
font-size: 14px;
}

.btn–apply:hover {
background-color: #3a547e;
}

.pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
margin-top: 20px;
flex-wrap: wrap;
}

.pagination__btn {
padding: 10px 18px;
background-color: white;
border: 1px solid #ddd;
border-radius: 6px;
cursor: pointer;
font-weight: 600;
transition: all 0.2s;
}

.pagination__btn:hover:not(:disabled) {
background-color: #4a6491;
color: white;
border-color: #4a6491;
}

.pagination__btn–active {
background-color: #4a6491;
color: white;
border-color: #4a6491;
}

.pagination__btn:disabled {
opacity: 0.5;
cursor: not-allowed;
}

.pagination__pages {
display: flex;
gap: 8px;
}

.state–loading {
text-align: center;
padding: 40px;
font-size: 1.2rem;
color: #666;
}

.state–error {
text-align: center;
padding: 40px;
color: #e74c3c;
font-size: 1.1rem;
}

.state–empty {
text-align: center;
padding: 40px;
color: #7f8c8d;
font-size: 1.1rem;
}

/* Modal styles */
.modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.7);
display: flex;
justify-content: center;
align-items: center;
z-index: 1000;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}

.modal–visible {
opacity: 1;
visibility: visible;
}

.modal__content {
background-color: white;
width: 90%;
max-width: 600px;
border-radius: 10px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
overflow: hidden;
max-height: 90vh;
overflow-y: auto;
}

.modal__header {
padding: 20px;
background: linear-gradient(135deg, #2c3e50, #4a6491);
color: white;
display: flex;
justify-content: space-between;
align-items: center;
}

.modal__title {
font-size: 1.5rem;
font-weight: 600;
}

.btn–close {
background: none;
border: none;
color: white;
font-size: 1.5rem;
cursor: pointer;
}

.modal__body {
padding: 20px;
}

.info {
margin-bottom: 15px;
}

.info__title {
font-size: 16px;
margin-bottom: 8px;
color: #4a6491;
display: flex;
align-items: center;
}

.info__title i {
margin-right: 10px;
}

.info__content {
font-size: 14px;
color: #333;
line-height: 1.6;
padding-left: 30px;
}

.links {
display: flex;
gap: 10px;
margin: 25px 0;
flex-wrap: wrap;
}

.link {
flex: 1;
min-width: 120px;
padding: 10px;
border-radius: 8px;
background-color: rgba(72, 149, 239, 0.1);
color: #4a6491;
text-align: center;
text-decoration: none;
font-weight: 500;
font-size: 14px;
transition: all 0.2s;
display: flex;
align-items: center;
justify-content: center;
}

.link i {
margin-right: 8px;
}

.link:hover {
background-color: #4a6491;
color: white;
transform: translateY(-2px);
}

.btn–expand {
width: 100%;
padding: 12px 20px;
background-color: #4a6491;
color: white;
border: none;
border-radius: 8px;
font-weight: 500;
cursor: pointer;
transition: all 0.2s;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px;
}

.btn–expand:hover {
background-color: #3a547e;
}

.btn–expand i {
transition: all 0.2s;
}

.btn–expand.active i {
transform: rotate(180deg);
}

.expandable {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
}

.expandable–visible {
max-height: 1000px;
}

.form {
margin-top: 20px;
padding: 20px;
background-color: rgba(0, 0, 0, 0.02);
border-radius: 8px;
}

.form__group {
margin-bottom: 15px;
}

.form__label {
display: block;
margin-bottom: 8px;
font-size: 14px;
font-weight: 500;
color: #333;
}

.form__input {
width: 100%;
padding: 10px 15px;
border: 1px solid #ddd;
border-radius: 8px;
font-size: 14px;
transition: all 0.2s;
background-color: white;
color: #333;
}

.form__input:focus {
outline: none;
border-color: #4a6491;
box-shadow: 0 0 0 3px rgba(74, 100, 145, 0.2);
}

.form__input–readonly {
background-color: rgba(0, 0, 0, 0.05);
color: #333;
}

.btn–submit {
width: 100%;
padding: 12px;
background-color: #4caf50;
color: white;
border: none;
border-radius: 8px;
font-weight: 500;
cursor: pointer;
transition: all 0.2s;
margin-top: 10px;
}

.btn–submit:hover {
background-color: #3d8b40;
}

@media (max-width: 768px) {
.controls {
flex-direction: column;
}

.search, .filters {
width: 100%;
}

.filter {
flex: 1;
}

.courses__header, .courses__data {
padding: 12px 15px;
}

.actions {
flex-direction: column;
}

.btn–whatsapp, .btn–apply {
font-size: 12px;
padding: 8px 12px;
}

.links {
flex-direction: column;
}

.link {
width: 100%;
}
}

.rp-container {
max-width: 1400px; /* Diperlebar untuk layar besar */
margin: 0 auto;
padding: 20px;
}

.rp-header {
text-align: center;
margin-bottom: 40px;
}

.rp-main-title {
font-size: 2.5rem;
font-weight: 600;
color: var(–rp-dark);
margin-bottom: 10px;
position: relative;
display: inline-block;

}

.rp-subtitle {
color: var(–rp-gray);
font-size: 1.1rem;
max-width: 600px;
margin: 20px auto 0;
line-height: 1.6;
}

.rp-cards-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); /* Responsif penuh */
gap: 30px;
}

.rp-card {
background: #fff;
border-radius: 16px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
display: flex;
flex-direction: column;
overflow: hidden;
transition: var(–rp-transition);
transform: translateY(0);
position: relative;
height: 100%; /* Tinggi penuh */
}

.rp-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 40px rgba(67, 97, 238, 0.15);
}

.rp-card::before {
content: ”;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5px;
background: linear-gradient(90deg, var(–rp-primary), var(–rp-accent));
opacity: 0;
transition: var(–rp-transition);
}

.rp-card:hover::before {
opacity: 1;
}

.rp-card-img-container {
overflow: hidden;
position: relative;
height: 220px; /* Lebih tinggi */
}

.rp-card-img {
width: 100%;
height: 180%;
object-fit: cover;
transition: var(–rp-transition);
}

.rp-card:hover .rp-card-img {
transform: scale(1.05);
}

.rp-card-content {
padding: 25px;
flex: 1;
display: flex;
flex-direction: column;
}

.rp-card-title {
font-size: 1rem; /* Sedikit lebih besar */
font-weight: 600;
margin: 0 0 15px;
color: var(–rp-dark);
line-height: 1.4;
transition: var(–rp-transition);
text-align: center;
}

.rp-card:hover .rp-card-title {
color: var(–rp-primary);
}

.rp-read-more {
margin-top: auto;
text-align: center;
color: white;
background-color: #007bff;
border-radius:50px;
}

.rp-read-more-link {
display: inline-flex;
align-items: center;
text-decoration: none;
color: white;
font-weight: 500;
transition: var(–rp-transition);
padding: 8px 0;
font-size: 1.1rem;
}

.rp-read-more-link:hover {
color: var(–rp-secondary);
}

/* Layar sangat lebar (Desktop besar) */
@media (min-width: 1600px) {
.rp-cards-container {
grid-template-columns: repeat(3, 1fr); /* Tiga kolom dengan lebar sama */
}

.rp-card-img-container {
height: 250px; /* Lebih tinggi di layar lebar */
}

.rp-card-content {
padding: 30px;
}

.rp-card-title {
font-size: 1.5rem;
}
}

/* Tablet dan Desktop kecil */
@media (max-width: 1199px) {
.rp-cards-container {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.rp-card-img-container {
height: 200px;
}
}

/* Mobile */
@media (max-width: 768px) {
.rp-main-title {
font-size: 2rem;
}

.rp-cards-container {
grid-template-columns: 1fr;
max-width: 500px;
margin: 0 auto;
}
}

.rp-loader {
display: flex;
justify-content: center;
padding: 40px 0;
grid-column: 1 / -1; /* Loader memenuhi seluruh lebar */
}

.rp-loader-dot {
width: 12px;
height: 12px;
background: var(–rp-primary);
border-radius: 50%;
margin: 0 5px;
animation: rp-loader 1.2s infinite ease-in-out both;
}

.rp-loader-dot:nth-child(1) { animation-delay: -0.32s; }
.rp-loader-dot:nth-child(2) { animation-delay: -0.16s; }

@keyframes rp-loader {
0%, 80%, 100% { transform: scale(0); }
40% { transform: scale(1); }
}

.rp-no-posts {
text-align: center;
color: var(–rp-gray);
padding: 40px 0;
font-size: 1.2rem;
grid-column: 1 / -1; /* Memenuhi seluruh lebar */
}

Kuliah Jurusan Bachelor of Commerce in Business Analytics Major di Australia, Prospect Karir dan Pathway ke Permanent Resident: Panduan Lengkap untuk Masa Depan Cemerlang

Ingin tahu bagaimana Kuliah jurusan Bachelor of Commerce in Business Analytics Major di Australia bisa membuka pintu karir global sekaligus pathway menuju Permanent Resident? Simak panduan lengkap ini untuk masa depan yang lebih cemerlang!

Introduction

Bayangin deh, kamu kuliah di kampus top dunia di Australia, jurusan yang lagi hype banget—Bachelor of Commerce in Business Analytics Major. Nggak cuma sekadar gelar keren, jurusan ini tuh jadi golden ticket buat masuk ke dunia bisnis modern yang haus akan data. Plus, ada bonus tambahan: jalur menuju Permanent Resident (PR) di Australia terbuka lebar. Who doesn’t want that?

Dalam artikel ini, kita bakal kupas tuntas tentang Kuliah jurusan Bachelor of Commerce in Business Analytics Major di Australia, Prospect Karir dan Pathway ke Permanent Resident: Panduan Lengkap untuk Masa Depan Cemerlang. Mulai dari apa itu jurusan ini, universitas mana aja yang top, hingga peluang karir dan strategi menuju PR. So, siap-siap karena perjalananmu menuju masa depan cemerlang dimulai dari sini!

Apa Itu Bachelor of Commerce in Business Analytics Major?

Jurusan ini basically adalah kombinasi bisnis, teknologi, dan analisis data. Jadi, kamu nggak cuma belajar tentang akuntansi atau manajemen doang, tapi juga dapet skill jago ngulik data biar bisa bantu perusahaan bikin keputusan yang lebih smart.

Materi yang Dipelajari

Kalau kamu daftar jurusan ini, siap-siap ketemu sama topik-topik seperti:

• Business Intelligence – cara ngubah data mentah jadi insight.
• Statistical Analysis – dasar-dasar statistik untuk bisnis.
• Data Mining & Big Data – teknik mengolah data gede-gedean.
• Predictive Analytics – bikin prediksi tren bisnis pakai model statistik.
• Decision-Making Frameworks – strategi bikin keputusan berbasis data.

Keren kan? Jadi, bukan sekadar belajar teori, tapi langsung praktek dengan software canggih kayak Python, R, Tableau, atau bahkan SAS.

Kenapa Harus Kuliah Jurusan Ini di Australia?

1. Reputasi Global

Australia punya banyak universitas top dengan program Commerce dan Business Analytics yang udah diakui dunia. Sebut aja:

• University of Melbourne
• University of Sydney
• Monash University
• University of Queensland
• Australian National University (ANU)

Mereka semua masuk jajaran universitas terbaik versi QS World Rankings.

2. Lingkungan Multikultural

Kampus di Australia itu kaya banget dengan budaya. Jadi, kamu bakal ketemu teman dari seluruh dunia. Seru kan? Belajar bareng sekaligus networking global.

3. Kerja Sambil Kuliah

Mahasiswa internasional di Australia bisa kerja part-time sampai 48 jam per 2 minggu. Lumayan banget buat nambah pengalaman kerja sekaligus biaya hidup.

Prospect Karir: Jadi Bintang di Era Data!

Setelah lulus, kamu nggak akan bingung cari kerja. Kenapa? Karena hampir semua industri butuh business analyst dan data-driven decision makers.

Karir yang Bisa Dikejar

Business Analyst

Jadi penghubung antara tim bisnis dan IT.

Data Analyst

Fokus ngolah dan visualisasi data.

Management Consultant

Bantu perusahaan bikin strategi bisnis.

Risk Analyst

Analisis risiko keuangan dan operasional.

Market Research Analyst

Riset tren pasar buat bantu marketing.

Financial Analyst

Analisis laporan keuangan dan investasi.

Gaji Fresh Graduate

Menurut data terbaru, fresh graduate dengan skill Business Analytics di Australia bisa dapet gaji awal sekitar AUD 65.000 – 85.000 per tahun. Kalau udah pengalaman, bisa tembus lebih dari AUD 120.000. Wow, bukan angka main-main!

Pathway ke Permanent Resident (PR)

Nah, ini yang paling bikin mahasiswa Indonesia ngiler: kuliah sambil buka jalan ke PR Australia.

Bagaimana Caranya?

• Pilih Jurusan yang Masuk Skilled Occupation List (SOL)
  Business Analyst termasuk dalam kategori ICT Business Analyst, yang sering masuk daftar SOL. Ini artinya profesi ini eligible buat apply PR.
• Skilled Graduate Visa (Subclass 485)
  Setelah lulus, kamu bisa apply visa ini. Masa berlaku sekitar 2–4 tahun, tergantung kampus dan kota tempat kuliah. Sambil kerja full-time, kamu bisa kumpulin poin untuk PR.
• Skill Assessment
  Kamu harus ngelakuin skill assessment lewat lembaga kayak Australian Computer Society (ACS).
• Expression of Interest (EOI)
  Apply EOI lewat sistem SkillSelect. Kalau dapet undangan, tinggal apply PR deh.

Kelebihan Kuliah di Jurusan Ini

• High Demand: Semua industri butuh orang yang bisa baca data.
• Pathway PR: Profesi ini masuk ke daftar pekerjaan yang diminati.
• Global Skill: Skill data analysis bisa dipakai di mana aja, bukan cuma di Australia.
• Network Luas: Kampus top + teman internasional = peluang kerja lebih besar.

Tips Sukses Kuliah dan Karir

• Bangun Portofolio Sejak Awal
  Jangan cuma ngandelin nilai. Ikut proyek, kompetisi, atau internship biar punya pengalaman nyata.
• Upgrade Skill Teknis
  Kuasai tools kayak SQL, Python, R, Tableau, dan Excel tingkat dewa.
• Networking Itu Penting
  Ikut acara kampus, seminar, atau organisasi mahasiswa. Jangan malu kenalan, siapa tahu jadi pintu rezeki.
• Cari Kota Strategis
  Kuliah di kota besar kayak Sydney, Melbourne, atau Brisbane biasanya lebih banyak peluang kerja.

FAQs

Apakah jurusan ini sulit?

Well, ada tantangan sih, apalagi kalau kamu belum terbiasa dengan data dan statistik. Tapi kalau konsisten belajar, dijamin bisa kok.

Berapa lama durasi kuliah?

Umumnya 3 tahun full-time. Kalau ambil double major atau honours, bisa jadi 4 tahun.

Apakah bisa kerja langsung setelah lulus?

Yes! Dengan Subclass 485 visa, kamu bisa langsung kerja full-time setelah lulus.

Apakah jurusan ini bisa dipakai buat apply PR?

Absolutely! Business Analytics termasuk kategori pekerjaan yang ada di daftar Skilled Occupation List.

Jadi, jelas banget kan kalau Kuliah jurusan Bachelor of Commerce in Business Analytics Major di Australia, Prospect Karir dan Pathway ke Permanent Resident: Panduan Lengkap untuk Masa Depan Cemerlang itu worth it banget? Kamu bukan cuma dapet ilmu yang relevan di era digital, tapi juga dapet peluang kerja dengan gaji tinggi, plus jalur menuju PR Australia terbuka lebar.

Kalau kamu punya mimpi buat punya karir global, hidup di negara dengan kualitas hidup top dunia, sekaligus masa depan yang stabil, jurusan ini bisa jadi pilihan paling tepat. Jadi, tunggu apa lagi? Masa depan cemerlangmu ada di depan mata—saatnya ambil langkah pertama!

// JavaScript untuk FAQ accordion
document.addEventListener(‘DOMContentLoaded’, function() {
const faqItems = document.querySelectorAll(‘.ba-faq-item’);

faqItems.forEach(item => {
const question = item.querySelector(‘.ba-faq-question’);

question.addEventListener(‘click’, () => {
// Tutup semua item FAQ
faqItems.forEach(otherItem => {
if (otherItem !== item) {
otherItem.classList.remove(‘active’);
}
});

// Toggle item yang diklik
item.classList.toggle(‘active’);
});
});
});

document.addEventListener(‘DOMContentLoaded’, function() {
// DOM elements
const tableBody = document.getElementById(‘table-body’);
const prevButton = document.getElementById(‘prev-btn’);
const nextButton = document.getElementById(‘next-btn’);
const pageNumbersElement = document.getElementById(‘page-numbers’);
const searchInput = document.getElementById(‘search-input’);
const countryFilter = document.getElementById(‘country-filter’);
const tableHeaders = document.querySelectorAll(‘th[data-sort]’);
const courseDetailsModal = document.getElementById(‘course-details-modal’);
const closeCourseDetailsButton = document.getElementById(‘close-course-details’);
const applicationForm = document.getElementById(‘application-form’);
const expandFormButton = document.getElementById(‘expand-form-button’);
const applicationFormContainer = document.getElementById(‘application-form-container’);

// Global variables
let allCourses = [];
let filteredCourses = [];
let currentPage = 1;
const itemsPerPage = 10;
let sortColumn = ‘university’;
let sortDirection = ‘asc’;

// Sample data for demonstration
const sampleData = [
{
“university”: “Australian National University”,
“country”: “Australia”,
“logo”: “https://via.placeholder.com/50”,
“programs”: [
{
“major”: “Business Administration”,
“program”: “Certificate IV in Business”,
“details_url”: “https://example.com/program”,
“duration”: “1 year”,
“entryRequirements”: “Completion of Year 12 or equivalent”,
“fees”: “AUD $10,000”,
“courseDetail”: “https://example.com/details”,
“otherInstitution”: “http://example.com”,
“scholarship”: “https://example.com/scholarships”
}
]
},
{
“university”: “Melbourne Institute of Technology”,
“country”: “Australia”,
“logo”: “https://via.placeholder.com/50”,
“programs”: [
{
“major”: “Business Management”,
“program”: “Certificate IV in Business Administration”,
“details_url”: “https://example.com/program2”,
“duration”: “18 months”,
“entryRequirements”: “Completion of Year 12 or equivalent”,
“fees”: “AUD $12,000”,
“courseDetail”: “https://example.com/details2”,
“otherInstitution”: “http://example.com”,
“scholarship”: “https://example.com/scholarships”
}
]
},
{
“university”: “Sydney Business School”,
“country”: “Australia”,
“logo”: “https://via.placeholder.com/50”,
“programs”: [
{
“major”: “International Business”,
“program”: “Certificate IV in International Business”,
“details_url”: “https://example.com/program3”,
“duration”: “1 year”,
“entryRequirements”: “Completion of Year 12 or equivalent”,
“fees”: “AUD $11,500”,
“courseDetail”: “https://example.com/details3”,
“otherInstitution”: “http://example.com”,
“scholarship”: “https://example.com/scholarships”
}
]
}
];

// Fetch data from GitHub with fallback to sample data
async function fetchData() {
try {
tableBody.innerHTML = ‘

Loading data…

‘;

const response = await fetch(‘https://raw.githubusercontent.com/starshipedu/Course/refs/heads/main/Courses%20Database.json’);

if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}

const data = await response.json();

// Process data
processData(data);

} catch (error) {
console.error(‘Error fetching data:’, error);
console.log(‘Using sample data instead’);

// Use sample data if fetch fails
processData(sampleData);
}
}

// Process the data
function processData(data) {
// Filter for Certificate IV Information Technology programs only
allCourses = data.flatMap(university => {
// Check if university has programs
if (!university.programs || !Array.isArray(university.programs)) {
return [];
}

return university.programs
.filter(program => {
// Check if program exists and has required properties
if (!program) return false;

const hasInformationTechnology = program.major &&
typeof program.major === ‘string’ &&
program.major.toLowerCase().includes(‘business analytics’);

const hasCertificateIV = program.program &&
typeof program.program === ‘string’ &&
program.program.includes(‘Bachelor’);

return hasInformationTechnology && hasCertificateIV;
})
.map(program => ({
logo: university.logo || ‘https://via.placeholder.com/50?text=No+Logo’,
country: university.country || ‘N/A’,
university: university.university || ‘Unknown University’,
major: program.major || ‘Unknown Major’,
program: program.program || ‘Unknown Program’,
details_url: program.details_url || ‘#’,
duration: program.duration || ‘Not specified’,
entryRequirements: program.entryRequirements || ‘Please contact for details’,
fees: program.fees || ‘Contact for pricing’,
courseDetail: program.courseDetail || ‘#’,
otherInstitution: program.otherInstitution || ‘#’,
scholarship: program.scholarship || ‘#’
}));
});

// Populate country filter
const countries = […new Set(allCourses.map(course => course.country))].sort();
countryFilter.innerHTML = ‘All Countries’;
countries.forEach(country => {
const option = document.createElement(‘option’);
option.value = country;
option.textContent = country;
countryFilter.appendChild(option);
});

// Apply initial filters and render
applyFilters();
setupSorting();
}

// Apply search and filter criteria
function applyFilters() {
const searchText = searchInput.value.toLowerCase();
const selectedCountry = countryFilter.value;

filteredCourses = allCourses.filter(course => {
const matchesSearch = (
(course.university && course.university.toLowerCase().includes(searchText)) ||
(course.major && course.major.toLowerCase().includes(searchText)) ||
(course.country && course.country.toLowerCase().includes(searchText))
);

const matchesCountry = selectedCountry === ” || course.country === selectedCountry;

return matchesSearch && matchesCountry;
});

// Apply sorting
sortCourses();

// Reset to first page and render
currentPage = 1;
renderTable();
renderPagination();
}

// Sort courses based on current sort column and direction
function sortCourses() {
filteredCourses.sort((a, b) => {
// Handle undefined values
const valueA = a[sortColumn] ? a[sortColumn].toLowerCase() : ”;
const valueB = b[sortColumn] ? b[sortColumn].toLowerCase() : ”;

if (valueA valueB) return sortDirection === ‘asc’ ? 1 : -1;
return 0;
});
}

// Setup sorting functionality for table headers
function setupSorting() {
tableHeaders.forEach(header => {
header.addEventListener(‘click’, () => {
const column = header.getAttribute(‘data-sort’);

if (sortColumn === column) {
// Toggle direction if same column
sortDirection = sortDirection === ‘asc’ ? ‘desc’ : ‘asc’;
} else {
// New column, default to ascending
sortColumn = column;
sortDirection = ‘asc’;
}

// Update UI and resort
tableHeaders.forEach(h => {
if (h.querySelector(‘i’)) {
h.querySelector(‘i’).className = ‘fas fa-sort’;
}
});

if (header.querySelector(‘i’)) {
header.querySelector(‘i’).className = `fas fa-sort-${sortDirection === ‘asc’ ? ‘up’ : ‘down’}`;
}

sortCourses();
renderTable();
});
});
}

// Render table rows for current page
function renderTable() {
const startIndex = (currentPage – 1) * itemsPerPage;
const endIndex = startIndex + itemsPerPage;
const pageCourses = filteredCourses.slice(startIndex, endIndex);

if (pageCourses.length === 0) {
tableBody.innerHTML = ‘

No matching Certificate IV Information Technology programs found

‘;
return;
}

let html = ”;
pageCourses.forEach(course => {
const whatsappMessage = `Hai, saya ingin mendaftar ${course.program} ${course.major} di ${course.university}, ${course.country}`;
const whatsappUrl = `https://wa.me/6281514693736?text=${encodeURIComponent(whatsappMessage)}`;

html += `

${course.country} ${course.university} ${course.major} ${course.program}

`;
});

tableBody.innerHTML = html;

// Add event listeners to apply buttons
document.querySelectorAll(‘.btn–apply’).forEach(button => {
button.addEventListener(‘click’, function() {
const university = this.getAttribute(‘data-university’);
const program = this.getAttribute(‘data-program’);
const major = this.getAttribute(‘data-major’);
const duration = this.getAttribute(‘data-duration’);
const requirements = this.getAttribute(‘data-requirements’);
const fees = this.getAttribute(‘data-fees’);
const details = this.getAttribute(‘data-details’);
const options = this.getAttribute(‘data-options’);
const scholarship = this.getAttribute(‘data-scholarship’);

// Set form values
document.getElementById(‘apply-university’).value = university;
document.getElementById(‘apply-program’).value = program;
document.getElementById(‘apply-major’).value = major;

// Set course details
document.getElementById(‘course-details-title’).textContent = `${major} – ${university}`;
document.getElementById(‘entry-requirements’).textContent = requirements;
document.getElementById(‘duration’).textContent = duration;
document.getElementById(‘fees’).textContent = fees;

// Set link URLs
document.getElementById(‘course-detail-btn’).href = details;
document.getElementById(‘other-institution-btn’).href = options;
document.getElementById(‘scholarship-btn’).href = scholarship;

// Show modal
courseDetailsModal.classList.add(‘modal–visible’);
});
});
}

// Render pagination controls
function renderPagination() {
const totalPages = Math.ceil(filteredCourses.length / itemsPerPage);

// Disable/enable prev/next buttons
prevButton.disabled = currentPage === 1;
nextButton.disabled = currentPage === totalPages || totalPages === 0;

// Generate page number buttons (max 3)
pageNumbersElement.innerHTML = ”;
let startPage = Math.max(1, currentPage – 1);
let endPage = Math.min(totalPages, startPage + 2);

// Adjust if we’re at the end
if (endPage – startPage < 2) {
startPage = Math.max(1, endPage – 2);
}

for (let i = startPage; i {
currentPage = i;
renderTable();
renderPagination();
});
pageNumbersElement.appendChild(pageButton);
}
}

// Toggle English test fields
function toggleEnglishTestFields() {
const select = document.getElementById(‘english-test’);
const englishTestFields = document.getElementById(‘english-test-fields’);
englishTestFields.style.display = select.value === ‘Yes’ ? ‘block’ : ‘none’;
}

// Event listeners
searchInput.addEventListener(‘input’, applyFilters);
countryFilter.addEventListener(‘change’, applyFilters);

prevButton.addEventListener(‘click’, () => {
if (currentPage > 1) {
currentPage–;
renderTable();
renderPagination();
}
});

nextButton.addEventListener(‘click’, () => {
const totalPages = Math.ceil(filteredCourses.length / itemsPerPage);
if (currentPage {
courseDetailsModal.classList.remove(‘modal–visible’);
});

expandFormButton.addEventListener(‘click’, function() {
applicationFormContainer.classList.toggle(‘expandable–visible’);

if (applicationFormContainer.classList.contains(‘expandable–visible’)) {
this.querySelector(‘i’).style.transform = ‘rotate(180deg)’;
} else {
this.querySelector(‘i’).style.transform = ‘rotate(0deg)’;
}
});

applicationForm.addEventListener(‘submit’, function(e) {
e.preventDefault();

// Get form values
const university = document.getElementById(‘apply-university’).value;
const program = document.getElementById(‘apply-program’).value;
const major = document.getElementById(‘apply-major’).value;
const name = document.getElementById(‘full-name’).value;
const email = document.getElementById(’email’).value;
const phone = document.getElementById(‘phone’).value;
const address = document.getElementById(‘address’).value;
const education = document.getElementById(‘education’).value;
const graduationYear = document.getElementById(‘graduation-year’).value;
const englishTest = document.getElementById(‘english-test’).value;

// Create WhatsApp message
let message = `Hello, I would like to apply for:nnUniversity: ${university}nProgram: ${program}nMajor: ${major}nnMy details:nName: ${name}nEmail: ${email}nPhone: ${phone}nAddress: ${address}nHighest Education: ${education}nGraduation Year: ${graduationYear}nEnglish Test: ${englishTest}`;

// Add English test scores if provided
if (englishTest === ‘Yes’) {
const listening = document.getElementById(‘listening’).value;
const reading = document.getElementById(‘reading’).value;
const writing = document.getElementById(‘writing’).value;
const speaking = document.getElementById(‘speaking’).value;
const overall = document.getElementById(‘overall’).value;

message += `nnEnglish Test Scores:nListening: ${listening}nReading: ${reading}nWriting: ${writing}nSpeaking: ${speaking}nOverall: ${overall}`;
}

// Open WhatsApp
window.open(`https://wa.me/6281514693736?text=${encodeURIComponent(message)}`, ‘_blank’);

// Close modal and reset form
courseDetailsModal.classList.remove(‘modal–visible’);
applicationForm.reset();

alert(‘Your application has been submitted! We will contact you shortly.’);
});

// Close modal when clicking outside
window.addEventListener(‘click’, (e) => {
if (e.target === courseDetailsModal) {
courseDetailsModal.classList.remove(‘modal–visible’);
}
});

// Initial data fetch
fetchData();
});

function handleBlogPosts(json) {
const entries = json.feed.entry || [];
const container = document.getElementById(‘recent-posts’);

// Filter artikel hanya dengan tag “Bedah jurusan”
const filteredEntries = entries.filter(entry => {
if (!entry.category) return false;

return entry.category.some(cat =>
cat.term.toLowerCase() === “business analytics”
);
});

if (filteredEntries.length === 0) {
container.innerHTML = ‘

Tidak ada postingan ditemukan untuk tag “Business Analytics”.

‘;
return;
}

container.innerHTML = ”;

filteredEntries.slice(0, 3).forEach(entry => {
const title = entry.title.$t;
const link = entry.link.find(l => l.rel === ‘alternate’).href;
const content = entry.content.$t;
const parser = new DOMParser();
const doc = parser.parseFromString(content, ‘text/html’);
const img = doc.querySelector(‘img’);
const imgSrc = img ? img.src : ‘https://images.unsplash.com/photo-1499750310107-5fef28a66643?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=600&h=400&q=80’;

const card = document.createElement(‘div’);
card.className = ‘rp-card’;
card.innerHTML = `

`;
container.appendChild(card);
});
}

(function() {
const script = document.createElement(‘script’);
script.src = ‘https://blog.starshipeducation.com/feeds/posts/default?alt=json-in-script&callback=handleBlogPosts’;
document.body.appendChild(script);
})();