Game Simulasi Tata Surya Interaktif: Media Ajar IPA Seru untuk Siswa Kelas 6 SD
Download Game Simulasi Tata Surya SD Kelas 6 gratis. Media interaktif berbasis HTML5 untuk belajar nama dan karakteristik planet dalam Kurikulum Merdeka. Praktis dan seru!
1. Membawa Luar Angkasa ke Dalam Ruang Kelas
Mempelajari planet-planet dalam sistem Tata Surya membutuhkan daya imajinasi yang tinggi. Siswa seringkali kesulitan membayangkan urutan planet, perbedaan ukuran, hingga karakteristik unik setiap planet. Melalui Simulasi Tata Surya berbasis HTML5, Bapak/Ibu guru dapat menghadirkan miniatur alam semesta langsung di layar proyektor atau gadget siswa. Ini adalah cara terbaik untuk mewujudkan pembelajaran IPA yang konkret dan menyenangkan.
2. Manfaat Media Simulasi bagi Pemahaman Siswa
Visualisasi Nyata: Siswa dapat melihat urutan planet dari yang terdekat hingga terjauh dari Matahari secara dinamis.
Memahami Karakteristik Planet: Membantu siswa membedakan planet dalam (terestrial) dan planet luar (gas raksasa).
Meningkatkan Daya Ingat: Interaksi langsung (klik dan temukan) terbukti lebih membekas di ingatan siswa dibandingkan metode ceramah.
Mendukung Kurikulum Merdeka: Sangat cocok sebagai bagian dari pembelajaran berbasis proyek (PjBL) atau eksplorasi sains digital.
3. Panduan Membuat Simulasi Tata Surya Sederhana
Bapak/Ibu bisa membuat media ini sendiri hanya dengan modal Notepad. Berikut langkah-langkahnya:
Siapkan Dokumen: Buka Notepad (PC) atau Text Editor lainnya.
Salin Kode: Copy seluruh kode HTML, CSS, dan JavaScript di bawah ini.
Simpan File: Klik Save As, beri nama
simulasi-tata-surya.html. Pastikan ekstensinya adalah .html.Buka di Browser: Klik kanan file tersebut, pilih Open With Google Chrome.
Gunakan di Blog: Copy kode ini ke postingan Blogger Anda pada mode Tampilan HTML.
4. Script Game HTML5: "Penjelajah Planet"
Script ini dirancang untuk menampilkan kartu informasi planet secara interaktif saat nama planet diklik.
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
#galaxy-container { font-family: 'Segoe UI', sans-serif; background: #0b0d17; color: white; padding: 20px; border-radius: 15px; text-align: center; max-width: 500px; margin: auto; border: 3px solid #3f51b5; }
.sun { width: 60px; height: 60px; background: radial-gradient(circle, #ffeb3b, #f44336); border-radius: 50%; margin: 10px auto; box-shadow: 0 0 20px #ff9800; }
.planet-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 20px; }
.btn-planet { padding: 8px 12px; border: 1px solid #3f51b5; background: transparent; color: #90caf9; cursor: pointer; border-radius: 5px; transition: 0.3s; font-size: 13px; }
.btn-planet:hover { background: #3f51b5; color: white; }
#info-card { margin-top: 20px; padding: 15px; background: rgba(255,255,255,0.1); border-radius: 10px; min-height: 100px; border-left: 5px solid #ff9800; }
h4 { color: #ffeb3b; margin: 0 0 10px 0; }
p { font-size: 14px; line-height: 1.5; margin: 0; }
</style>
</head>
<body>
<div id="galaxy-container">
<h3>Simulasi Tata Surya Mini</h3>
<div class="sun"></div>
<p style="font-size: 12px; color: #aaa;">Klik Nama Planet untuk Mengetahui Faktanya:</p>
<div class="planet-list">
<button class="btn-planet" onclick="showInfo('Merkurius')">Merkurius</button>
<button class="btn-planet" onclick="showInfo('Venus')">Venus</button>
<button class="btn-planet" onclick="showInfo('Bumi')">Bumi</button>
<button class="btn-planet" onclick="showInfo('Mars')">Mars</button>
<button class="btn-planet" onclick="showInfo('Yupiter')">Yupiter</button>
<button class="btn-planet" onclick="showInfo('Saturnus')">Saturnus</button>
<button class="btn-planet" onclick="showInfo('Uranus')">Uranus</button>
<button class="btn-planet" onclick="showInfo('Neptunus')">Neptunus</button>
</div>
<div id="info-card">
<h4 id="nama-planet">Pilih Planet</h4>
<p id="detail-planet">Klik salah satu planet di atas untuk menjelajahi fakta uniknya!</p>
</div>
</div>
<script>
const dataPlanet = {
'Merkurius': 'Planet terkecil dan paling dekat dengan Matahari. Tidak memiliki atmosfer.',
'Venus': 'Planet paling panas di Tata Surya karena efek rumah kaca yang tebal.',
'Bumi': 'Satu-satunya planet yang diketahui memiliki kehidupan dan air cair.',
'Mars': 'Disebut Planet Merah karena debu besi oksida. Memiliki gunung tertinggi.',
'Yupiter': 'Planet terbesar. Merupakan raksasa gas dengan badai besar (Bintik Merah).',
'Saturnus': 'Terkenal dengan sistem cincinnya yang sangat indah dan luas.',
'Uranus': 'Planet es yang berputar miring hampir 90 derajat dari orbitnya.',
'Neptunus': 'Planet paling jauh dan sangat dingin. Memiliki angin yang sangat kencang.'
};
function showInfo(nama) {
document.getElementById('nama-planet').innerText = nama;
document.getElementById('detail-planet').innerText = dataPlanet[nama];
}
</script>
</body>
</html>"Jika Bapak/Ibu guru mengalami kendala saat mencoba menjalankan kode ini, silakan tuliskan kendalanya di kolom komentar di bawah ya!"
Jika Ingin memainkan langsung geme ini bisa memulainya pada tampilan di bawah ini :
Simulasi Tata Surya Mini
Klik Nama Planet untuk Mengetahui Faktanya:
Pilih Planet
Klik salah satu planet di atas untuk menjelajahi fakta uniknya!
5. Kesimpulan
Media pembelajaran IPA bertema Astronomi kini tidak lagi terbatas pada gambar di papan tulis. Dengan simulasi interaktif ini, Ibu atau bapak guru memberikan kesempatan bagi siswa untuk "menjelajah" ruang angkasa secara mandiri. Hal ini tentu akan meningkatkan minat belajar mereka terhadap sains dan teknologi.