geomekanika

Differences

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

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
geomekanika [2026/02/09 14:11] – [materi] geofiterageomekanika [2026/02/26 21:38] (current) – [📅 Jadwal Pertemuan & Materi] geofitera
Line 1: Line 1:
-====== Geomekanika ======+====== 📘 Geomekanika ======
  
 +**Kode Mata Kuliah:** TG25-22004  
  
-====== konten ======+**Semester:** 4
  
 +**SKS:** 2  
  
-====== materi ======+**Dosen Pengampu:** Yudha Styawan, M.Sc.  
  
-<html> +===== 🎯 Deskripsi Mata Kuliah ===== 
-<!--  +Mata kuliah ini mempelajari konsep mekanika pada batuanyang meliputi analisis stressprincipal stressanalisis strainhukum Konstitutifdeformasi dan failure pada batuanlaboratory test, in situ test, world stress, stabilitas kemiringan batuan.
-  TEMPLATE MATERI KULIAH DOKUWIKI (VERSI 3) +
-  Fitur: Support Google Slides & Reveal.js (HTML Embed) +
---> +
-<style> +
-  /* --- CONTAINER UTAMA --- */ +
-  .dw-lecture-container { +
-    font-family: -apple-systemBlinkMacSystemFont"Segoe UI"RobotoHelveticaArialsans-serif; +
-    max-width: 1000px; +
-    margin: 0 auto; +
-    color: #333; +
-    line-height: 1.6; +
-  }+
  
-  /Variabel Warna *+**CPL 5**
-  :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) --- */ +Kemampuan untuk menerapkan pengetahuan matematikasains alamteknologi informasidan rekayasa guna memahami prinsip-prinsip rekayasa secara menyeluruh, serta merancang dan melakukan eksperimen laboratorium atau lapangan dan menganalisis data untuk memperkuat penilaian rekayasa.
-  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) *+**CPMK 5.2**
-  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 */ +Mahasiswa mampu menganalisis fenomena alam maupun rekayasa fisis dengan menerapkan prinsip-prinsip rekayasa sains dan/atau teknologi digital [C4]
-  details.week-module summary::-webkit-details-marker { display: none; }+
  
-  /Warna Header saat Terbuka *+**Pustaka**
-  details.week-module[open] summary { +
-    background: linear-gradient(to right, var(--primary-color), #1d4ed8); +
-  }+
  
-  /* Ikon Plus/Minus Custom */ +  - Deb, D. & Verma, A. K. (2016). Fundamentals and Applications of Rock Mechanics. DelhiPHI Learning Private Limited. 
-  details.week-module summary::after { +  Allen III, J. H. (2011). Mechanics of Material For Dummies. IndianapolisWilley Publishing, Inc
-    content: '+'; +  Hudson, J. A. & Harrison, J. P. (1997). Engineering Rock Mechanics an Introduction to the Principles. OxfordElsevier Science Ltd. 
-    font-size1.5em; +  - Jaeger, J. C., Cook, N. G. W., & Zimmerman, R. W. (2007). Fundamentals of Rock Mechanics Fourth Edition. MaldenBlackwell Publishing. 
-    font-weight300; +  - Sivakugan, N., Shukla, S. K., & Das, B. M. (2013). Rock Mechanics An Introduction. Boca Raton: CRC Press Taylor & Francis Group.
-  +
-  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 --- */ +===== 📅 Jadwal Pertemuan & Materi =====
-  .module-content { +
-    padding: 20px; +
-    display: grid; +
-    grid-template-columns: 3fr 2fr; /* Kiri 60%, Kanan 40% */ +
-    gap: 25px; +
-    background: white; +
-  }+
  
-  @media (max-width: 768px) { +**Demi kelancaran akses file materi, pengguna dianjurkan membuka melalui Google Chrome menggunakan akun email ITERA.**
-    .module-content { grid-template-columns: 1fr; } +
-  }+
  
-  /* --- AREA MEDIA (KIRI) --- */ +<html
-  .media-wrapper { +<iframe src="https://script.google.com/a/macros/tg.itera.ac.id/s/AKfycby0k6HKjcazNj9a7NE_Qtv1AX9jkyfXBV8QJNdPcgfnhHyykTg1Yg23EYP7lC-CfxsLUA/exec?mk=TG25-22004width="100%height="1500px" style="border:none;"></iframe>
-    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-20250209.html" allowfullscreen="true" style="background: white;"></iframe> +
-        </div> +
- +
-        <div class="version-archive"> +
-            <h4>🗄️ Arsip Versi Lama</h4> +
-            <ul class="archive-list"> +
-                <li><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-top15px;"> +
-            <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> </html>
  • geomekanika.1770646287.txt.gz
  • Last modified: 2026/02/09 14:11
  • by geofitera