<![CDATA[Catatan Harian: Muh.Taqiuddin.S's blogs}]]> https://sharka.site/3blog/blog/owner/admin https://sharka.site/3blog/blog/view/102/membuat-rpp-dengan-bantuan-gemini-ai Sat, 20 Dec 2025 10:06:13 +0800 https://sharka.site/3blog/blog/view/102/membuat-rpp-dengan-bantuan-gemini-ai <![CDATA[Membuat RPP dengan bantuan Gemini AI]]> Buatkan RENCANA PELAKSANAAN PEMBELAJARAN (RPP)

Ketentuan sangat penting:

Fitur Utama RPP Ini:Format HTML & LaTeX: Semua rumus matematika menggunakan simbol $...$ yang siap dirender oleh MathJax (misalnya $a^2 + b^2 = c^2$).Identitas Sesuai Data: Menggunakan nama sekolah, guru, dan kepala sekolah yang Anda berikan.Prinsip Pembelajaran: Bagian Memahami (Berkesadaran), Mengaplikasi (Bermakna), dan Merefleksi (Menggembirakan) sudah ditandai dengan warna hijau sesuai instruksi.Aktivitas Kontekstual: Siswa diarahkan untuk mengukur objek nyata di lingkungan sekolah menggunakan model penemuan terbimbing.Copy-Paste Gambar: Area "Memahami", "Mengaplikasi", dan lainnya sudah mendukung fitur paste gambar langsung dan dapat diubah ukurannya (resizable) saat dibuka di browser.
================================
Ketentuan Pembelajaran:

1. Gunakan prinsip Berkesadaran, Bermakna, Menggembirakan, ketiganya  yang disisipkan pada kegiatan inti
2. Tandai aktivitas tersebut yang memuat prinsip dengan <span style="color:green">
3. Kegiatan inti dipilah jelas: Memahami – Mengaplikasi – Merefleksi sesuai sintaks model pembelajaran
4. Tambahkan Ice Breaking yang relevan dengan materi
5. Tambahkan LKPD dengan langkah kerja dan tabel
6. Asesmen formatif 10 soal uraian C2–C4, lengkap dengan kunci & rubrik
7. Berikan judul yang relevan dengan aktivitas materi
====================
Data yang digunakan:
Nama Sekolah                 : [SMPN 1 Anggeraja]
Nama Guru Mata Pelajaran : [Muh. Taqiuddin,S.S.Pd]
NIP Guru Mata Pelajaran  : 198807042020121007]
Nama Kepala Sekolah     : [Risma]
NIP Kepala sekolah : [123456789]

Mata Pelajaran       : [Matematika]
Fase / Kelas         : [D / Kelas 9]
Semester             : [Genap]
Materi / Topik       : [Kesebangunan]
Alokasi Waktu        : [2 kali pertemuan (5 x 40 menit]
Model Pembelajaran   : [Penemuan terbimbing]
Tujuan Pembelajaran  : [Memahami konsep kesebangunan]
Aktivitas Utama      : [Siswa beraktivitas di sekitar sekolah untuk mengamati benda sekitar yang masih dapat diukur untuk digambar di kertas ]


=========================================================================
dengan struktur HTML PERSIS seperti template yang diberikan berikut ini,jangan hilangkan fitur fiturnya seperti

<!DOCTYPE html>
<html lang="id">
<head>
 <meta charset="UTF-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Judul Rpp</title>

 <script>
   window.MathJax = {
     tex: {
       inlineMath: [['$', '$'], ['\\(', '\\)']],
       displayMath: [['$$', '$$'], ['\\[', '\\]']]
     }
   };
 </script>
 <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

 <style>
   body {font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:#f0f2f5;margin:0;padding:20px;line-height:1.6;color:#333}
   .container {max-width:1000px;margin:auto;background:#fff;padding:40px;border-radius:15px;box-shadow:0 10px 25px rgba(0,0,0,.1);border-top:10px solid #0d6efd}
   h1 {text-align:center;color:#0d6efd;text-transform:uppercase;letter-spacing:2px;margin-bottom:30px;border-bottom:2px solid #eee;padding-bottom:20px}
   h2 {margin-top:40px;background:#eef3f7;padding:15px;border-left:8px solid #0d6efd;color:#0056b3;font-size:1.4em}
   h3 {margin-top:25px;color:#0d6efd;border-bottom:1px solid #dee2e6;padding-bottom:5px}
   label {font-weight:bold;display:block;margin-top:20px}
   input[type=text] {width:100%;padding:12px;margin-top:8px;border:1px solid #ced4da;border-radius:6px;font-size:1em; outline: none;}
   input[type=text]:focus {border-color: #0d6efd;}
   
   .edit-area {
     min-height: 20px;
     padding: 10px;
     border: 1px dashed #eee;
     border-radius: 6px;
     text-align: justify;
     outline: none;
     white-space: pre-wrap;
   }
   .edit-area:focus {border: 1px solid #0d6efd; background: #fafafa;}

   p, li {margin-top:10px;text-align:justify}
   ul, ol {margin-left:20px}
   table {width:100%;border-collapse:collapse;margin-top:20px}
   table, td, th {border:1px solid #dee2e6}
   td, th {padding:12px}
   .bbm {color:green;font-weight:bold}

   @media print {
     body {background: white; padding: 0;}
     .container {box-shadow: none; border: none; width: 100%; max-width: 100%; padding: 0;}
     .edit-area {border: none; padding: 0;}
     input {border: none !important;}
   }
    
   .resizable-img-container {
     display: inline-block;
     line-height: 0;
     position: relative;
     vertical-align: top;
     margin: 5px;
     border: 1px dashed transparent;
     padding: 2px;
     resize: both; 
     overflow: hidden;
   }

   .resizable-img-container:hover {
     border-color: #0d6efd;
   }

   .resizable-img-container img {
     width: 100%;
     height: 100%;
     object-fit: contain;
     pointer-events: none; 
   }
 </style>
</head>

<body>
<div class="container" id="printable-rpp">

<h1>RENCANA PELAKSANAAN PEMBELAJARAN (RPP)</h1>

<h2>Judul</h2>
<input type="text" value="Petualangan Geometri: Menemukan Jejak Phytagoras di Lingkungan Sekolah">

<h2>Identitas</h2>

<label>Nama Sekolah</label>
<input type="text" value="SMPN 1 Anggeraja">

<label>Mata Pelajaran</label>
<input type="text" value="Matematika">

<label>Nama Guru Mata Pelajaran</label>
<input type="text" value="Muh. Taqiuddin, S.Pd">

<label>Fase / Kelas / Semester</label>
<input type="text" value="D / IX / Genap">

<label>Tema / Topik Pembelajaran</label>
<input type="text" value="Teorema Phytagoras">

<label>Alokasi Waktu</label>
<input type="text" value="2 Pertemuan (5 x 40 Menit)">

<label>Tahun Pelajaran</label>
<input type="text" value="2024/2025">

<h2>Identifikasi Murid</h2>

<h3>Pengetahuan Awal</h3>
<div class="edit-area" contenteditable="true">#Tuliskan kemampuan awal murid.</div>

<h3>Minat Belajar</h3>
<div class="edit-area" contenteditable="true">Peserta didik menunjukkan minat belajar melalui diskusi, pengamatan langsung, dan aktivitas berbasis konteks nyata di luar kelas.</div>

<h3>Kebutuhan Belajar</h3>
<div class="edit-area" contenteditable="true">Peserta didik membutuhkan penguatan visual melalui media konkret, contoh nyata di sekitar sekolah, serta latihan bertahap yang menghubungkan teori dengan realitas fisik.</div>

<h2>Analisis Mata Pelajaran</h2>
<div class="edit-area" contenteditable="true">Pembelajaran matematika pada topik ini menekankan kemampuan penalaran logis untuk menemukan hubungan antar sisi segitiga siku-siku serta penerapan rumus dalam pemecahan masalah konstruksi sederhana.</div>

<h2>Dimensi Profil Lulusan</h2>
<div class="edit-area" contenteditable="true">#Pilih salah satu dimensi ini
<ul>
 <li>Keimanan dan ketakwaan terhadap Tuhan YME</li>
 <li>Kreativitas</li>
 <li>Kesehatan</li>
 <li>Kewargaan</li>
 <li>Penalaran Kritis</li>
 <li>Kolaborasi</li>
 <li>Kemandirian</li>
 <li>Komunikasi</li>
</ul>
</div>

<h2>Desain Pembelajaran</h2>

<h3>Materi</h3>
<div class="edit-area" contenteditable="true">
#Tuliskan materi disini
</div>

<h3>Capaian Pembelajaran</h3>
<div class="edit-area" contenteditable="true">#Tuliskan capaian pembelajaran disini</div>

<h3>Lintas Disiplin Ilmu</h3>
<div class="edit-area" contenteditable="true">#Mapel yang berkaitan</div>

<h3>Tujuan Pembelajaran</h3>
<div class="edit-area" contenteditable="true">
#Tujuan Pembelajaran
</div>

<h2>Kerangka Pembelajaran</h2>
<h3>Lingkungan Pembelajaran</h3>
<div class="edit-area" contenteditable="true">Area terbuka sekolah (lapangan, tangga, dan taman) untuk kegiatan observasi langsung.</div>

<h3>Praktik Paedagogis</h3>
<div class="edit-area" contenteditable="true">#Model Pembelajaran</div>

<h3>Pemanfaatan Digital</h3>
<div class="edit-area" contenteditable="true">#Penggunaan Alat digital</div>

<h3>Ice Breaking (Relevan Materi)</h3>
<div class="edit-area" contenteditable="true"><strong>#Ice Breaking</div>

<h3>Kegiatan Pembelajaran</h3>

<h4>Memahami</h4>
<div class="edit-area" contenteditable="true">
#Guru memulai dengan mengajak siswa berdiri di lapangan. <span class="bbm">(Berkesadaran, Bermakna atau Menggembirakan (pilih salah satu atau bisa lebih dari 1): Siswa diajak melakukan teknik STOP sejenak untuk merasakan kehadiran penuh sebelum mulai belajar)</span>. Guru memberikan stimulus berupa pertanyaan: "Bagaimana cara tukang bangunan memastikan sudut ruangan sekolah kita benar-benar siku-siku tanpa busur derajat besar?". Siswa diminta mengamati pojok lapangan yang berbentuk segitiga.
</div>

<h4>Mengaplikasi</h4>
<div class="edit-area" contenteditable="true">
#Peserta didik bekerja berkelompok membawa meteran ke sekitar sekolah. <span class="bbm">(Berkesadaran, Bermakna atau Menggembirakan (pilih salah satu atau bisa lebih dari 1): Siswa mengukur benda nyata seperti bayangan tiang bendera atau kemiringan tangga, bukan sekadar angka di buku)</span>. Siswa mengerjakan LKPD dengan membandingkan hasil pengukuran langsung sisi miring dengan hasil perhitungan rumus $c^2 = a^2 + b^2$.
</div>

<h4>Merefleksi</h4>
<div class="edit-area" contenteditable="true">
#Peserta didik berkumpul kembali untuk mempresentasikan temuan mereka. <span class="bbm">(Berkesadaran, Bermakna atau Menggembirakan (pilih salah satu atau bisa lebih dari 1): Guru memberikan apresiasi "High-Five" atau tepuk salut bagi kelompok yang berhasil menemukan objek dengan akurasi perhitungan tertinggi)</span>. Siswa menuliskan satu hal baru yang mereka temukan tentang manfaat matematika di kehidupan nyata.
</div>

<h2>Lembar Kerja Peserta Didik (LKPD)</h2>

<h3>Identitas Peserta Didik</h3>
<table>
<tr><td>Nama Peserta Didik</td><td>:</td><td>....................................................</td></tr>
<tr><td>Kelas</td><td>:</td><td>....................................................</td></tr>
<tr><td>Kelompok</td><td>:</td><td>....................................................</td></tr>
<tr><td>Tanggal</td><td>:</td><td>....................................................</td></tr>
</table>

<h3>Petunjuk Kerja</h3>
<div class="edit-area" contenteditable="true">1. Siapkan meteran dan alat tulis. 2. Carilah 3 objek di sekolah yang membentuk bidang segitiga siku-siku. 3. Ukur dua sisi tegaknya, lalu hitung sisi miringnya menggunakan rumus sebelum mengukur sisi miring aslinya.</div>

<h3>Tabel Hasil Kegiatan</h3>
<table>
<tr><th>No</th><th>Objek yang Diukur</th><th>Sisi $a$ (cm)</th><th>Sisi $b$ (cm)</th><th>Hitung $c = \sqrt{a^2+b^2}$</th><th>Ukur Langsung $c$ (cm)</th></tr>
<tr><td>1</td><td>Siku-siku Lapangan</td><td>...</td><td>...</td><td>...</td><td>...</td></tr>
<tr><td>2</td><td>Kemiringan Tangga</td><td>...</td><td>...</td><td>...</td><td>...</td></tr>
<tr><td>3</td><td>Pojok Pintu</td><td>...</td><td>...</td><td>...</td><td>...</td></tr>
</table>

<h2>Asesmen Formatif</h2>
<div class="edit-area" contenteditable="true">
#Soal
</div>

<h3>Kunci Jawaban</h3>
<div class="edit-area" contenteditable="true">
#Kunci Jawaban
</div>

<h3>Rubrik Penilaian</h3>
<table>
<tr><th>Kriteria</th><th>Skor</th></tr>
<tr><td>Jawaban benar, langkah perhitungan tepat, dan sistematis</td><td>10</td></tr>
<tr><td>Jawaban benar, namun langkah perhitungan kurang lengkap</td><td>7</td></tr>
<tr><td>Jawaban salah, namun rumus yang digunakan benar</td><td>3</td></tr>
<tr><td>Tidak menjawab atau jawaban tidak relevan</td><td>0</td></tr>
</table>


<table style="border:none; width: 100%; border-collapse: collapse;">
 <tr style="border:none;">
   <td style="text-align:center; border:none; width: 50%; vertical-align: top;">
     Memeriksa dan Menyetujui,<br>
     <strong>Kepala Sekolah</strong>
     <br><br><br><br><br>
     <strong><u>........................................</u></strong><br>
     NIP. ........................................
   </td>

   <td style="text-align:center; border:none; width: 50%; vertical-align: top;">
     Anggeraja, 20 Desember 2024<br>
     <strong>Guru Mata Pelajaran</strong>
     <br><br><br><br><br>
     <strong><u>........................................</u></strong><br>
     NIP. ........................................
   </td>
 </tr>
</table>

 

</div>

<script>
 document.querySelectorAll('.edit-area').forEach(el => {
   el.addEventListener('blur', () => {
     MathJax.typesetPromise([el]);
   });
 });

 document.querySelectorAll('.edit-area').forEach(area => {
   area.addEventListener('paste', function (e) {
     const items = (e.clipboardData || e.originalEvent.clipboardData).items;
     for (let index in items) {
       const item = items[index];
       if (item.kind === 'file' && item.type.indexOf('image') !== -1) {
         const blob = item.getAsFile();
         const reader = new FileReader();
         reader.onload = function (event) {
           const container = document.createElement('div');
           container.className = 'resizable-img-container';
           container.style.width = '200px'; 
           container.style.height = 'auto';
           const img = document.createElement('img');
           img.src = event.target.result;
           container.appendChild(img);
           const selection = window.getSelection();
           if (selection.rangeCount > 0) {
             const range = selection.getRangeAt(0);
             range.deleteContents();
             range.insertNode(container);
             range.setStartAfter(container);
             range.collapse(true);
             selection.removeAllRanges();
             selection.addRange(range);
           }
         };
         reader.readAsDataURL(blob);
         e.preventDefault();
       }
     }
   });
 });
</script>

</body>
</html>
===========

 

]]> Muh.Taqiuddin.S https://sharka.site/3blog/blog/view/101/membangun-jembatan-dengan-cost-dan-bahan-yang-digunakan Thu, 13 Nov 2025 17:44:38 +0800 https://sharka.site/3blog/blog/view/101/membangun-jembatan-dengan-cost-dan-bahan-yang-digunakan <![CDATA[Membangun jembatan dengan cost dan bahan yang digunakan]]> <!doctype html>
<html lang="id" class="h-full">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Simulasi Membangun Jembatan</title>
 <script src="/_sdk/element_sdk.js"></script>
 <script src="https://cdn.tailwindcss.com"></script>
 <style>
       body {
           box-sizing: border-box;
       }
       
       .bridge-canvas {
           background: linear-gradient(to bottom, #87CEEB 0%, #87CEEB 60%, #8FBC8F 60%, #228B22 100%);
           position: relative;
           overflow: hidden;
       }
       
       .water {
           position: absolute;
           bottom: 0;
           left: 0;
           right: 0;
           height: 40%;
           background: linear-gradient(to bottom, #4682B4, #1E90FF);
           animation: wave 3s ease-in-out infinite;
       }
       
       @keyframes wave {
           0%, 100% { transform: translateY(0px); }
           50% { transform: translateY(-5px); }
       }
       
       .bridge-part {
           position: absolute;
           cursor: pointer;
           transition: all 0.3s ease;
       }
       
       .bridge-part:hover {
           transform: scale(1.05);
           filter: brightness(1.1);
       }
       
       .material-card {
           transition: all 0.3s ease;
           cursor: pointer;
       }
       
       .material-card:hover {
           transform: translateY(-2px);
           box-shadow: 0 8px 25px rgba(0,0,0,0.15);
       }
       
       .material-card.selected {
           border: 3px solid #3B82F6;
           background: #EBF8FF;
       }
       
       .test-animation {
           animation: testBridge 2s ease-in-out;
       }
       
       @keyframes testBridge {
           0% { transform: translateY(0); }
           25% { transform: translateY(-10px); }
           50% { transform: translateY(5px); }
           75% { transform: translateY(-5px); }
           100% { transform: translateY(0); }
       }
       
       .success-glow {
           animation: successGlow 1s ease-in-out;
       }
       
       @keyframes successGlow {
           0%, 100% { box-shadow: 0 0 0 rgba(34, 197, 94, 0.4); }
           50% { box-shadow: 0 0 30px rgba(34, 197, 94, 0.8); }
       }
       
       .failure-shake {
           animation: failureShake 0.5s ease-in-out;
       }
       
       @keyframes failureShake {
           0%, 100% { transform: translateX(0); }
           25% { transform: translateX(-10px); }
           75% { transform: translateX(10px); }
       }
       
       .collapse-animation {
           animation: bridgeCollapse 2s ease-in forwards;
       }
       
       @keyframes bridgeCollapse {
           0% { transform: translateY(0) rotate(0deg); opacity: 1; }
           30% { transform: translateY(10px) rotate(-2deg); }
           60% { transform: translateY(30px) rotate(5deg); }
           100% { transform: translateY(100px) rotate(-10deg); opacity: 0.3; }
       }
       
       .crack-effect {
           position: relative;
       }
       
       .crack-effect::after {
           content: '';
           position: absolute;
           top: 0;
           left: 0;
           right: 0;
           bottom: 0;
           background: linear-gradient(45deg, transparent 40%, #ff0000 50%, transparent 60%);
           opacity: 0;
           animation: crackAppear 1s ease-in-out forwards;
       }
       
       @keyframes crackAppear {
           0% { opacity: 0; }
           100% { opacity: 0.8; }
       }
   </style>
 <style>@view-transition { navigation: auto; }</style>
 <script src="/_sdk/data_sdk.js" type="text/javascript"></script>
</head>
<body class="h-full bg-gradient-to-br from-blue-50 to-green-50 font-sans">
 <div class="h-full flex flex-col"><!-- Header -->
  <header class="bg-white shadow-lg p-4">
   <div class="max-w-6xl mx-auto flex justify-between items-center">
    <h1 id="gameTitle" class="text-3xl font-bold text-blue-800">πŸŒ‰ Simulasi Membangun Jembatan</h1>
    <div class="flex items-center space-x-6">
     <div class="text-right">
      <p id="budgetLabel" class="text-sm text-gray-600">Anggaran Tersedia</p>
      <p id="budget" class="text-2xl font-bold text-green-600">Rp 500.000</p>
     </div>
     <div class="text-right">
      <p class="text-sm text-gray-600">Biaya Terpakai</p>
      <p id="usedBudget" class="text-2xl font-bold text-red-600">Rp 0</p>
     </div>
    </div>
   </div>
  </header>
  <main class="flex-1 flex"><!-- Material Selection Panel -->
   <aside class="w-80 bg-white shadow-lg p-6 overflow-y-auto">
    <h2 id="materialsHeader" class="text-xl font-bold text-gray-800 mb-4">πŸ”§ Pilih Material</h2>
    <div class="space-y-4">
     <div class="material-card bg-yellow-50 border-2 border-yellow-200 rounded-lg p-4" data-material="kayu">
      <div class="flex items-center justify-between mb-2">
       <h3 class="font-bold text-yellow-800">πŸͺ΅ Kayu</h3><span class="text-yellow-700 font-bold">Rp 50.000</span>
      </div>
      <div class="text-sm text-yellow-700">
       <p>Kekuatan: ⭐⭐⭐</p>
       <p>Fleksibilitas: ⭐⭐⭐⭐</p>
       <p>Tahan Air: ⭐⭐</p>
      </div>
     </div>
     <div class="material-card bg-gray-50 border-2 border-gray-200 rounded-lg p-4" data-material="beton">
      <div class="flex items-center justify-between mb-2">
       <h3 class="font-bold text-gray-800">🧱 Beton</h3><span class="text-gray-700 font-bold">Rp 100.000</span>
      </div>
      <div class="text-sm text-gray-700">
       <p>Kekuatan: ⭐⭐⭐⭐⭐</p>
       <p>Fleksibilitas: ⭐⭐</p>
       <p>Tahan Air: ⭐⭐⭐⭐⭐</p>
      </div>
     </div>
     <div class="material-card bg-blue-50 border-2 border-blue-200 rounded-lg p-4" data-material="baja">
      <div class="flex items-center justify-between mb-2">
       <h3 class="font-bold text-blue-800">πŸ”© Baja</h3><span class="text-blue-700 font-bold">Rp 150.000</span>
      </div>
      <div class="text-sm text-blue-700">
       <p>Kekuatan: ⭐⭐⭐⭐⭐</p>
       <p>Fleksibilitas: ⭐⭐⭐⭐⭐</p>
       <p>Tahan Air: ⭐⭐⭐</p>
      </div>
     </div>
     <div class="material-card bg-green-50 border-2 border-green-200 rounded-lg p-4" data-material="bambu">
      <div class="flex items-center justify-between mb-2">
       <h3 class="font-bold text-green-800">πŸŽ‹ Bambu</h3><span class="text-green-700 font-bold">Rp 30.000</span>
      </div>
      <div class="text-sm text-green-700">
       <p>Kekuatan: ⭐⭐</p>
       <p>Fleksibilitas: ⭐⭐⭐⭐⭐</p>
       <p>Tahan Air: ⭐⭐</p>
      </div>
     </div>
    </div>
    <div class="mt-6 space-y-3"><button id="buildButton" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-4 rounded-lg transition-colors"> πŸ”¨ Bangun Jembatan </button>
     <div class="bg-orange-50 border border-orange-200 rounded-lg p-4 mb-3">
      <h3 class="font-bold text-orange-800 mb-2">βš–οΈ Beban Uji</h3>
      <div class="flex items-center space-x-2 mb-2"><label class="text-sm text-orange-700 font-medium">Berat:</label> <input type="range" id="loadSlider" min="1" max="10" value="3" class="flex-1"> <span id="loadValue" class="text-orange-800 font-bold min-w-[60px]">3 ton</span>
      </div>
      <div class="text-xs text-orange-600"><span id="loadDescription">Beban Ringan - Mobil kecil</span>
      </div>
     </div><button id="testButton" class="w-full bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-4 rounded-lg transition-colors" disabled> πŸš› Uji Jembatan </button> <button id="resetButton" class="w-full bg-gray-600 hover:bg-gray-700 text-white font-bold py-3 px-4 rounded-lg transition-colors"> πŸ”„ Reset </button>
    </div>
    <div id="infoPanel" class="mt-6 p-4 bg-blue-50 border border-blue-200 rounded-lg">
     <h3 class="font-bold text-blue-800 mb-2">πŸ’‘ Tips:</h3>
     <p class="text-sm text-blue-700">Pilih material untuk setiap bagian jembatan. Pertimbangkan kekuatan, biaya, dan kondisi lingkungan!</p>
    </div>
   </aside><!-- Bridge Building Area -->
   <section class="flex-1 p-6">
    <div class="bridge-canvas h-full rounded-lg relative border-4 border-blue-300">
     <div class="water"></div><!-- Bridge Foundation Left -->
     <div id="foundation-left" class="bridge-part w-16 h-32 bg-gray-400 border-2 border-gray-600 rounded-t-lg" style="bottom: 40%; left: 10%; cursor: pointer;" data-part="foundation-left">
      <div class="text-xs text-center mt-1 font-bold">
       Pondasi Kiri
      </div>
     </div><!-- Bridge Foundation Right -->
     <div id="foundation-right" class="bridge-part w-16 h-32 bg-gray-400 border-2 border-gray-600 rounded-t-lg" style="bottom: 40%; right: 10%; cursor: pointer;" data-part="foundation-right">
      <div class="text-xs text-center mt-1 font-bold">
       Pondasi Kanan
      </div>
     </div><!-- Bridge Deck -->
     <div id="deck" class="bridge-part h-8 bg-gray-400 border-2 border-gray-600 rounded" style="bottom: 45%; left: 18%; right: 18%; cursor: pointer;" data-part="deck">
      <div class="text-xs text-center mt-1 font-bold">
       Lantai Jembatan
      </div>
     </div><!-- Bridge Support Cables -->
     <div id="cables" class="bridge-part" style="bottom: 53%; left: 35%; right: 35%; height: 30px; cursor: pointer;" data-part="cables">
      <svg width="100%" height="100%" class="absolute"><line x1="0%" y1="100%" x2="50%" y2="0%" stroke="#666" stroke-width="3" /> <line x1="100%" y1="100%" x2="50%" y2="0%" stroke="#666" stroke-width="3" /> <line x1="25%" y1="75%" x2="75%" y2="75%" stroke="#666" stroke-width="2" />
      </svg>
      <div class="text-xs text-center font-bold" style="margin-top: 25px;">
       Kabel Penyangga
      </div>
     </div><!-- Test Truck -->
     <div id="testTruck" class="absolute hidden" style="bottom: 53%; left: -100px; transition: left 3s ease-in-out;">
      <div class="text-4xl">
       πŸš›
      </div>
     </div><!-- Results Display -->
     <div id="resultDisplay" class="absolute top-4 left-4 right-4 text-center hidden">
      <div id="resultMessage" class="inline-block px-6 py-3 rounded-lg font-bold text-lg"></div>
     </div>
    </div>
   </section>
  </main>
 </div>
 <script>
       // Configuration object for editable features
       const defaultConfig = {
           game_title: "πŸŒ‰ Simulasi Membangun Jembatan",
           budget_label: "Anggaran Tersedia", 
           materials_header: "πŸ”§ Pilih Material",
           build_button: "πŸ”¨ Bangun Jembatan",
           test_button: "πŸš› Uji Jembatan"
       };

       // Game state
       let gameState = {
           budget: 500000,
           usedBudget: 0,
           selectedMaterial: null,
           bridgeParts: {
               'foundation-left': null,
               'foundation-right': null,
               'deck': null,
               'cables': null
           },
           isBuilt: false,
           testLoad: 3,
           isCollapsed: false
       };

       // Material properties
       const materials = {
           kayu: { name: 'Kayu', cost: 50000, strength: 3, flexibility: 4, waterResistance: 2, color: '#D2691E', emoji: 'πŸͺ΅' },
           beton: { name: 'Beton', cost: 100000, strength: 5, flexibility: 2, waterResistance: 5, color: '#696969', emoji: '🧱' },
           baja: { name: 'Baja', cost: 150000, strength: 5, flexibility: 5, waterResistance: 3, color: '#708090', emoji: 'πŸ”©' },
           bambu: { name: 'Bambu', cost: 30000, strength: 2, flexibility: 5, waterResistance: 2, color: '#228B22', emoji: 'πŸŽ‹' }
       };

       // Initialize the game
       function initGame() {
           updateDisplay();
           setupEventListeners();
           updateLoadValue(); // Initialize load slider display
       }

       function updateDisplay() {
           document.getElementById('budget').textContent = `Rp ${gameState.budget.toLocaleString('id-ID')}`;
           document.getElementById('usedBudget').textContent = `Rp ${gameState.usedBudget.toLocaleString('id-ID')}`;
           
           // Update test button state
           const testButton = document.getElementById('testButton');
           const allPartsBuilt = Object.values(gameState.bridgeParts).every(part => part !== null);
           testButton.disabled = !allPartsBuilt;
           testButton.classList.toggle('opacity-50', !allPartsBuilt);
       }

       function setupEventListeners() {
           // Material selection
           document.querySelectorAll('.material-card').forEach(card => {
               card.addEventListener('click', () => selectMaterial(card.dataset.material));
           });

           // Bridge part selection
           document.querySelectorAll('.bridge-part').forEach(part => {
               part.addEventListener('click', () => buildPart(part.dataset.part));
           });

           // Load slider
           document.getElementById('loadSlider').addEventListener('input', updateLoadValue);

           // Control buttons
           document.getElementById('buildButton').addEventListener('click', buildBridge);
           document.getElementById('testButton').addEventListener('click', testBridge);
           document.getElementById('resetButton').addEventListener('click', resetGame);
       }

       function updateLoadValue() {
           const slider = document.getElementById('loadSlider');
           const loadValue = document.getElementById('loadValue');
           const loadDescription = document.getElementById('loadDescription');
           
           gameState.testLoad = parseInt(slider.value);
           loadValue.textContent = `${gameState.testLoad} ton`;
           
           const descriptions = {
               1: "Beban Sangat Ringan - Sepeda motor",
               2: "Beban Ringan - Mobil kecil", 
               3: "Beban Sedang - Mobil sedan",
               4: "Beban Menengah - SUV",
               5: "Beban Berat - Truk kecil",
               6: "Beban Sangat Berat - Truk sedang",
               7: "Beban Ekstrem - Truk besar",
               8: "Beban Berbahaya - Truk trailer",
               9: "Beban Kritis - Truk kontainer",
               10: "Beban Maksimal - Truk gandeng"
           };
           
           loadDescription.textContent = descriptions[gameState.testLoad];
       }

       function selectMaterial(materialType) {
           gameState.selectedMaterial = materialType;
           
           // Update UI
           document.querySelectorAll('.material-card').forEach(card => {
               card.classList.remove('selected');
           });
           document.querySelector(`[data-material="${materialType}"]`).classList.add('selected');
           
           updateInfoPanel(`Material ${materials[materialType].name} dipilih! Klik bagian jembatan untuk membangunnya.`);
       }

       function buildPart(partName) {
           if (!gameState.selectedMaterial) {
               updateInfoPanel('Pilih material terlebih dahulu!', 'warning');
               return;
           }

           const material = materials[gameState.selectedMaterial];
           const cost = material.cost;

           if (gameState.usedBudget + cost > gameState.budget) {
               updateInfoPanel('Anggaran tidak cukup! Pilih material yang lebih murah.', 'error');
               return;
           }

           // Update game state
           gameState.bridgeParts[partName] = gameState.selectedMaterial;
           gameState.usedBudget += cost;

           // Update visual
           const partElement = document.getElementById(partName);
           partElement.style.backgroundColor = material.color;
           partElement.style.borderColor = material.color;
           
           // Add material emoji
           const existingEmoji = partElement.querySelector('.material-emoji');
           if (existingEmoji) existingEmoji.remove();
           
           const emojiSpan = document.createElement('span');
           emojiSpan.className = 'material-emoji absolute top-0 right-0 text-lg';
           emojiSpan.textContent = material.emoji;
           partElement.appendChild(emojiSpan);

           updateDisplay();
           updateInfoPanel(`${material.name} dipasang pada ${getPartDisplayName(partName)}! Biaya: Rp ${cost.toLocaleString('id-ID')}`);
       }

       function buildBridge() {
           const allPartsBuilt = Object.values(gameState.bridgeParts).every(part => part !== null);
           
           if (!allPartsBuilt) {
               updateInfoPanel('Lengkapi semua bagian jembatan terlebih dahulu!', 'warning');
               return;
           }

           gameState.isBuilt = true;
           updateInfoPanel('Jembatan selesai dibangun! Sekarang Anda bisa mengujinya.', 'success');
           
           // Enable test button
           document.getElementById('testButton').disabled = false;
           document.getElementById('testButton').classList.remove('opacity-50');
       }

       function testBridge() {
           if (!gameState.isBuilt || gameState.isCollapsed) return;

           // Calculate bridge strength
           let totalStrength = 0;
           let totalFlexibility = 0;
           let totalWaterResistance = 0;

           Object.values(gameState.bridgeParts).forEach(materialType => {
               const material = materials[materialType];
               totalStrength += material.strength;
               totalFlexibility += material.flexibility;
               totalWaterResistance += material.waterResistance;
           });

           const averageStrength = totalStrength / 4;
           const averageFlexibility = totalFlexibility / 4;
           const averageWaterResistance = totalWaterResistance / 4;

           // Calculate load capacity vs test load
           const bridgeCapacity = averageStrength * 2; // Each strength point = 2 ton capacity
           const loadStress = gameState.testLoad / bridgeCapacity;
           
           // Animate truck crossing
           const truck = document.getElementById('testTruck');
           truck.classList.remove('hidden');
           truck.style.left = '-100px';
           
           // Update truck size based on load
           const truckEmoji = truck.querySelector('div');
           if (gameState.testLoad <= 3) {
               truckEmoji.textContent = 'πŸš—';
           } else if (gameState.testLoad <= 6) {
               truckEmoji.textContent = 'πŸš›';
           } else {
               truckEmoji.textContent = '🚚';
           }
           
           setTimeout(() => {
               truck.style.left = 'calc(100% + 50px)';
           }, 100);

           // Add bridge animation based on load stress
           document.querySelectorAll('.bridge-part').forEach(part => {
               if (loadStress > 1.2) {
                   // Overloaded - show cracks first
                   part.classList.add('crack-effect');
               } else {
                   part.classList.add('test-animation');
               }
           });

           // Determine test result
           setTimeout(() => {
               const success = loadStress <= 1.0;
               const catastrophicFailure = loadStress > 1.5;
               
               if (catastrophicFailure) {
                   // Bridge collapses
                   gameState.isCollapsed = true;
                   document.querySelectorAll('.bridge-part').forEach(part => {
                       part.classList.remove('test-animation', 'crack-effect');
                       part.classList.add('collapse-animation');
                   });
                   showTestResult(false, averageStrength, averageFlexibility, averageWaterResistance, true, loadStress);
               } else {
                   showTestResult(success, averageStrength, averageFlexibility, averageWaterResistance, false, loadStress);
                   
                   // Reset animations
                   document.querySelectorAll('.bridge-part').forEach(part => {
                       part.classList.remove('test-animation', 'crack-effect');
                       if (success) {
                           part.classList.add('success-glow');
                       } else {
                           part.classList.add('failure-shake');
                       }
                   });
               }

               setTimeout(() => {
                   truck.classList.add('hidden');
                   if (!gameState.isCollapsed) {
                       document.querySelectorAll('.bridge-part').forEach(part => {
                           part.classList.remove('success-glow', 'failure-shake');
                       });
                   }
               }, 2000);
           }, 3000);
       }

       function showTestResult(success, strength, flexibility, waterResistance, collapsed, loadStress) {
           const resultDisplay = document.getElementById('resultDisplay');
           const resultMessage = document.getElementById('resultMessage');
           const capacity = strength * 2;
           
           if (collapsed) {
               resultMessage.className = 'inline-block px-6 py-3 rounded-lg font-bold text-lg bg-red-100 text-red-800 border border-red-300';
               resultMessage.innerHTML = `
                   πŸ’₯ JEMBATAN RUNTUH! πŸ’₯<br>
                   <span class="text-sm">Beban ${gameState.testLoad} ton terlalu berat untuk kapasitas ${capacity.toFixed(1)} ton!<br>
                   Stress: ${(loadStress * 100).toFixed(0)}% | Kekuatan: ${strength.toFixed(1)} | Fleksibilitas: ${flexibility.toFixed(1)}</span>
               `;
           } else if (success) {
               resultMessage.className = 'inline-block px-6 py-3 rounded-lg font-bold text-lg bg-green-100 text-green-800 border border-green-300';
               resultMessage.innerHTML = `
                   πŸŽ‰ JEMBATAN AMAN! πŸŽ‰<br>
                   <span class="text-sm">Beban ${gameState.testLoad} ton berhasil dilalui!<br>
                   Kapasitas: ${capacity.toFixed(1)} ton | Stress: ${(loadStress * 100).toFixed(0)}% | Kekuatan: ${strength.toFixed(1)}</span>
               `;
           } else {
               resultMessage.className = 'inline-block px-6 py-3 rounded-lg font-bold text-lg bg-yellow-100 text-yellow-800 border border-yellow-300';
               resultMessage.innerHTML = `
                   βš οΈ JEMBATAN RETAK! ⚠️<br>
                   <span class="text-sm">Beban ${gameState.testLoad} ton menyebabkan kerusakan!<br>
                   Kapasitas: ${capacity.toFixed(1)} ton | Stress: ${(loadStress * 100).toFixed(0)}% | Berbahaya!</span>
               `;
           }
           
           resultDisplay.classList.remove('hidden');
           
           setTimeout(() => {
               resultDisplay.classList.add('hidden');
           }, 5000);
       }

       function resetGame() {
           gameState = {
               budget: 500000,
               usedBudget: 0,
               selectedMaterial: null,
               bridgeParts: {
                   'foundation-left': null,
                   'foundation-right': null,
                   'deck': null,
                   'cables': null
               },
               isBuilt: false,
               testLoad: 3,
               isCollapsed: false
           };

           // Reset visual elements
           document.querySelectorAll('.bridge-part').forEach(part => {
               part.style.backgroundColor = '#9CA3AF';
               part.style.borderColor = '#6B7280';
               part.style.transform = '';
               part.style.opacity = '';
               part.classList.remove('collapse-animation', 'crack-effect', 'success-glow', 'failure-shake', 'test-animation');
               const emoji = part.querySelector('.material-emoji');
               if (emoji) emoji.remove();
           });

           document.querySelectorAll('.material-card').forEach(card => {
               card.classList.remove('selected');
           });

           // Reset load slider
           document.getElementById('loadSlider').value = 3;
           updateLoadValue();

           updateDisplay();
           updateInfoPanel('Game direset! Mulai membangun jembatan baru.');
       }

       function updateInfoPanel(message, type = 'info') {
           const infoPanel = document.getElementById('infoPanel');
           const colors = {
               info: 'bg-blue-50 border-blue-200 text-blue-700',
               success: 'bg-green-50 border-green-200 text-green-700',
               warning: 'bg-yellow-50 border-yellow-200 text-yellow-700',
               error: 'bg-red-50 border-red-200 text-red-700'
           };
           
           infoPanel.className = `mt-6 p-4 border rounded-lg ${colors[type]}`;
           infoPanel.innerHTML = `<h3 class="font-bold mb-2">πŸ’‘ Info:</h3><p class="text-sm">${message}</p>`;
       }

       function getPartDisplayName(partName) {
           const names = {
               'foundation-left': 'Pondasi Kiri',
               'foundation-right': 'Pondasi Kanan',
               'deck': 'Lantai Jembatan',
               'cables': 'Kabel Penyangga'
           };
           return names[partName] || partName;
       }

       // Element SDK implementation
       async function onConfigChange(config) {
           document.getElementById('gameTitle').textContent = config.game_title || defaultConfig.game_title;
           document.getElementById('budgetLabel').textContent = config.budget_label || defaultConfig.budget_label;
           document.getElementById('materialsHeader').textContent = config.materials_header || defaultConfig.materials_header;
           document.getElementById('buildButton').innerHTML = `${config.build_button || defaultConfig.build_button}`;
           document.getElementById('testButton').innerHTML = `${config.test_button || defaultConfig.test_button}`;
       }

       function mapToCapabilities(config) {
           return {
               recolorables: [],
               borderables: [],
               fontEditable: undefined,
               fontSizeable: undefined
           };
       }

       function mapToEditPanelValues(config) {
           return new Map([
               ["game_title", config.game_title || defaultConfig.game_title],
               ["budget_label", config.budget_label || defaultConfig.budget_label],
               ["materials_header", config.materials_header || defaultConfig.materials_header],
               ["build_button", config.build_button || defaultConfig.build_button],
               ["test_button", config.test_button || defaultConfig.test_button]
           ]);
       }

       // Initialize Element SDK
       if (window.elementSdk) {
           window.elementSdk.init({
               defaultConfig,
               onConfigChange,
               mapToCapabilities,
               mapToEditPanelValues
           });
       }

       // Start the game
       initGame();
   </script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'99dd500fa600229b',t:'MTc2MzAyNjg4MC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>

]]> Muh.Taqiuddin.S https://sharka.site/3blog/blog/view/100/kasus-menumbuhkan-keberanian-bertanya Thu, 13 Nov 2025 10:40:36 +0800 https://sharka.site/3blog/blog/view/100/kasus-menumbuhkan-keberanian-bertanya <![CDATA[Kasus : Menumbuhkan keberanian bertanya]]>

πŸ“˜ Lembar Analisis Kasus Pembelajaran

Petunjuk Umum:

  1. Bacalah setiap kasus dengan cermat.

  2. Analisis situasi yang terjadi, kemudian tuliskan:

    1. Identifikasi masalah pembelajaran.

    2. Solusi atau langkah-langkah yang dapat diterapkan guru.

    3. Strategi pembelajaran aktif dan penguatan berpikir kritis yang relevan.

    4. Nilai karakter yang dapat dikembangkan.

  3. Gunakan pengalaman Anda di sekolah untuk mendukung jawaban.

NoKomponen AnalisisUraian Jawaban
1Identifikasi Masalah PembelajaranSiswa kurang aktif dalam berdiskusi dan cenderung pasif karena metode pembelajaran yang digunakan guru masih bersifat ceramah satu arah. Siswa kesulitan untuk menyusun kalimat untuk bertanya. Siswa tidak memahami materi sehingga tidak ada yang mau ditanyakan.
2Solusi / Langkah yang Dapat Diterapkan Guru

Guru dapat membuat ice breaking diawal pembelajaran, berupa guru meletakkan 3 lokasi jawaban pertanyaan (Benar, Salah, Ragu - Ragu) lalu guru memberikan pertanyaan dan mengarahkan siswa untuk berkelompok ke lokasi benar, ragu - ragu dan salah, dan Guru dapat melakukan improvisasi dengan berpura - pura menjawab salah soal dan menyampaikan ke murid bahwa itu adalah jawaban yang benar. 

Menerapkan pembelajaran berbasis masalah (PBL), membagi siswa ke dalam kelompok kecil, dan memberikan tugas kolaboratif yang menuntut partisipasi setiap anggota.

3Strategi Pembelajaran Aktif dan Penguatan Berpikir KritisStrategi yang digunakan adalah Problem Based Learning (PBL) di mana siswa menganalisis masalah nyata, mendiskusikan solusi, dan mempresentasikan hasilnya. Kegiatan ini menumbuhkan kemampuan berpikir kritis melalui analisis, evaluasi, dan argumentasi logis.
4Nilai Karakter yang Dapat DikembangkanKerja sama, tanggung jawab, rasa ingin tahu, dan percaya diri.
5Pengalaman di Sekolah (Refleksi Pribadi)Saat saya menerapkan ice breaking diatas serta model PBL pada materi β€œOperasi Bilangan Bulat”, siswa menjadi lebih aktif bertanya dan saling membantu dalam memahami konsep. Hasilnya, keterlibatan dan hasil belajar meningkat signifikan.

πŸ’‘ Catatan: Isilah bagian jawaban berdasarkan kasus nyata atau pengalaman Anda sendiri di sekolah.

]]> Muh.Taqiuddin.S https://sharka.site/3blog/blog/view/99/tutorial-menggunakan-sketchup Wed, 12 Nov 2025 07:48:54 +0800 https://sharka.site/3blog/blog/view/99/tutorial-menggunakan-sketchup <![CDATA[Tutorial menggunakan sketchUp]]> 🧱 Tutorial Membuat Kolam 4 x 6 Meter dengan SketchUp

Tujuan: Peserta didik mampu membuat desain kolam penampungan air ukuran 4 meter x 6 meter menggunakan SketchUp secara mandiri.

Langkah-langkah:

  1. Buka SketchUp dan pilih satuan dalam meter.

  2. Pilih Tools Rectangle di toolbar.

  3. Klik di area kerja, lalu ketik 6,4 pada keyboard dan tekan Enter untuk membuat dasar kolam berukuran 6 m x 4 m.
  4. Pilih Push/Pull Tool (ikon balok naik-turun), arahkan ke bidang persegi panjang tadi, lalu tarik ke atas untuk membuat ketinggian kolam (misalnya 2 meter).
  5. Setelah dinding kolam terbentuk, pilih Offset Tool, klik sisi atas kolam, lalu geser ke arah luar sejauh 0.5 meter untuk membentuk ketebalan dinding kolam.
  6. Gunakan kembali Push/Pull Tool pada bidang tengah (bagian dalam) dan dorong ke bawah hingga mencapai dasar kolam, sehingga ruang kolam menjadi tampak kosong di dalam.
  7. Hapus permukaan bagian atas kolam (cover) agar bagian dalam kolam terlihat jelas.
  8. Pilih Paint Bucket Tool untuk memberikan pewarnaan. Gunakan warna biru muda atau tekstur air pada bagian dalam kolam yang akan dilapisi terpal.

Catatan: Pastikan tampilan orbit digunakan (tekan tombol tengah mouse dan geser) agar dapat melihat seluruh sisi kolam secara tiga dimensi.

Hasil Akhir: Model 3D kolam ukuran 4 x 6 meter dengan dinding setebal 0,5 meter dan warna bagian dalam menyerupai kolam berlapis terpal.

]]> Muh.Taqiuddin.S https://sharka.site/3blog/blog/view/94/ai Sun, 02 Nov 2025 06:27:35 +0800 https://sharka.site/3blog/blog/view/94/ai <![CDATA[AI]]> Video : https://aistudio.google.com

workflow video : https://wan.video

phet simulation

Polypad untuk bermain math

https://www.ginifab.com/feeds/angle_measurement/ (busur online)

https://sketchfab.com/ . Untuk IPa

Text : gemini

 

]]> Muh.Taqiuddin.S https://sharka.site/3blog/blog/view/75/prompt-ai-untuk-materi-ck-editor Wed, 22 Oct 2025 23:23:46 +0800 https://sharka.site/3blog/blog/view/75/prompt-ai-untuk-materi-ck-editor <![CDATA[Prompt AI untuk Materi CK Editor]]> Buatkan saya materi pembelajaran gaya e-book digital interaktif untuk CKEditor. Gunakan HTML dengan semua style secara inline agar tampil bagus di Android layar kecil. Pastikan tampilannya responsif, warna lembut (#e3f2fd, #fff3e0, #e8f5e9), font 'Poppins', sans-serif, teks rata kiri-kanan, tabel bisa digeser, dan gunakan unicode emoji πŸ“˜πŸ’‘πŸŽ― untuk mempercantik. Sertakan bagian Materi, Contoh Soal, Latihan Soal (ada tombol jika diklik maka muncul kunci jawaban atau langkah langkah penyelesaian) dan LKPD. Struktur HTML rapi seperti modul digital, bisa langsung dipaste ke CKEditor tanpa CSS eksternal.
 

]]> Muh.Taqiuddin.S https://sharka.site/3blog/blog/view/55/alur-kerja-layout-view-pada-codeigniter-4-penjelasan-extend-section-endsection-include-dan-rend Wed, 22 Oct 2025 16:41:26 +0800 https://sharka.site/3blog/blog/view/55/alur-kerja-layout-view-pada-codeigniter-4-penjelasan-extend-section-endsection-include-dan-rend <![CDATA[Alur Kerja Layout View pada CodeIgniter 4: Penjelasan Extend, Section, EndSection, Include, dan RenderSection]]> +-------------------------------------------+ | LAYOUT UTAMA (main.php) | |-------------------------------------------| | <!DOCTYPE html> | | <html> | | <head> | | <title>Game Peluang</title> | | </head> | | <body> | | | | <?= $this->include('layout/navbar_game') ?> <-- Include komponen kecil | | | <!-- Tempat isi halaman muncul --> | | <?= $this->renderSection('content') ?> <-- Menampilkan isi section | | | <?= $this->include('layout/footer') ?> <-- Include footer | | | </body> | | </html> | +-------------------------------------------+ β–² | | (extend) | +-------------------------------------------+ | HALAMAN ANAK (materi.php) | |-------------------------------------------| | <?= $this->extend('layout/main') ?> | <-- Pakai layout utama | | | <?= $this->section('content') ?> | <-- Mulai bagian isi | <h1>Materi Game</h1> | | <p>Belajar peluang dengan menyenangkan</p> | | <?= $this->endSection() ?> | <-- Akhiri bagian isi +-------------------------------------------+ ]]> Muh.Taqiuddin.S https://sharka.site/3blog/blog/view/54/7-metode-pembelajaran-yang-efektif Wed, 22 Oct 2025 16:39:55 +0800 https://sharka.site/3blog/blog/view/54/7-metode-pembelajaran-yang-efektif <![CDATA[7 Metode Pembelajaran yang Efektif]]> Metode pembelajaran adalah cara atau prosedur sistematis yang digunakan guru untuk menyampaikan materi pelajaran kepada siswa agar tujuan pembelajaran tercapai secara efektif dan efisien.

Ini merupakan rencana komprehensif yang mencakup langkah-langkah, teknik, dan alat yang dipilih berdasarkan sifat materi, kondisi siswa, dan sasaran yang ingin dicapai.

Komponen Utama Metode Pembelajaran

Setiap metode pembelajaran melibatkan tiga komponen utama:

  1. Pendekatan (Approach): Sudut pandang atau filosofi umum tentang bagaimana proses belajar-mengajar harus dilakukan (misalnya, pendekatan student-centered atau teacher-centered).
  2. Strategi (Strategy): Kerangka rencana kegiatan untuk mencapai tujuan (misalnya, Strategi Pembelajaran Ekspositori, Strategi Pembelajaran Kooperatif).
  3. Teknik/Taktik (Technique/Tactic): Cara spesifik dan paling operasional yang digunakan saat mengimplementasikan suatu metode (misalnya, menggunakan ice breaking, tanya jawab cepat, atau mind mapping).

Klasifikasi Umum Metode Pembelajaran

Metode pembelajaran umumnya diklasifikasikan berdasarkan fokusnya:

1. Metode Berpusat pada Guru (Teacher-centered)

Guru berperan aktif sebagai sumber informasi utama, sedangkan siswa cenderung pasif menerima.

  • Contoh: Ceramah, Demonstrasi, Tanya Jawab.

2. Metode Berpusat pada Siswa (Student-centered)

Siswa terlibat aktif dalam proses belajar, eksplorasi, dan penemuan. Guru berfungsi sebagai fasilitator.

  • Contoh: Diskusi Kelompok, Studi Kasus, Role Play, Pembelajaran Berbasis Proyek (Project-Based Learning).

3. Metode Berpusat pada Materi (Content-centered)

Fokus utamanya adalah pada penguasaan materi atau subjek. Metode ini sering menggunakan media atau sumber belajar tertentu.

  • Contoh: Studi Pustaka, Penggunaan Modul.

Fungsi Penting Metode Pembelajaran

Pemilihan metode yang tepat memiliki fungsi krusial:

  • Penyampaian Materi: Membantu guru menyajikan informasi dengan cara yang mudah dipahami.
  • Motivasi: Meningkatkan minat dan partisipasi aktif siswa dalam proses belajar.
  • Interaksi: Menciptakan komunikasi dua arah yang efektif antara guru dan siswa.
  • Efisiensi: Menghemat waktu dan tenaga dalam mencapai target kurikulum.
  • Pengembangan Keterampilan: Melatih keterampilan khusus pada siswa, seperti berpikir kritis, kolaborasi, dan pemecahan masalah

7 Metode Pembelajaran Efektif 

1. Metode Ceramah (Lecture) Metode ini berfokus pada guru (Teacher-centered), di mana materi disampaikan secara lisan untuk tujuan transfer informasi. Kelebihan utamanya adalah efisiensi waktu dan kemampuan menjangkau banyak siswa sekaligus. Namun, Kelemahan terbesarnya adalah siswa cenderung pasif dan tingkat retensi informasinya rendah.

2. Metode Diskusi Kelompok Metode ini bersifat berpusat pada siswa (Student-centered), melibatkan pertukaran pikiran dalam kelompok untuk memecahkan masalah. Kelebihannya adalah siswa menjadi aktif, terjadi interaksi dua arah, dan melatih keterampilan kolaborasi dan problem solving. Kelemahannya, diskusi bisa melebar dari topik jika tidak dikendalikan dengan baik, dan ada potensi dominasi oleh siswa tertentu.

3. Metode Tanya Jawab Interaktif Tanya jawab adalah metode berpusat pada guru (Teacher-centered) yang melibatkan guru dan siswa saling bertanya dan menjawab. Tujuan utamanya adalah mengecek pemahaman dan partisipasi seketika. Kelebihan utamanya adalah meningkatkan partisipasi langsung dan memberikan umpan balik cepat. Kelemahannya, hanya sebagian siswa yang aktif berpartisipasi, dan jawabannya mungkin masih dangkal.

4. Metode Demonstrasi (Peragaan) Metode berpusat pada guru (Teacher-centered) ini mengharuskan guru memperagakan suatu proses atau prosedur secara langkah demi langkah, yang kemudian ditiru oleh siswa. Metode ini sangat baik untuk materi keterampilan karena jelas, konkret, dan mudah ditiru. Namun, Kelemahannya adalah membutuhkan alat dan peraga yang lengkap dan biasanya lebih efektif untuk kelompok siswa yang lebih kecil.

5. Metode Studi Kasus Ini adalah metode berpusat pada siswa (Student-centered) di mana siswa menganalisis skenario atau kasus nyata yang kompleks. Kelebihannya adalah dapat menghubungkan teori dengan realita, melatih penalaran tingkat tinggi, dan kemampuan pengambilan keputusan. Kelemahannya adalah membutuhkan alokasi waktu yang panjang dan kasus yang disajikan harus sangat relevan dengan materi.

6. Simulasi / Role Play Metode berpusat pada siswa (Student-centered) ini melibatkan siswa memerankan situasi tertentu (misalnya, wawancara atau negosiasi). Sifatnya sangat menarik dan interaktif, efektif melatih keterampilan sosial, komunikasi, dan empati. Kelemahannya, siswa bisa merasa malu atau tidak serius, sehingga memerlukan skenario dan panduan yang sangat jelas dari guru.

7. Penugasan / Tugas Proyek Metode berpusat pada siswa (Student-centered) ini melibatkan pemberian tugas individu atau kelompok yang mengarah pada penelitian kecil atau penciptaan karya. Metode ini sangat baik untuk melatih tanggung jawab, kreativitas, dan keterampilan belajar mandiri. Kelemahannya yang umum terjadi adalah adanya siswa yang bergantung pada teman kelompoknya, atau potensi hasil yang tidak orisinal.

]]> Muh.Taqiuddin.S https://sharka.site/3blog/blog/view/53/rujukan-kemdikbud-oktober-2025 Wed, 22 Oct 2025 16:38:37 +0800 https://sharka.site/3blog/blog/view/53/rujukan-kemdikbud-oktober-2025 <![CDATA[Rujukan Kemdikbud Oktober 2025]]> Rujukan https://kurikulum.kemdikbud.go.id/rujukan

1. regulasi-standar-nasional-pendidikan Rujukan | Sistem Informasi Kurikulum Nasional

2. regulasi-kurikulum Rujukan | Sistem Informasi Kurikulum Nasional

3. panduan-panduan-kurikulum Rujukan | Sistem Informasi Kurikulum Nasional

4. kajian-naskah-akademik Rujukan | Sistem Informasi Kurikulum Nasional

5. surat-edaran Rujukan | Sistem Informasi Kurikulum Nasional

6. paparan Rujukan | Sistem Informasi Kurikulum Nasional

]]> Muh.Taqiuddin.S