Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
| geomekanika [2026/02/09 14:11] – [materi] geofitera | geomekanika [2026/02/26 21:38] (current) – [📅 Jadwal Pertemuan & Materi] geofitera | ||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | ====== Geomekanika ====== | + | ====== |
| + | **Kode Mata Kuliah:** TG25-22004 | ||
| - | ====== konten ====== | + | **Semester: |
| + | **SKS:** 2 | ||
| - | ====== materi ====== | + | **Dosen Pengampu:** Yudha Styawan, M.Sc. |
| - | < | + | ===== 🎯 Deskripsi Mata Kuliah ===== |
| - | <!-- | + | Mata kuliah ini mempelajari konsep mekanika pada batuan, yang meliputi analisis stress, principal stress, analisis strain, hukum Konstitutif, deformasi dan failure pada batuan, laboratory test, in situ test, world stress, stabilitas kemiringan batuan. |
| - | TEMPLATE MATERI KULIAH DOKUWIKI (VERSI 3) | + | |
| - | Fitur: Support Google Slides & Reveal.js (HTML Embed) | + | |
| - | --> | + | |
| - | < | + | |
| - | /* --- CONTAINER UTAMA --- */ | + | |
| - | .dw-lecture-container { | + | |
| - | font-family: | + | |
| - | max-width: 1000px; | + | |
| - | margin: 0 auto; | + | |
| - | color: #333; | + | |
| - | line-height: | + | |
| - | } | + | |
| - | /* Variabel Warna */ | + | **CPL 5** |
| - | :root { | + | |
| - | --primary-color: | + | |
| - | --header-bg: | + | |
| - | --header-active: | + | |
| - | --bg-light: #f8fafc; | + | |
| - | --border-color: | + | |
| - | --text-muted: | + | |
| - | } | + | |
| - | /* --- STYLE MINGGUAN (ACCORDION) --- */ | + | Kemampuan untuk menerapkan pengetahuan matematika, sains alam, teknologi informasi, dan 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: | + | |
| - | margin-bottom: | + | |
| - | 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: | + | |
| - | color: white; | + | |
| - | background: var(--header-bg); | + | |
| - | list-style: none; | + | |
| - | display: flex; | + | |
| - | justify-content: | + | |
| - | align-items: | + | |
| - | transition: background 0.3s; | + | |
| - | } | + | |
| - | | + | Mahasiswa mampu menganalisis fenomena alam maupun rekayasa fisis dengan menerapkan prinsip-prinsip rekayasa sains dan/atau teknologi digital [C4] |
| - | details.week-module summary:: | + | |
| - | /* Warna Header saat Terbuka | + | **Pustaka** |
| - | details.week-module[open] summary { | + | |
| - | background: linear-gradient(to right, var(--primary-color), | + | |
| - | } | + | |
| - | | + | - Deb, D. & Verma, A. K. (2016). Fundamentals and Applications of Rock Mechanics. Delhi: PHI Learning Private Limited. |
| - | details.week-module summary::after { | + | - Allen III, J. H. (2011). Mechanics of Material For Dummies. Indianapolis: Willey Publishing, Inc. |
| - | | + | - Hudson, J. A. & Harrison, J. P. (1997). Engineering Rock Mechanics an Introduction to the Principles. Oxford: Elsevier Science Ltd. |
| - | font-size: 1.5em; | + | - Jaeger, J. C., Cook, N. G. W., & Zimmerman, R. W. (2007). Fundamentals of Rock Mechanics Fourth Edition. Malden: Blackwell Publishing. |
| - | font-weight: 300; | + | |
| - | | + | |
| - | details.week-module[open] summary::after { | + | |
| - | content: ' | + | |
| - | | + | |
| - | /* Label Tanggal/ | ||
| - | .week-label { font-size: 1.1em; } | ||
| - | .week-date { | ||
| - | font-size: 0.85em; | ||
| - | opacity: 0.8; | ||
| - | font-weight: | ||
| - | margin-left: | ||
| - | background: rgba(255, | ||
| - | padding: 2px 8px; | ||
| - | border-radius: | ||
| - | } | ||
| - | /* --- KONTEN DALAM --- */ | + | ===== 📅 Jadwal Pertemuan & Materi ===== |
| - | .module-content { | + | |
| - | padding: 20px; | + | |
| - | display: grid; | + | |
| - | grid-template-columns: | + | |
| - | gap: 25px; | + | |
| - | background: white; | + | |
| - | } | + | |
| - | @media (max-width: 768px) { | + | **Demi kelancaran akses file materi, pengguna dianjurkan membuka melalui Google Chrome menggunakan akun email ITERA.** |
| - | | + | |
| - | } | + | |
| - | /* --- AREA MEDIA (KIRI) --- */ | + | <html> |
| - | .media-wrapper { | + | <iframe src=" |
| - | position: relative; | + | |
| - | padding-bottom: | + | |
| - | height: 0; | + | |
| - | border-radius: | + | |
| - | overflow: hidden; | + | |
| - | background: #000; | + | |
| - | margin-bottom: | + | |
| - | 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: | + | |
| - | 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: | + | |
| - | gap: 5px; | + | |
| - | } | + | |
| - | .archive-list { | + | |
| - | list-style: none; | + | |
| - | padding: 0; | + | |
| - | margin: 0; | + | |
| - | } | + | |
| - | .archive-list li { | + | |
| - | margin-bottom: | + | |
| - | padding-left: | + | |
| - | position: relative; | + | |
| - | } | + | |
| - | .archive-list li::before { | + | |
| - | content: " | + | |
| - | position: absolute; | + | |
| - | left: 0; | + | |
| - | font-size: 0.8em; | + | |
| - | top: 2px; | + | |
| - | } | + | |
| - | .archive-list a { color: #475569; text-decoration: | + | |
| - | .archive-list a:hover { color: var(--primary-color); | + | |
| - | + | ||
| - | /* --- AREA INFO (KANAN) --- */ | + | |
| - | .info-title { | + | |
| - | margin-top: 0; | + | |
| - | color: #1e293b; | + | |
| - | font-size: 1.2em; | + | |
| - | border-bottom: | + | |
| - | padding-bottom: | + | |
| - | margin-bottom: | + | |
| - | } | + | |
| - | + | ||
| - | .description-box { | + | |
| - | color: #334155; | + | |
| - | margin-bottom: | + | |
| - | } | + | |
| - | + | ||
| - | /* Referensi Section */ | + | |
| - | .ref-section { | + | |
| - | background: #fffbeb; /* Kuning sangat muda */ | + | |
| - | border-left: | + | |
| - | padding: 15px; | + | |
| - | border-radius: | + | |
| - | margin-bottom: | + | |
| - | } | + | |
| - | .ref-section h4 { | + | |
| - | margin: 0 0 8px 0; | + | |
| - | color: #b45309; | + | |
| - | font-size: 0.95em; | + | |
| - | text-transform: | + | |
| - | letter-spacing: | + | |
| - | } | + | |
| - | .ref-list { | + | |
| - | margin: 0; | + | |
| - | padding-left: | + | |
| - | font-size: 0.9em; | + | |
| - | } | + | |
| - | + | ||
| - | /* Tombol */ | + | |
| - | .btn-group { display: flex; gap: 10px; flex-wrap: wrap; margin-top: auto; } | + | |
| - | .btn { | + | |
| - | padding: 8px 14px; | + | |
| - | border-radius: | + | |
| - | text-decoration: | + | |
| - | font-weight: | + | |
| - | font-size: 0.9em; | + | |
| - | color: white !important; | + | |
| - | transition: opacity 0.2s; | + | |
| - | } | + | |
| - | .btn:hover { opacity: 0.9; } | + | |
| - | .btn-quiz { background-color: | + | |
| - | .btn-task { background-color: | + | |
| - | + | ||
| - | </ | + | |
| - | + | ||
| - | <div class=" | + | |
| - | + | ||
| - | <!-- ============================================ --> | + | |
| - | <!-- MINGGU 6 (CONTOH SLIDE HTML / REVEAL.JS) | + | |
| - | <!-- ============================================ --> | + | |
| - | + | ||
| - | <details class=" | + | |
| - | < | + | |
| - | < | + | |
| - | <span class=" | + | |
| - | <span class=" | + | |
| - | </ | + | |
| - | </ | + | |
| - | + | ||
| - | <div class=" | + | |
| - | + | ||
| - | <!-- KOLOM KIRI: Slide HTML Embed --> | + | |
| - | <div class=" | + | |
| - | <div class=" | + | |
| - | <!-- | + | |
| - | CARA PASANG SLIDE REVEAL.JS / HTML SENDIRI: | + | |
| - | 1. Upload folder slide ke Netlify / GitHub Pages. | + | |
| - | 2. Copy link public-nya (misal: https:// | + | |
| - | 3. Paste ke src iframe di bawah ini. | + | |
| - | --> | + | |
| - | <iframe src=" | + | |
| - | </ | + | |
| - | + | ||
| - | <div class=" | + | |
| - | < | + | |
| - | <ul class=" | + | |
| - | < | + | |
| - | </ | + | |
| - | </ | + | |
| - | </ | + | |
| - | + | ||
| - | <!-- KOLOM KANAN --> | + | |
| - | <div class=" | + | |
| - | <h3 class=" | + | |
| - | <div class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <div class=" | + | |
| - | < | + | |
| - | <ul class="ref-list"> | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | </ | + | |
| - | + | ||
| - | <div class=" | + | |
| - | <a href="#" | + | |
| - | </ | + | |
| - | </ | + | |
| - | </ | + | |
| - | </ | + | |
| - | + | ||
| - | <!-- ============================================ --> | + | |
| - | <!-- MINGGU 5 (Google Slides) | + | |
| - | <!-- ============================================ --> | + | |
| - | + | ||
| - | <details class=" | + | |
| - | < | + | |
| - | < | + | |
| - | <span class=" | + | |
| - | <span class=" | + | |
| - | </ | + | |
| - | </ | + | |
| - | + | ||
| - | <div class=" | + | |
| - | + | ||
| - | <div class=" | + | |
| - | <!-- Google Slide Embed --> | + | |
| - | <div class=" | + | |
| - | <iframe src=" | + | |
| - | </ | + | |
| - | + | ||
| - | < | + | |
| - | < | + | |
| - | <div class=" | + | |
| - | <iframe | + | |
| - | </ | + | |
| - | </ | + | |
| - | + | ||
| - | <div class=" | + | |
| - | < | + | |
| - | <ul class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | </ | + | |
| - | </ | + | |
| - | + | ||
| - | <div class=" | + | |
| - | <h3 class=" | + | |
| - | <div class=" | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <div class=" | + | |
| - | < | + | |
| - | <ul class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | </ | + | |
| - | + | ||
| - | <div class=" | + | |
| - | <a href="#" | + | |
| - | <a href="#" | + | |
| - | </ | + | |
| - | + | ||
| - | </ | + | |
| - | </ | + | |
| - | </ | + | |
| - | + | ||
| - | + | ||
| - | <!-- ============================================ --> | + | |
| - | <!-- MINGGU 4 (Tertutup Default) | + | |
| - | <!-- ============================================ --> | + | |
| - | + | ||
| - | <details class=" | + | |
| - | < | + | |
| - | < | + | |
| - | <span class=" | + | |
| - | <span class=" | + | |
| - | </ | + | |
| - | </ | + | |
| - | + | ||
| - | <div class=" | + | |
| - | <div class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | < | + | |
| - | < | + | |
| - | <ul class=" | + | |
| - | < | + | |
| - | </ | + | |
| - | </ | + | |
| - | </ | + | |
| - | + | ||
| - | <div class=" | + | |
| - | < | + | |
| - | < | + | |
| - | + | ||
| - | < | + | |
| - | < | + | |
| - | <ul class=" | + | |
| - | < | + | |
| - | </ | + | |
| - | </ | + | |
| - | + | ||
| - | < | + | |
| - | <a href="#" | + | |
| - | </ | + | |
| - | </ | + | |
| - | </ | + | |
| - | </ | + | |
| - | + | ||
| - | </div> | + | |
| </ | </ | ||