modul [TG Wiki]

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
====== Modul ======
<note warning>
**Dilarang** menyebarluaskan ataupun meng-upload bahan ini ke siapapun atau situs tertentu **tanpa seizin program studi**.
</note>
<note tip>
Gunakan **email ITERA** untuk mengunduh file-file tersebut
</note>
===== Praktikum =====
^ Mata Kuliah ^ Link ^
| Instrumentasi Geofisika | Unduh |
| Komputasi Geofisika | Unduh |
| Analisis Data Geofisika | Unduh |
| Komputasi Geofisika | Unduh |
| Metode Seismik | Unduh |
| Seismologi | Unduh |
| Metode Geolistrik dan Elektromagnet | Unduh |
| Metode Gayaberat dan Magnet | Unduh |
| Geostatistika | Unduh |
| Analisis Sinyal Geofisika | Unduh |
| Akuisisi dan Pengolahan Data Seismik Refleksi | Unduh |
| Inversi Geofisika | Unduh |
| Geotomografi | Unduh |
| Seismologi Migas | Unduh |
| Geofisika Geotermal | Unduh |
| Seismik Stratigrafi | Unduh |

===== Template =====
<html>
<!-- 
  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 6 (CONTOH SLIDE HTML / REVEAL.JS)     -->
  <!-- ============================================ -->
  
  <details class="week-module" open name="kuliah">
    <summary>
      <div>
        <span class="week-label">Minggu 6: Presentasi HTML (Reveal.js)</span>
        <span class="week-date">01 Nov 2023</span>
      </div>
    </summary>
    
    <div class="module-content">
      
      <!-- KOLOM KIRI: Slide HTML Embed -->
      <div class="left-col">
        <div class="media-wrapper">
            <!-- 
               CARA PASANG SLIDE REVEAL.JS / HTML SENDIRI:
               1. Upload folder slide ke Netlify / GitHub Pages.
               2. Copy link public-nya (misal: https://my-slide.netlify.app).
               3. Paste ke src iframe di bawah ini.
            -->
            <iframe src="https://yudhastyawan.github.io/materi-perkuliahan/GDG-week01-20260209.html" allowfullscreen="true" style="background: white;"></iframe>
        </div>

        <div class="version-archive">
            <h4>🗄️ Arsip Versi Lama</h4>
            <ul class="archive-list">
                <li><a href="#">Versi PDF (Download)</a></li>
            </ul>
        </div>
      </div>

      <!-- KOLOM KANAN -->
      <div class="right-col">
        <h3 class="info-title">Materi: Advanced Web Presentation</h3>
        <div class="description-box">
          <p>Minggu ini kita menggunakan slide berbasis HTML (Reveal.js). Slide ini lebih interaktif dibandingkan slide statis biasa.</p>
          <p><em>Tips: Tekan tombol 'F' pada slide untuk mode layar penuh, atau 'ESC' untuk melihat peta slide.</em></p>
        </div>

        <div class="ref-section">
            <h4>📚 Referensi</h4>
            <ul class="ref-list">
                <li>Web: <a href="https://revealjs.com">Dokumentasi Reveal.js</a></li>
                <li>Tools: <a href="https://app.netlify.com/drop">Netlify Drop (Hosting Gratis)</a></li>
            </ul>
        </div>

        <div class="btn-group">
            <a href="#" class="btn btn-quiz">📝 Kuis Interaktif</a>
        </div>
      </div>
    </div>
  </details>

  <!-- ============================================ -->
  <!-- MINGGU 5 (Google Slides)                     -->
  <!-- ============================================ -->
  
  <details class="week-module" name="kuliah">
    <summary>
      <div>
        <span class="week-label">Minggu 5: Pengantar Kecerdasan Buatan</span>
        <span class="week-date">25 Okt 2023</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/1cXisQCijRIL0yCbi4mlejeGtBIEsdcQ4sJh3zDEiR6c/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:</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="#">Rekaman Kelas Tahun 2022</a></li>
                <li><a href="#">Slide Versi Draft (PDF)</a></li>
            </ul>
        </div>
      </div>

      <div class="right-col">
        <h3 class="info-title">Ringkasan Materi</h3>
        <div class="description-box">
          <p>Membahas fundamental AI, perbedaan Weak AI vs Strong AI, serta pengenalan Machine Learning.</p>
        </div>

        <div class="ref-section">
            <h4>📚 Referensi & Bacaan</h4>
            <ul class="ref-list">
                <li>Buku Utama: <em>Russell & Norvig, AI A Modern Approach</em>, Bab 1-2.</li>
                <li>Jurnal: <a href="#">Turing Computing Machinery and Intelligence (1950)</a></li>
            </ul>
        </div>

        <div class="btn-group">
            <a href="#" class="btn btn-quiz">📝 Kuis Minggu 5</a>
            <a href="#" class="btn btn-task">📂 Upload Tugas</a>
        </div>

      </div>
    </div>
  </details>


  <!-- ============================================ -->
  <!-- MINGGU 4 (Tertutup Default)                  -->
  <!-- ============================================ -->
  
  <details class="week-module" name="kuliah">
    <summary>
      <div>
        <span class="week-label">Minggu 4: Struktur Data Tree</span>
        <span class="week-date">18 Okt 2023</span>
      </div>
    </summary>
    
    <div class="module-content">
      <div class="left-col">
         <div class="media-wrapper">
             <iframe src="https://docs.google.com/presentation/d/e/2PACX-1vR_placeholder/embed" allowfullscreen="true"></iframe>
         </div>
         
         <div class="version-archive">
            <h4>🗄️ Arsip Versi Lama</h4>
            <ul class="archive-list">
                <li><a href="#">Slide Materi 2021</a></li>
            </ul>
         </div>
      </div>

      <div class="right-col">
         <h3 class="info-title">Ringkasan Materi</h3>
         <p>Pembahasan tentang Binary Tree, AVL Tree, dan implementasinya.</p>
         
         <div class="ref-section">
            <h4>📚 Referensi</h4>
            <ul class="ref-list">
                <li>Introduction to Algorithms (Cormen), Bab 12.</li>
            </ul>
         </div>

         <div class="btn-group">
            <a href="#" class="btn btn-task">📂 Lihat Tugas Minggu 4</a>
         </div>
      </div>
    </div>
  </details>

</div>
</html>