Apa saja manfaat dari mengikuti program Magang di Ruangguru?
Peserta program magang akan mengembangkan keahlian-keahlian praktis yang dapat membantu merintis karir di industri teknologi digital. Peserta diberikan kesempatan untuk
belajar dari ahli internal serta dilibatkan dalam proyek-proyek strategis, sehingga mendapatkan pengalaman bekerja yang mendalam dan berbobot. Ruangguru juga
menyediakan uang saku bulanan, akses ke platform pengembangan diri
online
, serta kesempatan bergabung dengan Ruangguru pasca berakhirnya program magang.
Apa kriteria untuk mengikuti program ini?
Mahasiswa S1 minimal semester 5 dari semua perguruan tinggi negeri maupun swasta yang terdaftar pada PDDikti. Persyaratan jurusan untuk masing-masing pilihan studi
dapat dilihat pada halaman pilihan studi.
Apakah program ini dapat menjamin penyetaraan dengan 20 SKS?
Tidak. Namun Ruangguru bersama Kemendikbud akan memberikan rekomendasi bagi universitas asal untuk menyetarakan program ini dengan 20 SKS bagi peserta yang sudah
menyelesaikan program. Anda harus memperoleh izin dari universitas sebelum mendaftar program ini dan proses penyetaraan 20 SKS (
credit transfer
atau
credit earning
) adalah tanggung jawab Anda sendiri.
Apakah lulusan program ini dapat langsung diterima menjadi
part-timer
atau
full-timer
di Ruangguru?
Salah satu tujuan program Magang di Ruangguru adalah mempersiapkan peserta untuk dikonversikan menjadi karyawan
part-time
atau
full-time
pasca berakhirnya program. Namun, hal ini bergantung pada performa setiap peserta serta ketersediaan posisi di dalam tim.
Kapan program Magang dimulai?
Program Magang Bersertifikat di Ruangguru akan dimulai pada bulan Februari 2022, dan akan berlangsung selama 5 bulan.
Apa perbedaan program Magang Kampus Merdeka dengan Learning Acceleration Program (LEAP)?
Ruangguru hanya memiliki satu program magang, yakni Learning Acceleration Program (LEAP), dengan dua jalur pendaftaran yakni melalui Kampus Merdeka dan secara mandiri.
Peserta yang mendaftar melalui Kampus Merdeka dapat mengkonversikan periode magang sebagai SKS, dengan jumlah yang disepakati oleh pihak program studi masing-masing.
Peserta Kampus Merdeka juga akan mendapatkan periode magang lebih lama yakni selama 1 semester atau di kisaran 5 bulan, sementara peserta mandiri akan mendapatkan
periode magang selama 3 bulan.
Apakah posisi magang yang saya pilih harus sesuai dengan latar belakang pendidikan di perguruan tinggi?
Kami membebaskan calon peserta program untuk memilih posisi magang sesuai dengan minat masing-masing. Namun, setiap peserta akan kemudian bertanggung jawab untuk
memastikan pihak program studi dapat mengakui konversi SKS dari posisi yang dipilih.
Apakah peserta program dapat mengikuti magang di perusahaan lain pada saat bersamaan?
Peserta yang terpilih mengikuti program Magang di Ruangguru diharapkan dapat berkomitmen terhadap posisi yang diambil, supaya menghasilkan proses pembelajaran yang
optimal dan memperbesar peluang untuk dapat dikonversi menjadi 20 SKS di kampus.
Apa saja manfaat dari mengikuti program Studi Independen dari Ruangguru?
Peserta program studi independen akan memperoleh ilmu dan kemampuan esensial yang aplikatif, kesempatan untuk belajar bersama para praktisi dan
experts
, kesempatan untuk bergabung dengan tim Ruangguru, dan kesempatan untuk memperoleh konversi 20 SKS yang dapat diakui oleh Universitas masing-masing
Apa kriteria untuk mengikuti program ini?
Mahasiswa S1 semester 4-6 dari semua perguruan tinggi negeri maupun swasta yang terdaftar pada PDDikti. Persyaratan jurusan untuk masing-masing pilihan studi dapat
dilihat pada halaman pilihan studi.
Apakah program ini dapat menjamin penyetaraan dengan 20 SKS?
Tidak. Namun Ruangguru bersama Kemendikbud akan memberikan rekomendasi bagi universitas asal untuk menyetarakan program ini dengan 20 SKS bagi peserta yang sudah
menyelesaikan program. Anda harus memperoleh izin dari universitas sebelum mendaftar program ini dan proses penyetaraan 20 SKS (
credit transfer
atau
credit earning
) adalah tanggung jawab Anda sendiri.
Apakah lulusan program ini dapat langsung diterima menjadi
part-timer
atau
full-timer
di Ruangguru?
Tidak. Namun hal ini tidak menutup kemungkinan untuk langsung bergabung menjadi tim Ruangguru terutama bagi para peserta yang menunjukkan performa yang baik selama
program berlangsung.
Bagaimana
timeline
dari program Studi Independen Ruangguru?
Timeline program Studi Independen Ruangguru akan mengikuti timeline program Studi Independen dari Kemendikbud. Pendaftaran program akan ditutup tanggal 21 Januari 2022.
Pertemuan pertama para para peserta program ini akan dimulai pada minggu ke-2 bulan Februari 2022.
Apa saja kurikulum yang diajarkan dalam program Studi Independen Ruangguru?
Bolehkah saya mendaftar lebih dari 1 pilihan studi?
Tidak. Anda hanya boleh mendaftar 1 pilihan studi.
Selama mengikuti program ini apakah saya diperbolehkan untuk tetap mengikuti kegiatan perkuliahan di kampus?
Mahasiswa diharapkan untuk berkomitmen dan fokus dalam mengikuti program ini, oleh sebab itu program dapat dikonversi hingga mencapai 20 SKS
Apakah program ini berbayar?
Tidak. Peserta program ini tidak perlu membayar sama sekali.
Apakah pilihan studi harus sesuai dengan jurusan saya?
Masing-masing pilihan studi memiliki persyaratan yang berbeda-beda. Silakan cek masing-masing pilihan studi untuk informasi lengkapnya.
Siapa saja yang akan membimbing saya selama program ini?
Ruangguru menyediakan Star Mentor, Guest Mentor, dan juga mentor individu. Star mentor merupakan para anggota
management team
dari Ruangguru. Guest Mentor terdiri dari para
experts
atau profesor pada tingkat nasional maupun internasional. Mentor individu akan mendampingi peserta selama keberjalanan program.
Apakah program ini dilaksanakan secara daring/luring?
Seluruh program Studi Independen Ruangguru akan dilaksanakan secara daring
<!doctype html>
<html class="no-js" lang="id">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="author" content="PT Ruang Raya Indonesia" />
<meta name="description" content="Ikuti program magang studi independen bersertifikat (MSIB) Kampus Merdeka di Ruangguru. Raih pengalaman kerja & pengetahuan sesuai industri yang Kamu minati." />
<title>Daftar Program MSIB Kampus Merdeka di Ruangguru Sekarang!</title>
<link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/favicon60x60-3.png" />
<meta property="og:description" content="" />
<meta property="og:title" content="Kampus Merdeka Ruangguru" />
<meta name="twitter:description" content="" />
<meta name="twitter:title" content="Kampus Merdeka Ruangguru" />
<style>
a.cta_button {
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
vertical-align: middle;
}
.hs-breadcrumb-menu {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.hs-breadcrumb-menu-item {
float: left;
padding: 10px 0px 10px 10px;
}
.hs-breadcrumb-menu-divider:before {
content: '›';
padding-left: 10px;
}
.hs-featured-image-link {
border: 0;
}
.hs-featured-image {
float: right;
margin: 0 0 20px 20px;
max-width: 50%;
}
@media (max-width: 568px) {
.hs-featured-image {
float: none;
margin: 0;
width: 100%;
max-width: 100%;
}
}
.hs-screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
</style>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/39227318886/1661845607410/module_39227318886_header-homepage-ruangguru-2021.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/78293098018/1656984430847/module_78293098018_Module_Section_Hero_Kampus_Merdeka_SI.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/62619433483/1658200724645/module_62619433483_Module_Section_2_Tentang_-_Kampus_Merdeka_RG.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/78420544917/1657091974851/module_78420544917_Module_Section_Video_Kampus_Merdeka_SI.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/78512271399/1673839218278/module_78512271399_Module_Section_Program_Kampus_Merdeka_SI.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/62582144367/1658200582355/module_62582144367_Module_Section_4_-_Manfaat_Program_Kampus_Merdeka_RG.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/62572191060/1658201710140/module_62572191060_Module_Section_Siapa_Saja_-_Proses_Seleksi_Kampus_Merdeka_RG.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/62575570858/1642144869037/module_62575570858_Module_Section_Journey_-_FAQ_Kampus_Merdeka_RG.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/39981680119/1676448475961/module_39981680119_Footer-ruangguru-2021-v2.min.css"
/>
<!-- Added by GoogleAnalytics integration -->
<script>
var _hsp = (window._hsp = window._hsp || []);
_hsp.push([
'addPrivacyConsentListener',
function (consent) {
if (consent.allowed || (consent.categories && consent.categories.analytics)) {
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
(i[r] =
i[r] ||
function () {
(i[r].q = i[r].q || []).push(arguments);
}),
(i[r].l = 1 * new Date());
(a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m);
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-49650255-1', 'auto');
ga('send', 'pageview');
}
},
]);
</script>
<!-- /Added by GoogleAnalytics integration -->
<link rel="canonical" href="https://www.ruangguru.com/program/kampus-merdeka" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script>
(function (h, e, a, t, m, p) {
m = e.createElement(a);
m.async = !0;
m.src = t;
p = e.getElementsByTagName(a)[0];
p.parentNode.insertBefore(m, p);
})(window, document, 'script', 'https://u.heatmap.it/log.js');
</script>
<meta name="google-site-verification" content="VJAn1g6wmtTZPpTXh-B4xoSFEkUi5jcV74xQSr6jnOM" />
<script>
document.querySelector('meta[name="author"]').setAttribute('content', 'Ruangguru Tech Team');
</script>
<meta name="publisher" content="PT Ruang Raya Indonesia" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<!--
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-49650255-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-49650255-1');
</script>
-->
<!-- Google Tag Manager -->
<script>
(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-PVNLZFT');
</script>
<!-- End Google Tag Manager -->
<meta property="og:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="350" />
<meta name="twitter:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
<meta property="og:url" content="https://www.ruangguru.com/program/kampus-merdeka" />
<meta name="twitter:card" content="summary_large_image" />
<meta http-equiv="content-language" content="id" />
<link rel="stylesheet" href="https://cdn-web-2.ruangguru.com/landing-page-web/public/assets/common/layout.min.css" />
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/36645224536/1657858188870/A_Ruangguru_Projects/0_Back_Up_-_SOP_Landing_Page/SOP_Style_Ruangguru.min.css"
/>
<script type="module" crossorigin src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/program/kampus-merdeka/assets/index-Dqv5PPZA.js"></script>
</head>
<body class="hs-content-id-63193269130 hs-landing-page hs-page" style="">
<div class="header-container-wrapper">
<div class="header-container container-fluid">
<div class="row-fluid-wrapper row-depth-1 row-number-1">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_1640328030211155"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"> -->
<style></style>
<nav class="ruangguru-header">
<div class="page-center">
<div class="container-ruangguru-header">
<div class="navigation__left">
<div class="hamburger-icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/ic_hamburger_black.svg" alt="Dropdown Navigation Icon" />
</div>
<a href="https://www.ruangguru.com/">
<div class="logo-header">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/logo%20rg.svg" alt="Logo ruangguru" />
</div>
</a>
</div>
<div class="navigation__content">
<div class="navig-link navig-link-dropdown" id="produk" aria-expanded="false">
<a>Produk</a>
</div>
<div class="navig-dropdown-area closed" id="produk_item">
<!-- ruangbelajar -->
<a href="https://www.ruangguru.com/ruangbelajar">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/rb.svg" alt="Logo ruangbelajar" loading="lazy" />
</div>
<p class="text-product">Belajar seru dengan video dan latihan soal, anti remed!</p>
</div>
</a>
<!-- BA -->
<a target="_blank" href="https://www.brainacademy.id">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/03%20-%20Homepage%20Brainacademy%202022/Header%20to%20Live%20Teaching/logo_BA.svg"
alt="Logo Brain Academy"
loading="lazy"
/>
</div>
<p class="text-product">Bimbel Live Interaktif bersama STAR Master Teacher + Klinik PR</p>
</div>
</a>
<!-- roboguru -->
<a href="https://roboguru.ruangguru.com/">
<div class="item-product">
<div class="logo-product">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/20b7b17a-62ba-43ee-bea8-b71c10f5fb0c.png?convert=webp" width="125" alt="Logo roboguru" loading="lazy" />
</div>
<p class="text-product">Foto dan upload soal susahmu dan dapatkan semua jawabannya di sini!</p>
</div>
</a>
<!-- roboguru plus -->
<a href="https://www.ruangguru.com/roboguruplus">
<div class="item-product">
<div class="logo-product">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/ea267d76-9d20-45b0-9c2c-88e78c199f5d.png?convert=webp" width="155" alt="Logo ruanglesonline" loading="lazy" />
</div>
<p class="text-product">Konsultasikan soal tersulit kamu sebanyak-banyaknya dengan tutor online terbaik</p>
</div>
</a>
<!-- ruangles -->
<a href="https://www.ruangguru.com/privat">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=112&name=logo-ruangguru-privat.png"
alt="Logo ruangles"
width="112"
loading="lazy"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=56&name=logo-ruangguru-privat.png 56w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=112&name=logo-ruangguru-privat.png 112w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=168&name=logo-ruangguru-privat.png 168w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=224&name=logo-ruangguru-privat.png 224w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=280&name=logo-ruangguru-privat.png 280w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=336&name=logo-ruangguru-privat.png 336w"
sizes="(max-width: 112px) 100vw, 112px"
/>
</div>
<p class="text-product">Belajar privat dengan guru terbaik pilihan Ruangguru</p>
</div>
</a>
<!-- EA -->
<a target="_blank" href="https://www.english-academy.id/">
<div class="item-product">
<div class="logo-product" id="lp_ea">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/ENGLISH%20ACADEMY-LOGO2%201.png?convert=webp"
alt="Logo English Academy"
loading="lazy"
/>
<div class="ribbon-wrapper-new">
<div class="glow-new"> </div>
</div>
</div>
<p class="text-product">Kursus Bahasa Inggris dengan Pengajar internasional dan kurikulum berstandar internasional</p>
</div>
</a>
<!-- dafalulu -->
<a href="https://www.ruangguru.com/dafa-lulu">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-dafa-lulu-new.png?convert=webp&height=44&name=logo-dafa-lulu-new.png"
height="44"
alt="Logo dafa lulu"
loading="lazy"
/>
</div>
<p class="text-product">Belajar bersama Dafa, Lulu, dan teman petualang untuk siswa SD kelas 1 - 6</p>
</div>
</a>
<!-- rg for kids -->
<a href="https://www.ruangguru.com/for-kids">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=100&name=logo-ruangguru-forkids.png"
alt="Logo For Kids"
width="100"
loading="lazy"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=50&name=logo-ruangguru-forkids.png 50w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=100&name=logo-ruangguru-forkids.png 100w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=150&name=logo-ruangguru-forkids.png 150w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=200&name=logo-ruangguru-forkids.png 200w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=250&name=logo-ruangguru-forkids.png 250w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=300&name=logo-ruangguru-forkids.png 300w"
sizes="(max-width: 100px) 100vw, 100px"
/>
</div>
<p class="text-product">Kursus online untuk anak 4-7 tahun dengan program calistung, bahasa Inggris, dan sains</p>
</div>
</a>
<!-- ruanguji -->
<a href="https://www.ruangguru.com/ruanguji">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruanguji.svg" alt="Logo ruanguji" loading="lazy" />
</div>
<p class="text-product">Ikut tryout online dan lihat hasilnya di sini!</p>
</div>
</a>
<!-- ruangkelas -->
<a href="https://www.ruangguru.com/ruangkelas">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruangkelas.svg" alt="Logo ruangkelas" loading="lazy" />
</div>
<p class="text-product">Sistem Kelola Pembelajaran Jarak Jauh GRATIS!</p>
</div>
</a>
<!-- SA -->
<a target="_blank" href="https://skillacademy.com/">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/skillacademy.svg" alt="Logo Skill Academy" loading="lazy" />
</div>
<p class="text-product">Kursus online untuk meningkatkan technical & soft skill kamu</p>
</div>
</a>
<!-- ruangkerja -->
<a target="_blank" href="https://ruangkerja.id/">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruangkerja.svg" alt="Logo ruangkerja" loading="lazy" />
</div>
<p class="text-product">Aplikasi Pelatihan Online #1 untuk Perusahaan & Lembaga</p>
</div>
</a>
</div>
<div class="navig-link" id="program">
<a href="https://www.ruangguru.com/program">Program</a>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/promo">Promo</a>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/event">Event</a>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/beasiswa">Beasiswa</a>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/testimoni">Testimoni</a>
</div>
<div class="navig-link navig-link-dropdown" id="services">
<a>Layanan</a>
</div>
<div class="navig-dropdown-area closed" id="services_item" aria-expanded="false">
<div class="item-services">
<a href="https://www.ruangguru.com/ruangbelajar/perpanjang-paket">Cara Perpanjang Paket</a>
</div>
<div class="item-services">
<a href="https://www.ruangguru.com/cara-bayar">Cara Bayar</a>
</div>
<div class="item-services">
<a href="https://www.ruangguru.com/cicilan">Cicilan</a>
</div>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/blog/">Ruangbaca</a>
</div>
</div>
<div class="navigation__right">
<div class="button-langganan-cta">
<!--HubSpot Call-to-Action Code -->
<span class="hs-cta-wrapper" id="hs-cta-wrapper-98f09c6e-5ed3-4c65-b943-9a7ff510d8e8">
<span class="hs-cta-node hs-cta-98f09c6e-5ed3-4c65-b943-9a7ff510d8e8" id="hs-cta-98f09c6e-5ed3-4c65-b943-9a7ff510d8e8">
<!--[if lte IE 8]><div id="hs-cta-ie-element"></div><![endif]-->
<a href="https://cta.ruangguru.com/98f09c6e-5ed3-4c65-b943-9a7ff510d8e8" target="_blank" rel="noopener">
<img
class="hs-cta-img"
id="hs-cta-img-98f09c6e-5ed3-4c65-b943-9a7ff510d8e8"
style="border-width: 0px"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/cta/98f09c6e-5ed3-4c65-b943-9a7ff510d8e8.png"
alt="Langganan Sekarang"
/>
</a>
</span>
</span>
<!-- end HubSpot Call-to-Action Code -->
</div>
</div>
</div>
</div>
</nav>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script
src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"
></script>
<script></script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end header -->
</div>
<!--end header wrapper -->
<div class="body-container-wrapper">
<div class="body-container container-fluid">
<div class="row-fluid-wrapper row-depth-1 row-number-1">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_165698371142498"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<div class="hero normalize-css">
<div class="page-center">
<div class="hero-content">
<div class="hero-content_text">
<h1 class="font-title-hero">
Raih Mimpimu jadi
<span class="yellow-text">#LulusanAndalan</span>
<br />
di Era Teknologi Digital
</h1>
<p class="font-desc-hero">
<b>Ruangguru CAMP (Career Acceleration Bootcamp)</b>
lewat program studi independen yang komprehensif, siap membantumu
<b>membangun karier sejak di bangku kuliah</b>
.
</p>
</div>
<div class="hero-content_cta">
<a href="https://kampusmerdeka.kemdikbud.go.id/profile/mitra/d3ff9ffd-0c26-4515-a13b-20bd6609229b/67e53cad-6bd7-11ee-aa55-9668c84beb67" target="_blank" rel="noopener">
<img
class="hs-cta-img"
id="hs-cta-img-b83af7d5-3ed6-4df2-8430-f7fc696cc889"
style="border-width: 0px"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/cta/b83af7d5-3ed6-4df2-8430-f7fc696cc889.png"
alt="Daftar Sekarang"
/>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-2">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_164042690128757"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.css" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css" />
<!-- section 2 -->
<div class="about-rgkm">
<div class="page-center">
<div class="container-rgkm">
<div class="rgkm-left">
<div class="slider-rgkm">
<div class="rgkm-item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Banner%20Hero/shutterstock_1834751779.png" alt="image slider" />
</div>
<!-- <div class="rgkm-item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Banner%20Hero/shutterstock_1834751779.png" alt="image slider">
</div>
<div class="rgkm-item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Banner%20Hero/shutterstock_1834751779.png" alt="image slider">
</div> -->
</div>
</div>
<div class="rgkm-right">
<div class="rgkm-logo">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Banner%20Hero/logo-rgkm.png" alt="logo ruangguru kampus merdeka" />
</div>
<p>
Kampus Merdeka adalah program Kementerian Pendidikan, Kebudayaan, Riset, dan Teknologi Republik Indonesia yang memberikan kesempatan bagi mahasiswa/i untuk
<b>mengasah kemampuan sesuai bakat dan minat dengan terjun langsung ke dunia kerja sebagai persiapan karier masa depan.</b>
</p>
<p>
<b>Ruangguru berkolaborasi dengan Kampus Merdeka</b>
sebagai langkah untuk mewujudkan kesempatan-kesempatan tersebut melalui program
<b>Studi Independen.</b>
Program ini akan membekali dan menyiapkan para pemuda negeri, dengan menyediakan proses pembelajaran yang mendalam dan pengalaman menangani proyek bisnis yang nyata.
</p>
<p>
Siapkan dirimu jadi
<b>#LULUSANANDALAN</b>
dengan mengikuti program
<b>Studi Independen</b>
dari Ruangguru dan Kampus Merdeka!
</p>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
<script>
$('.slider-rgkm').slick({
dots: true,
infinite: false,
slidesToShow: 1,
slideToScroll: 1,
speed: 300,
autoplay: false,
arrows: false,
responsive: [
{
breakpoint: 1900,
settings: {
dots: true,
slidesToShow: 1,
slidesToScroll: 1,
},
},
{
breakpoint: 767,
settings: {
centerMode: false,
// centerPadding: '30px',
slidesToShow: 1,
slidesToScroll: 1,
},
},
],
});
</script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-3">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_165709093945293"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/10729547355/1615619841646/Templates/Custom/Page/Fadhli/All_Template_for_Marketing_Engineer/Source_Modal_Video/modal-video-min.min.css"
/>
<div class="alumni normalize-css">
<div class="page-center">
<div class="alumni-content">
<div class="alumni-content_right">
<div class="alumni-right_text">
<h2 class="font-title-alumni">Apa Kata Mereka Tentang Studi Independen Ruangguru?</h2>
<p class="font-subtitle-alumni">
Yuk, simak cerita dari mereka yang telah menjadi
<b>#LulusanAndalan</b>
</p>
</div>
<div class="alumni-right_logo">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Revamp/Video/logo-rg-camp-kampus-merdeka.png" alt="Aset" />
</div>
</div>
<div class="alumni-content_left">
<div class="alumni-video">
<a href="#" class="js-video-button" data-channel="video" data-video-url="https://www.youtube.com/embed/KWjPR99WLjM?autoplay=1" rel=" noopener">
<div class="video-box">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Revamp/Video/thumbnail-video-kampus.png" alt="Thumbnail Video" load="lazy" />
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/10729457848/1615619794843/Templates/Custom/Page/Fadhli/All_Template_for_Marketing_Engineer/Source_Modal_Video/modal-video.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/10729457994/1615619961343/Templates/Custom/Page/Fadhli/All_Template_for_Marketing_Engineer/Source_Modal_Video/jquery-modal-video-min.js"></script>
<script>
$('.js-video-button').modalVideo({
youtube: {
controls: 0,
nocookie: true,
},
});
</script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-4">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_165714783581363"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<div id="modalWebinar" class="display_none">
<div class="modalPopup">
<div class="modalContentWebinar">
<div>
<div class="content-slick">
<div class="slick-testi">
<div class="webinar-container normalize-css">
<div class="button-mulai">
<button id="closebtnfe" class="closebtn">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Event%20Skill%20Academy/Speed%20Hiring/Syarat%20Ketentuan/ic-close.svg" alt="Icon" loading="lazy" />
</button>
</div>
<div class="webinar-box">
<p class="font-popup-subtitle">
Dalam menghadapi perkembangan pesat teknologi, khususnya dalam bidang sistem pakar (artificial intelligence) dan penciptaan aplikasi yang komprehensif, dibutuhkan
tenaga ahli dengan kemampuan spesifik. Mereka harus mampu menguasai aspek-aspek pembuatan aplikasi secara menyeluruh, yang biasa dikenal sebagai Fullstack
Development, dan mampu mengintegrasikannya dengan teknologi AI. Untuk memenuhi kebutuhan tersebut, program ini dirancang secara khusus untuk membekali peserta dengan
pengetahuan dan keterampilan dalam mengaplikasikan AI dalam pengembangan aplikasi yang mencakup seluruh aspek piranti lunak, baik itu front-end maupun back-end.
</p>
<p class="font-popup-title">Modul Pembelajaran :</p>
<ul class="popup-list">
<li>Ketrampilan Inti</li>
<li>Rekayasa Piranti Lunak</li>
<li>Pemrograman Frontend Web Dasar</li>
<li>Pemrograman Frontend dengan React</li>
<li>Pemrograman Backend Web dengan Golang</li>
<li>Sistem Manajemen dan Tekonologi Basis Data</li>
<li>Menguasai Teknologi Artificial Intelligence</li>
</ul>
<p class="font-popup-title">
Biaya investasi :
<span>Rp14.000.000</span>
</p>
<!-- https://kampusmerdeka.kemdikbud.go.id/program/studi-independen/browse/d3ff9ffd-0c26-4515-a13b-20bd6609229b/6579ec51-e6fc-11ec-b4cd-0e741262272a -->
<a href="https://bayar.ruangguru.com/" target="_blank">
<button class="cta-popup btn-program">Daftar Sekarang</button>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="modalOverlay" class="display_none">
<div class="modalPopup">
<div class="modalContentWebinar">
<div>
<div class="content-slick">
<div class="slick-testi">
<div class="webinar-container normalize-css">
<div class="button-mulai">
<button id="closebtnbe" class="closebtn">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Event%20Skill%20Academy/Speed%20Hiring/Syarat%20Ketentuan/ic-close.svg" alt="Icon" loading="lazy" />
</button>
</div>
<div class="webinar-box">
<p class="font-popup-subtitle">
Dalam dunia bisnis yang terus berubah dan berkembang pesat, peran manajemen produk menjadi semakin penting dalam menavigasi pasar yang kompetitif. Dengan adanya
inovasi teknologi dan perubahan pola konsumen, keberhasilan sebuah produk tidak hanya ditentukan oleh kualitasnya, tetapi juga oleh strategi pengelolaan produk yang
efektif. Program pendidikan ini bertujuan untuk memberikan peserta pemahaman mendalam dan keterampilan praktis dalam berbagai aspek product management, dari konsep
dasar hingga implementasi aplikatif.
</p>
<p class="font-popup-title">Modul Pembelajaran :</p>
<ul class="popup-list">
<li>Keterampilan Inti</li>
<li>Dasar-Dasar Manajemen Produk (Product Management)</li>
<li>Product Vision dan Strategy</li>
<li>Riset Pengguna dan Pasar</li>
<li>Desain, Prototipe, and Minimum Viable Product (MVP)</li>
<li>Pemasaran Produk (Product Marketing)</li>
<li>Manajemen Backlog dan Prioritisasi Backlog</li>
<li>Manajemen Pemangku Kepentingan (Stakeholder Management)</li>
</ul>
<p class="font-popup-title">
Biaya investasi :
<span>Rp14.000.000</span>
</p>
<!-- https://kampusmerdeka.kemdikbud.go.id/program/studi-independen/browse/d3ff9ffd-0c26-4515-a13b-20bd6609229b/4952339e-e6fa-11ec-b8e3-0e741262272a -->
<a href="https://bayar.ruangguru.com/" target="_blank">
<button class="cta-popup btn-program">Daftar Sekarang</button>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="program normalize-css">
<div class="page-center">
<div class="program-content">
<div class="program-content_title">
<h2 class="font-title-program">Program Studi Yang Tersedia</h2>
<p class="font-desc-program">
Yuk, pilih program studi yang sesuai dengan aspirasi karir kamu dan daftar sekarang! Ambil langkah pertama untuk jadi
<b>#LulusanAndalan</b>
</p>
</div>
<div class="program-content_box">
<div class="program-box swap-box">
<div class="program-box_text">
<p class="font-title-box">Fullstack Golang & AI: Dari Prinsip Dasar Hingga Aplikasi Praktis</p>
<p class="font-desc-box">
Peserta akan belajar dan praktek langsung berbagai unsur penting dalam membangun website fullstack yang responsif, terpadu, bebas dari error, dan mudah diakses pengguna.
Program ini dirancang untuk membekali peserta dengan keterampilan pemrograman holistik, mencakup front-end dan back-end, termasuk utilisasi AI model dalam aplikasi dengan
memanfaatkan teknologi terkini.
</p>
<!-- <a
href="https://kampusmerdeka.kemdikbud.go.id/program/studi-independen/browse/d3ff9ffd-0c26-4515-a13b-20bd6609229b/dc4c4ad2-f62e-11ee-b227-5a5e7a11ce1c"
target="_blank"
rel="noopener noreferrer"
> -->
<button class="btn-program" id="program1">Lihat Detail</button>
<!-- </a> -->
</div>
<div class="program-box_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Revamp/Program/img-front-end.png" />
</div>
</div>
<div class="program-box non-swap-box">
<div class="program-box_text">
<p class="font-title-box">Mastering Product Management</p>
<p class="font-desc-box">
Peserta akan belajar dan praktek langsung berbagai unsur penting dalam manajemen produk, mulai dari visi dan strategi produk hingga riset pasar dan pengguna. Program ini
dirancang untuk membekali peserta dengan keterampilan holistik dalam manajemen produk, mencakup manajemen backlog, desain produk, dan pemasaran produk. Peserta juga akan
mempelajari cara mengelola pemangku kepentingan dan melakukan peluncuran produk yang sukses. Program ini memastikan peserta mampu mengembangkan produk inovatif dan
bernilai tambah.
</p>
<!-- <a
href="https://kampusmerdeka.kemdikbud.go.id/program/studi-independen/browse/d3ff9ffd-0c26-4515-a13b-20bd6609229b/2b44a205-13f2-11ef-89ae-cad937d5f240"
target="_blank"
rel="noopener noreferrer"
> -->
<button class="btn-program" id="program2">Lihat Detail</button>
<!-- </a> -->
</div>
<div class="program-box_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Revamp/Program/img-back-end-web.png" />
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$('#program1').click(function () {
$('#modalWebinar').removeClass('display_none');
});
$('#program2').click(function () {
$('#modalOverlay').removeClass('display_none');
});
$('#closebtnfe').click(function () {
$('#modalWebinar').addClass('display_none');
});
$('#closebtnbe').click(function () {
$('#modalOverlay').addClass('display_none');
});
</script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-5">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_164034370966527"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<section id="section-4-manfaat-program" class="normalize-css">
<div class="row px-0 c-4 pt-2 pb-4">
<div class="col-12 align-self-center">
<div class="page-center">
<div class="row px-0 row-c-4-b">
<div class="col-12 col-md-5 px-0 px-md-2 d-flex align-self-center">
<div class="card card-c-4 bg-transparent border-0">
<div class="card-body px-0 pb-0">
<h2 class="card-title">Keuntungan Mengikuti Studi Independen Ruangguru</h2>
</div>
</div>
</div>
<div class="col-12 col-md-7 px-0 px-md-2">
<div class="row row-cols-1 row-cols-md-2 g-4 row-c-4 px-0">
<div class="col">
<div class="card h-100 border-0">
<div class="card-body p-3">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Program%20Utama/ic_sks.png?width=60&height=60&name=ic_sks.png"
width="60"
height="60"
class="img-fluid"
alt="sks"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Program%20Utama/ic_sks.png?width=30&height=30&name=ic_sks.png 30w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Program%20Utama/ic_sks.png?width=60&height=60&name=ic_sks.png 60w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Program%20Utama/ic_sks.png?width=90&height=90&name=ic_sks.png 90w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Program%20Utama/ic_sks.png?width=120&height=120&name=ic_sks.png 120w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Program%20Utama/ic_sks.png?width=150&height=150&name=ic_sks.png 150w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Program%20Utama/ic_sks.png?width=180&height=180&name=ic_sks.png 180w"
sizes="(max-width: 60px) 100vw, 60px"
/>
<h3 class="benefit-title">Dapat Dikonversikan Menjadi 20 SKS</h3>
<p class="card-text">Kesempatan untuk mengklaim hingga 20 SKS kepada program studi masing-masing.</p>
</div>
</div>
</div>
<div class="col">
<div class="card h-100 border-0">
<div class="card-body p-3">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Program%20Utama/ic_lamp.png?width=60&height=60&name=ic_lamp.png"
width="60"
height="60"
class="img-fluid"
alt="lamp"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Program%20Utama/ic_lamp.png?width=30&height=30&name=ic_lamp.png 30w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Program%20Utama/ic_lamp.png?width=60&height=60&name=ic_lamp.png 60w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Program%20Utama/ic_lamp.png?width=90&height=90&name=ic_lamp.png 90w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Program%20Utama/ic_lamp.png?width=120&height=120&name=ic_lamp.png 120w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Program%20Utama/ic_lamp.png?width=150&height=150&name=ic_lamp.png 150w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Program%20Utama/ic_lamp.png?width=180&height=180&name=ic_lamp.png 180w"
sizes="(max-width: 60px) 100vw, 60px"
/>
<h3 class="benefit-title">Pembelajaran Online Komprehensif</h3>
<p class="card-text">Peningkatan kompetensi dalam industri teknologi digital yang dinamis.</p>
</div>
</div>
</div>
<div class="col">
<div class="card h-100 border-0">
<div class="card-body p-3">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Program%20Utama/ic_connecting.png?width=60&height=60&name=ic_connecting.png"
width="60"
height="60"
class="img-fluid"
alt="connecting"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Program%20Utama/ic_connecting.png?width=30&height=30&name=ic_connecting.png 30w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Program%20Utama/ic_connecting.png?width=60&height=60&name=ic_connecting.png 60w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Program%20Utama/ic_connecting.png?width=90&height=90&name=ic_connecting.png 90w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Program%20Utama/ic_connecting.png?width=120&height=120&name=ic_connecting.png 120w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Program%20Utama/ic_connecting.png?width=150&height=150&name=ic_connecting.png 150w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Program%20Utama/ic_connecting.png?width=180&height=180&name=ic_connecting.png 180w"
sizes="(max-width: 60px) 100vw, 60px"
/>
<h3 class="benefit-title">Bimbingan Eksklusif dari Mentor Profesional</h3>
<p class="card-text">Kesempatan untuk berjejaring dan mendapatkan pembimbingan eksklusif dengan ahli industri, dari dalam dan luar Ruangguru.</p>
</div>
</div>
</div>
<div class="col">
<div class="card h-100 border-0">
<div class="card-body p-3">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Program%20Utama/ic_trophy.png?width=60&height=60&name=ic_trophy.png"
width="60"
height="60"
class="img-fluid"
alt="trophy"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Program%20Utama/ic_trophy.png?width=30&height=30&name=ic_trophy.png 30w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Program%20Utama/ic_trophy.png?width=60&height=60&name=ic_trophy.png 60w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Program%20Utama/ic_trophy.png?width=90&height=90&name=ic_trophy.png 90w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Program%20Utama/ic_trophy.png?width=120&height=120&name=ic_trophy.png 120w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Program%20Utama/ic_trophy.png?width=150&height=150&name=ic_trophy.png 150w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Program%20Utama/ic_trophy.png?width=180&height=180&name=ic_trophy.png 180w"
sizes="(max-width: 60px) 100vw, 60px"
/>
<h3 class="benefit-title">Keuntungan Lainnya</h3>
<p class="card-text">
Benefit lainnya, seperti: Kelas Inspirasi dengan para ahli, hadiah untuk Best Project di akhir program, Ruangguru starter kit, Sertifikat BNSP.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<script></script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-6">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_1640327950335148"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css" />
<div class="siapa-proses normalize-css">
<div class="siapa">
<div class="page-center">
<div class="siapa-content">
<div class="siapa-content_right">
<div class="siapa-title">
<h2 class="font-title-sp">Siapa saja yang bisa mendaftar?</h2>
</div>
<div class="siapa-points">
<div class="point-siapa">
<p class="font-nomor-siapa">01</p>
<p class="font-desc-siapa">Mahasiswa D4/S1 aktif, minimal semester 5 di universitas/politeknik di Indonesia</p>
</div>
<div class="point-siapa">
<p class="font-nomor-siapa">02</p>
<p class="font-desc-siapa">Mampu mengikuti program selama 40++ jam dalam seminggu (penuh waktu)</p>
</div>
<div class="point-siapa">
<p class="font-nomor-siapa">03</p>
<p class="font-desc-siapa">Mampu berkomunikasi secara tertulis dan lisan dengan baik</p>
</div>
<div class="point-siapa">
<p class="font-nomor-siapa">04</p>
<p class="font-desc-siapa">Selama mengikuti program Studi Independen, Mahasiswa disarankan tidak mengambil lebih dari 6 SKS perkuliahan dari Universitas asal</p>
</div>
</div>
</div>
<div class="siapa-content_left">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Siapa%20Saja/aset-eligible.png" alt="Ilustrasi Eligible Kampus Merdeka" />
</div>
</div>
</div>
</div>
<div class="proses">
<div class="page-center">
<div class="proses-content">
<div class="proses-content_title">
<h2 class="font-title-sp">Proses Seleksi</h2>
<p class="font-desc-proses">Ada beberapa tahapan yang harus dilalui selama proses seleksi</p>
</div>
<div class="proses-content_slide">
<div class="proses-slick">
<div class="proses-card">
<p class="font-tahap-card">Tahap</p>
<p class="font-nomor-card">01</p>
<p class="font-title-card">
Pendaftaran melalui
<i>website</i>
Kampus Merdeka
</p>
<p class="font-desc-card">
Buat akun dan daftar program terpilih melalui situs
<a href="https://kampusmerdeka.kemdikbud.go.id/" target="_blank" class="link-proses">Kampus Merdeka</a>
</p>
</div>
<div class="proses-card">
<p class="font-tahap-card">Tahap</p>
<p class="font-nomor-card">02</p>
<p class="font-title-card">Seleksi Administratif</p>
<p class="font-desc-card">Seleksi pertama akan dilakukan berdasarkan profil dan CV yang dikirimkan, serta mengikuti persyaratan yang ditentukan oleh Kampus Merdeka.</p>
</div>
<div class="proses-card">
<p class="font-tahap-card">Tahap</p>
<p class="font-nomor-card">03</p>
<p class="font-title-card">Seleksi Tes</p>
<p class="font-desc-card">Seleksi kedua akan dilakukan dengan mengikuti pre-test asesmen (tech test, english test, device compatibility).</p>
</div>
<div class="proses-card">
<p class="font-tahap-card">Tahap</p>
<p class="font-nomor-card">04</p>
<p class="font-title-card">Pengumuman</p>
<p class="font-desc-card">Mahasiswa yang lolos proses seleksi akan menerima email penawaran untuk mengikuti program Studi Independen yang didaftar.</p>
</div>
</div>
<div class="cta-proses-seleksi">
<a href="https://kampusmerdeka.kemdikbud.go.id/profile/mitra/d3ff9ffd-0c26-4515-a13b-20bd6609229b/67e53cad-6bd7-11ee-aa55-9668c84beb67" target="_blank" rel="noopener">
<img
class="hs-cta-img"
id="hs-cta-img-b83af7d5-3ed6-4df2-8430-f7fc696cc889"
style="border-width: 0px"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/cta/b83af7d5-3ed6-4df2-8430-f7fc696cc889.png"
alt="Daftar Sekarang"
/>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
<script>
$('.proses-slick').slick({
infinite: true,
slidesToShow: 4,
slideToScroll: 1,
speed: 300,
autoplay: false,
arrows: true,
dots: false,
responsive: [
{
breakpoint: 1204,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
},
},
{
breakpoint: 767,
settings: {
centerMode: true,
centerPadding: '30px',
slidesToShow: 1,
slidesToScroll: 1,
},
},
],
});
</script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-7">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_164067648932747"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<div class="program-journey">
<div class="page-center">
<div class="container-journey">
<div class="journey__title">
<h2 class="font-title-journey">Program Journey</h2>
<p class="font-subtitle-journey">Kegiatan yang dilalui selama program berlangsung</p>
</div>
<div class="journey__content">
<div class="faq-wrap2" id="accordion2">
<div class="accordion2">
<div class="wrapping-acc">
<div class="icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Program%20Journey/ic_programjourney.png" alt="icon" />
</div>
<div class="text-acc">Onboarding</div>
</div>
</div>
<div class="panel2">
<div class="panel-hr"> </div>
<p class="font-panel2">
Peserta akan mengikuti onboarding dengan tim HR dan dengan mentor masing-masing dari peserta untuk memperkenalkan visi, misi, dan
<i>value</i>
perusahaan, serta menyelaraskan ekspektasi dan tujuan selama program berjalan
</p>
</div>
<div class="accordion2">
<div class="wrapping-acc">
<div class="icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Program%20Journey/ic_programjourney-1.png" alt="icon" />
</div>
<div class="text-acc">Program</div>
</div>
</div>
<div class="panel2">
<div class="panel-hr"> </div>
<p class="font-panel2">
<b>Program Magang</b>
<br />
</p>
<p class="font-panel2">
Proses pembelajaran yang berbasis aktivitas bisnis yang sesungguhnya di dalam operasi perusahaan sehari hari, dengan dimentori oleh ahli profesional industri.
</p>
<br />
<p class="font-panel2">
<b>Program Studi Independent</b>
</p>
<p class="font-panel2">
Program pembelajaran dengan metode
<i>synchronous</i>
dan
<i>asynchronous</i>
, dengan final project di setiap program yang didesain menggunakan
<i>project based-learning</i>
yang disesuaikan dengan
<i>case</i>
yang ada di perusahaan.
</p>
</div>
<div class="accordion2">
<div class="wrapping-acc">
<div class="icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Program%20Journey/ic_programjourney-2.png" alt="icon" />
</div>
<div class="text-acc">Development & Engangement</div>
</div>
</div>
<div class="panel2">
<div class="panel-hr"> </div>
<p class="font-panel2"><b>Growth Journal</b></p>
<p class="font-panel2">
Sebagai mekanisme refleksi, monitoring, dan evaluasi, peserta akan memperoleh
<i>Growth Journal</i>
, di mana peserta dapat menuliskan:
<i>progress</i>
dari perkembangan diri, pencapaian, dan evaluasi diri selama program per bulannya. Jurnal ini akan menjadi bahan diskusi (referensi) untuk kegiatan mentoring/ 1 on 1
bersama mentor & HR
</p>
<br />
<p class="font-panel2">
<b>Pelatihan Reguler</b>
</p>
<p class="font-panel2">
Pelatihan secara reguler setiap bulannya untuk pengembangan kompetensi umum seperti
<i>leadership, communication, analytical and strategic thinking.</i>
</p>
<br />
<p class="font-panel2">
<b>Pelatihan spesifik sesuai bidang kerja</b>
</p>
<p class="font-panel2">Pelatihan spesifik sesuai bidang kerja yang diselenggarakan oleh divisi masing-masing</p>
</div>
<div class="accordion2">
<div class="wrapping-acc">
<div class="icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kampus%20Merdeka%20RG/Program%20Journey/ic_programjourney-3.png" alt="icon" />
</div>
<div class="text-acc">Offboarding</div>
</div>
</div>
<div class="panel2">
<div class="panel-hr"> </div>
<p class="font-panel2">
Peserta akan mengikuti program
<i>Graduation</i>
pada minggu terakhir sebagai wadah apresiasi dan selebrasi terhadap pencapaian peserta selama 5 bulan terakhir.
</p>
<p class="font-panel2">Peserta mendapatkan kesempatan memperoleh penawaran kerja penuh waktu di Ruangguru</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="faq-section">
<div class="page-center">
<div class="container-faq">
<div class="faq__title">
<h2 class="font-subtitle">Frequently Asked Questions</h2>
</div>
<div class="faq__content">
<div class="faq-nav-wrap">
<div class="faq-nav" faq-data="magang">Magang Bersetifikat</div>
<div class="faq-nav aktif" faq-data="studi">Studi Independent Bersertifikat</div>
</div>
<div class="faq-wrap" id="accordion">
<div class="faq-content" faq-data="magang">
<div class="accordion">
<p class="font-accordion">Apa saja manfaat dari mengikuti program Magang di Ruangguru?</p>
</div>
<div class="panel">
<p class="font-panel">
Peserta program magang akan mengembangkan keahlian-keahlian praktis yang dapat membantu merintis karir di industri teknologi digital. Peserta diberikan kesempatan untuk
belajar dari ahli internal serta dilibatkan dalam proyek-proyek strategis, sehingga mendapatkan pengalaman bekerja yang mendalam dan berbobot. Ruangguru juga
menyediakan uang saku bulanan, akses ke platform pengembangan diri
<i>online</i>
, serta kesempatan bergabung dengan Ruangguru pasca berakhirnya program magang.
</p>
</div>
<div class="accordion">
<p class="font-accordion">Apa kriteria untuk mengikuti program ini?</p>
</div>
<div class="panel">
<p class="font-panel">
Mahasiswa S1 minimal semester 5 dari semua perguruan tinggi negeri maupun swasta yang terdaftar pada PDDikti. Persyaratan jurusan untuk masing-masing pilihan studi
dapat dilihat pada halaman pilihan studi.
</p>
</div>
<div class="accordion">
<p class="font-accordion">Apakah program ini dapat menjamin penyetaraan dengan 20 SKS?</p>
</div>
<div class="panel">
<p class="font-panel">
Tidak. Namun Ruangguru bersama Kemendikbud akan memberikan rekomendasi bagi universitas asal untuk menyetarakan program ini dengan 20 SKS bagi peserta yang sudah
menyelesaikan program. Anda harus memperoleh izin dari universitas sebelum mendaftar program ini dan proses penyetaraan 20 SKS (
<i>credit transfer</i>
atau
<i>credit earning</i>
) adalah tanggung jawab Anda sendiri.
</p>
</div>
<div class="accordion">
<p class="font-accordion">
Apakah lulusan program ini dapat langsung diterima menjadi
<i>part-timer</i>
atau
<i>full-timer</i>
di Ruangguru?
</p>
</div>
<div class="panel">
<p class="font-panel">
Salah satu tujuan program Magang di Ruangguru adalah mempersiapkan peserta untuk dikonversikan menjadi karyawan
<i>part-time</i>
atau
<i>full-time</i>
pasca berakhirnya program. Namun, hal ini bergantung pada performa setiap peserta serta ketersediaan posisi di dalam tim.
</p>
</div>
<div class="accordion">
<p class="font-accordion">Kapan program Magang dimulai?</p>
</div>
<div class="panel">
<p class="font-panel">Program Magang Bersertifikat di Ruangguru akan dimulai pada bulan Februari 2022, dan akan berlangsung selama 5 bulan.</p>
</div>
<div class="accordion">
<p class="font-accordion">Apa perbedaan program Magang Kampus Merdeka dengan Learning Acceleration Program (LEAP)?</p>
</div>
<div class="panel">
<p class="font-panel">
Ruangguru hanya memiliki satu program magang, yakni Learning Acceleration Program (LEAP), dengan dua jalur pendaftaran yakni melalui Kampus Merdeka dan secara mandiri.
Peserta yang mendaftar melalui Kampus Merdeka dapat mengkonversikan periode magang sebagai SKS, dengan jumlah yang disepakati oleh pihak program studi masing-masing.
Peserta Kampus Merdeka juga akan mendapatkan periode magang lebih lama yakni selama 1 semester atau di kisaran 5 bulan, sementara peserta mandiri akan mendapatkan
periode magang selama 3 bulan.
</p>
</div>
<div class="accordion">
<p class="font-accordion">Apakah posisi magang yang saya pilih harus sesuai dengan latar belakang pendidikan di perguruan tinggi?</p>
</div>
<div class="panel">
<p class="font-panel">
Kami membebaskan calon peserta program untuk memilih posisi magang sesuai dengan minat masing-masing. Namun, setiap peserta akan kemudian bertanggung jawab untuk
memastikan pihak program studi dapat mengakui konversi SKS dari posisi yang dipilih.
</p>
</div>
<div class="accordion">
<p class="font-accordion">Apakah peserta program dapat mengikuti magang di perusahaan lain pada saat bersamaan?</p>
</div>
<div class="panel">
<p class="font-panel">
Peserta yang terpilih mengikuti program Magang di Ruangguru diharapkan dapat berkomitmen terhadap posisi yang diambil, supaya menghasilkan proses pembelajaran yang
optimal dan memperbesar peluang untuk dapat dikonversi menjadi 20 SKS di kampus.
</p>
</div>
</div>
<div class="faq-content aktif" faq-data="studi">
<div class="accordion">
<p class="font-accordion">Apa saja manfaat dari mengikuti program Studi Independen dari Ruangguru?</p>
</div>
<div class="panel">
<p class="font-panel">
Peserta program studi independen akan memperoleh ilmu dan kemampuan esensial yang aplikatif, kesempatan untuk belajar bersama para praktisi dan
<i>experts</i>
, kesempatan untuk bergabung dengan tim Ruangguru, dan kesempatan untuk memperoleh konversi 20 SKS yang dapat diakui oleh Universitas masing-masing
</p>
</div>
<div class="accordion">
<p class="font-accordion">Apa kriteria untuk mengikuti program ini?</p>
</div>
<div class="panel">
<p class="font-panel">
Mahasiswa S1 semester 4-6 dari semua perguruan tinggi negeri maupun swasta yang terdaftar pada PDDikti. Persyaratan jurusan untuk masing-masing pilihan studi dapat
dilihat pada halaman pilihan studi.
</p>
</div>
<div class="accordion">
<p class="font-accordion">Apakah program ini dapat menjamin penyetaraan dengan 20 SKS?</p>
</div>
<div class="panel">
<p class="font-panel">
Tidak. Namun Ruangguru bersama Kemendikbud akan memberikan rekomendasi bagi universitas asal untuk menyetarakan program ini dengan 20 SKS bagi peserta yang sudah
menyelesaikan program. Anda harus memperoleh izin dari universitas sebelum mendaftar program ini dan proses penyetaraan 20 SKS (
<i>credit transfer</i>
atau
<i>credit earning</i>
) adalah tanggung jawab Anda sendiri.
</p>
</div>
<div class="accordion">
<p class="font-accordion">
Apakah lulusan program ini dapat langsung diterima menjadi
<i>part-timer</i>
atau
<i>full-timer</i>
di Ruangguru?
</p>
</div>
<div class="panel">
<p class="font-panel">
Tidak. Namun hal ini tidak menutup kemungkinan untuk langsung bergabung menjadi tim Ruangguru terutama bagi para peserta yang menunjukkan performa yang baik selama
program berlangsung.
</p>
</div>
<div class="accordion">
<p class="font-accordion">
Bagaimana
<i>timeline</i>
dari program Studi Independen Ruangguru?
</p>
</div>
<div class="panel">
<p class="font-panel">
Timeline program Studi Independen Ruangguru akan mengikuti timeline program Studi Independen dari Kemendikbud. Pendaftaran program akan ditutup tanggal 21 Januari 2022.
Pertemuan pertama para para peserta program ini akan dimulai pada minggu ke-2 bulan Februari 2022.
</p>
</div>
<div class="accordion">
<p class="font-accordion">Apa saja kurikulum yang diajarkan dalam program Studi Independen Ruangguru?</p>
</div>
<div class="panel">
<p class="font-panel">
Anda dapat mengaksesnya ke link berikut
<a href="https://bit.ly/kurikulum-studiindependenruangguru" target="_blank" rel="nofollow">bit.ly/kurikulum-studiindependenruangguru</a>
.
</p>
</div>
<div class="accordion">
<p class="font-accordion">Bolehkah saya mendaftar lebih dari 1 pilihan studi?</p>
</div>
<div class="panel">
<p class="font-panel">Tidak. Anda hanya boleh mendaftar 1 pilihan studi.</p>
</div>
<div class="accordion">
<p class="font-accordion">Selama mengikuti program ini apakah saya diperbolehkan untuk tetap mengikuti kegiatan perkuliahan di kampus?</p>
</div>
<div class="panel">
<p class="font-panel">Mahasiswa diharapkan untuk berkomitmen dan fokus dalam mengikuti program ini, oleh sebab itu program dapat dikonversi hingga mencapai 20 SKS</p>
</div>
<div class="accordion">
<p class="font-accordion">Apakah program ini berbayar?</p>
</div>
<div class="panel">
<p class="font-panel">Tidak. Peserta program ini tidak perlu membayar sama sekali.</p>
</div>
<div class="accordion">
<p class="font-accordion">Apakah pilihan studi harus sesuai dengan jurusan saya?</p>
</div>
<div class="panel">
<p class="font-panel">Masing-masing pilihan studi memiliki persyaratan yang berbeda-beda. Silakan cek masing-masing pilihan studi untuk informasi lengkapnya.</p>
</div>
<div class="accordion">
<p class="font-accordion">Siapa saja yang akan membimbing saya selama program ini?</p>
</div>
<div class="panel">
<p class="font-panel">
Ruangguru menyediakan Star Mentor, Guest Mentor, dan juga mentor individu. Star mentor merupakan para anggota
<i>management team</i>
dari Ruangguru. Guest Mentor terdiri dari para
<i>experts</i>
atau profesor pada tingkat nasional maupun internasional. Mentor individu akan mendampingi peserta selama keberjalanan program.
</p>
</div>
<div class="accordion">
<p class="font-accordion">Apakah program ini dilaksanakan secara daring/luring?</p>
</div>
<div class="panel">
<p class="font-panel">Seluruh program Studi Independen Ruangguru akan dilaksanakan secara daring</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
$('.faq-nav').click(function () {
$('.faq-nav').removeClass('aktif');
$('.faq-content').removeClass('aktif');
$(this).addClass('aktif');
$(".faq-content[faq-data='" + $(this).attr('faq-data') + "']").addClass('aktif');
});
// Start Accordion
var acc = document.getElementsByClassName('accordion');
var i;
for (i = 0; i < acc.length; i++) {
acc[i].addEventListener('click', function () {
var elems = document.getElementsByClassName('accordion');
for (var it of elems) {
it.classList.remove('active');
it.nextElementSibling.style.minHeight = null;
}
this.classList.toggle('active');
var panel = this.nextElementSibling;
if (panel.style.minHeight) {
panel.style.minHeight = null;
} else {
var heights = panel.scrollHeight + 16;
panel.style.minHeight = heights + 'px';
this.nextUntil().addClass('close');
}
});
}
var acc2 = document.getElementsByClassName('accordion2');
var i2;
for (i2 = 0; i2 < acc.length; i2++) {
acc2[i2].addEventListener('click', function () {
var elems = document.getElementsByClassName('accordion2');
for (var it2 of elems) {
it2.classList.remove('active');
it2.nextElementSibling.style.minHeight = null;
}
this.classList.toggle('active');
var panel = this.nextElementSibling;
if (panel.style.minHeight) {
panel.style.minHeight = null;
} else {
var heights = panel.scrollHeight + 16;
panel.style.minHeight = heights + 'px';
this.nextUntil().addClass('close');
}
});
}
</script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end body -->
</div>
<!--end body wrapper -->
<style>.footer__year {
padding-top: 5rem;
}
.ic-new__img {
margin: auto 0;
display: flex;
}
.ic-new__img img {
width: fit-content;
}
.font-base-footer {
font-family: Inter, 'sans-serif';
font-weight: 400;
font-size: 14px !important;
font-style: normal;
letter-spacing: 0;
color: #0a2540;
margin-bottom: 0;
}
.font-bold {
font-weight: 700;
}
.font-white {
color: #fff !important;
}
.font-semi-bold {
font-weight: 600;
}
.center {
text-align: center;
}
.footer {
background: #0a2540 !important;
overflow: hidden;
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Helvetica Neue,
Arial,
Noto Sans,
sans-serif,
Apple Color Emoji,
Segoe UI Emoji,
Segoe UI Symbol,
Noto Color Emoji;
}
.contact__container {
display: grid;
grid-template-columns: 2fr 11fr;
gap: 0.625rem;
word-break: break-all;
}
.contact__container--text {
margin: auto 0;
}
.group-contact {
display: grid;
row-gap: 0.5rem;
}
.sec-follow__content--socmed {
display: inline-flex;
}
.sec-follow__content--socmed a {
padding-right: 0.25rem;
}
.ic-new {
display: inline-flex;
width: max-content;
gap: 0.25rem;
}
@media (min-width: 1025px) {
.sec-address__detail {
margin: 1rem 0 2rem;
padding-right: 2rem;
}
.sec-follow {
margin-top: -10rem;
}
.title {
font-size: 48px;
line-height: 64px;
}
.subtitle {
font-size: 32px;
line-height: 48px;
text-align: center;
}
.desc-hero {
font-size: 24px;
line-height: 36px;
margin-top: 20px;
}
.desc {
font-size: 16px;
line-height: 24px;
}
.footer {
padding: 5rem 0 1.5rem;
}
.footer__title {
font-size: 1rem;
margin-bottom: 1rem;
min-height: 1.25rem;
}
.footer__title--hq {
font-size: 1rem;
}
.footer__content--top {
display: grid;
grid-template-columns: 3fr 9fr;
}
.sec-menu {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.sec-app__content {
display: grid;
gap: 0.75rem;
}
.footer__content--bottom {
display: grid;
grid-template-columns: 9.75fr 2.25fr;
}
}
@media (max-width: 1024px) {
.sec-address__detail {
margin: 1rem 0 2rem;
}
.sec-app {
margin-bottom: 2.625rem;
text-align: center;
}
.title {
font-size: 24px;
line-height: 36px;
}
.subtitle {
font-size: 20px;
line-height: 30px;
text-align: center;
}
.desc-hero {
font-size: 16px;
line-height: 24px;
margin-top: 1rem;
}
.desc {
font-size: 14px;
line-height: 27px;
}
.footer {
padding: 2rem 0;
}
.sec-app__content {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 0.5rem;
margin-top: 1rem;
}
.sec-menu {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
.sec-follow {
text-align: center;
}
.footer__title {
padding-bottom: 0.75rem;
}
}
ul.no-space {
padding: 0;
}
ul.no-space li {
margin-bottom: 0.25rem;
}
.contact__container--text a,
ul.no-space a {
text-decoration: none;
}
.contact__container--text a:hover,
ul.no-space a:hover {
color: #2eb5c0 !important;
}
div.sec-address__logo img,
div.ic-new__img img {
display: inline-block;
}
.sec-app__content img {
max-width: 100%;
}
</style>
<section class="footer " id="footer">
<div class="page-center">
<div class="footer__content">
<div class="footer__content--top">
<div class="sec-app">
<div class="sec-address">
<div class="sec-address__logo">
<a href="https://www.ruangguru.com/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/logo%20rg.svg" alt="Logo Ruangguru" loading="lazy" />
</a>
</div>
<div class="sec-address__detail">
<p class="font-base-footer font-white font-bold footer__title--hq">RUANGGURU HQ</p>
<p class="font-base-footer font-white footer-address">Gedung Sinarmas MSIG Tower Lt. 33. Jl. Jenderal Sudirman Kav. 21, Karet Kuningan, Setiabudi, Jakarta Selatan, Jakarta 12920</p>
</div>
</div>
<p class="font-base-footer font-white font-bold footer__title">Coba GRATIS Aplikasi Ruangguru</p>
<div class="sec-app__content">
<div class="sec-app__content--gplay">
<a target="_blank" rel="nofollow" href="https://play.google.com/store/apps/details?id=com.ruangguru.livestudents&hl=in">
<img
class="footer-socmed"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/btn_googleplay%20(1).svg"
loading="lazy"
alt="Button Google Play Footer "
/>
</a>
</div>
<div class="sec-app__content--appstore">
<a target="_blank" rel="nofollow" href="https://apps.apple.com/id/app/ruangguru-solusi-belajar/id1099742206?l=id">
<img
class="footer-socmed"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/btn_appstore%20(1).svg"
loading="lazy"
alt="Button App Store Footer "
/>
</a>
</div>
<div class="sec-app__content--huawei">
<a target="_blank" rel="nofollow" href="https://appgallery.huawei.com/#/app/C102352375">
<picture>
<source type="image/webp" srcset="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png?convert=webp " />
<source type="image/png" srcset="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png " />
<img class="footer-socmed" src="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png" alt="Button AppGallery Footer" loading="lazy" width="156" />
</picture>
</a>
</div>
</div>
</div>
<div class="sec-menu">
<div class="sec-menu__rg">
<p class="font-base-footer font-white font-bold footer__title">Produk Ruangguru</p>
<ul type="none" class="no-space">
<li>
<a class="font-base-footer font-white" href="https://roboguru.ruangguru.com" target="_blank">Roboguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/roboguruplus">Roboguru Plus</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/dafa-lulu">Dafa dan Lulu</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/for-kids">Ruangguru for Kids</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/bisnis">Ruangguru for Business</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/ruanguji">Ruanguji</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/blog/">Ruangbaca</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/ruangkelas">Ruangkelas</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/ruangbelajar">Ruangbelajar</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://pengajar.ruangguru.com/">Ruangpengajar</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/privat">Ruangguru Privat</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangpeduli.org/" target="_blank">Ruangpeduli</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/airis">Airis</a>
</li>
</ul>
</div>
<div class="sec-menu__lainnya">
<p class="font-base-footer font-white font-bold footer__title">Produk Lainnya</p>
<ul type="none" class="no-space">
<li>
<a class="font-base-footer font-white" href="https://www.brainacademy.id/" target="_blank">Brain Academy</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.english-academy.id/" target="_blank">English Academy</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://skillacademy.com/" target="_blank">Skill Academy</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangkerja.id/" target="_blank">Ruangkerja</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.schoters.com/id/" target="_blank">Schoters</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.kalananti.id/" target="_blank">Kalananti</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/mathchamps/" target="_blank">Math Champs</a>
</li>
</ul>
</div>
<div class="sec-menu__bantuan">
<p class="font-base-footer font-white font-bold footer__title">Bantuan & Panduan</p>
<ul type="none" class="no-space">
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/company-credentials">Company Credentials</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/beasiswa">Beasiswa Ruangguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/cicilan">Cicilan Ruangguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/promo">Promo Ruangguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://ticketing.ruangguru.com/help?request_type_id=459" target="_blank">Vulnerability Report</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/bantuan#layanan">Layanan Pengaduan</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/terms-conditions">Syarat & Ketentuan</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/privacy-policy">Kebijakan Privasi</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/about-us">Tentang Kami</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/contact-us">Kontak Kami</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/press">Press Kit</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/bantuan">Bantuan</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://career.ruangguru.com/">Karier</a>
</li>
</ul>
</div>
<div class="sec-menu__contact">
<p class="font-base-footer font-white font-bold footer__title">Hubungi Kami</p>
<div class="group-contact">
<div class="contact__container">
<div class="contact__container--img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-mail.svg" loading="lazy" alt="Logo Email Footer" />
</div>
<div class="contact__container--text">
<a class="font-base-footer font-white" href="mailto:info@ruangguru.com">info@ruangguru.com</a>
</div>
</div>
<div class="contact__container">
<div class="contact__container--img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-phone.svg" loading="lazy" alt="Logo Phone Footer" />
</div>
<div class="contact__container--text">
<a class="font-base-footer font-white" href="tel:02130930000">02130930000</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer__content--bottom">
<div></div>
<div class="sec-follow">
<p class="font-base-footer font-white font-bold footer__title">Ikuti Kami</p>
<div class="sec-follow__content">
<div class="sec-follow__content--socmed">
<a target="_blank" href="https://www.instagram.com/ruangguru/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-ig.svg?convert=webp" loading="lazy" alt="Logo Instagram Footer" />
</a>
<a target="_blank" href="https://www.facebook.com/ruanggurucom/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-fb.svg?convert=webp" loading="lazy" alt="Logo Facebook Footer" />
</a>
<a target="_blank" href="https://twitter.com/ruangguru/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-twitter.svg?convert=webp" loading="lazy" alt="Logo Twitter Footer" />
</a>
<a target="_blank" href="https://www.youtube.com/ruangguru">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-youtube.svg?convert=webp" loading="lazy" alt="Logo Youtube Footer" />
</a>
<a target="_blank" href="https://www.linkedin.com/company/ruangguru-com">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-linkedin.svg?convert=webp" loading="lazy" alt="Logo LinkedIn Footer" />
</a>
<a target="_blank" href="https://www.tiktok.com/@ruangguru">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/tiktok-ic-white-40.svg?convert=webp" loading="lazy" alt="Logo TikTok Footer" />
</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer__year">
<p class="font-base-footer font-white font-bold center">
©
<span id="full-year"></span>
Ruangguru. All Rights Reserved PT. Ruang Raya Indonesia
</p>
</div>
</div>
</section>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/39227318886/1661845605588/module_39227318886_header-homepage-ruangguru-2021.min.js"></script>
<script type="text/javascript">
var hsVars = {
render_id: '38bb6410-960f-4955-957e-84ba2e7a3be5',
ticks: 1684631518396,
page_id: 63193269130,
content_group_id: 0,
portal_id: 2828691,
app_hs_base_url: 'https://app.hubspot.com',
cp_hs_base_url: 'https://cp.hubspot.com',
language: 'id',
analytics_page_type: 'landing-page',
analytics_page_id: '63193269130',
category_id: 1,
folder_id: 0,
is_hubspot_user: false,
};
</script>
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
<!-- Load CSS for all versions -->
<script>
// CSS loading function available for all versions
function loadFloatingCSS() {
// Check if CSS is already loaded
if (document.getElementById('fb-component-css')) {
return;
}
// Create and append CSS style block to head
const style = document.createElement('style');
style.id = 'fb-component-css';
style.textContent = `
.bantuan-container {
position: relative;
}
.bantuan-element {
position: fixed;
z-index: 999;
display: flex;
align-items: flex-end;
justify-content: flex-end;
cursor: pointer;
transition: all 0.6s ease;
}
.bantuan-top {
bottom: 11rem;
right: 2rem;
}
.bantuan-bottom {
bottom: 2rem;
right: 2rem;
}
.bantuan-top-2 {
bottom: 15rem;
right: 2rem;
}
.bantuan-top-3 {
bottom: 19rem;
right: 2rem;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 2rem;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 2rem;
}
@media (min-width: 768px) {
.bantuan-element img {
width: auto;
transition: all 0.4s ease;
}
.bantuan-top img {
width: 140px;
}
.bantuan-bottom img {
width: 140px;
}
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 140px;
}
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 140px;
}
.bantuan-element.clicked {
bottom: 9rem;
right: 2.5rem;
}
.bantuan-element.clicked img {
width: auto;
height: 64px;
}
}
@media (max-width: 767px) {
.bantuan-top {
bottom: 8rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom {
bottom: 2rem;
right: 1.25rem;
align-items: center;
}
.bantuan-top-2 {
bottom: 12rem;
right: 1rem;
align-items: center;
}
.bantuan-top-3 {
bottom: 16rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 1.25rem;
align-items: center;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 1.25rem;
align-items: center;
}
.bantuan-element img {
width: auto;
}
.bantuan-top img,
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 96px;
}
.bantuan-bottom img,
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 96px;
}
}
.bantuan-element:hover {
transform: scale(1.05);
}
.bantuan-element img {
max-width: 100%;
height: auto;
}
`;
document.head.appendChild(style);
}
// Load CSS immediately
loadFloatingCSS();
</script>
<div id="bantuan-divs-container" style="position: relative" data-product="ruangguru" data-table=""></div>
<script>
class FloatingDivsComponent {
constructor(product = 'ruangguru', table = 'rg_promo_banner') {
this.container = document.getElementById('bantuan-divs-container');
this.floatingElements = [];
this.product = product;
this.table = table;
// Configuration
this.config = {
baseApiUrl: 'https://gw.ruangguru.com/api/v3/rdb/p_ddgy8hjx5dxsqx/rg_banner/views/',
apiKey: 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
maxElements: 2,
zIndexBase: 100,
};
// Build dynamic API URL based on table parameter
this.config.apiUrl = this.buildApiUrl();
this.init();
}
buildApiUrl() {
const baseUrl = this.config.baseApiUrl;
const tableName = this.table || 'rg_promo_banner';
const queryParams =
'offset=0&limit=99999&sort=rankPosition&where=(type,eq,floating)~and(showIn,anyof,landingPage)~and(hide,is,false)~and(product,eq,' +
this.product +
')&nested%5Bcta%5D%5Bfields%5D=Id,name,ctaId,imageUrl,ctaLink,targetUrl';
return `${baseUrl}${tableName}?${queryParams}`;
}
async init() {
try {
await this.fetchFloatingElements();
this.renderFloatingElements();
} catch (error) {
console.error('Failed to initialize floating divs component:', error);
}
}
async fetchFloatingElements() {
try {
const options = {
method: 'GET',
headers: {
'xc-token': this.config.apiKey || 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
},
};
const urlNoco = this.config.apiUrl;
const response = await fetch(urlNoco, options);
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
const data = await response.json();
this.floatingElements = this.processApiResponse(data);
} catch (error) {
console.error('Error fetching floating elements:', error);
throw error;
}
}
processApiResponse(data) {
if (!data || !data.list || !Array.isArray(data.list)) {
return [];
}
// Ensure we only get maximum 2 elements
const limitedElements = data.list.slice(0, this.config.maxElements);
return limitedElements;
}
renderFloatingElements() {
if (!this.container || this.floatingElements.length === 0) {
return;
}
// Additional safeguard: ensure we never render more than maxElements
const elementsToRender = this.floatingElements.slice(0, this.config.maxElements);
// Clean up existing elements and their event listeners
this.cleanupExistingElements();
// Clear existing content
this.container.innerHTML = '';
elementsToRender.forEach((element, index) => {
const floatingDiv = this.createFloatingDiv(element, index);
this.container.appendChild(floatingDiv);
});
}
cleanupExistingElements() {
// Clear existing elements (no need for event listener cleanup with CSS approach)
const existingElements = this.container.querySelectorAll('[data-floating-element]');
existingElements.forEach(element => {
element.remove();
});
}
createFloatingDiv(element, index) {
const div = document.createElement('div');
const cta = element.cta[0]; // Use the first CTA
// Add data attribute for cleanup tracking
div.setAttribute('data-floating-element', 'true');
// Apply CSS classes based on rankPosition
const positionClass = this.getPositionClass(element.rankPosition, index);
div.className = `bantuan-element ${positionClass}`;
div.style.zIndex = this.config.zIndexBase + index;
// Create the link and image
const link = document.createElement('a');
link.href = 'https://cta.ruangguru.com/' + cta.ctaId || '#';
link.target = '_blank';
// Add tracking attributes
link.setAttribute('data-tracking-event-type', 'landing_page__core__item_click');
link.setAttribute(
'data-tracking-context',
JSON.stringify({
product_name: this.product,
cta_action: 'redirection',
cta_action_detail: link.href,
item_type: 'floating',
item_name: element.name || 'Floating element',
item_category: 'payment',
item_position: index,
item_serial: null,
section_type: 'floating_item',
section_position: 'body',
section_name: 'floating_item',
})
);
const img = document.createElement('img');
img.src = element.imageUrl + '?h=200&convert=webp';
img.alt = element.name || 'Floating element';
img.loading = 'lazy';
// Add click tracking
link.addEventListener('click', () => {
this.trackClick(element, cta);
});
link.appendChild(img);
div.appendChild(link);
return div;
}
getPositionClass(rankPosition, index) {
// Define positioning classes based on rankPosition
if (rankPosition === 1) {
return 'bantuan-top'; // Top position
} else if (rankPosition === 2) {
return 'bantuan-bottom'; // Bottom position
} else {
// For additional elements, distribute them evenly
return `bantuan-${index % 2 === 0 ? 'top' : 'bottom'}-${Math.floor(index / 2) + 1}`;
}
}
trackClick(element, cta) {
// Implement click tracking logic here
console.log('Floating element clicked:', {
elementId: element.Id,
elementName: cta.name,
ctaId: cta.ctaId,
targetUrl: cta.targetUrl,
});
}
// Public method to manually refresh
async refresh() {
try {
await this.fetchFloatingElements();
this.renderFloatingElements();
} catch (error) {
console.error('Failed to refresh floating elements:', error);
throw error;
}
}
// Public method to get current floating elements
getFloatingElements() {
return [...this.floatingElements];
}
}
// Initialize the component when DOM is ready
document.addEventListener('DOMContentLoaded', () => {
// Get product and table parameters from data attributes
const container = document.getElementById('bantuan-divs-container');
const product = container.getAttribute('data-product') || 'ruangguru';
const table = container.getAttribute('data-table') || 'rg_promo_banner';
new FloatingDivsComponent(product, table);
});
// Export for use in other modules if needed
if (typeof module !== 'undefined' && module.exports) {
module.exports = FloatingDivsComponent;
}
</script>
<script>
if (window.location.href.indexOf('blog') <= -1 && window.location.href.indexOf('webview') <= -1) {
// select the button
console.log('yoads');
const zendeskButton = document.querySelector('.zendesk-button');
const zendeskContainer = document.querySelector('.bantuan');
// add the script to the page
const loadZendeskScript = () => {
const idSnippet = document.getElementById('ze-snippet');
if (idSnippet !== null) {
} else {
const zenDeskScript = document.createElement('script');
zenDeskScript.id = 'ze-snippet';
zenDeskScript.src = 'https://static.zdassets.com/ekr/snippet.js?key=a2ac30ed-dd6d-47f6-99ba-0d5aeae351a0';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] || document.getElementsByTagName('script')[0].parentNode).insertBefore(zenDeskScript, null);
}
};
// a poller that waits for a condition and executes a callback
const poller = (comparison, callback, timerStep = 250, maxTime = 5000) => {
let currTime = 0;
const checkCondition = () => {
// `comparison` is a function so the condition is always up-to-date
if (comparison() === true) {
callback();
} else if (currTime <= maxTime) {
currTime += timerStep;
setTimeout(checkCondition, timerStep);
}
};
checkCondition(); // calling the function
};
// load the script and execute a callback if provided
const loadZendeskChat = callback => {
loadZendeskScript();
if (callback) {
callback();
}
};
// this function opens the chat
const openZendeskChat = () => {
poller(
() => {
// check that zendesk-related functions are available
return typeof zE !== 'undefined';
},
() => {
// open the widget
zE('messenger', 'open');
poller(
() => {
// check that the elements exist and that the opacity is already set to "1"
const launcher = document.querySelector('#launcher');
const webWidget = document.querySelector('#webWidget');
return launcher !== null && webWidget !== null && webWidget.style.opacity === '1';
},
() => {
// hide the fake button
zendeskButton.style.opacity = '0';
// save in localStorage
localStorage.setItem('zd_hasOpened', 'true');
}
);
}
);
};
// zendesk management
if (localStorage.getItem('zd_hasOpened')) {
// load the zendesk widget if we find that it was opened
loadZendeskChat();
} else {
// show the fake button if it's the first time it shows
zendeskButton.style.opacity = '1';
}
// This will run when the .zendesk-button element is clicked
zendeskButton.addEventListener('click', () => {
// load the zendesk widget
// open the widget and hide the fake button
const btnValue = zendeskButton.getAttribute('target-value');
let currUrl = window.location.href;
let productName = currUrl.split('/')[3] == '' ? 'ruangguru' : currUrl.split('/')[3].split('?')[0];
setTimeout(function () {
Analytics.track('landing_page__core__item_click', {
product_name: productName,
cta_action: 'widget',
cta_action_detail: 'widget_chat_to_customer_service',
item_type: 'floating',
item_name: 'Klaim Diskon',
item_category: 'leads_gathering',
item_position: 0,
item_serial: null,
section_type: 'floating_item',
section_position: 'body',
section_name: 'floating_item',
});
}, 0);
if (window.matchMedia('(max-width: 767px)').matches) {
loadZendeskChat(openZendeskChat);
} else {
if (btnValue == 'close') {
loadZendeskChat(openZendeskChat);
zendeskButton.setAttribute('target-value', 'open');
} else {
zE('messenger', 'close');
zendeskButton.setAttribute('target-value', 'close');
}
zendeskContainer.classList.toggle('clicked');
}
});
} else {
const zendeskContainer = document.querySelector('.bantuan');
zendeskContainer.style.display = 'none';
}
</script>
<script>
$('meta[name=author]').remove();
$('head').append('<meta name="author" content="Ruangguru Tech Team">');
</script>
<!-- Tracker -->
<script src="https://unpkg.com/analytics@0.8.1/dist/analytics.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/analytics-plugin-trackable/dist/analytics-plugin-trackable.min.js"></script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N8DPXH6" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<script type="text/javascript" defer>
/* Initialize analytics */
var Analytics = _analytics.init({
app: 'brainAcademyLandingPage',
debug: false,
plugins: [analyticsTrackable()],
});
Analytics.ready(function () {
Analytics.page();
});
</script>
<!-- Generated by the HubSpot Template Builder - template version 1.03 -->
</body>
</html>