Pada artikel Fisika kelas 8 kali ini, kita akan belajar tentang usaha dan energi. Materinya meliputi pengertian, rumus, jenis, serta hubungan keduanya. Yuk, baca sampai habis!
—
Pernahkah kamu merasa lelah setelah mendorong meja yang berat? Atau mungkin, kamu pernah melompat dari ketinggian, lalu merasakan dorongan yang kuat ketika kaki menyentuh tanah?
Nah, semua aktivitas itu ternyata bisa dijelaskan melalui konsep usaha dan energi dalam Fisika, lho. Dua hal tersebut sangat penting untuk dipelajari, karena menjadi dasar dari banyak fenomena sehari-hari. Mulai dari cara kerja mesin, gerakan benda, hingga proses tubuh manusia menghasilkan tenaga.
Nah, dalam artikel ini, kita akan membahas secara lengkap tentang usaha dan energi. Materinya meliputi pengertian, rumus, jenis-jenis, hubungan antara keduanya, sampai contoh soal yang bisa kamu gunakan untuk berlatih. Yuk, kita mulai!
Pengertian Usaha
Pertama-tama, kita mulai dari pembahasan tentang usaha dulu, ya. Kalo mendengar kata usaha, apa yang ada di benak kamu?
“Hmm, usaha itu… berjuang kak. Kita nggak boleh nyerah dalam mencapai suatu tujuan.”
Jawabannya nggak salah kok, gais. Istilah usaha juga ada dalam ilmu Fisika. Usaha adalah hasil kali gaya yang diberikan pada sebuah benda dengan perpindahan benda tersebut ke arah gaya. Dengan kata lain, usaha merupakan energi yang dialirkan untuk menggerakkan suatu benda dengan gaya tertentu.
Rumus Usaha dalam Fisika
Secara matematis, rumus usaha dapat dituliskan sebagai berikut:
W = F × s
Keterangan:
W = usaha (Joule)
F = gaya yang diberikan (Newton)
s = perpindahan benda (meter)
Berdasarkan rumus di atas, dapat dilihat bahwa satuan usaha adalah Joule atau biasa disingkat J.
Nah, ada dua hal penting yang harus kamu perhatikan dalam rumus usaha, yakni gaya dan perpindahan benda. Kenapa tuh harus ada itu? Contohnya gini aja, kalo kamu mendorong meja sekuat tenaga (melakukan gaya), tetapi meja itu tidak berpindah sama sekali (tidak ada perpindahan), maka secara fisika, kamu tidak melakukan usaha, meskipun tubuhmu merasa capek.
Gambar seseorang melakukan usaha yakni mendorong meja (Sumber: makeagif.com)
Baca Juga: Pengertian Gaya, Jenis & Pengaruhnya pada Benda Lain
Jenis-Jenis Usaha
Secara umum, usaha dibagi menjadi 4 jenis, yaitu usaha positif, usaha negatif, usaha di bidang datar, dan usaha di bidang miring. Terus, apa sih masing-masing bedanya?
1. Usaha Positif
Usaha positif terjadi jika gaya yang diberikan searah dengan perpindahan benda. Contohnya, ketika kamu mendorong troli belanja ke depan, doronganmu akan searah dengan arah bergeraknya troli, sehingga usahanya positif.
2. Usaha Negatif
Sebaliknya nih, usaha negatif terjadi jika gaya yang diberikan berlawanan arah dengan perpindahan. Contohnya, saat rem sepeda kamu tekan, maka bantalan rem akan menekan roda berlawanan arah dengan Gerakan rodanya. Sehingga, roda tersebut perlahan melambat. Jadi, usaha yang dilakukan negatif.
Nah, baik usaha positif maupun usaha negatif, dapat dibagi lagi menjadi 2 macam, yaitu usaha di bidang datar dan usaha di bidang miring.
3. Usaha di Bidang Datar
Jenis usaha pada bidang datar, berarti benda tersebut bergerak/berpindah pada permukaan yang datar (horizontal). Misalnya seperti permukaan meja, lantai, jalan, dan sebagainya.
Meskipun berada pada bidang datar, gaya yang kita berikan nggak selalu sejajar dengan perpindahan. Dalam beberapa kasus, gaya akan membentuk sudut tertentu. Bisa karena posisi tubuh manusia, kondisi alat yang dipakai, atau keterbatasan ruang dan posisi. Supaya kamu lebih terbayang, yuk perhatikan gambar di bawah ini!
Oleh karena itu rumus usaha yang digunakan, yaitu:
W = F · cos θ · s
Keterangan:
W = usaha (Joule)
F = gaya yang diberikan (Newton)
θ = sudut antara gaya dengan arah perpindahan
s = perpindahan benda (meter)
4. Usaha di Bidang Miring
Kalo usaha pada bidang miring, berarti bendanya nggak bergerak/berpindah di permukaan yang datar, melainkan permukaan yang membentuk sudut kemiringan. Misalnya, ketika kamu ingin memindahkan beban berat ke atas meja, kamu bisa menggunakan papan yang dimiringkan untuk meringankan usaha. Konsepnya mirip kayak bidang miring yaah.
Rumus usaha di bidang miring adalah sebagai berikut:
W = m · g · sin θ · s
Keterangan:
W = usaha (Joule)
m = massa benda (kg)
g = percepatan gravitasi (9,8 m/s²)
θ = sudut antara gaya dengan arah perpindahan
s = perpindahan benda (meter)
Semakin miring bidangnya, maka semakin kecil gaya yang dibutuhkan untuk memindahkan benda tersebut.
Pengertian Energi
Nah, kalo ngomongin usaha, pasti ada kaitannya sama energi. Apa itu energi? Secara sederhana, energi adalah kemampuan untuk melakukan usaha. Tanpa adanya energi, sebuah benda nggak mungkin bisa bergerak, dan suatu sistem nggak akan mengalami perubahan.
Dalam kehidupan sehari-hari, energi bisa kita temukan dalam berbagai bentuk dan sumber. Contohnya, tubuh kita tidak bisa beraktivitas kalau tidak punya energi dari makanan, atau mobil tidak bisa jalan tanpa energi dari bahan bakar.
Baca Juga: Pengertian Energi, Bentuk-Bentuk, Contoh & Perubahannya
Sifat-Sifat Energi
Energi juga punya sifat-sifat khusus, loh. Langsung baca penjelasan di bawah ini, ya.
1. Energi Tidak bisa Diciptakan atau Dimusnahkan
Kalo kamu udah belajar tentang Hukum Kekekalan Energi, kamu pasti tau, energi nggak bisa diciptakan atau dihilangkan. Energi cuma bisa berubah bentuk atau berpindah dari satu benda ke benda yang lain. Contohnya, energi kimia dalam bensin tidak hilang, tetapi berubah menjadi energi gerak saat mesin kendaraan bermotor bekerja.
2. Energi dapat Berubah Bentuknya
Energi dapat berubah dari satu bentuk ke bentuk lainnya, sesuai dengan kebutuhan atau kondisi. Contohnya, energi listrik dapat berubah menjadi energi cahaya pada lampu, energi potensial air di bendungan dapat berubah menjadi energi listrik melalui turbin PLTA, dan lain sebagainya.
3. Energi Dapat Berpindah
Selain bentuknya dapat diubah, energi juga dapat berpindah dari satu benda/sistem ke benda/sistem lain. Contohnya, saat kita memasak air, energi panas dari api akan berpindah ke wadah atau panci, lalu ke air hingga mendidih.
4. Energi Dapat Disimpan
Energi juga dapat disimpan dalam bentuk tertentu untuk digunakan di kemudian hari. Contohnya, energi kimia dalam baterai, bensin, atau makanan (sebagai cadangan energi dalam tubuh).
Jenis-Jenis Energi
Dalam Fisika, terdapat banyak sekali macam-macam energi. Setiap jenis mempunyai rumus yang berbeda-beda. Namun, yang paling umum dipelajari adalah sebagai berikut:
1. Energi Kinetik
Energi kinetik adalah energi yang dimiliki oleh suatu benda karena gerakannya. Semakin cepat sebuah benda bergerak atau semakin besar massanya, maka semakin besar pula energi kinetik yang dimilikinya. Jadi, kalo bendanya diam, energi kinetiknya nol, ya. Rumus energi kinetik adalah:
Ek = ½ · m · v2
Keterangan:
Ek = energi kinetik (J)
m = massa benda (kg)
v = kecepatan benda (m/s)
2. Energi Potensial
Energi potensial adalah energi yang dimiliki benda karena kedudukannya terhadap bumi (ketinggian). Contohnya, buah apel yang berada di atas meja, memiliki energi potensial karena posisinya lebih tinggi dari lantai. Rumus energi potensial adalah:
Ep = m · g · h
Keterangan:
Ep = energi potensial (J)
m = massa (kg)
g = percepatan gravitasi (9,8 m/s²)
h = ketinggian benda (m)
3. Energi Potensial Pegas
Energi potensial pegas adalah energi yang dimiliki benda pegas ketika diregangkan atau ditekan. Semakin besar tarikan atau tekanannya, maka semakin besar juga energi potensial pegas yang tersimpan. Rumus energi potensial pegas adalah:
Ep = ½ · k · (Δx)2
Keterangan:
Ep = energi potensial pegas (J)
k = konstanta pegas (N/m)
Δx = perubahan panjang pegas (m)
4. Energi Mekanik
Energi mekanik adalah total dari energi kinetik dan energi potensial. Rumus energi mekanik, yaitu:
Em = Ek + Ep
Keterangan:
Ek = energi kinetik (J)
Ep = energi potensial (J)
Hubungan antara Usaha dan Energi
Baik usaha maupun energi, keduanya saling terhubung, loh. Sederhananya, kita butuh energi untuk melakukan usaha, dan usaha yang kita lakukan, bisa mengubah energi suatu benda. Ibarat siklus yang selalu berputar ya ges yaaa.
Nah, ada dua contoh yang sering kita temui terkait hubungan antara usaha dan energi, yaitu usaha yang mempengaruhi energi kinetik dan usaha yang mempengaruhi energi potensial. Yuk, kita bedah bersama biar kamu semakin paham!
a. Hubungan Usaha dengan Energi Kinetik
Besar usaha sama dengan perubahan energi kinetik, apabila sebuah benda mengalami perubahan kecepatan/kelajuan. Maksudnya begini, ketika kita memberi usaha pada sebuah benda, misalnya mendorong atau menarik, semakin besar usaha yang kita keluarkan, maka semakin besar juga perubahan energi kinetik benda tersebut, begitupun sebaliknya.
Misalnya nih, motor ayah kamu mogok. Ketika motor diam, maka energi kinetiknya = 0. Lalu, kalau motor itu didorong, motor akan bergerak dengan kecepatan tertentu, sehingga energi kinetiknya akan bertambah sebanding dengan usaha yang dilakukan. Jadi, kalau dorongannya lebih kuat, maka motor akan bergerak lebih kencang.
Hubungan usaha dengan energi kinetik, dapat dirumuskan sebagai berikut:
W = ΔEk = ½ m (v22 – v12)
Keterangan:
Ek = energi kinetik (J)
m = massa benda (kg)
v1 = kecepatan benda awal (m)
v2 = kecepatan benda akhir (m)
b. Hubungan Usaha dengan Energi Potensial
Usaha yang kita lakukan untuk mengangkat atau menurunkan benda, sama dengan perubahan energi potensial benda tersebut. Contohnya begini, apabila sebuah benda berada pada ketinggian tertentu, kemudian kita angkat benda itu ke tempat yang lebih tinggi, maka besar usaha yang kita lakukan akan sebesar perubahan energi potensial benda tersebut. Nah, ketika benda itu kita jatuhkan, energi potensialnya berubah menjadi energi kinetik, dimana usaha dilakukan oleh gaya gravitasi.
Hubungan usaha dengan energi potensial, dapat dirumuskan sebagai berikut:
W = ΔEp = ½ m g (h2 – h1)
Keterangan:
Ep = energi potensial (J)
m = massa (kg)
g = percepatan gravitasi (9,8 m/s²)
h1 = ketinggian benda awal (m)
h2 = ketinggian benda akhir (m)
Baca Juga: Daya Usaha: Pengertian, Rumus, dan Contoh Soal
Penerapan Usaha dan Energi dalam Kehidupan Sehari-hari
Konsep usaha dan energi ternyata banyak sekali penerapannya dalam kehidupan sehari-hari, antara lain:
-
Olahraga – Saat berlari, otot kita mengubah energi kimia dari makanan menjadi energi kinetik.
-
Transportasi – Mobil memerlukan energi dari bahan bakar untuk bergerak, yang kemudian diubah menjadi energi kinetik.
-
Listrik – Turbin pembangkit listrik mengubah energi potensial air menjadi energi kinetik, lalu menjadi energi listrik.
-
Alat rumah tangga – Blender, kipas angin, dan mesin cuci bekerja dengan memanfaatkan energi listrik yang diubah menjadi energi gerak.
-
Pemanfaatan sumber energi terbarukan – Panel surya mengubah energi cahaya matahari menjadi listrik, yang lebih ramah lingkungan.
Contoh Soal Usaha dan Energi
Nah sekarang, yuk kita coba beberapa contoh soal usaha dan energi berikut ini:
Contoh Soal 1
Sebuah benda bermassa 5 kg bergerak dengan kecepatan 4 m/s. Hitunglah energi kinetik benda tersebut!
Penyelesaian:
Diketahui:
m = 5 kg
v = 4 m/s
Ditanya: Ek …?
Jawab:
Ek = ½ · m · v2
Ek = ½ · 5 · 42
Ek = ½ · 5 · 16
Ek = 40 J
Jadi, energi kinetik benda adalah 40 Joule.
Contoh Soal 2
Sebuah benda bermassa 2 kg berada pada ketinggian 10 m dari tanah. Hitung energi potensialnya!
Penyelesaian:
Diketahui:
m = 2 kg
h = 10 m
Ditanya: Ep …?
Jawab:
Ep = m · g · h
Ep = 2 · 9,8 · 10
Ep = 196 J
Jadi, energi potensialnya adalah 196 Joule.
Contoh Soal 3
Sebuah gaya 50 N mendorong benda sejauh 4 m pada arah yang sama dengan gaya. Hitunglah usaha yang dilakukan!
Penyelesaian:
Diketahui:
F = 50 N
s = 4 m
Ditanya: W …?
Jawab:
W = F · s
W = 50 · 4
W = 200 J
Jadi, usaha yang dilakukan adalah 200 Joule.
Baca Juga: Konsep Energi Kinetik, Potensial & Mekanik dalam Permainan Badminton
Setelah membaca artikel ini, sekarang kamu sudah lebih paham kan apa itu energi dan bagaimana kaitannya dengan usaha? Kita bisa tau kalo usaha dan energi sangat erat kaitannya, karena usaha yang kita lakukan pada benda, akan mengubah energi yang dimilikinya. Selain itu, konsep ini juga sangat relevan dalam kehidupan sehari-hari, mulai dari olahraga, transportasi, hingga pemanfaatan sumber energi terbarukan.
Kalau kamu ingin lebih banyak belajar Fisika dengan cara yang seru dan mudah dipahami, yuk coba belajar di ruangbelajar! Ada banyak materi, video pembelajaran, hingga latihan soal interaktif yang bisa bantu kamu memahami konsep-konsep sulit dengan lebih gampang, lho. Download dan gabung sekarang!
Referensi:
https://roboguru.ruangguru.com/question/jelaskan-hubungan-antara-usaha-dengan-energi-potensial-_QU-E5TWCU4S (Diakses pada 18 September 2025)
<!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>Usaha dan Energi: Pengertian, Rumus, Jenis, Contoh Soalnya</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="Yuk, kita belajar tentang usaha dan energi, meliputi pengertian, rumus, jenis, serta hubungan antara keduanya. Baca sampai habis, ya!" />
<link rel="canonical" href="https://www.ruangguru.com/blog/mengenal-konsep-usaha-dan-energi" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Usaha dan Energi: Pengertian, Rumus, Jenis, Contoh Soalnya" />
<meta property="og:description" content="Yuk, kita belajar tentang usaha dan energi, meliputi pengertian, rumus, jenis, serta hubungan antara keduanya. Baca sampai habis, ya!" />
<meta property="og:url" content="https://www.ruangguru.com/blog/mengenal-konsep-usaha-dan-energi" />
<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-09-18T08:33:27+00:00" />
<meta property="article:modified_time" content="2025-09-18T08:40:13+00:00" />
<meta name="author" content="Kenya Swawikanti" />
<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="Kenya Swawikanti" />
<meta name="twitter:label2" content="Est. reading time" />
<meta name="twitter:data2" content="10 minutes" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.ruangguru.com/blog/mengenal-konsep-usaha-dan-energi","url":"https://www.ruangguru.com/blog/mengenal-konsep-usaha-dan-energi","name":"Usaha dan Energi: Pengertian, Rumus, Jenis, Contoh Soalnya","isPartOf":{"@id":"https://www.ruangguru.com/blog/#website"},"primaryImageOfPage":{"@id":"https://www.ruangguru.com/blog/mengenal-konsep-usaha-dan-energi#primaryimage"},"image":{"@id":"https://www.ruangguru.com/blog/mengenal-konsep-usaha-dan-energi#primaryimage"},"thumbnailUrl":"https://cdn-web-2.ruangguru.com/landing-pages/assets/4f009f75-4e40-4d0a-b6c6-2315df0e40ca.png","datePublished":"2025-09-18T08:33:27+00:00","dateModified":"2025-09-18T08:40:13+00:00","author":{"@id":"https://www.ruangguru.com/blog/#/schema/person/2961333999f86a82f666cdabdd06fc14"},"description":"Yuk, kita belajar tentang usaha dan energi, meliputi pengertian, rumus, jenis, serta hubungan antara keduanya. Baca sampai habis, ya!","breadcrumb":{"@id":"https://www.ruangguru.com/blog/mengenal-konsep-usaha-dan-energi#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.ruangguru.com/blog/mengenal-konsep-usaha-dan-energi"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/mengenal-konsep-usaha-dan-energi#primaryimage","url":"https://cdn-web-2.ruangguru.com/landing-pages/assets/4f009f75-4e40-4d0a-b6c6-2315df0e40ca.png","contentUrl":"https://cdn-web-2.ruangguru.com/landing-pages/assets/4f009f75-4e40-4d0a-b6c6-2315df0e40ca.png"},{"@type":"BreadcrumbList","@id":"https://www.ruangguru.com/blog/mengenal-konsep-usaha-dan-energi#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.ruangguru.com/blog"},{"@type":"ListItem","position":2,"name":"Usaha dan Energi: Pengertian, Rumus, Jenis, Contoh Soalnya"}]},{"@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/2961333999f86a82f666cdabdd06fc14","name":"Kenya Swawikanti","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/?s=96&d=mm&r=g","caption":"Kenya Swawikanti"},"url":"https://www.ruangguru.com/blog/author/kenya-swawikanti"}]}</script>
<!-- / Yoast SEO plugin. -->
<link rel="alternate" type="application/rss+xml" title="Belajar Gratis di Rumah Kapan Pun! | Blog Ruangguru » Usaha dan Energi: Pengertian, Rumus, Jenis, Contoh Soalnya Comments Feed" href="https://www.ruangguru.com/blog/mengenal-konsep-usaha-dan-energi/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/24704" /><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=24704' />
<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%2Fmengenal-konsep-usaha-dan-energi" />
<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%2Fmengenal-konsep-usaha-dan-energi&format=xml" />
</head>
<body class="wp-singular post-template-default single single-post postid-24704 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/fisika">Fisika</a></li><li class="breadcrumb-item"><a href="https://www.ruangguru.com/blog/c/fisika/fisika-smp-kelas-8">Fisika SMP Kelas 8</a></li> </ol>
</nav>
<h1 class="content-title">
Usaha dan Energi: Pengertian, Rumus, Jenis, Contoh Soalnya </h1>
<div class="content-meta">
<p class="content-author"><a href="https://www.ruangguru.com/blog/author/kenya-swawikanti" class="">Kenya Swawikanti</a> </p>
<p class="content-info"><span>September 18, 2025 • </span> <span>10 minutes read</span></p>
<br />
</div>
<div class="content-body">
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/4f009f75-4e40-4d0a-b6c6-2315df0e40ca.png" alt="pengertian usaha dan energi" width="820" /></p>
<blockquote>
<p style="text-align: center;"><em><span style="font-weight: 400;">Pada <strong><a href="https://www.ruangguru.com/blog/c/fisika/fisika-smp-kelas-8">artikel Fisika kelas 8</a></strong> kali ini, kita akan belajar tentang <strong>usaha dan energi</strong>. Materinya meliputi pengertian, rumus, jenis, serta hubungan keduanya. Yuk, baca sampai habis!</span></em></p>
</blockquote>
<p style="text-align: center;"><span style="font-weight: 400;">—</span></p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 400;">Pernahkah kamu merasa lelah setelah mendorong meja yang berat? Atau mungkin, kamu pernah melompat dari ketinggian, lalu merasakan dorongan yang kuat ketika kaki menyentuh tanah? </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Nah, semua aktivitas itu ternyata bisa dijelaskan melalui </span><strong>konsep usaha dan energi</strong><span style="font-weight: 400;"> dalam Fisika, lho. Dua hal tersebut sangat penting untuk dipelajari, karena menjadi dasar dari banyak fenomena sehari-hari. Mulai dari cara kerja mesin, gerakan benda, hingga proses tubuh manusia menghasilkan tenaga. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Nah, dalam artikel ini, kita akan membahas secara lengkap tentang usaha dan energi. Materinya meliputi pengertian, rumus, jenis-jenis, hubungan antara keduanya, sampai contoh soal yang bisa kamu gunakan untuk berlatih. Yuk, kita mulai!</span></p>
<p> </p>
<h2><span style="font-size: 18pt;"><b>Pengertian Usaha</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Pertama-tama, kita mulai dari pembahasan tentang usaha dulu, ya. Kalo mendengar kata usaha, apa yang ada di benak kamu? </span></p>
<p><em>“Hmm, usaha itu… berjuang kak. Kita nggak boleh nyerah dalam mencapai suatu tujuan.”</em></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Jawabannya nggak salah kok, gais. Istilah usaha juga ada dalam ilmu Fisika. </span><strong>Usaha adalah hasil kali gaya</strong><span style="font-weight: 400;"> yang diberikan pada sebuah benda </span><strong>dengan perpindahan benda</strong><span style="font-weight: 400;"> tersebut <strong>ke arah gaya</strong>. Dengan kata lain, usaha merupakan energi yang dialirkan untuk menggerakkan suatu benda dengan gaya tertentu.</span></p>
<p> </p>
<h2><span style="font-size: 18pt;">Rumus Usaha dalam Fisika</span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Secara matematis, rumus usaha dapat dituliskan sebagai berikut:</span></p>
<p style="text-align: center;"><span style="font-weight: 400; font-size: 18pt;">W = F × s</span></p>
<p> </p>
<p><strong>Keterangan:</strong></p>
<p><span style="font-weight: 400;">W = usaha (Joule)</span></p>
<p><span style="font-weight: 400;">F = gaya yang diberikan (Newton)</span></p>
<p><span style="font-weight: 400;">s = perpindahan benda (meter)</span></p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 400;">Berdasarkan rumus di atas, dapat dilihat bahwa <strong>satuan usaha adalah Joule</strong> atau biasa disingkat J. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Nah, ada dua hal penting yang harus kamu perhatikan dalam rumus usaha, yakni </span><strong>gaya dan perpindahan benda</strong><span style="font-weight: 400;">. Kenapa tuh harus ada itu? Contohnya gini aja, kalo kamu mendorong meja sekuat tenaga (melakukan gaya), tetapi meja itu tidak berpindah sama sekali (tidak ada perpindahan), maka secara fisika, kamu tidak melakukan usaha, meskipun tubuhmu merasa capek.</span></p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/94661491-fafe-48f3-a120-9ae9b6b6c447.gif" alt="pengertian usaha" width="400" /></p>
<p style="text-align: center;"><span style="font-weight: 400;">Gambar seseorang melakukan usaha yakni mendorong meja (Sumber: </span><span style="font-weight: 400;">makeagif.com</span><span style="font-weight: 400;">)</span></p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/pengertian-gaya-dan-5-pengaruhnya-terhadap-benda-lain">Pengertian Gaya, Jenis & Pengaruhnya pada Benda Lain</a></strong></p>
<p> </p>
<h2><span style="font-size: 18pt;"><b>Jenis-Jenis Usaha</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Secara umum, usaha dibagi menjadi 4 jenis, yaitu </span><strong>usaha positif, usaha negatif, usaha di bidang datar, dan usaha di bidang miring</strong><span style="font-weight: 400;">. Terus, apa sih masing-masing bedanya?</span></p>
<p> </p>
<h3><span style="font-size: 14pt;">1. Usaha Positif</span></h3>
<p style="text-align: justify;"><strong>Usaha positif</strong><span style="font-weight: 400;"> terjadi jika <strong>gaya yang diberikan </strong></span><strong>searah </strong><span style="font-weight: 400;"><strong>dengan perpindahan benda</strong>. Contohnya, ketika kamu mendorong troli belanja ke depan, doronganmu akan searah dengan arah bergeraknya troli, sehingga usahanya positif.</span></p>
<p> </p>
<h3><span style="font-size: 14pt;">2. Usaha Negatif</span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Sebaliknya nih, </span><strong>usaha negatif</strong> <span style="font-weight: 400;">terjadi jika gaya yang diberikan </span><strong>berlawanan arah</strong><span style="font-weight: 400;"> dengan perpindahan. Contohnya, saat rem sepeda kamu tekan, maka bantalan rem akan menekan roda berlawanan arah dengan Gerakan rodanya. Sehingga, roda tersebut perlahan melambat. Jadi, usaha yang dilakukan negatif.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Nah, baik usaha positif maupun usaha negatif, dapat dibagi lagi menjadi 2 macam, yaitu </span><strong>usaha di bidang datar dan usaha di bidang miring</strong><span style="font-weight: 400;">. </span></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>3. Usaha di Bidang Datar</b></span></h3>
<p style="text-align: justify;">Jenis usaha pada bidang datar, berarti benda tersebut <strong>bergerak/berpindah pada permukaan yang datar (horizontal)</strong>. Misalnya seperti permukaan meja, lantai, jalan, dan sebagainya.</p>
<p style="text-align: justify;"><span style="font-weight: 400;">Meskipun berada pada bidang datar, gaya yang kita berikan <strong>nggak selalu sejajar dengan perpindahan</strong>. Dalam beberapa kasus, gaya akan membentuk sudut tertentu. Bisa karena posisi tubuh manusia, kondisi alat yang dipakai, atau keterbatasan ruang dan posisi. Supaya kamu lebih terbayang, yuk perhatikan gambar di bawah ini!</span></p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/278ffec8-0d74-49f0-8835-4a729688231d.png" alt="contoh ilustrasi usaha pada bidang datar" width="400" /></p>
<p> </p>
<p><span style="font-weight: 400;">Oleh karena itu rumus usaha yang digunakan, yaitu:</span></p>
<p style="text-align: center;"><span style="font-size: 18pt;"><span style="font-weight: 400;">W = F · cos θ ·</span><span style="font-weight: 400;"> s</span></span></p>
<p> </p>
<p><strong>Keterangan:</strong></p>
<p><span style="font-weight: 400;">W = usaha (Joule)</span></p>
<p><span style="font-weight: 400;">F = gaya yang diberikan (Newton)</span></p>
<p><span style="font-weight: 400;">θ = sudut antara gaya dengan arah perpindahan</span></p>
<p><span style="font-weight: 400;">s = perpindahan benda (meter)</span></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>4. Usaha di Bidang Miring</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Kalo usaha pada bidang miring, berarti bendanya nggak bergerak/berpindah di permukaan yang datar, melainkan <strong>permukaan yang membentuk sudut kemiringan</strong>. Misalnya, ketika kamu ingin memindahkan beban berat ke atas meja, kamu bisa menggunakan papan yang dimiringkan untuk meringankan usaha. Konsepnya mirip kayak <strong><a href="https://www.ruangguru.com/blog/ipa-kelas-8-penerapan-dan-manfaat-prinsip-bidang-miring">bidang miring</a></strong> yaah.</span></p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/7081d926-b23c-46c2-8989-edab9b1fd65e.png" alt="contoh ilustrasi jenis usaha pada bidang miring" width="350" /></p>
<p> </p>
<p><span style="font-weight: 400;">Rumus usaha di bidang miring adalah sebagai berikut:</span></p>
<p style="text-align: center;"><span style="font-size: 18pt;"><span style="font-weight: 400;">W = m · g · sin θ · </span><span style="font-weight: 400;">s</span></span></p>
<p> </p>
<p><strong>Keterangan:</strong></p>
<p><span style="font-weight: 400;">W = usaha (Joule)</span></p>
<p><span style="font-weight: 400;">m = massa benda (kg)</span></p>
<p><span style="font-weight: 400;">g = percepatan gravitasi (9,8 m/s²)</span></p>
<p><span style="font-weight: 400;">θ = sudut antara gaya dengan arah perpindahan</span></p>
<p><span style="font-weight: 400;">s = perpindahan benda (meter)</span></p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 400;">Semakin miring bidangnya, maka semakin kecil gaya yang dibutuhkan untuk memindahkan benda tersebut.</span></p>
<p> </p>
<h2><span style="font-size: 18pt;"><b>Pengertian Energi</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Nah, kalo ngomongin usaha, pasti ada kaitannya sama energi. Apa itu energi? Secara sederhana, energi adalah <strong>kemampuan untuk melakukan usaha</strong>. Tanpa adanya energi, sebuah benda nggak mungkin bisa bergerak, dan suatu sistem nggak akan mengalami perubahan.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dalam kehidupan sehari-hari, energi bisa kita temukan dalam berbagai bentuk dan sumber. Contohnya, </span><span style="font-weight: 400;">tubuh kita tidak bisa beraktivitas kalau tidak punya energi dari makanan, atau mobil tidak bisa jalan tanpa energi dari bahan bakar.</span></p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/konsep-energi-dalam-fisika">Pengertian Energi, Bentuk-Bentuk, Contoh & Perubahannya</a></strong></p>
<p> </p>
<h2><span style="font-size: 18pt;">Sifat-Sifat Energi</span></h2>
<p style="text-align: justify;">Energi juga punya sifat-sifat khusus, loh. Langsung baca penjelasan di bawah ini, ya.</p>
<p> </p>
<h3><span style="font-size: 14pt;">1. Energi Tidak bisa Diciptakan atau Dimusnahkan</span></h3>
<p style="text-align: justify;">Kalo kamu udah belajar tentang <strong><a href="https://www.ruangguru.com/blog/memahami-hukum-kekekalan-energi">Hukum Kekekalan Energi</a></strong>, kamu pasti tau, energi nggak bisa diciptakan atau dihilangkan. Energi cuma bisa berubah bentuk atau berpindah dari satu benda ke benda yang lain. Contohnya, energi kimia dalam bensin tidak hilang, tetapi berubah menjadi energi gerak saat mesin kendaraan bermotor bekerja.</p>
<p> </p>
<h3><span style="font-size: 14pt;">2. Energi dapat Berubah Bentuknya</span></h3>
<p style="text-align: justify;">Energi dapat berubah dari satu bentuk ke bentuk lainnya, sesuai dengan kebutuhan atau kondisi. Contohnya, energi listrik dapat berubah menjadi energi cahaya pada lampu, energi potensial air di bendungan dapat berubah menjadi energi listrik melalui turbin PLTA, dan lain sebagainya.</p>
<p> </p>
<h3><span style="font-size: 14pt;">3. Energi Dapat Berpindah</span></h3>
<p style="text-align: justify;">Selain bentuknya dapat diubah, energi juga dapat berpindah dari satu benda/sistem ke benda/sistem lain. Contohnya, saat kita memasak air, energi panas dari api akan berpindah ke wadah atau panci, lalu ke air hingga mendidih.</p>
<p> </p>
<h3><span style="font-size: 14pt;">4. Energi Dapat Disimpan</span></h3>
<p style="text-align: justify;">Energi juga dapat disimpan dalam bentuk tertentu untuk digunakan di kemudian hari. Contohnya, energi kimia dalam baterai, bensin, atau makanan (sebagai cadangan energi dalam tubuh).</p>
<p> </p>
<h2><span style="font-size: 18pt;"><b>Jenis-Jenis Energi</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Dalam Fisika, terdapat banyak sekali macam-macam energi. Setiap jenis mempunyai rumus yang berbeda-beda. Namun, yang paling umum dipelajari adalah sebagai berikut:</span></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>1. Energi Kinetik</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Energi kinetik adalah <strong>energi yang dimiliki oleh suatu benda karena gerakannya</strong>. Semakin cepat sebuah benda bergerak atau semakin besar massanya, maka semakin besar pula energi kinetik yang dimilikinya. Jadi, kalo bendanya diam, energi kinetiknya nol, ya. Rumus energi kinetik adalah:</span></p>
<p style="text-align: center;"><span style="font-size: 18pt;"><span style="font-weight: 400;">E</span><sub><span style="font-weight: 400;">k </span></sub><span style="font-weight: 400;">= </span><span style="font-weight: 400;">½</span><span style="font-weight: 400;"> · m · </span><span style="font-weight: 400;">v</span><sup><span style="font-weight: 400;">2</span></sup></span></p>
<p> </p>
<p><strong>Keterangan:</strong></p>
<p><span style="font-weight: 400;">E<sub>k</sub> = energi kinetik (J)</span></p>
<p><span style="font-weight: 400;">m = massa benda (kg)</span></p>
<p><span style="font-weight: 400;">v = kecepatan benda (m/s)</span></p>
<p> </p>
<h3><b>2. Energi Potensial</b></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Energi potensial adalah energi yang dimiliki benda </span><strong>karena kedudukannya terhadap bumi (ketinggian)</strong><span style="font-weight: 400;">. Contohnya, buah apel yang <strong>berada di atas meja,</strong> memiliki energi potensial karena posisinya lebih tinggi dari lantai. Rumus energi potensial adalah:</span></p>
<p style="text-align: center;"><span style="font-size: 18pt;"><span style="font-weight: 400;">E</span><sub><span style="font-weight: 400;">p </span></sub><span style="font-weight: 400;">= m · g · h</span></span></p>
<p> </p>
<p><strong>Keterangan:</strong></p>
<p><span style="font-weight: 400;">E<sub>p</sub> = energi potensial (J)</span></p>
<p><span style="font-weight: 400;">m = massa (kg)</span></p>
<p><span style="font-weight: 400;">g = percepatan gravitasi (9,8 m/s²)</span></p>
<p><span style="font-weight: 400;">h = ketinggian benda (m)</span></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>3. Energi Potensial Pegas</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Energi potensial pegas adalah energi yang dimiliki benda <strong>pegas ketika diregangkan atau ditekan</strong>. Semakin <strong>besar</strong> tarikan atau tekanannya, maka semakin <strong>besar</strong> juga energi potensial pegas yang tersimpan. Rumus energi potensial pegas adalah:</span></p>
<p style="text-align: center;"><span style="font-size: 18pt;"><span style="font-weight: 400;">E</span><sub><span style="font-weight: 400;">p </span></sub><span style="font-weight: 400;">= </span><span style="font-weight: 400;">½</span><span style="font-weight: 400;"> · k · </span><span style="font-weight: 400;">(Δ</span><span style="font-weight: 400;"><sub>x</sub>)</span><sup><span style="font-weight: 400;">2</span></sup></span></p>
<p> </p>
<p><strong>Keterangan:</strong></p>
<p><span style="font-weight: 400;">Ep = energi potensial pegas (J)</span></p>
<p><span style="font-weight: 400;">k = konstanta pegas (N/m)</span></p>
<p><span style="font-weight: 400;">Δx = perubahan panjang pegas (m)</span></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>4. Energi Mekanik</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Energi mekanik adalah </span><strong>total </strong><span style="font-weight: 400;"><strong>dari energi kinetik dan energi potensial</strong>. Rumus energi mekanik, yaitu:</span></p>
<p style="text-align: center;"><span style="font-size: 18pt;"><span style="font-weight: 400;">E</span><sub><span style="font-weight: 400;">m </span></sub><span style="font-weight: 400;">= </span><span style="font-weight: 400;">E</span><sub><span style="font-weight: 400;">k </span></sub><span style="font-weight: 400;">+ </span><span style="font-weight: 400;">E</span><sub><span style="font-weight: 400;">p</span></sub></span></p>
<p> </p>
<p><strong>Keterangan:</strong></p>
<p><span style="font-weight: 400;">E<sub>k</sub> = energi kinetik (J)</span></p>
<p><span style="font-weight: 400;">E<sub>p</sub> = energi potensial (J)</span></p>
<p> </p>
<h2><span style="font-size: 18pt;">Hubungan antara Usaha dan Energi</span></h2>
<p style="text-align: justify;">Baik usaha maupun energi, keduanya saling terhubung, loh. Sederhananya, kita butuh energi untuk melakukan usaha, dan usaha yang kita lakukan, bisa mengubah energi suatu benda. Ibarat siklus yang selalu berputar ya ges yaaa.</p>
<p style="text-align: justify;">Nah, ada dua contoh yang sering kita temui terkait hubungan antara usaha dan energi, yaitu usaha yang mempengaruhi energi kinetik dan usaha yang mempengaruhi energi potensial. Yuk, kita bedah bersama biar kamu semakin paham!</p>
<p> </p>
<h3><span style="font-size: 14pt;">a. Hubungan Usaha dengan Energi Kinetik</span></h3>
<p style="text-align: justify;"><strong>Besar usaha sama dengan perubahan energi kinetik</strong>, apabila sebuah benda mengalami perubahan kecepatan/kelajuan. Maksudnya begini, ketika kita memberi usaha pada sebuah benda, misalnya mendorong atau menarik, semakin besar usaha yang kita keluarkan, maka semakin besar juga perubahan energi kinetik benda tersebut, begitupun sebaliknya.</p>
<p style="text-align: justify;">Misalnya nih, motor ayah kamu mogok. Ketika motor diam, maka energi kinetiknya = 0. Lalu, kalau motor itu didorong, motor akan bergerak dengan kecepatan tertentu, sehingga energi kinetiknya akan bertambah sebanding dengan usaha yang dilakukan. Jadi, kalau dorongannya lebih kuat, maka motor akan bergerak lebih kencang.</p>
<p>Hubungan usaha dengan energi kinetik, dapat dirumuskan sebagai berikut:</p>
<p style="text-align: center;"><span style="font-size: 18pt;"><span style="font-weight: 400;">W = Δ</span><span style="font-weight: 400;">E</span><sub><span style="font-weight: 400;">k </span></sub><span style="font-weight: 400;">= </span><span style="font-weight: 400;">½</span><span style="font-weight: 400;"> m (</span><span style="font-weight: 400;">v</span><sub><span style="font-weight: 400;">2</span></sub><sup><span style="font-weight: 400;">2 </span></sup><span style="font-weight: 400;">– </span><span style="font-weight: 400;">v</span><sub><span style="font-weight: 400;">1</span></sub><sup><span style="font-weight: 400;">2</span></sup><span style="font-weight: 400;">)</span></span></p>
<p> </p>
<p><strong>Keterangan:</strong></p>
<p><span style="font-weight: 400;">Ek = energi kinetik (J)</span></p>
<p><span style="font-weight: 400;">m = massa benda (kg)</span></p>
<p><span style="font-weight: 400;">v</span><sub><span style="font-weight: 400;">1</span></sub><span style="font-weight: 400;"> = kecepatan benda awal (m)</span></p>
<p><span style="font-weight: 400;">v</span><sub><span style="font-weight: 400;">2</span></sub><span style="font-weight: 400;"> = kecepatan benda akhir (m)</span></p>
<p> </p>
<h3><span style="font-size: 14pt;">b. Hubungan Usaha dengan Energi Potensial</span></h3>
<p style="text-align: justify;">Usaha yang kita lakukan untuk <strong>mengangkat atau menurunkan benda, sama dengan perubahan energi potensial</strong> benda tersebut. Contohnya begini, apabila sebuah benda berada pada ketinggian tertentu, kemudian kita angkat benda itu ke tempat yang lebih tinggi, maka besar usaha yang kita lakukan akan sebesar perubahan energi potensial benda tersebut. Nah, ketika benda itu kita jatuhkan, energi potensialnya berubah menjadi energi kinetik, dimana usaha dilakukan oleh gaya gravitasi.</p>
<p>Hubungan usaha dengan energi potensial, dapat dirumuskan sebagai berikut:</p>
<p style="text-align: center;"><span style="font-size: 18pt;"><span style="font-weight: 400;">W = Δ</span><span style="font-weight: 400;">E</span><sub><span style="font-weight: 400;">p </span></sub><span style="font-weight: 400;">= </span><span style="font-weight: 400;">½</span><span style="font-weight: 400;"> m g (</span><span style="font-weight: 400;">h</span><sub><span style="font-weight: 400;">2 </span></sub><span style="font-weight: 400;">– </span><span style="font-weight: 400;">h</span><sub><span style="font-weight: 400;">1</span></sub><span style="font-weight: 400;">)</span></span></p>
<p> </p>
<p><strong>Keterangan:</strong></p>
<p><span style="font-weight: 400;">E<sub>p</sub> = energi potensial (J)</span></p>
<p><span style="font-weight: 400;">m = massa (kg)</span></p>
<p><span style="font-weight: 400;">g = percepatan gravitasi (9,8 m/s²)</span></p>
<p><span style="font-weight: 400;">h</span><sub><span style="font-weight: 400;">1</span></sub><span style="font-weight: 400;"> = ketinggian benda awal (m)</span></p>
<p><span style="font-weight: 400;">h</span><sub><span style="font-weight: 400;">2</span></sub><span style="font-weight: 400;"> = ketinggian benda akhir (m)</span></p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/daya-usaha">Daya Usaha: Pengertian, Rumus, dan Contoh Soal</a></strong></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;">Penerapan Usaha dan Energi dalam Kehidupan Sehari-hari</span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Konsep usaha dan energi ternyata banyak sekali penerapannya dalam kehidupan sehari-hari, antara lain:</span></p>
<ul>
<li style="font-weight: 400; text-align: justify;" aria-level="1"><strong>Olahraga</strong><span style="font-weight: 400;"> – Saat berlari, otot kita mengubah energi kimia dari makanan menjadi energi kinetik.</span></li>
<li style="font-weight: 400; text-align: justify;" aria-level="1"><strong>Transportasi</strong><span style="font-weight: 400;"> – Mobil memerlukan energi dari bahan bakar untuk bergerak, yang kemudian diubah menjadi energi kinetik.</span></li>
<li style="font-weight: 400; text-align: justify;" aria-level="1"><strong>Listrik</strong><span style="font-weight: 400;"> – Turbin pembangkit listrik mengubah energi potensial air menjadi energi kinetik, lalu menjadi energi listrik.</span></li>
<li style="font-weight: 400; text-align: justify;" aria-level="1"><strong>Alat rumah tangga</strong><span style="font-weight: 400;"> – Blender, kipas angin, dan mesin cuci bekerja dengan memanfaatkan energi listrik yang diubah menjadi energi gerak.</span></li>
<li style="font-weight: 400; text-align: justify;" aria-level="1"><strong>Pemanfaatan sumber energi terbarukan</strong><span style="font-weight: 400;"> – Panel surya mengubah energi cahaya matahari menjadi listrik, yang lebih ramah lingkungan.</span></li>
</ul>
<p> </p>
<h2><span style="font-size: 18pt;"><b>Contoh Soal Usaha dan Energi</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Nah sekarang, yuk kita coba beberapa contoh soal usaha dan energi berikut ini:</span></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>Contoh Soal 1</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Sebuah benda bermassa 5 kg bergerak dengan kecepatan 4 m/s. Hitunglah energi kinetik benda tersebut!</span></p>
<p><strong>Penyelesaian:</strong></p>
<p>Diketahui:</p>
<p>m = 5 kg</p>
<p>v = 4 m/s</p>
<p>Ditanya: E<sub>k</sub> …?</p>
<p>Jawab:</p>
<p><span style="font-size: 12pt;"><span style="font-weight: 400;">E</span><sub><span style="font-weight: 400;">k </span></sub><span style="font-weight: 400;">= </span><span style="font-weight: 400;">½</span><span style="font-weight: 400;"> · m · </span><span style="font-weight: 400;">v</span><sup><span style="font-weight: 400;">2</span></sup></span></p>
<p><span style="font-size: 12pt;"><span style="font-weight: 400;">E</span><sub><span style="font-weight: 400;">k </span></sub><span style="font-weight: 400;">= </span><span style="font-weight: 400;">½</span><span style="font-weight: 400;"> · 5 · 4</span><sup><span style="font-weight: 400;">2</span></sup></span></p>
<p><span style="font-size: 12pt;"><span style="font-weight: 400;">E</span><sub><span style="font-weight: 400;">k </span></sub><span style="font-weight: 400;">= </span><span style="font-weight: 400;">½</span><span style="font-weight: 400;"> · 5 · 16</span></span></p>
<p><span style="font-weight: 400;">E</span><sub><span style="font-weight: 400;">k </span></sub><span style="font-weight: 400;">= 40 J</span></p>
<p><span style="font-weight: 400;">Jadi, energi kinetik benda adalah </span><strong>40 Joule</strong><span style="font-weight: 400;">.</span></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>Contoh Soal 2</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Sebuah benda bermassa 2 kg berada pada ketinggian 10 m dari tanah. Hitung energi potensialnya!</span></p>
<p><strong>Penyelesaian:</strong></p>
<p>Diketahui:</p>
<p>m = 2 kg</p>
<p>h = 10 m</p>
<p>Ditanya: E<sub>p</sub> …?</p>
<p>Jawab:</p>
<p><span style="font-size: 12pt;"><span style="font-weight: 400;">E</span><sub><span style="font-weight: 400;">p </span></sub><span style="font-weight: 400;">= m · g · h</span></span></p>
<p><span style="font-size: 12pt;"><span style="font-weight: 400;">E</span><sub><span style="font-weight: 400;">p </span></sub><span style="font-weight: 400;">= 2 · 9,8 · 10</span></span></p>
<p><span style="font-weight: 400;">E</span><sub><span style="font-weight: 400;">p </span></sub><span style="font-weight: 400;">= 196 J</span></p>
<p><span style="font-weight: 400;">Jadi, energi potensialnya adalah </span><strong>196 Joule</strong><span style="font-weight: 400;">.</span></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>Contoh Soal 3</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Sebuah gaya 50 N mendorong benda sejauh 4 m pada arah yang sama dengan gaya. Hitunglah usaha yang dilakukan!</span></p>
<p><strong>Penyelesaian:</strong></p>
<p>Diketahui:</p>
<p>F = 50 N</p>
<p>s = 4 m</p>
<p>Ditanya: W …?</p>
<p>Jawab:</p>
<p><span style="font-weight: 400;">W = F · s</span></p>
<p><span style="font-weight: 400;">W = 50 · </span><span style="font-weight: 400;">4</span></p>
<p><span style="font-weight: 400;">W = 200 J</span></p>
<p><span style="font-weight: 400;">Jadi, usaha yang dilakukan adalah </span><strong>200 Joule</strong><span style="font-weight: 400;">.</span></p>
<p> </p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/konsep-energi-kinetik-potensial-dan-mekanik">Konsep Energi Kinetik, Potensial & Mekanik dalam Permainan Badminton</a></strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Setelah membaca artikel ini, sekarang kamu sudah lebih paham kan apa itu energi dan bagaimana kaitannya dengan usaha? K</span><span style="font-weight: 400;">ita bisa tau kalo usaha dan energi sangat erat kaitannya, karena usaha yang kita lakukan pada benda, akan mengubah energi yang dimilikinya. Selain itu, konsep ini juga sangat relevan dalam kehidupan sehari-hari, mulai dari olahraga, transportasi, hingga pemanfaatan sumber energi terbarukan.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Kalau kamu ingin lebih banyak belajar Fisika dengan cara yang seru dan mudah dipahami, yuk coba belajar di <strong><a href="https://www.ruangguru.com/ruangbelajar">ruangbelajar</a></strong>! Ada banyak materi, video pembelajaran, hingga latihan soal interaktif yang bisa bantu kamu memahami konsep-konsep sulit dengan lebih gampang, lho. </span><span style="font-weight: 400;"><em>Download</em> </span><span style="font-weight: 400;">dan gabung sekarang!</span></p>
<p><a href="https://bayar.ruangguru.com/"><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/e3260f88-1749-4d3b-8973-be3aae07a94c.jpg" alt="CTA Ruangguru" /></a></p>
<p><strong>Referensi:</strong></p>
<p>https://roboguru.ruangguru.com/question/jelaskan-hubungan-antara-usaha-dengan-energi-potensial-_QU-E5TWCU4S (Diakses pada 18 September 2025)</p>
</div>
<div class="content-meta-tags">
<a href="https://www.ruangguru.com/blog/tag/kelas-8" rel="tag">Kelas 8</a> <a href="https://www.ruangguru.com/blog/tag/konsep-pelajaran" rel="tag">Konsep Pelajaran</a> <a href="https://www.ruangguru.com/blog/tag/smp" rel="tag">SMP</a> </div>
</div>
<div class="author-post">
<img loading="lazy" class="author-avatar" width="64px" height="64px" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/5196bc4b-168b-4b6f-8c46-cb076ca8b451.png">
<div>
<h5 class="author-title">Kenya Swawikanti</h5>
<p class="author-description"></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=Usaha dan Energi: Pengertian, Rumus, Jenis, Contoh Soalnya%0D%0A%0D%0Ahttps://www.ruangguru.com/blog/mengenal-konsep-usaha-dan-energi"><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/mengenal-konsep-usaha-dan-energi&quote=Usaha dan Energi: Pengertian, Rumus, Jenis, Contoh Soalnya"> <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=Usaha dan Energi: Pengertian, Rumus, Jenis, Contoh Soalnya&url=https://www.ruangguru.com/blog/mengenal-konsep-usaha-dan-energi"> <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/mengenal-konsep-usaha-dan-energi&title=Usaha dan Energi: Pengertian, Rumus, Jenis, Contoh Soalnya"><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 = 24704;
const tags_id = [25,10,16];
const category_id = 513;
const sub_category_id = 515;
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>