Kenalan sama Vannes, yuk! Peserta COC Season 2 sekaligus mahasiswa NTU yang hobi coding dan berprestasi di dunia teknologi. Simak kisah inspiratifnya di sini!
—
Kalau ngomongin soal angka dan logika, Vannes udah kayak mesin pemecah teka-teki yang jawabannya pasti benar. Jago matematika sejak dulu, pernah ikut olimpiade, dan sekarang kuliah di Computer Science NTU sambil memamerkan skill programming yang bikin kagum.
Bahkan di babak Death Match: Brain Rush, sebelum soal numeric selesai dibacain Aurora, dia udah tekan bel dan jawabannya tepat! Nggak heran, di Battle of 3: Flickering Sum yang juga penuh hitung-hitungan, dia jadi orang pertama di timnya yang berhasil menjawab soal. Singkatnya, kalau urusan hitungan matematika dan refleks cepat, Vannes ini udah level pro.
Soal prestasi, Vannes nggak kaleng-kaleng, mulai dari kompetisi programming dan coding dari level nasional sampai internasional sudah berhasil ditaklukan.
Pengen tahu rahasia di balik skill dan prestasi keren Vannes? Yuk, intip obrolan eksklusif yang bakal bikin kamu makin kagum sama sosoknya di artikel ini!
Baca Juga: Profil Peserta Clash of Champions (COC) Season 2 Batch 5
Kenal Vannes Lebih Dekat!
(Sumber: dok. Ruangguru)
Biodata Singkat Vannes
Nama Lengkap
Vannes Wijaya
Nama Panggilan
Vannes
Tempat, Tanggal Lahir
Pekanbaru, 20 Desember 2005
Domisili Saat Ini
Singapura
Angkatan Kuliah
2023
Riwayat Pendidikan
- Nanyang Technological University Singapore (NTU), Jurusan Computer Science
- SMAN 8 Pekanbaru
GPA
4.84/5.00
Akun Media Sosial
Hobi
Sepedaan, sambil liat pemandangan.
Prestasi Vannes
- Silver Medal – International Olympiad in Informatics 2023 in Hungary
- Silver Medal – International Olympiad in Informatics 2022 in Indonesia
- 2nd Runner Up – TCS CodeVita XI (Kompetisi programming terbesar di dunia dengan 444.000+ peserta)
- ICPC Asia Hanoi – Silver Medalist, 2024
- ICPC Asia Jakarta – Silver Medalist, 2024
Nah, dari profil singkat tadi, kelihatan banget kalau Vannes ini bukan mahasiswa NTU biasa-biasa aja. Bayangin aja, dia berhasil mengalahkan banyak pesaingnya dan menjadi 2nd runner up di kompetisi programming terbesar di dunia, TCS CodeVita XI, yang pesertanya lebih dari 444.000 dari 94 negara. Selain itu, Vannes juga udah ngantongin medali perak di 34th & 35th International Olympiad in Informatics (IOI), plus medali perak di ICPC Asia Hanoi 2024 dan ICPC Asia Jakarta 2024. Prestasinya udah segambreng, tapi doi tetep humble dan asik diajak ngobrol.
Jadi, gimana sih ceritanya kuliah di NTU? Apa sih yang bikin dia jatuh cinta sama coding? Yuk, langsung aja kita kepoin di QnA eksklusif bareng Vannes berikut ini!
Rahasia Vannes Bisa Masuk NTU
1. Kamu berhasil tembus ke NTU, salah satu kampus terbaik di Asia. Boleh dong ceritain prosesnya dari awal sampai keterima. Ada strategi khusus, persiapan, atau pengalaman yang paling berkesan?
Jawaban:
Sebelum pendaftaran dibuka, udah perlu mulai siap-siap apa aja yang diperlukan, seperti dokumen-dokumen, transkrip, dan ujian bahasa.
Untuk naikin chance masuk, strateginya harus dipersiapkan dari jauh-jauh hari, misalnya mulai bangun portofolio dengan mengikuti lomba lomba, explore bidang bidang yang mungkin menarik buat kamu. Dengan begitu, application kita lebih bisa dilirik oleh pihak universitasnya.
It also helps to contact senior students in that campus to learn about their portfolio when they applied for uni, so you have a clearer picture on what is worth chasing and adding to your portfolio. (Akan sangat membantu juga untuk menghubungi mahasiswa senior di kampus tersebut buat mempelajari portofolio mereka saat mendaftar ke universitas, sehingga kamu bisa dapat gambaran yang lebih jelas tentang hal-hal yang patut dikejar dan ditambahkan ke portofolio kamu.)
2. Dari awal, apakah NTU memang jadi kampus impianmu? Atau dulu sempat mengincar universitas lain juga? Ceritain dong gimana akhirnya kamu memilih NTU sebagai tujuan kuliah.
Jawaban:
Dulu awalnya pengen ke Singapore ya, either NUS atau NTU. Karena Singapore itu masih dekat Indonesia, jadi kalau ada keperluan atau liburan, it is easy to come back home. Other than that, Singapore culture is still very similar to Indonesian culture, so no need to adapt so much 🙂
Pas application result keluar, dua-duanya dapat offer, including scholarship. At the end, aku memilihnya NTU setelah diskusi dan pertimbangan dengan orang tua juga.
Vannes saat kuliah di Singapura (Sumber: instagram @vanneswij)
3. Selama kuliah di NTU, kamu pakai beasiswa atau nggak? Kalau iya, boleh dong dijelasin beasiswa apa, bagaimana cara daftarnya, dan tips buat yang ingin mengikuti jejakmu?
Jawaban:
Pakai ASEAN scholarship. Pendaftarannya itu bersamaan dengan application university juga. Jadi tetap di portal yang sama. Nah untuk daftarnya, perlu tulis beberapa esai tambahan, dan juga dokumen dokumen tambahan.
Setelah screening dokumen, mereka akan undang interview online. Tipsnya ya, be yourself, but the best version of you. Karena di esai dan interview itu, kita harus bisa berekspresi. Part of expressing our thought, juga kita harus ada bayangan future plan kira kira gimana.
However, I know that preparing a solid plan is tough, including for me. So I want to emphasize the importance of interview rehearsal. Whether it is done with your parents, siblings, or teachers, doing rehearsal helps you build and get used to the flow of your answers. Moreover, using online resources and AI-tools to help you generate possible questions with model answers can be beneficial. (Tapi, aku tahu bahwa menyiapkan rencana yang matang itu nggak mudah, termasuk bagi aku. Karena itu, aku mau menekankan pentingnya latihan wawancara. Baik itu sama orang tua, saudara, atau guru, latihan ini membantu kamu membangun dan membiasakan diri dengan alur jawabanmu. Selain itu, menggunakan sumber daya online dan tools AI juga sangat bermanfaat untuk membantu memperkirakan kemungkinan pertanyaan beserta model jawabannya.)
4. Kenapa sih kamu memilih Jurusan Computer Science? Apakah memang dari dulu udah tertarik sama dunia coding, atau ada inspirasi tertentu yang bikin kamu yakin ambil jurusan itu?
Jawaban:
Dulunya aku anak olimpiade matematika. Pas tahu ada yang namanya coding, jujur sangat wow! Karena, dulu di olim math, kalau ketemu angka yang banyak, harus hitung pakai tangan. Tapi sejak ada coding, bisa kasih aja ke komputernya, asalkan kita bisa berikan algoritmanya. Nah, problem solving kayak coming up with algorithms is something that I enjoy, so I decided to take CS major.
5. Gimana cara kamu bisa tetap standout dan bersaing sehat dengan mahasiswa lain yang nggak kalah berprestasi dan ambisius?
Jawaban:
Jujur standout itu sulit. I don’t think “being standout” should be our main priority, because there are many crazy smart students in college. I think it is better to just do your best. Even if you didn’t do as well as them, you knew you put in your best. Regret is only when you don’t give your best.
(Jujur standout itu sulit. Aku nggak mikir, “menjadi standout” harus menjadi prioritas utama kita, karena ada banyak banget mahasiswa yang luar biasa pintar di kampus. Menurutku, lebih baik kita fokus untuk memberikan yang terbaik. Bahkan jika hasilnya tidak sebaik mereka, kamu tahu bahwa kamu sudah berusaha maksimal. Penyesalan hanya datang ketika kamu tidak memberikan usaha terbaikmu.)
6. Kamu aktif di organisasi kampus nggak, Vannes? Kalau iya, kegiatan apa aja yang kamu ikuti dan apa manfaatnya buat pengembangan diri kamu?
Jawaban:
Aku nggak gitu aktif sih, cuma ikut 1-2 organisasi per academic year, dan komitmennya juga nggak gitu besar. This year I joined the IT committee of our computing school club. It is nice to meet new people there and do work together, learn from different culture. However, we need to do this on top of our study and other life matters. So I decided to only join what I can join lah, and not overextend myself.
(Aku nggak gitu aktif sih, cuma ikut 1-2 organisasi per academic year, dan komitmennya juga nggak gitu besar. Tahun ini, aku bergabung di komite IT dari klub sekolah komputasi kami. Seneng rasanya bisa bertemu orang-orang baru di sana, bekerja sama, dan belajar dari berbagai budaya. Namun, semua itu harus dilakukan di luar kesibukan kuliah dan urusan hidup lainnya. Jadi, aku memutuskan untuk hanya ikut kegiatan yang memang bisa aku ikuti, dan tidak memaksakan diri berlebihan.)
Baca Juga: Profil Bernard, Peserta COC yang Pernah Juara RG Champion
Passion Vannes di Dunia Coding
7. Vannes, passion kamu besar banget yaa di dunia coding, sampai bisa dapat Juara 2 di ajang bergengsi TCS CodeVita Season 11! Ceritain dong, gimana pengalaman kamu selama ikut kompetisi itu? Ada momen seru, sulit, atau nggak terlupakan nggak selama prosesnya?
Jawaban:
Jujur ini seru banget. Pas tau lulus dan diundang ke Mumbai, aku hepi dan excited banget, karena belum pernah pergi ke India. Di India, kami visit historical places, nyobain makanan lokal. Dan jujur, enak banget (aku yang nulis ini jadi lapar, hadeudhh). Kurasa style kulinernya lumayan cocok dengan lidah orang Indonesia juga. Ketemu teman-teman programmer juga dari yang jauh. Seru banget lah pokoknya.
Salah satu yang menarik itu pas kontes perlombaan pemrogramannnya. Disana ada soal yang berkaitan rubiks cube. Tapi aku kesulitan untuk ngebayangin gimana sih bentuk dan susunannya. Nah at that moment, aku kepikiran untuk lipat kertas cakar ku jadi kubus dan coret-coret hitung langsung di permukaan kubusnya. Rasanya ini pertama kalinya terpakai skill melipat tong sampah kertas terpakai di kontes programming.
Vannes lagi ngerjain kontes competitive programming (Sumber: instagram @vanneswij)
8. Selain yang sudah kamu capai sekarang, ada nggak goal atau achievement lain yang masih kamu kejar ke depannya?
Jawaban:
Kedepannya jujur pengen banget bisa ke ICPC world finals. I am aware of the tremendous effort needed to get there, so I will just do my best. At the very least, I still enjoy doing competitive programming.
(Kedepannya jujur pengen banget bisa ke final ICPC tingkat dunia. Aku sadar butuh usaha yang besar untuk sampai ke sana, jadi aku akan melakukan yang terbaik. Setidaknya, aku masih menikmati melakukan competitive programming.)
Cara Vannes Atasi Homesick dan Demotivasi Belajar
9. Kuliah di luar negeri pasti penuh tantangan. Menurut kamu, gimana sih cara survive dan beradaptasi dengan lingkungan dan budaya baru di sana?
Jawaban:
Budaya Singapore actually is not that different dengan budaya Indonesia. Ya, namanya masih tetanggaan. Makanannya masih mirip-mirip lah. Di Singapore pun lumayan sering ketemu orang indonesia lainnya. In terms of challenge, for me it is the language and slangs. At first, karena aku belum kebiasa, aku merasa kesulitan ngomong di SG. Tapi as I spend more time here and make more friends, ya udah lumayan kebiasa lah.
10. Apa sih hal yang paling berat saat kuliah di luar negeri? Misalnya, perasaan saat jauh dari keluarga dan teman-teman di Indonesia?
Jawaban:
Finding support system. Selama SD-SMP-SMA di Indonesia, ada keluarga dan teman sekolah yang bisa act as our support system. Saat pertama kali live by myself, kerasa banget bahwa support system-nya jadi sulit dicari. Keluarga udah jauh, dan teman teman udah di jalan masing-masing. Disini, kita terekspos dengan orang orang baru, dan harus mulai build our bond dari 0. It takes a while before you can find the people you are comfortable with.
11. Nah, kalau lagi kangen rumah atau merasa jauh dari support system, biasanya kamu ngapain sih biar tetap semangat dan nggak larut dalam rasa kangen itu?
Jawaban:
Udah era teknologi kan udah bisa video call. Selain itu, sering sering kasih kabar juga ke keluarga di rumah.
12. Kamu pernah merasa demotivasi untuk belajar nggak? Kalau iya, gimana cara kamu supaya bisa bangkit dari perasaan itu dan kembali lagi termotivasi?
Jawaban:
Pasti pernah. My solution is to take a break. Kadang kita demotivated bukan karena ngga suka, tapi karena kita udah kecapean. So taking a break, exploring new places, makan makanan favorit, definitely helps. Habis break, ya balik lagi wkwkwk. Tapi setelahnya pasti udah lebih fresh.
Cerita Vannes sebagai Peserta COC Season 2
13. Ceritain dong, gimana awalnya kamu bisa ikutan Clash of Champions Season 2? Apakah kamu daftar sendiri, direkomendasikan orang lain, atau mungkin ditawarkan oleh pihak Ruangguru? Kita mau tahu cerita di balik layar sampai akhirnya kamu bisa terjun di ajang kompetitif ini!
Jawaban:
Awalnya direkomendasikan oleh teman buat daftar. Kebetulan juga di hari terakhir pendaftaran, tapi akunya nggak sadar. Pas di-mention sama temanku, jadinya aku selesaikan berkas dan video yang diperlukan di malam itu juga.
Psst, mau lihat kecepatan Vannes menjawab soal di Death Match? Nonton di link berikut ini!
Ternyata, Vannes Hobi Sepedaan, Lho!
14. Apakah kamu punya hobi unik atau kegiatan seru yang jarang orang tahu? Ceritain dong!
Jawaban:
Kalau hobi sih pergi sepedaan. Suka banget sama angin bertiup. Biasanya aku pergi ke East Coast Park buat sepedaan sambil liat pemandangan laut. Pernah sepedaan dari Marina Bay all the way to the end, Changi Airport. Maybe one day aku bakal sepedaan full from west to east of Singapore.
—
Itu dia sedikit cerita seru dari Vannes, mahasiswa NTU yang jago coding dan penuh prestasi. Dari kompetisi tingkat dunia sampai tips belajar yang sederhana tapi ampuh, semuanya membuktikan kalau passion dan konsistensi bisa membuat kamu go beyond!
Yuk, vote Vannes sebagai peserta favorit pilihan kamu di sini. Jangan sampai kelewatan juga keseruan episode Clash of Champions Season 2 berikutnya. Pantengin terus media sosial, blog Ruangguru, channel WhatsApp COC Season 2, buat dapetin info ter-update!
Nah, kalau kamu mau siap jadi juara di Tahun Ajaran Baru 2025/2026? Yuk, segera klaim diskon spesial beragam paket produk dari Ruangguru.
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta author="viewport" content="Ruangguru Tech Team">
<title>Profil Vannes, Pemenang Clash of Champions Season 2</title>
<link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/homepage-web/public/assets/icons/favicon.id.ico" type="image/x-icon" />
<!-- <link rel="profile" href="https://gmpg.org/xfn/11"> -->
<link rel="pingback" href="https://www.ruangguru.com/blog/xmlrpc.php">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://www.ruangguru.com/blog/wp-content/themes/ruangguru/css/bootstrap.min.css">
<link rel="stylesheet" href="https://www.ruangguru.com/blog/wp-content/themes/ruangguru/css/style.css">
<script src="https://www.ruangguru.com/blog/wp-content/themes/ruangguru/js/jquery-3.6.3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://www.ruangguru.com/blog/wp-content/themes/ruangguru/js/bootstrap.min.js"></script>
<script src="https://www.ruangguru.com/blog/wp-content/themes/ruangguru/js/main.js"></script>
<script src="https://www.ruangguru.com/blog/wp-content/themes/ruangguru/js/side-banner.js"></script>
<!-- Google Tag Manager -->
<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">
<!-- 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 name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
<!-- This site is optimized with the Yoast SEO plugin v25.9 - https://yoast.com/wordpress/plugins/seo/ -->
<meta name="description" content="Kenalan sama Vannes, yuk! Peserta COC Season 2 sekaligus mahasiswa NTU yang hobi coding dan berprestasi di dunia teknologi. Simak kisah inspiratifnya di sini!" />
<link rel="canonical" href="https://www.ruangguru.com/blog/profil-vannes-clash-of-champions-season-2" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Profil Vannes, Pemenang Clash of Champions Season 2" />
<meta property="og:description" content="Kenalan sama Vannes, yuk! Peserta COC Season 2 sekaligus mahasiswa NTU yang hobi coding dan berprestasi di dunia teknologi. Simak kisah inspiratifnya di sini!" />
<meta property="og:url" content="https://www.ruangguru.com/blog/profil-vannes-clash-of-champions-season-2" />
<meta property="og:site_name" content="Belajar Gratis di Rumah Kapan Pun! | Blog Ruangguru" />
<meta property="article:publisher" content="https://www.facebook.com/ruanggurucom/" />
<meta property="article:published_time" content="2025-08-16T10:00:15+00:00" />
<meta property="article:modified_time" content="2025-08-25T09:44:53+00:00" />
<meta name="author" content="Ruangguru" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:creator" content="@ruangguru" />
<meta name="twitter:site" content="@ruangguru" />
<meta name="twitter:label1" content="Written by" />
<meta name="twitter:data1" content="Ruangguru" />
<meta name="twitter:label2" content="Est. reading time" />
<meta name="twitter:data2" content="11 minutes" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.ruangguru.com/blog/profil-vannes-clash-of-champions-season-2","url":"https://www.ruangguru.com/blog/profil-vannes-clash-of-champions-season-2","name":"Profil Vannes, Pemenang Clash of Champions Season 2","isPartOf":{"@id":"https://www.ruangguru.com/blog/#website"},"primaryImageOfPage":{"@id":"https://www.ruangguru.com/blog/profil-vannes-clash-of-champions-season-2#primaryimage"},"image":{"@id":"https://www.ruangguru.com/blog/profil-vannes-clash-of-champions-season-2#primaryimage"},"thumbnailUrl":"https://cdn-web-2.ruangguru.com/landing-pages/assets/adb3fbdd-279a-4057-9a37-e5340bcc9d76.png","datePublished":"2025-08-16T10:00:15+00:00","dateModified":"2025-08-25T09:44:53+00:00","author":{"@id":"https://www.ruangguru.com/blog/#/schema/person/2dae6813d3ea483a4f4b1daa8507c835"},"description":"Kenalan sama Vannes, yuk! Peserta COC Season 2 sekaligus mahasiswa NTU yang hobi coding dan berprestasi di dunia teknologi. Simak kisah inspiratifnya di sini!","breadcrumb":{"@id":"https://www.ruangguru.com/blog/profil-vannes-clash-of-champions-season-2#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.ruangguru.com/blog/profil-vannes-clash-of-champions-season-2"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/profil-vannes-clash-of-champions-season-2#primaryimage","url":"https://cdn-web-2.ruangguru.com/landing-pages/assets/adb3fbdd-279a-4057-9a37-e5340bcc9d76.png","contentUrl":"https://cdn-web-2.ruangguru.com/landing-pages/assets/adb3fbdd-279a-4057-9a37-e5340bcc9d76.png"},{"@type":"BreadcrumbList","@id":"https://www.ruangguru.com/blog/profil-vannes-clash-of-champions-season-2#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.ruangguru.com/blog"},{"@type":"ListItem","position":2,"name":"Profil Vannes, Pemenang Clash of Champions Season 2"}]},{"@type":"WebSite","@id":"https://www.ruangguru.com/blog/#website","url":"https://www.ruangguru.com/blog/","name":"Ruangguru Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.ruangguru.com/blog/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https://www.ruangguru.com/blog/#/schema/person/2dae6813d3ea483a4f4b1daa8507c835","name":"Ruangguru","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/14d3dacd366167accd4a3df50466ac6140d602884d5c3534f50bab7acaa331fe?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/14d3dacd366167accd4a3df50466ac6140d602884d5c3534f50bab7acaa331fe?s=96&d=mm&r=g","caption":"Ruangguru"},"description":"Platform bimbingan belajar online terbesar dan terbaik di Indonesia. Menyediakan layanan belajar berbasis teknologi interaktif untuk jenjang SD, SMP, SMA/SMK.","url":"https://www.ruangguru.com/blog/author/ruangguru"}]}</script>
<!-- / Yoast SEO plugin. -->
<link rel="alternate" type="application/rss+xml" title="Belajar Gratis di Rumah Kapan Pun! | Blog Ruangguru » Profil Vannes, Pemenang Clash of Champions Season 2 Comments Feed" href="https://www.ruangguru.com/blog/profil-vannes-clash-of-champions-season-2/feed" />
<script type="text/javascript">
/* <![CDATA[ */
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.1.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.1.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.ruangguru.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.8.1"}};
/*! This file is auto-generated */
!function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\ud83d\udd25","\ud83d\udc26\u200b\ud83d\udd25")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
/* ]]> */
</script>
<style id='wp-emoji-styles-inline-css' type='text/css'>
img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel='stylesheet' id='wp-block-library-css' href='https://www.ruangguru.com/blog/wp-includes/css/dist/block-library/style.min.css?ver=6.8.1' type='text/css' media='all' />
<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id='global-styles-inline-css' type='text/css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
</style>
<link rel="https://api.w.org/" href="https://www.ruangguru.com/blog/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.ruangguru.com/blog/wp-json/wp/v2/posts/24393" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.ruangguru.com/blog/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.8.1" />
<link rel='shortlink' href='https://www.ruangguru.com/blog/?p=24393' />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.ruangguru.com/blog/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.ruangguru.com%2Fblog%2Fprofil-vannes-clash-of-champions-season-2" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.ruangguru.com/blog/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.ruangguru.com%2Fblog%2Fprofil-vannes-clash-of-champions-season-2&format=xml" />
</head>
<body class="wp-singular post-template-default single single-post postid-24393 single-format-standard wp-theme-ruangguru">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M28L4XJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header class="header">
<div class="container">
<nav class="navbar navbar-expand-lg header-inner">
<div style="display:flex; gap:12px;">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<img alt="menu" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/beba4a70-3971-41be-9364-f9ee6857b192.svg" loading="lazy" width="30px" height="32px" />
</button>
<a href="https://ruangguru.com" class="header-logo">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com/static/logo-ruangguru.png" alt="Logo">
</a>
</div>
<form class="form-inline my-2 my-lg-0" role="search" method="get" id="searchformmobile" class="searchform" action="https://www.ruangguru.com/blog/">
<div>
<label class="screen-reader-text" for="s">Search for:</label>
<div class="input-group input-group-sm">
<span class="input-group-text" id="search-2"><img width="20px" height="20px" loading="lazy" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/baf38d7b-226b-4374-8b2b-e49766395871.png" alt="" /></span>
<input type="text" value="" name="s" class="form-control" placeholder="Cari artikel di sini!" aria-label="Cari artikel di sini!" aria-describedby="Cari artikel di sini!">
</div>
</div>
</form>
<div class="collapse navbar-collapse dropdown-hover-all" id="navbarSupportedContent">
<div class="d-lg-none navbar-head-collapse">
<a href="https://ruangguru.com" class="header-logo">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com/static/logo-ruangguru.png" alt="Logo">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
X
</button>
</div>
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="https://www.ruangguru.com/blog/">Blog</a>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Konsep & Tips Pelajaran </p>
<div class="dropdown-menu" aria-labelledby="nav1">
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu0" href="https://www.ruangguru.com/blog/c/bahasa-indonesia" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Bahasa Indonesia</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu0">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sd-kelas-6">Kelas 6</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu1" href="https://www.ruangguru.com/blog/c/bahasa-inggris" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Bahasa Inggris</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu1">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sd-kelas-6">Kelas 6</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu2" href="https://www.ruangguru.com/blog/c/biologi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Biologi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu2">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu3" href="https://www.ruangguru.com/blog/c/ekonomi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Ekonomi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu3">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu4" href="https://www.ruangguru.com/blog/c/fisika" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Fisika</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu4">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu5" href="https://www.ruangguru.com/blog/c/geografi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Geografi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu5">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu6" href="https://www.ruangguru.com/blog/c/ipa-terpadu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">IPA Terpadu</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu6">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ipa-terpadu/ipa-terpadu-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ipa-terpadu/ipa-terpadu-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ipa-terpadu/ipa-terpadu-sd-kelas-6">Kelas 6</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu7" href="https://www.ruangguru.com/blog/c/ips-terpadu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">IPS Terpadu</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu7">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ips-terpadu/ips-terpadu-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ips-terpadu/ips-terpadu-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ips-terpadu/ips-terpadu-sd-kelas-6">Kelas 6</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu8" href="https://www.ruangguru.com/blog/c/kimia" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Kimia</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu8">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/kimia/kimia-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/kimia/kimia-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/kimia/kimia-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu9" href="https://www.ruangguru.com/blog/c/matematika" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Matematika</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu9">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sd-kelas-6">Kelas 6</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu10" href="https://www.ruangguru.com/blog/c/sejarah" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Sejarah</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu10">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu11" href="https://www.ruangguru.com/blog/c/sosiologi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Sosiologi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu11">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-sma-kelas-12">Kelas 12</a>
</div>
</div>
</div>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Latihan Soal </p>
<div class="dropdown-menu" aria-labelledby="nav2">
<a class="dropdown-item" id="nav2-menu0" href="https://www.ruangguru.com/blog/c/latihan-soal/sd-kelas-4">Latihan Soal Kelas 4</a>
<a class="dropdown-item" id="nav2-menu1" href="https://www.ruangguru.com/blog/c/latihan-soal/sd-kelas-5">Latihan Soal Kelas 5</a>
<a class="dropdown-item" id="nav2-menu2" href="https://www.ruangguru.com/blog/c/latihan-soal/sd-kelas-6">Latihan Soal Kelas 6</a>
<a class="dropdown-item" id="nav2-menu3" href="https://www.ruangguru.com/blog/c/latihan-soal/smp-kelas-7">Latihan Soal Kelas 7</a>
<a class="dropdown-item" id="nav2-menu4" href="https://www.ruangguru.com/blog/c/latihan-soal/smp-kelas-8">Latihan Soal Kelas 8</a>
<a class="dropdown-item" id="nav2-menu5" href="https://www.ruangguru.com/blog/c/latihan-soal/smp-kelas-9">Latihan Soal Kelas 9</a>
<a class="dropdown-item" id="nav2-menu6" href="https://www.ruangguru.com/blog/c/latihan-soal/sma-kelas-10">Latihan Soal Kelas 10</a>
<a class="dropdown-item" id="nav2-menu7" href="https://www.ruangguru.com/blog/c/latihan-soal/sma-kelas-11">Latihan Soal Kelas 11</a>
<a class="dropdown-item" id="nav2-menu8" href="https://www.ruangguru.com/blog/c/latihan-soal/sma-kelas-12">Latihan Soal Kelas 12</a>
</div>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Pojok Kampus </p>
<div class="dropdown-menu" aria-labelledby="nav3">
<a class="dropdown-item" id="nav3-menu0" href="https://www.ruangguru.com/blog/c/info-beasiswa">Info Beasiswa</a>
<a class="dropdown-item" id="nav3-menu1" href="https://www.ruangguru.com/blog/c/kampus-dan-jurusan">Kampus dan Jurusan</a>
<a class="dropdown-item" id="nav3-menu2" href="https://www.ruangguru.com/blog/c/seleksi-masuk">Seleksi Masuk</a>
</div>
</li>
<li class="nav-item
">
<a class="nav-link
" href=" https://www.ruangguru.com/blog/c/fakta-seru" id="nav4"
>
Fakta Seru </a>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dunia Kata </p>
<div class="dropdown-menu" aria-labelledby="nav5">
<a class="dropdown-item" id="nav5-menu0" href="https://www.ruangguru.com/blog/tag/cerpen">Cerpen</a>
<a class="dropdown-item" id="nav5-menu1" href="https://www.ruangguru.com/blog/tag/resensi-buku">Resensi Buku</a>
</div>
</li>
<li class="nav-item
">
<a class="nav-link
" href=" https://www.ruangguru.com/blog/tag/for-kids" id="nav6"
>
For Kids </a>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Seputar Ruangguru </p>
<div class="dropdown-menu" aria-labelledby="nav7">
<a class="dropdown-item" id="nav7-menu0" href="https://www.ruangguru.com/blog/tag/info-ruangguru">Info Ruangguru</a>
<a class="dropdown-item" id="nav7-menu1" href="https://www.ruangguru.com/blog/tag/siaran-pers">Siaran Pers</a>
<a class="dropdown-item" id="nav7-menu2" href="https://www.ruangguru.com/blog/tag/cerita-juara">Cerita Juara</a>
<a class="dropdown-item" id="nav7-menu3" href="https://www.ruangguru.com/blog/tag/seputar-guru">Seputar Guru</a>
<a class="dropdown-item" id="nav7-menu4" href="https://www.ruangguru.com/blog/tag/lifeatruangguru">Life at Ruangguru</a>
</div>
</li>
</ul>
<form class="form-inline my-2 my-lg-0" role="search" method="get" id="searchform" class="searchform" action="https://www.ruangguru.com/blog/">
<div>
<label class="screen-reader-text" for="s">Search for:</label>
<div class="input-group input-group-sm">
<span class="input-group-text" id="search-2"><img width="10" height="10" loading="lazy" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/baf38d7b-226b-4374-8b2b-e49766395871.png" alt="" /></span>
<input type="text" value="" name="s" class="form-control" placeholder="Cari artikel di sini!" aria-label="Cari artikel di sini!" aria-describedby="Cari artikel di sini!">
</div>
</div>
</form>
</div>
</nav>
<script>
(function($bs) {
const CLASS_NAME = 'has-child-dropdown-show';
$bs.Dropdown.prototype.toggle = function(_orginal) {
return function() {
document.querySelectorAll('.' + CLASS_NAME).forEach(function(e) {
e.classList.remove(CLASS_NAME);
});
let dd = this._element.closest('.dropdown').parentNode.closest('.dropdown');
for (; dd && dd !== document; dd = dd.parentNode.closest('.dropdown')) {
dd.classList.add(CLASS_NAME);
}
return _orginal.call(this);
}
}($bs.Dropdown.prototype.toggle);
document.querySelectorAll('.dropdown').forEach(function(dd) {
dd.addEventListener('hide.bs.dropdown', function(e) {
if (this.classList.contains(CLASS_NAME)) {
this.classList.remove(CLASS_NAME);
e.preventDefault();
}
e.stopPropagation(); // do not need pop in multi level mode
});
});
// for hover
document.querySelectorAll('.dropdown-hover, .dropdown-hover-all .dropdown').forEach(function(dd) {
dd.addEventListener('mouseenter', function(e) {
let toggle = e.target.querySelector(':scope>[data-bs-toggle="dropdown"]');
if (!toggle.classList.contains('show')) {
$bs.Dropdown.getOrCreateInstance(toggle).toggle();
dd.classList.add(CLASS_NAME);
$bs.Dropdown.clearMenus(e);
}
});
dd.addEventListener('mouseleave', function(e) {
let toggle = e.target.querySelector(':scope>[data-bs-toggle="dropdown"]');
if (toggle.classList.contains('show')) {
$bs.Dropdown.getOrCreateInstance(toggle).toggle();
}
});
});
})(bootstrap);
$(document).ready(() => {
if ($(window).width() > 991) {
$("a[data-bs-toggle='dropdown']").click(function() {
window.location = $(this).attr('href');
});
}
})
</script>
</div>
</header>
<div class="main-content">
<div class="side-banner-mobile">
</div>
<div class="glider-navigation mobile">
<div role="tablist" class="dots" id="side-banner-mobile-dots"></div>
<div class="glider-button-navigation">
<button aria-label="Previous" class="glider-prev" id="side-banner-mobile-prev"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/412de767-9fab-4a4e-9a21-09b7ac9c5f96.png"></button>
<button aria-label="Next" class="glider-next" id="side-banner-mobile-next">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/754b0134-4f20-4cdd-af8c-d5918044d734.png">
</button>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-8 post">
<div class="content">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<!-- Home Link -->
<li class="breadcrumb-item"><a href="https://www.ruangguru.com/blog">Home</a></li>
<!-- Categories -->
<li class="breadcrumb-item"><a href="https://www.ruangguru.com/blog/c/uncategorized">Uncategorized</a></li> </ol>
</nav>
<h1 class="content-title">
Profil Vannes, Pemenang Clash of Champions Season 2 </h1>
<div class="content-meta">
<p class="content-author"><a href="https://www.ruangguru.com/blog/author/ruangguru" class="">Ruangguru</a> </p>
<p class="content-info"><span>August 16, 2025 • </span> <span>11 minutes read</span></p>
<br />
</div>
<div class="content-body">
<p style="text-align: justify;"><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/adb3fbdd-279a-4057-9a37-e5340bcc9d76.png" alt="profil vannes coc season 2" /></p>
<blockquote>
<p style="text-align: center;"><em><span style="font-weight: 400;">Kenalan sama Vannes, yuk! Peserta COC Season 2 sekaligus mahasiswa NTU yang hobi coding dan berprestasi di dunia teknologi. Simak kisah inspiratifnya di sini!</span></em></p>
</blockquote>
<p style="text-align: center;"><i><span style="font-weight: 400;">—</span></i></p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 400;">Kalau ngomongin soal angka dan logika, Vannes udah kayak mesin pemecah teka-teki yang jawabannya pasti benar. Jago matematika sejak dulu, pernah ikut olimpiade, dan sekarang kuliah di Computer Science NTU sambil memamerkan </span><em><span style="font-weight: 400;">skill</span><span style="font-weight: 400;"> programming</span></em><span style="font-weight: 400;"> yang bikin kagum.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Bahkan di babak </span><strong><a href="https://www.ruangguru.com/blog/episode-3-clash-of-champions-season-2">Death Match: Brain Rush</a></strong><span style="font-weight: 400;">, sebelum soal </span><i><span style="font-weight: 400;">numeric </span></i><span style="font-weight: 400;">selesai dibacain Aurora, dia udah tekan bel dan jawabannya tepat! Nggak heran, di </span><strong><a href="https://www.ruangguru.com/blog/episode-11-clash-of-champions-season-2">Battle of 3: Flickering Sum</a></strong><span style="font-weight: 400;"> yang juga penuh hitung-hitungan, dia jadi orang pertama di timnya yang berhasil menjawab soal. Singkatnya, kalau urusan hitungan matematika dan refleks cepat, Vannes ini udah level pro.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Soal prestasi, Vannes nggak kaleng-kaleng, mulai dari kompetisi <em>programming</em> dan <em>coding</em> dari level nasional sampai internasional sudah berhasil ditaklukan.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Pengen tahu rahasia di balik </span><i><span style="font-weight: 400;">skill </span></i><span style="font-weight: 400;">dan prestasi keren Vannes? Yuk, intip obrolan eksklusif yang bakal bikin kamu makin kagum sama sosoknya di artikel ini!</span></p>
<p style="text-align: justify;"><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/profil-peserta-clash-of-champions-season-2-batch-5">Profil Peserta Clash of Champions (COC) Season 2 Batch 5</a></strong></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;"><b>Kenal Vannes Lebih Dekat!</b></span></h2>
<p style="text-align: justify;"><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/720cbf18-6fdc-495b-be64-fe5c03d49105.jpeg" alt="vannes coc season 2" width="300" /></p>
<p style="text-align: center;"><em>(Sumber: dok. Ruangguru)</em></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;"><b>Biodata Singkat Vannes</b></span></h3>
<h4 style="text-align: justify;"><b>Nama Lengkap</b></h4>
<p style="text-align: justify;"><span style="font-weight: 400;">Vannes Wijaya</span></p>
<h4 style="text-align: justify;"><b>Nama Panggilan </b></h4>
<p style="text-align: justify;"><span style="font-weight: 400;">Vannes</span></p>
<h4 style="text-align: justify;"><b>Tempat, Tanggal Lahir</b></h4>
<p style="text-align: justify;"><span style="font-weight: 400;">Pekanbaru, 20 Desember 2005</span></p>
<h4 style="text-align: justify;"><b>Domisili Saat Ini</b></h4>
<p style="text-align: justify;"><span style="font-weight: 400;">Singapura</span></p>
<h4 style="text-align: justify;"><b>Angkatan Kuliah</b></h4>
<p style="text-align: justify;"><span style="font-weight: 400;">2023</span></p>
<h4 style="text-align: justify;"><b>Riwayat Pendidikan</b></h4>
<ul style="text-align: justify;">
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Nanyang Technological University Singapore (NTU), Jurusan Computer Science</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">SMAN 8 Pekanbaru</span></li>
</ul>
<p> </p>
<h4 style="text-align: justify;"><b>GPA</b></h4>
<p style="text-align: justify;"><span style="font-weight: 400;">4.84/5.00</span></p>
<h4 style="text-align: justify;"><b>Akun Media Sosial</b></h4>
<ul style="text-align: justify;">
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Instagram: </span><a href="https://www.instagram.com/vanneswij/" target="_blank" rel="nofollow noopener"><span style="font-weight: 400;">@vanneswij</span></a></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">TikTok: </span><a href="https://www.tiktok.com/@vanneswij2?_t=ZS-8xMFP8wMllw&_r=1" target="_blank" rel="nofollow noopener"><span style="font-weight: 400;">@vanneswij2</span></a></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">LinkedIn: </span><a href="https://www.linkedin.com/in/vannes-wijaya-a4b74a230/" target="_blank" rel="nofollow noopener"><span style="font-weight: 400;">www.linkedin.com/in/vannes-wijaya-a4b74a230/</span></a><span style="font-weight: 400;"> </span></li>
</ul>
<p> </p>
<h4 style="text-align: justify;"><b>Hobi</b></h4>
<p style="text-align: justify;"><span style="font-weight: 400;">Sepedaan, sambil liat pemandangan.</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;"><b>Prestasi Vannes</b></span></h3>
<ol style="text-align: justify;">
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Silver Medal – International Olympiad in Informatics 2023 in Hungary</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Silver Medal – International Olympiad in Informatics 2022 in Indonesia</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">2nd Runner Up – TCS CodeVita XI (Kompetisi programming terbesar di dunia dengan 444.000+ peserta)</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">ICPC Asia Hanoi – Silver Medalist, 2024</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">ICPC Asia Jakarta – Silver Medalist, 2024</span></li>
</ol>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 400;">Nah, dari profil singkat tadi, kelihatan banget kalau Vannes ini bukan mahasiswa NTU biasa-biasa aja. Bayangin aja, dia berhasil mengalahkan banyak pesaingnya dan menjadi <strong>2nd <em>runner up</em></strong> di <strong>kompetisi <em>programming</em> terbesar di dunia</strong>, <strong>TCS CodeVita XI</strong>, yang <strong>pesertanya lebih dari 444.000 dari 94 negara</strong>. Selain itu, Vannes juga udah ngantongin medali perak di 34th & 35th International Olympiad in Informatics (IOI), plus medali perak di ICPC Asia Hanoi 2024 dan ICPC Asia Jakarta 2024. Prestasinya udah segambreng, tapi doi tetep </span><i><span style="font-weight: 400;">humble </span></i><span style="font-weight: 400;">dan asik diajak ngobrol.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Jadi, gimana sih ceritanya kuliah di NTU? Apa sih yang bikin dia jatuh cinta sama coding? Yuk, langsung aja kita kepoin di QnA eksklusif bareng Vannes berikut ini!</span></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;"><b>Rahasia Vannes Bisa Masuk NTU</b></span></h2>
<p style="text-align: justify;"><strong>1. Kamu berhasil tembus ke NTU, salah satu kampus terbaik di Asia. Boleh dong ceritain prosesnya dari awal sampai keterima. Ada strategi khusus, persiapan, atau pengalaman yang paling berkesan?</strong></p>
<p style="text-align: justify;"><em><strong>Jawaban:</strong></em></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Sebelum pendaftaran dibuka, udah perlu mulai siap-siap apa aja yang diperlukan, seperti dokumen-dokumen, transkrip, dan ujian bahasa. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Untuk naikin </span><em><span style="font-weight: 400;">chance </span></em><span style="font-weight: 400;">masuk, strateginya harus dipersiapkan dari jauh-jauh hari, misalnya mulai bangun portofolio dengan mengikuti lomba lomba, </span><span style="font-weight: 400;"><em>explore</em> </span><span style="font-weight: 400;">bidang bidang yang mungkin menarik buat kamu. Dengan begitu, </span><em><span style="font-weight: 400;">application</span></em><span style="font-weight: 400;"> kita lebih bisa dilirik oleh pihak universitasnya. </span></p>
<p style="text-align: justify;"><em><span style="font-weight: 400;">It also helps to contact senior students in that campus to learn about their portfolio when they applied for uni, so you have a clearer picture on what is worth chasing and adding to your portfolio</span></em><i><span style="font-weight: 400;">. </span></i><span style="font-weight: 400;">(Akan sangat membantu juga untuk menghubungi mahasiswa senior di kampus tersebut buat mempelajari portofolio mereka saat mendaftar ke universitas, sehingga kamu bisa dapat gambaran yang lebih jelas tentang hal-hal yang patut dikejar dan ditambahkan ke portofolio kamu.)</span></p>
<p> </p>
<p style="text-align: justify;"><strong>2. Dari awal, apakah NTU memang jadi kampus impianmu? Atau dulu sempat mengincar universitas lain juga? Ceritain dong gimana akhirnya kamu memilih NTU sebagai tujuan kuliah.</strong></p>
<p style="text-align: justify;"><em><strong>Jawaban:</strong></em></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dulu awalnya pengen ke Singapore ya, </span><span style="font-weight: 400;"><em>either</em> </span><span style="font-weight: 400;">NUS atau NTU. Karena Singapore itu masih dekat Indonesia, jadi kalau ada keperluan atau liburan, </span><em><span style="font-weight: 400;">it is easy to come back home. Other than that, Singapore culture is still very similar to Indonesian culture, so no need to adapt so much</span><span style="font-weight: 400;"> 🙂 </span></em></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Pas </span><em><span style="font-weight: 400;">application result</span></em><span style="font-weight: 400;"> keluar, dua-duanya dapat </span><em><span style="font-weight: 400;">offer</span><span style="font-weight: 400;">, </span><span style="font-weight: 400;">including scholarship. At the end</span></em><span style="font-weight: 400;">, aku memilihnya NTU setelah diskusi dan pertimbangan dengan orang tua juga.</span></p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f5a9cd0d-2ea7-4954-89e2-e9f3a6f9b7c6.jpeg" alt="Vannes saat kuliah di Singapura" width="400" /></p>
<p style="text-align: center;"><em>Vannes saat kuliah di Singapura (Sumber: instagram @vanneswij)</em></p>
<p> </p>
<p style="text-align: justify;"><strong>3. Selama kuliah di NTU, kamu pakai beasiswa atau nggak? Kalau iya, boleh dong dijelasin beasiswa apa, bagaimana cara daftarnya, dan tips buat yang ingin mengikuti jejakmu?</strong></p>
<p style="text-align: justify;"><em><strong>Jawaban:</strong></em></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Pakai ASEAN scholarship. Pendaftarannya itu bersamaan dengan </span><em><span style="font-weight: 400;">application university </span></em><span style="font-weight: 400;">juga. Jadi tetap di portal yang sama. Nah untuk daftarnya, perlu tulis beberapa esai tambahan, dan juga dokumen dokumen tambahan.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Setelah </span><em><span style="font-weight: 400;">screening </span></em><span style="font-weight: 400;">dokumen, mereka akan undang </span><em><span style="font-weight: 400;">interview online</span></em><span style="font-weight: 400;">. Tipsnya ya, </span><strong><em>be yourself, but the best version of you</em></strong><span style="font-weight: 400;"><strong><em>.</em></strong> Karena di <strong><a href="https://www.brainacademy.id/blog/esai">esai</a></strong> dan <em>interview</em> itu, kita harus bisa berekspresi. </span><em><span style="font-weight: 400;">Part of expressing our thought</span></em><span style="font-weight: 400;">, juga kita harus ada bayangan </span><em><span style="font-weight: 400;">future plan</span></em><span style="font-weight: 400;"> kira kira gimana. </span></p>
<p style="text-align: justify;"><em><span style="font-weight: 400;">However, I know that preparing a solid plan is tough, including for me. So I want to emphasize the importance of interview rehearsal. Whether it is done with your parents, siblings, or teachers, doing rehearsal helps you build and get used to the flow of your answers. Moreover, using online resources and AI-tools to help you generate possible questions with model answers can be beneficial. </span></em><span style="font-weight: 400;">(Tapi, aku tahu bahwa menyiapkan rencana yang matang itu nggak mudah, termasuk bagi aku. Karena itu, aku mau menekankan pentingnya latihan wawancara. Baik itu sama orang tua, saudara, atau guru, latihan ini membantu kamu membangun dan membiasakan diri dengan alur jawabanmu. Selain itu, menggunakan sumber daya online dan tools AI juga sangat bermanfaat untuk membantu memperkirakan kemungkinan pertanyaan beserta model jawabannya.)</span></p>
<p> </p>
<p style="text-align: justify;"><strong>4. Kenapa sih kamu memilih Jurusan Computer Science? Apakah memang dari dulu udah tertarik sama dunia <em>coding</em>, atau ada inspirasi tertentu yang bikin kamu yakin ambil jurusan itu?</strong></p>
<p style="text-align: justify;"><em><strong>Jawaban:</strong></em></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dulunya aku anak olimpiade matematika. Pas tahu ada yang namanya </span><em><span style="font-weight: 400;">coding</span></em><span style="font-weight: 400;">, jujur sangat wow! Karena, dulu di olim math, kalau ketemu angka yang banyak, harus hitung pakai tangan. Tapi sejak ada </span><em><span style="font-weight: 400;">coding</span></em><span style="font-weight: 400;">, bisa kasih aja ke komputernya, asalkan kita bisa berikan algoritmanya. Nah, </span><em><span style="font-weight: 400;">problem solving</span></em><span style="font-weight: 400;"> kayak </span><em><span style="font-weight: 400;">coming up with algorithms is something that I enjoy, so I decided to take CS major.</span></em></p>
<p> </p>
<p style="text-align: justify;"><strong>5. Gimana cara kamu bisa tetap <em>standout</em> dan bersaing sehat dengan mahasiswa lain yang nggak kalah berprestasi dan ambisius? </strong></p>
<p style="text-align: justify;"><em><strong>Jawaban:</strong></em></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Jujur </span><em><span style="font-weight: 400;">standout </span></em><span style="font-weight: 400;">itu sulit. </span><i><span style="font-weight: 400;">I</span></i><em><span style="font-weight: 400;"> don’t think “being standout” should be our main priority, because there are many crazy smart students in college. I think it is better to just do your best. Even if you didn’t do as well as them, you knew you put in your best. Regret is only when you don’t give your best.</span></em></p>
<p style="text-align: justify;"><span style="font-weight: 400;">(Jujur </span><em><span style="font-weight: 400;">standout </span></em><span style="font-weight: 400;">itu sulit. Aku nggak mikir, “menjadi </span><em><span style="font-weight: 400;">standout</span></em><span style="font-weight: 400;">” harus menjadi prioritas utama kita, karena ada banyak banget mahasiswa yang luar biasa pintar di kampus. Menurutku, lebih baik kita fokus untuk memberikan yang terbaik. Bahkan jika hasilnya tidak sebaik mereka, kamu tahu bahwa kamu sudah berusaha maksimal. Penyesalan hanya datang ketika kamu tidak memberikan usaha terbaikmu.)</span></p>
<p> </p>
<p style="text-align: justify;"><strong>6. Kamu aktif di organisasi kampus nggak, Vannes? Kalau iya, kegiatan apa aja yang kamu ikuti dan apa manfaatnya buat pengembangan diri kamu?</strong></p>
<p style="text-align: justify;"><em><strong>Jawaban:</strong></em></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Aku nggak gitu aktif sih, cuma ikut 1-2 organisasi </span><em><span style="font-weight: 400;">per academic year</span></em><span style="font-weight: 400;"><em>,</em> dan komitmennya juga nggak gitu besar. <em>This year I joined the IT committee of our computing school club. </em></span><em><span style="font-weight: 400;">It is nice to meet new people there and do work together, learn from different culture. However, we need to do this on top of our study and other life matters. So I decided to only join what I can join lah, and not overextend myself.</span></em></p>
<p style="text-align: justify;"><span style="font-weight: 400;">(Aku nggak gitu aktif sih, cuma ikut 1-2 organisasi per academic year, dan komitmennya juga nggak gitu besar. Tahun ini, aku bergabung di komite IT dari klub sekolah komputasi kami. Seneng rasanya bisa bertemu orang-orang baru di sana, bekerja sama, dan belajar dari berbagai budaya. Namun, semua itu harus dilakukan di luar kesibukan kuliah dan urusan hidup lainnya. Jadi, aku memutuskan untuk hanya ikut kegiatan yang memang bisa aku ikuti, dan tidak memaksakan diri berlebihan.)</span></p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/profil-bernard-clash-of-champions-season-2">Profil Bernard, Peserta COC yang Pernah Juara RG Champion</a></strong></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;"><b>Passion Vannes di Dunia Coding</b></span></h2>
<p style="text-align: justify;"><strong>7. Vannes, <em>passion</em> kamu besar banget yaa di dunia <em>coding</em>, sampai bisa dapat Juara 2 di ajang bergengsi TCS CodeVita Season 11! Ceritain dong, gimana pengalaman kamu selama ikut kompetisi itu? Ada momen seru, sulit, atau nggak terlupakan nggak selama prosesnya?</strong></p>
<p style="text-align: justify;"><em><strong>Jawaban:</strong></em></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Jujur ini seru banget. Pas tau lulus dan diundang ke Mumbai, aku hepi dan </span><span style="font-weight: 400;"><em>excited</em> </span><span style="font-weight: 400;">banget, karena belum pernah pergi ke India. Di India, kami </span><em><span style="font-weight: 400;">visit historical places</span></em><span style="font-weight: 400;">, nyobain makanan lokal. Dan jujur, enak banget (aku yang nulis ini jadi lapar, </span><em><span style="font-weight: 400;">hadeudhh</span></em><span style="font-weight: 400;">). Kurasa </span><span style="font-weight: 400;"><em>style</em> </span><span style="font-weight: 400;">kulinernya lumayan cocok dengan lidah orang Indonesia juga. Ketemu teman-teman </span><span style="font-weight: 400;"><em>programmer</em> </span><span style="font-weight: 400;">juga dari yang jauh. Seru banget lah pokoknya.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Salah satu yang menarik itu pas kontes perlombaan pemrogramannnya. Disana ada soal yang berkaitan rubiks </span><em><span style="font-weight: 400;">cube</span></em><span style="font-weight: 400;">. Tapi aku kesulitan untuk ngebayangin gimana sih bentuk dan susunannya. Nah </span><em><span style="font-weight: 400;">at that moment</span></em><span style="font-weight: 400;">, aku kepikiran untuk lipat kertas cakar ku jadi kubus dan coret-coret hitung langsung di permukaan kubusnya. Rasanya ini pertama kalinya terpakai </span><span style="font-weight: 400;"><em>skill</em> </span><span style="font-weight: 400;">melipat tong sampah kertas terpakai di kontes </span><em><span style="font-weight: 400;">programming</span></em><span style="font-weight: 400;">.</span></p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/c383a611-a500-48ac-9581-123213a15de1.png" alt="Vannes lagi ngerjain kontes competitive programming" width="300" /></p>
<p style="text-align: center;"><em>Vannes lagi ngerjain kontes competitive programming (Sumber: <a href="https://www.instagram.com/p/DLL49l9PBx8/" target="_blank" rel="nofollow noopener">instagram @vanneswij</a>)</em></p>
<p> </p>
<p style="text-align: justify;"><strong>8. Selain yang sudah kamu capai sekarang, ada nggak <i>goal</i> atau <i>achievement </i>lain yang masih kamu kejar ke depannya?</strong></p>
<p style="text-align: justify;"><em><strong>Jawaban:</strong></em></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Kedepannya jujur pengen banget bisa ke ICPC </span><em><span style="font-weight: 400;">world finals</span><span style="font-weight: 400;">. </span><span style="font-weight: 400;">I am aware of the tremendous effort needed to get there, so I will just do my best. At the very least, I still enjoy doing competitive programming.</span></em></p>
<p style="text-align: justify;"><span style="font-weight: 400;">(Kedepannya jujur pengen banget bisa ke final ICPC tingkat dunia. Aku sadar butuh usaha yang besar untuk sampai ke sana, jadi aku akan melakukan yang terbaik. Setidaknya, aku masih menikmati melakukan <em>competitive programming</em>.)</span></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;"><b>Cara Vannes Atasi Homesick dan Demotivasi Belajar</b></span></h2>
<p style="text-align: justify;"><strong>9. Kuliah di luar negeri pasti penuh tantangan. Menurut kamu, gimana sih cara <em>survive</em> dan beradaptasi dengan lingkungan dan budaya baru di sana?</strong></p>
<p style="text-align: justify;"><em><strong>Jawaban:</strong></em></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Budaya Singapore </span><em><span style="font-weight: 400;">actually is not that different</span></em><span style="font-weight: 400;"> dengan budaya Indonesia. Ya, namanya masih tetanggaan. Makanannya masih mirip-mirip lah. Di Singapore pun lumayan sering ketemu orang indonesia lainnya. </span><em><span style="font-weight: 400;">In terms of challenge, for me it is the language and slangs. At first</span></em><span style="font-weight: 400;">, karena aku belum kebiasa, aku merasa kesulitan ngomong di SG. Tapi </span><i><span style="font-weight: 400;">a</span></i><em><span style="font-weight: 400;">s I spend more time here and make more friends</span></em><span style="font-weight: 400;">, ya udah lumayan kebiasa lah.</span></p>
<p> </p>
<p style="text-align: justify;"><strong>10. Apa sih hal yang paling berat saat kuliah di luar negeri? Misalnya, perasaan saat jauh dari keluarga dan teman-teman di Indonesia?</strong></p>
<p style="text-align: justify;"><em><strong>Jawaban:</strong></em></p>
<p style="text-align: justify;"><em><span style="font-weight: 400;">Finding support system</span></em><span style="font-weight: 400;"><em>.</em> Selama SD-SMP-SMA di Indonesia, ada keluarga dan teman sekolah yang bisa </span><em><span style="font-weight: 400;">act as our support system</span></em><span style="font-weight: 400;">. Saat pertama kali </span><em><span style="font-weight: 400;">live by myself,</span></em><span style="font-weight: 400;"> kerasa banget bahwa </span><em><span style="font-weight: 400;">support system</span></em><span style="font-weight: 400;">-nya jadi sulit dicari. Keluarga udah jauh, dan teman teman udah di jalan masing-masing. Disini, kita terekspos dengan orang orang baru, dan harus mulai </span><em><span style="font-weight: 400;">build our bond</span></em><span style="font-weight: 400;"> dari 0. </span><em><span style="font-weight: 400;">It takes a while before you can find the people you are comfortable with.</span></em></p>
<p> </p>
<p style="text-align: justify;"><strong>11. Nah, kalau lagi kangen rumah atau merasa jauh dari <i>support system</i>, biasanya kamu ngapain sih biar tetap semangat dan nggak larut dalam rasa kangen itu?</strong></p>
<p style="text-align: justify;"><em><strong>Jawaban:</strong></em></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Udah era teknologi kan udah bisa <em>video call</em>. Selain itu, sering sering kasih kabar juga ke keluarga di rumah.</span></p>
<p> </p>
<p style="text-align: justify;"><strong>12. Kamu pernah merasa demotivasi untuk belajar nggak? Kalau iya, gimana cara kamu supaya bisa bangkit dari perasaan itu dan kembali lagi termotivasi?</strong></p>
<p style="text-align: justify;"><em><strong>Jawaban:</strong></em></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Pasti pernah. </span><em><span style="font-weight: 400;">My solution is to take a break.</span></em><span style="font-weight: 400;"> Kadang kita </span><span style="font-weight: 400;"><em>demotivated</em> </span><span style="font-weight: 400;">bukan karena ngga suka, tapi karena kita udah kecapean. </span><em><span style="font-weight: 400;">So taking a break, exploring new places</span></em><span style="font-weight: 400;">, makan makanan favorit, </span><em><span style="font-weight: 400;">definitely helps</span></em><span style="font-weight: 400;"><em>.</em> Habis </span><em><span style="font-weight: 400;">break</span></em><span style="font-weight: 400;">, ya balik lagi <em>wkwkwk</em>. Tapi setelahnya pasti udah lebih </span><em><span style="font-weight: 400;">fresh</span></em><span style="font-weight: 400;">.</span></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;"><b>Cerita Vannes sebagai Peserta COC Season 2</b></span></h2>
<p style="text-align: justify;"><strong>13. Ceritain dong, gimana awalnya kamu bisa ikutan Clash of Champions Season 2? Apakah kamu daftar sendiri, direkomendasikan orang lain, atau mungkin ditawarkan oleh pihak Ruangguru? Kita mau tahu cerita di balik layar sampai akhirnya kamu bisa terjun di ajang kompetitif ini!</strong></p>
<p style="text-align: justify;"><em><strong>Jawaban:</strong></em></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Awalnya direkomendasikan oleh teman buat daftar. Kebetulan juga di hari terakhir pendaftaran, tapi akunya nggak sadar. Pas di-</span><em><span style="font-weight: 400;">mention</span></em><span style="font-weight: 400;"> sama temanku, jadinya aku selesaikan berkas dan video yang diperlukan di malam itu juga.</span></p>
<p style="text-align: center;"><em>Psst</em>, mau lihat <strong>kecepatan Vannes</strong> menjawab soal di <strong>Death Match</strong>? Nonton di link berikut ini!</p>
<p style="text-align: center;"><iframe title="YouTube video player" src="//www.youtube.com/embed/7ivOQYh4F8A?si=4K-E4z13pa5rTSJc&start=300" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;"><b>Ternyata, Vannes Hobi Sepedaan, Lho!</b></span></h2>
<p><strong>14. Apakah kamu punya hobi unik atau kegiatan seru yang jarang orang tahu? Ceritain dong!</strong></p>
<p style="text-align: justify;"><strong><em>Jawaban</em><i>:</i></strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Kalau hobi sih pergi sepedaan. Suka banget sama angin bertiup. Biasanya aku pergi ke East Coast Park buat sepedaan sambil liat pemandangan laut. Pernah sepedaan dari Marina Bay </span><em><span style="font-weight: 400;">all the way to the end</span></em><span style="font-weight: 400;"><em>,</em> Changi Airport. </span><em><span style="font-weight: 400;">Maybe one day</span></em><span style="font-weight: 400;"> aku bakal sepedaan </span><i><span style="font-weight: 400;">f</span></i><em><span style="font-weight: 400;">ull from west to east of</span></em><span style="font-weight: 400;"><em> Singapore</em>.</span></p>
<p style="text-align: center;"><span style="font-weight: 400;">—</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Itu dia sedikit cerita seru dari Vannes, mahasiswa NTU yang jago coding dan penuh prestasi. Dari kompetisi tingkat dunia sampai tips belajar yang sederhana tapi ampuh, semuanya membuktikan kalau <em>passion</em> dan konsistensi bisa membuat kamu </span><em><span style="font-weight: 400;">go beyond</span></em><span style="font-weight: 400;">!</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Yuk, </span><i><span style="font-weight: 400;">vote </span></i><span style="font-weight: 400;">Vannes sebagai peserta favorit pilihan kamu </span><strong><a href="https://dukungcoc.ruangguru.com/">di sini</a></strong><b>. </b><span style="font-weight: 400;">Jangan sampai kelewatan juga keseruan episode Clash of Champions Season 2 berikutnya. Pantengin terus </span><strong><a href="https://www.instagram.com/ruangguru/">media sosial, </a><a href="https://www.ruangguru.com/blog">blog Ruangguru</a>, <a href="https://whatsapp.com/channel/0029VaeaDZK1CYoW0lryo70g">channel WhatsApp COC Season 2</a></strong><span style="font-weight: 400;">, buat dapetin info ter-<em>update</em>!</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Nah, kalau kamu mau siap jadi juara di Tahun Ajaran Baru 2025/2026? Yuk, segera </span><strong><a href="https://form.ruangguru.com/form?form_source=sn-general-link-diskon-coc-season2&referralCookiesId=bff1f279-62f9-4c13-9431-3ed27be72b4d&rewardFormSerial=COC28271">klaim diskon spesial</a></strong><span style="font-weight: 400;"> beragam paket produk dari Ruangguru.</span></p>
<p><a href="https://www.ruangguru.com/event/clash-of-champions"><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/1bec1821-695c-40d5-aa45-339f8b23c8af.png" alt="CTA Clash of Champions Season 2" /></a></p>
</div>
<div class="content-meta-tags">
<a href="https://www.ruangguru.com/blog/tag/clashofchampions" rel="tag">clashofchampions</a> <a href="https://www.ruangguru.com/blog/tag/info-ruangguru" rel="tag">Info Ruangguru</a> <a href="https://www.ruangguru.com/blog/tag/seputar-ruangguru" rel="tag">Seputar Ruangguru</a> </div>
</div>
<div class="author-post">
<img loading="lazy" class="author-avatar" width="64px" height="64px" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/c347a7f8-efe5-422c-91d3-4fb32fc83835.jpg" alt="">
<div>
<h5 class="author-title">Ruangguru</h5>
<p class="author-description">Platform bimbingan belajar online terbesar dan terbaik di Indonesia. Menyediakan layanan belajar berbasis teknologi interaktif untuk jenjang SD, SMP, SMA/SMK.</p>
</div>
</div> <div class="share-post">
<p>Bagikan artikel ini:</p>
<ul class="socmed">
<li>
<a target="_blank" href="https://api.whatsapp.com/send?phone=&text=Profil Vannes, Pemenang Clash of Champions Season 2%0D%0A%0D%0Ahttps://www.ruangguru.com/blog/profil-vannes-clash-of-champions-season-2"><img src="https://cdn-web-2.ruangguru.com/static/whatsapp.png" loading="lazy" alt="Logo Whatsapp " /></a>
</li>
<li>
<a target="_blank" href="https://www.facebook.com/share.php?u=https://www.ruangguru.com/blog/profil-vannes-clash-of-champions-season-2&quote=Profil Vannes, Pemenang Clash of Champions Season 2"> <img src="https://cdn-web-2.ruangguru.com/static/facebook.png" loading="lazy" alt="Logo Facebook " /> </a>
</li>
<li>
<a target="_blank" href="https://twitter.com/intent/tweet?text=Profil Vannes, Pemenang Clash of Champions Season 2&url=https://www.ruangguru.com/blog/profil-vannes-clash-of-champions-season-2"> <img src="https://cdn-web-2.ruangguru.com/static/twitter.png" loading="lazy" alt="Logo Twitter " /> </a>
</li>
<li>
<a target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url=https://www.ruangguru.com/blog/profil-vannes-clash-of-champions-season-2&title=Profil Vannes, Pemenang Clash of Champions Season 2"><img src="https://cdn-web-2.ruangguru.com/static/linkedin.png" loading="lazy" alt="Logo LinkedIn " /></a>
</li>
</ul>
</div>
</div>
<div class="col-md-4 sticky">
<aside id="sidebar">
<div class="side-banner-desktop">
</div>
<div class="glider-navigation desktop">
<div role="tablist" class="dots" id="side-banner-dots"></div>
<div class="glider-button-navigation">
<button aria-label="Previous" class="glider-prev" id="side-banner-prev"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/412de767-9fab-4a4e-9a21-09b7ac9c5f96.png"></button>
<button aria-label="Next" class="glider-next" id="side-banner-next">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/754b0134-4f20-4cdd-af8c-d5918044d734.png">
</button>
</div>
</div>
<h2 style="font-size: 24px; font-weight: bold; margin-bottom: 16px;margin-top: 16px;">Artikel Terbaru</h2>
<ul>
<li>
<a href="https://www.ruangguru.com/blog/pergerakan-nasional-indonesia">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/dd9f819a-e3e7-4992-b8c7-3ce436bb27f8.png" alt="Pergerakan Nasional" class="external-img wp-post-image " /> <span>Pergerakan Nasional Indonesia: Pengertian, Tujuan & Penyebabnya | Sejarah Kelas 11</span>
</a>
</li>
<li>
<a href="https://www.ruangguru.com/blog/runtuhnya-uni-soviet">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/b9f1448f-d581-42c3-bf06-6300fdbcd7c8.png" alt="Runtuhnya Uni Soviet" class="external-img wp-post-image " /> <span>Sejarah Runtuhnya Uni Soviet, Penyebab, dan Dampaknya | Sejarah Kelas 12</span>
</a>
</li>
<li>
<a href="https://www.ruangguru.com/blog/konflik-palestina-israel">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/724ad604-4b78-4c7c-9d4b-627165954c4a.png" class="external-img wp-post-image " /> <span>Latar Belakang Terjadinya Konflik Palestina dengan Israel | Sejarah Kelas 12</span>
</a>
</li>
<li>
<a href="https://www.ruangguru.com/blog/9-lembaga-dan-pelaku-pasar-modal-di-indonesia">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/279825ac-672b-43f9-b66e-a1c7ec87f784.png" alt="Pelaku Pasar Modal di Indonesia" class="external-img wp-post-image " /> <span>9 Lembaga dan Pelaku Pasar Modal di Indonesia | Ekonomi Kelas 10</span>
</a>
</li>
<li>
<a href="https://www.ruangguru.com/blog/peristiwa-kontemporer-dunia-perpecahan-cekoslovakia">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/2a1a35c0-f1f5-45d4-8869-ff5083bd90e5.png" alt="Perpecahan Cekoslowakia" class="external-img wp-post-image " /> <span>Latar Belakang Perpecahan Cekoslowakia dan Penyebabnya | Sejarah Kelas 12</span>
</a>
</li>
</ul>
</aside>
</div>
</div>
<div class="row">
<div class="col-12">
<section class="related-posts">
<h2 class="page-title">
Artikel Lainnya
</h2>
<div class="content-grid">
<div class="content">
<a href="https://www.ruangguru.com/blog/pergerakan-nasional-indonesia">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/dd9f819a-e3e7-4992-b8c7-3ce436bb27f8.png?height=320&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/dd9f819a-e3e7-4992-b8c7-3ce436bb27f8.png?height=320" type="image/png">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/dd9f819a-e3e7-4992-b8c7-3ce436bb27f8.png" loading="lazy" alt="" />
</picture>
<div>
<h2 class="content-title">
Pergerakan Nasional Indonesia: Pengertian, Tujuan & Penyebabnya | Sejarah Kelas 11 </h2>
<div class="content-meta">
<span>March 6, 2026</span> <span>• 8 minutes read</span>
</div>
</div>
</a>
</div>
<div class="content">
<a href="https://www.ruangguru.com/blog/runtuhnya-uni-soviet">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/b9f1448f-d581-42c3-bf06-6300fdbcd7c8.png?height=320&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/b9f1448f-d581-42c3-bf06-6300fdbcd7c8.png?height=320" type="image/png">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/b9f1448f-d581-42c3-bf06-6300fdbcd7c8.png" loading="lazy" alt="" />
</picture>
<div>
<h2 class="content-title">
Sejarah Runtuhnya Uni Soviet, Penyebab, dan Dampaknya | Sejarah Kelas 12 </h2>
<div class="content-meta">
<span></span> <span>• 11 minutes read</span>
</div>
</div>
</a>
</div>
<div class="content">
<a href="https://www.ruangguru.com/blog/konflik-palestina-israel">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/724ad604-4b78-4c7c-9d4b-627165954c4a.png?height=320&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/724ad604-4b78-4c7c-9d4b-627165954c4a.png?height=320" type="image/png">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/724ad604-4b78-4c7c-9d4b-627165954c4a.png" loading="lazy" alt="" />
</picture>
<div>
<h2 class="content-title">
Latar Belakang Terjadinya Konflik Palestina dengan Israel | Sejarah Kelas 12 </h2>
<div class="content-meta">
<span>March 5, 2026</span> <span>• 5 minutes read</span>
</div>
</div>
</a>
</div>
</div>
</section> </div>
</div>
<div class="banner-product-wrapper">
<a href="https://cta.ruangguru.com/7c02db90-610d-11ee-80fe-4201ac180089" target="_blank" class="alert alert-dismissible fade show banner-product" role="alert">
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
<!-- <p>Yuk pilih kelas dan materi belajar kamu di sini</p>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0e292531-9ee1-4eed-92f5-b5c053eea4c2.svg" width="42px" height="42px" class="arrow-right"> -->
<img class="image-floating-bottom" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/d19eb9b6-999d-4b92-87c6-c4fb32000d73.png?convert=web" />
</a>
</div>
</div>
</div>
<script>
function sleep(ms) {
return new Promise((resolve) => setTimeout(resolve, ms));
}
async function replaceCtaMarkupAsync() {
await sleep(2000);
alert("replace")
const contentBody = document.querySelector('.content-body');
const paragraphs = contentBody.querySelectorAll('p');
const regexPattern = /{{cta\(['"](.+?)['"]\)}}/g;
paragraphs.forEach((paragraph) => {
const originalHTML = paragraph.innerHTML;
let modifiedHTML = '';
let lastIndex = 0;
for (const match of originalHTML.matchAll(regexPattern)) {
const ctaId = match[1];
modifiedHTML += originalHTML.slice(lastIndex, match.index) + `<b>${ctaId}</b>`;
lastIndex = match.index + match[0].length;
}
modifiedHTML += originalHTML.slice(lastIndex);
paragraph.innerHTML = modifiedHTML;
});
document.addEventListener("DOMContentLoaded", () => {
replaceCtaMarkupAsync();
});
}
</script>
<div class="modal fade" id="popupPromo" tabindex="-1" aria-labelledby="popupPromoLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" data-bs-backdrop="static" data-bs-keyboard="false">
<div class="modal-content">
<div class="button-wrapper">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="glider-contain">
<div class="glider">
<a class="" target="_blank" href="https://cta.ruangguru.com/ab-web-pop-up-banner-blog-rg">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/4680961a-4e01-4169-8ff4-da0823d0da6c.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/ab-web-pop-up-banner-blog-rg-1">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/e0ebb0c9-e368-4524-9241-dbaf73cafccd.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/rasionalisasi-popup-blog-rg">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0ec15e92-707a-4660-8134-11f1c1e539a8.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/to-snbt-reg-2026-popup-blog-rg">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/b95e02b2-28a4-4c24-a6db-930ecddef2fa.jpg" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/pop-blog-to-snbt-prem">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/1b8558a2-ad51-4144-b30c-01a3231a22da.jpg" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/to-prem-tka-sd-smp-popup-blog-rg">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/e6888a56-1d95-4d8a-b87a-b19b8a185651.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/rgp-popup-blog-rg">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/851003e6-07b5-40d1-9068-f9b0bcb1625a.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/25f78174-4fc2-11ef-9a39-4201ac180089">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/cbe7b869-fbe2-4497-8a1e-42344df5b137.jpg" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/kitab-tka-smp-popup-blog">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/eb41ad00-e4dc-46f5-b9f6-721266fc371e.jpg" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/pop-rg-kitab-utbk-snbt-lite">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f7908ac1-3b0b-492c-bf87-dcea2b20b87c.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/pop-rg-kitablitetkasmp">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/50097055-1862-46a8-bbe0-fa5b077f88bb.png" />
</a>
</div>
<div class="glider-navigation">
<div role="tablist" class="dots" id="popup-promo-dots"></div>
<div class="glider-button-navigation">
<button aria-label="Previous" class="glider-prev" id="popup-promo-prev"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/412de767-9fab-4a4e-9a21-09b7ac9c5f96.png"></button>
<button aria-label="Next" class="glider-next" id="popup-promo-next">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/754b0134-4f20-4cdd-af8c-d5918044d734.png">
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var jsonString = '[{"CreatedAt":"2025-07-25 01:01:27+00:00","Id":696,"UpdatedAt":"2026-02-25 02:12:12+00:00","campaign":null,"cta":[{"Id":31467,"ctaId":"ab-web-pop-up-banner-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/ab-web-pop-up-banner-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/b9b5f501-be14-4e3f-9ad8-a87e17ec16e9.png","name":"[AB] Web Pop Up Banner - Blog RG","targetUrl":"https:\/\/bayar.ruangguru.com\/?utm-source=ab-web-pop-up-banner-blog-rg"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/4680961a-4e01-4169-8ff4-da0823d0da6c.png","name":"[RG] Popup Banner Blog - Promo SNBT Ramadan","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":1,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2025-07-25 01:01:27+00:00","Id":705,"UpdatedAt":"2026-02-23 10:52:46+00:00","campaign":null,"cta":[{"Id":33341,"ctaId":"ab-web-pop-up-banner-blog-rg-1","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/ab-web-pop-up-banner-blog-rg-1)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/f30c4943-4456-4a96-858b-fe065c9073ae.png","name":"[AB] Web Pop Up Banner - Blog RG 1","targetUrl":"https:\/\/bayar.ruangguru.com\/?utm-source=ab-web-pop-up-banner-blog-rg"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/e0ebb0c9-e368-4524-9241-dbaf73cafccd.png","name":"[RG] Popup Banner Blog - Promo TKA Ramadan","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":2,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-08-16 13:35:02+00:00","Id":657,"UpdatedAt":"2026-02-06 03:52:10+00:00","campaign":null,"cta":[{"Id":33189,"ctaId":"rasionalisasi-popup-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/rasionalisasi-popup-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/0ec15e92-707a-4660-8134-11f1c1e539a8.png","name":"[RG] Pop Up Blog - Rasionalisasi","targetUrl":"https:\/\/www.ruangguru.com\/rasionalisasi"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/0ec15e92-707a-4660-8134-11f1c1e539a8.png","name":"[RG] Pop Up Blog RG - Rasionalisasi","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":3,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-12-07 09:26:39+00:00","Id":677,"UpdatedAt":"2026-02-12 02:22:12+00:00","campaign":null,"cta":[{"Id":33305,"ctaId":"to-snbt-reg-2026-popup-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/to-snbt-reg-2026-popup-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/b95e02b2-28a4-4c24-a6db-930ecddef2fa.jpg","name":"[IDN] CTA Popup Blog RG - Tryout SNBT Regular 2026","targetUrl":"https:\/\/link.ruangguru.com\/blPk\/TOUTBKREG7"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/b95e02b2-28a4-4c24-a6db-930ecddef2fa.jpg","name":"[RG] Popup Blog RG - Tryout Regular 2026","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":4,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2026-02-05 10:16:52+00:00","Id":689,"UpdatedAt":"2026-03-05 02:41:12+00:00","campaign":null,"cta":[{"Id":33338,"ctaId":"pop-blog-to-snbt-prem","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/pop-blog-to-snbt-prem)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/1b8558a2-ad51-4144-b30c-01a3231a22da.jpg","name":"[RG] Popup Blog - TO SNBT Prem","targetUrl":"https:\/\/link.ruangguru.com\/blPk\/TOUTBKPREM"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/1b8558a2-ad51-4144-b30c-01a3231a22da.jpg","name":"[RG] Pop blog - TO SNBT Prem","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":5,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-12-07 09:26:39+00:00","Id":679,"UpdatedAt":"2026-03-04 03:44:16+00:00","campaign":null,"cta":[{"Id":33304,"ctaId":"to-prem-tka-sd-smp-popup-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/to-prem-tka-sd-smp-popup-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/1bf472e1-62f4-4aa9-ab8c-4fa72a82dd7b.png","name":"[RG] Pop Up Blog RG - TO Premium TKA SD SMP","targetUrl":"https:\/\/s.id\/TOTKAPREMSDSMP"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/e6888a56-1d95-4d8a-b87a-b19b8a185651.png","name":"[RG] Popup Blog RG - TO TKA Premium SD SMP","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":6,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2025-08-25 04:25:04+00:00","Id":672,"UpdatedAt":"2026-02-06 03:52:17+00:00","campaign":null,"cta":[{"Id":33285,"ctaId":"rgp-popup-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/rgp-popup-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/851003e6-07b5-40d1-9068-f9b0bcb1625a.png","name":"[RG] Pop Up Blog - RGP","targetUrl":"https:\/\/www.ruangguru.com\/privat"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/851003e6-07b5-40d1-9068-f9b0bcb1625a.png","name":"[RG] Pop Up Blog - RGP","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":7,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-08-16 13:35:02+00:00","Id":379,"UpdatedAt":"2026-03-06 01:54:52+00:00","campaign":null,"cta":[{"Id":31356,"ctaId":"25f78174-4fc2-11ef-9a39-4201ac180089","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/25f78174-4fc2-11ef-9a39-4201ac180089)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/f60bc49c-c00f-4a5e-80a2-2552fa18ae21.jpg","name":"CTA Blog RG - Kitab UTBK SNBT","targetUrl":"https:\/\/bit.ly\/orderkitabrg"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/cbe7b869-fbe2-4497-8a1e-42344df5b137.jpg","name":"[RG] Pop Up Blog RG - Kitab UTBK SNBT","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":8,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-08-16 13:35:02+00:00","Id":587,"UpdatedAt":"2026-03-06 01:55:00+00:00","campaign":null,"cta":[{"Id":33020,"ctaId":"kitab-tka-smp-popup-blog","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/kitab-tka-smp-popup-blog)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/9ea9eca7-9ef7-433c-baad-14bc1019f890.jpg","name":"[RG] Pop up blog - Kitab TKA SMP","targetUrl":"https:\/\/bit.ly\/kitabtkasmprg"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/eb41ad00-e4dc-46f5-b9f6-721266fc371e.jpg","name":"[RG] Pop Up Blog RG - Kitab TKA SMP","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":9,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2025-11-12 10:28:45+00:00","Id":636,"UpdatedAt":"2026-02-06 03:52:20+00:00","campaign":null,"cta":[{"Id":33149,"ctaId":"pop-rg-kitab-utbk-snbt-lite","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/pop-rg-kitab-utbk-snbt-lite)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/8d6f8639-cfff-4d64-89ea-f68bfe7a868c.png","name":"[RG] Pop blog - Kitab utbk snbt lite","targetUrl":"https:\/\/s.id\/litesnbt26"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/f7908ac1-3b0b-492c-bf87-dcea2b20b87c.png","name":"[RG] Pop blog - Kitab utbk snbt lite","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":10,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2025-11-14 08:09:42+00:00","Id":647,"UpdatedAt":"2026-02-06 03:52:21+00:00","campaign":null,"cta":[{"Id":33160,"ctaId":"pop-rg-kitablitetkasmp","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/pop-rg-kitablitetkasmp)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/20edba9b-ef84-4938-b698-4a82783478a5.png","name":"[RG] Pop blog - kitab lite tka smp","targetUrl":"https:\/\/s.id\/litetkasmp26"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/50097055-1862-46a8-bbe0-fa5b077f88bb.png","name":"[RG] Pop blog - kitab lite tka smp","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":11,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"}]';
var jsArray = JSON.parse(jsonString);
console.log(jsArray);
</script>
<script>
let windowHeight = window.innerHeight;
let promosLength = 11;
document.addEventListener('DOMContentLoaded', function() {
// Initialize Bootstrap Modal
let popupPromo = new bootstrap.Modal(document.getElementById('popupPromo'), {});
// Initialize Glider.js inside the Bootstrap Modal
function initGliderInModal() {
new Glider(document.querySelector('#popupPromo .glider'), {
slidesToScroll: 1,
slidesToShow: 1,
draggable: true,
dots: '#popup-promo-dots',
arrows: {
prev: '#popup-promo-prev',
next: '#popup-promo-next'
}
});
}
// Show Bootstrap Modal and initialize Glider.js after a specified scroll amount
const scrollThreshold = 2 / 3 * windowHeight; // The scroll amount in pixels to trigger the Modal
let gliderInitialized = false;
window.addEventListener('scroll', function() {
if (window.scrollY >= scrollThreshold && !gliderInitialized && promosLength > 0) {
popupPromo.show();
// Listen for the 'shown' event to initialize Glider.js after the Modal has been fully displayed
$('#popupPromo').on('shown.bs.modal', function() {
initGliderInModal();
gliderInitialized = true;
// Optionally, remove the 'shown' event listener after initializing the Glider to avoid re-initializing
$('#popupPromo').off('shown.bs.modal');
});
// Remove the scroll event listener after the Modal is shown to avoid re-initializing the Glider
this.removeEventListener('scroll', arguments.callee);
}
});
});
</script>
<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-min@0.4.5/dist/analytics-plugin-trackable.min.js"></script>
<script type="text/javascript" defer>
/* Initialize analytics */
var Analytics = window._analytics.init({
app: "ruangguruLanding",
debug: false,
plugins: [analyticsTrackable()],
});
/* Additional context tracker pageView */
const post_id = 24393;
const tags_id = [570,109,61];
const category_id = 1;
const sub_category_id = 0;
const customData = {
tags_id: tags_id,
category_id: category_id,
sub_category_id: sub_category_id,
post_id: post_id,
};
Analytics.plugins.trackable.context(JSON.stringify(customData));
Analytics.ready(function () {
Analytics.page();
});
$(document).on('click', '[data-tracking-event-type]', function (event) {
const eventType = $(this).data('tracking-event-type');
const context = $(this).data('tracking-context');
Analytics.track(eventType, context);
});
</script>
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-lg-3">
<div class="office">
<a href="https://www.ruangguru.com/">
<img src="https://cdn-web-2.ruangguru.com/static/RG_LOGO_WHITE.png?convert=auto" alt="Logo Ruangguru" loading="lazy" />
</a>
<address>
<p class="hq">RUANGGURU HQ</p>
<p>
Gedung Sinarmas MSIG Tower Lt. 33. Jl. Jenderal Sudirman Kav. 21, Karet Kuningan, Setiabudi, Jakarta Selatan, Jakarta 12920
</p>
</address>
</div>
<nav class="footer-menu call-us">
<p class="title">Hubungi Kami</p>
<address>
<a href="mailto:info@ruangguru.com">
<img class="icon-call-us" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/4739a139-8f09-42ea-b517-d842c5d1c28d.png" loading="lazy" alt="Logo Email Footer" />
info@ruangguru.com</a>
<a href="tel:02130930000">
<img class="icon-call-us" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/6f4bb6c8-52c9-4acb-859b-47a10a7eec75.png" loading="lazy" alt="Logo Phone Footer" />(021) 3093 0000</a>
<a href="https://wa.me/6281574410000">
<img class="icon-call-us" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/4b58468a-b2f9-40e4-867f-d3242a065dcf.png" loading="lazy" alt="Logo Whatsapp Footer" />0815 7441 0000</a>
</address>
</nav>
<nav class="footer-menu social d-none d-lg-block">
<p class="title">Ikuti Kami</p>
<a target="_blank" href="https://www.instagram.com/ruangguru/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/instagram.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/instagram.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/instagram.png" loading="lazy" alt="Logo Instagram Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.facebook.com/ruanggurucom/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/facebook.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/facebook.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/facebook.png" loading="lazy" alt="Logo Facebook Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://twitter.com/ruangguru/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/twitter.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/twitter.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/twitter.png" loading=" lazy" alt="Logo Twitter Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.youtube.com/ruangguru">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/youtube.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/youtube.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/youtube.png" loading=" lazy" alt="Logo Youtube Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.linkedin.com/company/ruangguru-com">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/linkedin.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/linkedin.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/linkedin.png" loading=" lazy" alt="Logo LinkedIn Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.tiktok.com/@ruangguru">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/tiktok.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/tiktok.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/tiktok.png" loading=" lazy" alt="Logo TikTok Footer" width="32px" height="32px" />
</picture>
</a>
</nav>
</div>
<div class="col-lg-9">
<div class="row">
<div class="col-6 col-md-3">
<nav class="footer-menu">
<p class="title">Produk Ruangguru</p>
<ul type="none">
<li><a href="https://roboguru.ruangguru.com" target="_blank">Roboguru</a></li>
<li><a href="https://www.ruangguru.com/roboguruplus">Roboguru Plus</a></li>
<li><a href="https://www.ruangguru.com/dafa-lulu">Dafa dan Lulu</a></li>
<li><a href="https://www.ruangguru.com/for-kids/kursus">Kursus for Kids</a></li>
<li><a href="https://www.ruangguru.com/for-kids">Ruangguru for Kids</a></li>
<li><a href="https://www.ruangguru.com/bisnis">Ruangguru for Business</a></li>
<li><a href="https://www.ruangguru.com/ruanguji">Ruanguji</a></li>
<li><a href="https://www.ruangguru.com/blog">Ruangbaca</a></li>
<li><a href="https://www.ruangguru.com/ruangkelas">Ruangkelas</a></li>
<li><a href="https://www.ruangguru.com/ruangbelajar">Ruangbelajar</a></li>
<li><a href="https://pengajar.ruangguru.com/">Ruangpengajar</a></li>
<li><a href="https://www.ruangguru.com/privat">Ruangguru Privat</a></li>
<li><a href="https://www.ruangpeduli.org/" target="_blank">Ruangpeduli</a></li>
</ul>
</nav>
</div>
<div class="col-6 col-md-3">
<nav class="footer-menu">
<p class="title">Bantuan & Panduan</p>
<ul type="none">
<li><a href="https://www.ruangguru.com/company-credentials">Company Credentials</a></li>
<li><a href="https://www.ruangguru.com/beasiswa">Beasiswa Ruangguru</a></li>
<li><a href="https://www.ruangguru.com/cicilan">Cicilan Ruangguru</a></li>
<li><a href="https://www.ruangguru.com/promo">Promo Ruangguru</a></li>
<li><a href="https://ticketing.ruangguru.com/help?request_type_id=459" target="_blank">Vulnerability Report</a></li>
<li><a href="https://www.ruangguru.com/bantuan#layanan">Layanan Pengaduan</a></li>
<li><a href="https://www.ruangguru.com/terms-conditions">Syarat & Ketentuan</a></li>
<li><a href="https://www.ruangguru.com/privacy-policy">Kebijakan Privasi</a></li>
<li><a href="https://www.ruangguru.com/about-us">Tentang Kami</a></li>
<li><a href="https://www.ruangguru.com/contact-us">Kontak Kami</a></li>
<li><a href="https://www.ruangguru.com/press">Press Kit</a></li>
<li><a href="https://www.ruangguru.com/bantuan">Bantuan</a></li>
<li><a href="https://career.ruangguru.com/">Karier</a></li>
</ul>
</nav>
</div>
<div class="col-6 col-md-3">
<nav class="footer-menu">
<p class="title">Produk Lainnya</p>
<ul type="none">
<li><a href="https://www.brainacademy.id/" target="_blank">Brain Academy</a></li>
<li><a href="https://www.english-academy.id/" target="_blank">English Academy</a></li>
<li><a href="https://skillacademy.com/" target="_blank">Skill Academy</a></li>
<li><a href="https://www.ruangkerja.id/" target="_blank">Ruangkerja</a></li>
<li><a href="https://www.schoters.com/id/" target="_blank">Schoters</a></li>
<li><a href="https://www.kalananti.id/" target="_blank">Kalananti</a></li>
</ul>
</nav>
</div>
<div class="col-6 col-md-3">
<nav class="footer-menu">
<p class="title"> Coba GRATIS Aplikasi Ruangguru</p>
<div class="download-list">
<ul>
<li>
<a target="_blank" rel="nofollow" href="https://apps.apple.com/id/app/ruangguru-solusi-belajar/id1099742206?l=id">
<img src="https://cdn-web-2.ruangguru.com/static/appstore.png" loading="lazy" alt="Button App Store Footer " />
</a>
</li>
<li>
<a target="_blank" rel="nofollow" href="https://play.google.com/store/apps/details?id=com.ruangguru.livestudents&hl=in">
<img src="https://cdn-web-2.ruangguru.com/static/googleplay.png" loading="lazy" alt="Button Google Play Footer " />
</a>
</li>
<li>
<a target="_blank" rel="nofollow" href="https://appgallery.huawei.com/#/app/C102352375">
<img src="https://cdn-web-2.ruangguru.com/static/huawei.png" loading="lazy" alt="Button AppGallery Footer " />
</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center">
<nav class="footer-menu social">
<p class="title">Ikuti Kami</p>
<a target="_blank" href="https://www.instagram.com/ruangguru/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/instagram.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/instagram.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/instagram.png" loading="lazy" alt="Logo Instagram Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.facebook.com/ruanggurucom/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/facebook.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/facebook.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/facebook.png" loading="lazy" alt="Logo Facebook Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://twitter.com/ruangguru/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/twitter.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/twitter.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/twitter.png" loading=" lazy" alt="Logo Twitter Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.youtube.com/ruangguru">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/youtube.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/youtube.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/youtube.png" loading=" lazy" alt="Logo Youtube Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.linkedin.com/company/ruangguru-com">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/linkedin.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/linkedin.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/linkedin.png" loading=" lazy" alt="Logo LinkedIn Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.tiktok.com/@ruangguru">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/tiktok.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/tiktok.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/tiktok.png" loading=" lazy" alt="Logo TikTok Footer" width="32px" height="32px" />
</picture>
</a>
</nav>
</div>
<p class="footer-copyright">
© 2026 All Rights Reserved PT. Ruang Raya Indonesia
</p>
</div>
<style>
.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;
}
</style>
<div id="bantuan-divs-container" style="position: relative" data-product="ruangguru" data-table="rg_floating_icon"></div>
<script>
class FloatingDivsComponent {
constructor(product = 'ruangguru', table = 'rg_floating_icon') {
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_floating_icon';
const queryParams =
'offset=0&limit=99999&sort=rankPosition&where=(type,eq,floating)~and(showIn,anyof,blog)~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 [];
}
console.log(data.list);
// 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_floating_icon';
new FloatingDivsComponent(product, table);
});
// Export for use in other modules if needed
if (typeof module !== 'undefined' && module.exports) {
module.exports = FloatingDivsComponent;
}
</script> <div id="wp-install-nudge" style="
position: fixed;
bottom: 0rem;
right: 0;
z-index: 999;
cursor: pointer;
"></div>
<script>
(function (w, d, s, o, f, js, fjs) {
w['Sales-Nudge-Widget'] = o; w[o] = w[o] || function () { (w[o].q = w[o].q || []).push(arguments) };
js = d.createElement(s), fjs = d.getElementsByTagName(s)[0];
js.id = o; js.src = f; js.async = 1; fjs.parentNode.insertBefore(js, fjs);
}(window, document, 'script', 'wpInstallNudge', 'https://cdn-web-2.ruangguru.com/sales-nudge/6198a95130/dist/widget.js'));
wpInstallNudge('init', { targetElementId: 'wp-install-nudge', clientTarget: 'ruangguru_blog' });
</script>
<script>
// note: disabled due to auto reload page
// var lastScrollTop = 0;
// $(window).scroll(function(event){
// var st = $(this).scrollTop();
// if (st > lastScrollTop){
// $('#wp-install-nudge').slideDown( "slow", function() {});
// } else {
// $('#wp-install-nudge').slideUp( "slow", function() {});
// }
// lastScrollTop = st;
// });
// $(document).ready(function () {
// $("#wp-install-nudge").hide();
// });
$('#wp-install-nudge').click(function(){
Analytics.track("promotion__install_nudge__click",
{
user_email: "ruangguru@blog.com",
cta_link: widgetData.dataConfig.target_link
}).catch((err) => {
console.log("tracker error", err);
});
});
</script>
</footer>
<div id="__next"></div>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/blog\/*"},{"not":{"href_matches":["\/blog\/wp-*.php","\/blog\/wp-admin\/*","\/blog\/wp-content\/uploads\/*","\/blog\/wp-content\/*","\/blog\/wp-content\/plugins\/*","\/blog\/wp-content\/themes\/ruangguru\/*","\/blog\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script>
async function getCtaDetails(ctaIds) {
const endpoint =
" https://gw.ruangguru.com/api/v3/rdb/p_ddgy8hjx5dxsqx/CTA/views/CTA?offset=0&limit=10&where=(ctaId,in," + ctaIds.toString() + ")";
try {
const response = await fetch(endpoint, {
headers: {
"xc-token": "-hG2nBDJzSj0agSgNtcJx97M4F02y54nUMoY6plJ",
},
});
const data = await response.json();
const ctaList = data?.list || [];
const ctaMap = new Map();
for (const ctaData of ctaList) {
ctaMap.set(ctaData.ctaId, ctaData);
}
return ctaMap;
} catch (error) {
console.error("Error fetching CTA details:", error);
return new Map();
}
}
async function replaceCTA() {
const regex = /{{cta\((‘(.*?)’|“(.*?)”)\)}}/g;
const bodyHTML = document.body.innerHTML;
const matches = Array.from(bodyHTML.matchAll(regex));
const ctaIds = matches.map((match) => {
let ctaId = match[2] ?? match[3];
return ctaId;
});
const ctaMap = await getCtaDetails(ctaIds);
const replacedHTML = bodyHTML.replace(regex, (match, _inner, ctaId1, ctaId2) => {
const ctaId = ctaId1 ?? ctaId2;
const ctaData = ctaMap.get(ctaId);
if (ctaData) {
return `<a href="https://cta.ruangguru.com/${ctaData.ctaId}" target="_${ctaData.targetType}" style="position:relative;display:inline-block;">
<img src="${ctaData.imageUrl}" loading="lazy" alt="${ctaData.altText}" />
</a>`;
} else {
return match;
}
});
document.body.innerHTML = replacedHTML;
}
</script>
<meta name="author" content="Ruangguru Tech Team">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PVNLZFT" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- Tracker -->
<script type="text/javascript" src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/global-assets/js/cta.js"></script>
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
</body>
</html>