Differences

This shows you the differences between two versions of the page.

--- gelombang_dalam_geofisika [2026/02/16 23:09] – [📅 Jadwal Pertemuan & Materi] geofitera
+++ gelombang_dalam_geofisika [2026/02/25 07:38] (current) – [📅 Jadwal Pertemuan & Materi] geofitera
@@ Line 36: / Line 36: @@
 <html>
-<!--
+<iframe src="https://script.google.com/a/macros/tg.itera.ac.id/s/AKfycby0k6HKjcazNj9a7NE_Qtv1AX9jkyfXBV8QJNdPcgfnhHyykTg1Yg23EYP7lC-CfxsLUA/exec?mk=TG25-22001" width="100%" height="1500px" style="border:none;"></iframe>
-  TEMPLATE MATERI KULIAH DOKUWIKI (VERSI 3)
-  Fitur: Support Google Slides & Reveal.js (HTML Embed)
--->
-<style>
-  /* --- CONTAINER UTAMA --- */
-  .dw-lecture-container {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
-    max-width: 1000px;
-    margin: 0 auto;
-    color: #333;
-    line-height: 1.6;
-  }
-  /* Variabel Warna */
-  :root {
-    --primary-color: #2563eb;       /* Biru Utama */
-    --header-bg: #1e293b;           /* Gelap untuk Header Tutup */
-    --header-active: #2563eb;       /* Biru untuk Header Buka */
-    --bg-light: #f8fafc;
-    --border-color: #e2e8f0;
-    --text-muted: #64748b;
-  }
-  /* --- STYLE MINGGUAN (ACCORDION) --- */
-  details.week-module {
-    background: white;
-    border: 1px solid var(--border-color);
-    border-radius: 8px;
-    margin-bottom: 15px;
-    overflow: hidden;
-    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
-    transition: all 0.3s ease;
-  }
-  /* Header (Summary) */
-  details.week-module summary {
-    padding: 15px 20px;
-    cursor: pointer;
-    font-weight: bold;
-    color: white;
-    background: var(--header-bg); /* Warna saat tertutup */
-    list-style: none;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    transition: background 0.3s;
-  }
-  /* Hilangkan marker default browser */
-  details.week-module summary::-webkit-details-marker { display: none; }
-  /* Warna Header saat Terbuka */
-  details.week-module[open] summary {
-    background: linear-gradient(to right, var(--primary-color), #1d4ed8);
-  }
-  /* Ikon Plus/Minus Custom */
-  details.week-module summary::after {
-    content: '+';
-    font-size: 1.5em;
-    font-weight: 300;
-  }
-  details.week-module[open] summary::after {
-    content: '-';
-  }
-  /* Label Tanggal/Minggu di Header */
-  .week-label { font-size: 1.1em; }
-  .week-date {
-    font-size: 0.85em;
-    opacity: 0.8;
-    font-weight: normal;
-    margin-left: 10px;
-    background: rgba(255,255,255,0.2);
-    padding: 2px 8px;
-    border-radius: 12px;
-  }
-  /* --- KONTEN DALAM --- */
-  .module-content {
-    padding: 20px;
-    display: grid;
-    grid-template-columns: 3fr 2fr; /* Kiri 60%, Kanan 40% */
-    gap: 25px;
-    background: white;
-  }
-  @media (max-width: 768px) {
-    .module-content { grid-template-columns: 1fr; }
-  }
-  /* --- AREA MEDIA (KIRI) --- */
-  .media-wrapper {
-    position: relative;
-    padding-bottom: 56.25%; /* 16:9 Ratio */
-    height: 0;
-    border-radius: 8px;
-    overflow: hidden;
-    background: #000;
-    margin-bottom: 15px;
-    border: 1px solid var(--border-color);
-  }
-  .media-wrapper iframe {
-    position: absolute;
-    top: 0; left: 0; width: 100%; height: 100%; border: 0;
-  }
-  /* --- AREA ARSIP VERSI LAMA (Di bawah media) --- */
-  .version-archive {
-    margin-top: 20px;
-    padding: 15px;
-    background: #f1f5f9;
-    border-radius: 8px;
-    border: 1px dashed #cbd5e1;
-    font-size: 0.9em;
-  }
-  .version-archive h4 {
-    margin: 0 0 10px 0;
-    font-size: 0.95em;
-    color: var(--text-muted);
-    display: flex;
-    align-items: center;
-    gap: 5px;
-  }
-  .archive-list {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-  }
-  .archive-list li {
-    margin-bottom: 5px;
-    padding-left: 20px;
-    position: relative;
-  }
-  .archive-list li::before {
-    content: "🕒";
-    position: absolute;
-    left: 0;
-    font-size: 0.8em;
-    top: 2px;
-  }
-  .archive-list a { color: #475569; text-decoration: none; border-bottom: 1px dotted #475569; }
-  .archive-list a:hover { color: var(--primary-color); border-bottom: 1px solid; }
-  /* --- AREA INFO (KANAN) --- */
-  .info-title {
-    margin-top: 0;
-    color: #1e293b;
-    font-size: 1.2em;
-    border-bottom: 2px solid var(--bg-light);
-    padding-bottom: 8px;
-    margin-bottom: 15px;
-  }
-  .description-box {
-    color: #334155;
-    margin-bottom: 20px;
-  }
-  /* Referensi Section */
-  .ref-section {
-    background: #fffbeb; /* Kuning sangat muda */
-    border-left: 4px solid #f59e0b;
-    padding: 15px;
-    border-radius: 4px;
-    margin-bottom: 20px;
-  }
-  .ref-section h4 {
-    margin: 0 0 8px 0;
-    color: #b45309;
-    font-size: 0.95em;
-    text-transform: uppercase;
-    letter-spacing: 0.5px;
-  }
-  .ref-list {
-    margin: 0;
-    padding-left: 20px;
-    font-size: 0.9em;
-  }
-  /* Tombol */
-  .btn-group { display: flex; gap: 10px; flex-wrap: wrap; margin-top: auto; }
-  .btn {
-    padding: 8px 14px;
-    border-radius: 5px;
-    text-decoration: none !important;
-    font-weight: 600;
-    font-size: 0.9em;
-    color: white !important;
-    transition: opacity 0.2s;
-  }
-  .btn:hover { opacity: 0.9; }
-  .btn-quiz { background-color: #ef4444; }
-  .btn-task { background-color: #10b981; }
-</style>
-<div class="dw-lecture-container">
-  <!-- ============================================ -->
-  <!-- MINGGU 1 (Google Slides)                     -->
-  <!-- ============================================ -->
-  <details class="week-module" name="kuliah">
-    <summary>
-      <div>
-        <span class="week-label">Minggu 1: Pendahuluan dan Review Matematika Dasar</span>
-        <span class="week-date">9 Feb 2026</span>
-      </div>
-    </summary>
-    <div class="module-content">
-      <div class="left-col">
-        <div class="media-wrapper">
-            <iframe src="https://yudhastyawan.github.io/materi-perkuliahan/GDG-week01-20260209.html" allowfullscreen="true" style="background: white;"></iframe>
-        </div>
-        <!-- Google Slide Embed -->
-        <div class="media-wrapper">
-            <iframe src="https://docs.google.com/presentation/d/1puaQhJIDjZ3lbyIVrmmwnSsrBkXMyP4oOHLSbTeo_5c/embed?start=false&loop=false&delayms=3000" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
-        </div>
-        <div style="margin-top: 15px;">
-            <strong>📹 Rekaman Kelas Minggu Ini (tidak ada):</strong>
-            <div class="media-wrapper" style="margin-top:5px;">
-                <!-- <iframe src="https://drive.google.com/file/d/1xHgtaiSDENehJYSEQWI92zRV6O9aAwCQ/preview" allow="autoplay"></iframe> -->
-            </div>
-        </div>
-        <div class="version-archive">
-            <h4>🗄️ Arsip Versi Lama / Tambahan</h4>
-            <ul class="archive-list">
-                <li><a href="https://docs.google.com/presentation/d/1puaQhJIDjZ3lbyIVrmmwnSsrBkXMyP4oOHLSbTeo_5c/edit?usp=sharing">Google Slides (9 Feb 2026)</a></li>
-                <li><a href="https://script.google.com/a/tg.itera.ac.id/macros/s/AKfycbzXoFrniVkMcg2pEKTaya6rllrSHrrgOl-SmdV9ZMtyGkgnXRyS46X6vvd4kIXGM_8eQg/exec?v=TG25-22001%2FRTGB%2F2026">Kontrak Kuliah - RTGB - 2025/2026 (2 Feb 2026)</a></li>
-                <li><a href="https://script.google.com/a/tg.itera.ac.id/macros/s/AKfycbzXoFrniVkMcg2pEKTaya6rllrSHrrgOl-SmdV9ZMtyGkgnXRyS46X6vvd4kIXGM_8eQg/exec?v=TG25-22001%2FRTGD%2F2026">Kontrak Kuliah - RTGD - 2025/2026 (2 Feb 2026)</a></li>
-            </ul>
-        </div>
-      </div>
-      <div class="right-col">
-        <h3 class="info-title">Ringkasan Materi</h3>
-        <div class="description-box">
-          <p>-</p>
-        </div>
-        <div class="ref-section">
-            <h4>📚 Referensi & Bacaan</h4>
-            <ul class="ref-list">
-                <li>-</li>
-            </ul>
-        </div>
-        <div class="btn-group">
-            <a href="#" class="btn btn-quiz">📝 Kuis (Belum ada)</a>
-            <a href="#" class="btn btn-task">📂 Tugas (Belum ada)</a>
-        </div>
-      </div>
-    </div>
-  </details>
-  <!-- ============================================ -->
-  <!-- MINGGU 2 (Google Slides)                     -->
-  <!-- ============================================ -->
-  <details class="week-module" open name="kuliah">
-    <summary>
-      <div>
-        <span class="week-label">Minggu 2: Gelombang pada Tali I: Teori dan Solusi Harmonik</span>
-        <span class="week-date">9 Feb 2026</span>
-      </div>
-    </summary>
-    <div class="module-content">
-      <div class="left-col">
-        <!-- Google Slide Embed -->
-        <div class="media-wrapper">
-            <iframe src="https://docs.google.com/presentation/d/1cR5wxN7Kc4lIR7hQrjvLMTMoLJc79Tq_aBjCDXOxFnA/embed?start=false&loop=false&delayms=3000" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
-        </div>
-        <div style="margin-top: 15px;">
-            <strong>📹 Rekaman Kelas Minggu Ini (RTGB - 10 Feb 2026):</strong>
-            <div class="media-wrapper" style="margin-top:5px;">
-                <iframe src="https://drive.google.com/file/d/1Pz-yJJQIp8QkWEb0FhMfer1OeK3bv6E8/preview" allow="autoplay"></iframe>
-            </div>
-            <strong>📹 Rekaman Kelas Minggu Ini (RTGD - 17 Feb 2026):</strong>
-            <div class="media-wrapper" style="margin-top:5px;">
-                <iframe src="https://drive.google.com/file/d/1ECskgLbmp6lXFNkRHYff6RUFv4RTzLCt/preview" allow="autoplay"></iframe>
-            </div>
-        </div>
-        <div class="version-archive">
-            <h4>🗄️ Arsip Versi Lama / Tambahan</h4>
-            <ul class="archive-list">
-                <li><a href="https://docs.google.com/presentation/d/1cR5wxN7Kc4lIR7hQrjvLMTMoLJc79Tq_aBjCDXOxFnA/edit?usp=sharing">Google Slides (9 Feb 2026)</a></li>
-                <li><a href="https://yudhastyawan.github.io/earth-sciences-101/book/simulasi_1d.html">Simulasi Gelombang 1 Dimensi</a></li>
-                <li><a href="https://yudhastyawan.github.io/earth-sciences-101/book/simulasi_solusi.html">Simulasi Gelombang n = f(x±ct)</a></li>
-            </ul>
-        </div>
-      </div>
-      <div class="right-col">
-        <h3 class="info-title">Ringkasan Materi</h3>
-        <div class="description-box">
-          <p> Materi ini menjelaskan teori gelombang satu dimensi menggunakan model dawai sebagai dasar untuk memahami perambatan gelombang seismik di Bumi. Fokus utamanya adalah mendeskripsikan perpindahan titik u(x,t) sebagai fungsi posisi dan waktu. </p>
-<ul> <li><strong>Model Dawai Ideal:</strong> Analisis menggunakan asumsi dawai yang membentang pada sumbu x, awalnya lurus (setimbang), memiliki tegangan konstan (T), dan massa jenis linear (rho) yang merata.</li> <li><strong>Hukum II Newton:</strong> Persamaan gelombang diturunkan dengan menerapkan prinsip F = ma pada segmen kecil dawai (dx), di mana gaya netto vertikal dihasilkan oleh selisih tegangan di ujung-ujung segmen tersebut.</li> <li><strong>Pendekatan Sudut Kecil:</strong> Digunakan asumsi bahwa sudut simpangan sangat kecil sehingga sin theta mendekati tan theta, yang setara dengan turunan parsial perpindahan terhadap posisi (du/dx).</li> <li><strong>Solusi Persamaan Gelombang:</strong> <ul> <li><strong>Solusi Umum:</strong> Terdiri dari fungsi f(x - vt) yang merambat ke arah +x dan f(x + vt) yang merambat ke arah -x.</li> <li><strong>Solusi Harmonik:</strong> Merupakan solusi eksak yang penting karena setiap gelombang kompleks dapat diuraikan menjadi superposisi gelombang harmonik (Analisis Fourier).</li> </ul> </li> <li><strong>Parameter Gelombang:</strong> Meliputi Amplitudo (A), Frekuensi Sudut (omega), Bilangan Gelombang (k), Periode (T), dan Panjang Gelombang (lambda).</li> </ul>
-        </div>
-        <div class="ref-section">
-            <h4>📚 Referensi & Bacaan</h4>
-            <ul class="ref-list">
-                <li>-</li>
-            </ul>
-        </div>
-        <div class="btn-group">
-            <a href="#" class="btn btn-quiz">📝 Kuis (Belum ada)</a>
-            <a href="#" class="btn btn-task">📂 Tugas (Belum ada)</a>
-        </div>
-      </div>
-    </div>
-  </details>
-</div>
 </html>