geodinamika

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
geodinamika [2026/02/09 11:19] – geofiterageodinamika [2026/02/09 16:31] (current) – [📌 Catatan] geofitera
Line 72: Line 72:
   * Materi dapat berubah mengikuti perkembangan kelas.     * Materi dapat berubah mengikuti perkembangan kelas.  
   * Silakan cek laman ini secara berkala untuk update terbaru.    * Silakan cek laman ini secara berkala untuk update terbaru. 
- 
-<html> 
-<iframe src="https://docs.google.com/presentation/d/e/2PACX-1vTdH72IsRmNaQvVul6eynBlXEYUnQp2I8wKIxQlXrOJbJ94fTHtvqy3hMnFUbu5spCk7Y6P44G7pPoL/pubembed?start=false&loop=false&delayms=3000" frameborder="0" width="1280" height="749" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>  
-</html> 
- 
-<html> 
-<!-- Load Tailwind & Fonts & Icons (Khusus untuk blok ini) --> 
-<script src="https://cdn.tailwindcss.com"></script> 
-<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap" rel="stylesheet"> 
-<script src="https://unpkg.com/lucide@latest"></script> 
- 
-<!-- Custom Styles untuk memastikan tidak bentrok dengan CSS DokuWiki --> 
-<style> 
-    /* Reset font hanya untuk wrapper ini */ 
-    #modern-course-wrapper { 
-        font-family: 'Inter', sans-serif; 
-        line-height: 1.5; 
-    } 
-    #modern-course-wrapper a { 
-        text-decoration: none !important; /* Mencegah underline default wiki */ 
-    } 
-    /* Button styles */ 
-    .btn-slide { display: inline-flex; align-items: center; padding: 0.25rem 0.75rem; background-color: #eff6ff; color: #1d4ed8; border-radius: 0.5rem; font-size: 0.75rem; font-weight: 500; border: 1px solid #bfdbfe; margin-bottom: 0.25rem; margin-right: 0.25rem; transition: background-color 0.2s; } 
-    .btn-slide:hover { background-color: #dbeafe; } 
-     
-    .btn-video { display: inline-flex; align-items: center; padding: 0.25rem 0.75rem; background-color: #fef2f2; color: #b91c1c; border-radius: 0.5rem; font-size: 0.75rem; font-weight: 500; border: 1px solid #fecaca; margin-bottom: 0.25rem; margin-right: 0.25rem; transition: background-color 0.2s; } 
-    .btn-video:hover { background-color: #fee2e2; } 
- 
-    .btn-link { display: inline-flex; align-items: center; width: 100%; padding: 0.75rem; background-color: #f9fafb; color: #374151; border-radius: 0.5rem; font-size: 0.875rem; font-weight: 500; border: 1px solid #e5e7eb; transition: background-color 0.2s; } 
-    .btn-link:hover { background-color: #f3f4f6; } 
-</style> 
- 
-<!-- Main Wrapper --> 
-<div id="modern-course-wrapper" class="w-full text-slate-800 antialiased bg-slate-50 p-4 sm:p-6 rounded-xl border border-slate-200 shadow-sm"> 
- 
-    <!-- Header Banner --> 
-    <div class="bg-gradient-to-r from-slate-800 to-slate-900 rounded-xl p-6 sm:p-8 text-white shadow-lg mb-8 relative overflow-hidden"> 
-        <!-- Decorative Circle --> 
-        <div class="absolute top-0 right-0 -mr-16 -mt-16 w-64 h-64 rounded-full bg-white/5 blur-3xl"></div> 
-         
-        <div class="relative z-10"> 
-            <div class="flex flex-col md:flex-row justify-between items-start md:items-center gap-4"> 
-                <div> 
-                    <h1 class="text-3xl font-bold tracking-tight mb-1 text-white m-0 border-b-0">📘 Geodinamika</h1> 
-                    <p class="text-slate-300 text-lg m-0">TG25-31001</p> 
-                </div> 
-                <div class="flex gap-2 flex-wrap"> 
-                    <span class="px-3 py-1 rounded-full bg-white/10 border border-white/20 text-xs font-semibold flex items-center gap-2"> 
-                        <i data-lucide="calendar" class="w-3 h-3"></i> Semester 5 
-                    </span> 
-                    <span class="px-3 py-1 rounded-full bg-white/10 border border-white/20 text-xs font-semibold flex items-center gap-2"> 
-                        <i data-lucide="book-open" class="w-3 h-3"></i> 2 SKS 
-                    </span> 
-                </div> 
-            </div> 
-            <div class="mt-6 flex items-center gap-2 text-slate-300 text-sm"> 
-                <i data-lucide="user" class="w-4 h-4"></i> 
-                <span class="font-medium">Dosen Pengampu: Yudha Styawan, M.Sc.</span> 
-            </div> 
-        </div> 
-    </div> 
- 
-    <!-- Description Section --> 
-    <div class="bg-white rounded-xl shadow-sm border border-slate-200 p-6 mb-8"> 
-        <div class="flex items-center gap-2 mb-4"> 
-            <div class="p-2 bg-indigo-50 rounded-lg text-indigo-600"> 
-                <i data-lucide="target" class="w-5 h-5"></i> 
-            </div> 
-            <h2 class="text-xl font-bold text-slate-900 m-0 border-b-0">Deskripsi Mata Kuliah</h2> 
-        </div> 
-        <p class="text-slate-600 leading-relaxed mb-6 text-sm sm:text-base"> 
-            Mata kuliah ini membahas prinsip dasar geodinamika sebagai fondasi dalam memahami proses-proses tektonik yang membentuk dan mengubah struktur bumi. Topik mencakup dinamika interior bumi, teori tektonik lempeng, zona subduksi dan kolisi, pembentukan cekungan, evolusi kerak, serta siklus Wilson. 
-        </p> 
-         
-        <div class="grid md:grid-cols-2 gap-4 pt-4 border-t border-slate-100"> 
-            <div class="bg-slate-50 p-4 rounded-lg border border-slate-100"> 
-                <h3 class="font-bold text-slate-900 mb-1 text-sm flex items-center gap-2 m-0 border-b-0"><i data-lucide="award" class="w-4 h-4 text-indigo-500"></i> CPL 1</h3> 
-                <p class="text-xs text-slate-600 m-0">Kemampuan mengidentifikasi & memecahkan masalah rekayasa kompleks.</p> 
-            </div> 
-            <div class="bg-slate-50 p-4 rounded-lg border border-slate-100"> 
-                <h3 class="font-bold text-slate-900 mb-1 text-sm flex items-center gap-2 m-0 border-b-0"><i data-lucide="check-circle" class="w-4 h-4 text-emerald-500"></i> CPMK 1</h3> 
-                <p class="text-xs text-slate-600 m-0">Mampu mengidentifikasi fenomena alam dengan rekayasa dinamika.</p> 
-            </div> 
-        </div> 
-    </div> 
- 
-    <!-- Jadwal Table --> 
-    <div class="bg-white rounded-xl shadow-sm border border-slate-200 overflow-hidden mb-8"> 
-        <div class="p-4 sm:p-6 border-b border-slate-100 bg-slate-50/50"> 
-            <h2 class="text-lg font-bold text-slate-900 m-0 border-b-0 flex items-center gap-2"> 
-                <i data-lucide="calendar-days" class="w-5 h-5 text-indigo-600"></i> Jadwal & Materi 
-            </h2> 
-        </div> 
-        <div class="overflow-x-auto"> 
-            <table class="w-full text-left border-collapse m-0"> 
-                <thead> 
-                    <tr class="bg-slate-50 text-slate-500 text-xs uppercase tracking-wider border-b border-slate-200"> 
-                        <th class="p-4 w-16 text-center font-semibold">Mg</th> 
-                        <th class="p-4 w-1/3 font-semibold">Topik</th> 
-                        <th class="p-4 font-semibold">Materi</th> 
-                    </tr> 
-                </thead> 
-                <tbody class="divide-y divide-slate-100 text-sm"> 
-                    <!-- Week 1 --> 
-                    <tr class="hover:bg-slate-50/80 transition-colors"> 
-                        <td class="p-4 text-center font-bold text-slate-400">1</td> 
-                        <td class="p-4 font-medium text-slate-800">Materi 1</td> 
-                        <td class="p-4"> 
-                            <a href="https://docs.google.com/presentation/d/1cXisQCijRIL0yCbi4mlejeGtBIEsdcQ4sJh3zDEiR6c/edit?usp=drive_link" target="_blank" class="btn-slide"><i data-lucide="file-text" class="w-3 h-3 mr-1"></i> Sheet v1</a> 
-                            <a href="https://docs.google.com/presentation/d/1zCKWvwtyCjOOdhU1FBYMW7VrELUw98SR1pUKB6D6_HU/edit?usp=sharing" target="_blank" class="btn-slide"><i data-lucide="file-text" class="w-3 h-3 mr-1"></i> Sheet v2</a> 
-                        </td> 
-                    </tr> 
-                    <!-- Week 2 --> 
-                    <tr class="hover:bg-slate-50/80 transition-colors"> 
-                        <td class="p-4 text-center font-bold text-slate-400">2</td> 
-                        <td class="p-4 font-medium text-slate-800">Materi 2</td> 
-                        <td class="p-4"> 
-                            <a href="https://docs.google.com/presentation/d/1UkQJZtNX5GRS6U6tNFQEa0c9tDlWc1OMxxl3hOQDw64/edit?usp=drive_link" target="_blank" class="btn-slide"><i data-lucide="file-text" class="w-3 h-3 mr-1"></i> Sheet v1</a> 
-                            <a href="https://docs.google.com/presentation/d/1tYx4SIlVtMwW_dGHqvHr4iHqnXKU1RSunISZfoHZ6-I/edit?usp=drive_link" target="_blank" class="btn-slide"><i data-lucide="file-text" class="w-3 h-3 mr-1"></i> Sheet v2</a> 
-                        </td> 
-                    </tr> 
-                    <!-- Week 3 --> 
-                    <tr class="hover:bg-slate-50/80 transition-colors"> 
-                        <td class="p-4 text-center font-bold text-slate-400">3</td> 
-                        <td class="p-4 font-medium text-slate-800">Materi 3</td> 
-                        <td class="p-4"> 
-                            <a href="https://docs.google.com/presentation/d/1UrnNaCjBYLHUICTBPLlk7xzJGhuOzgkXkl7Ew1h3bEQ/edit?usp=drive_link" target="_blank" class="btn-slide"><i data-lucide="file-text" class="w-3 h-3 mr-1"></i> Sheet</a> 
-                            <a href="https://drive.google.com/file/d/1xHgtaiSDENehJYSEQWI92zRV6O9aAwCQ/view?usp=sharing" target="_blank" class="btn-video"><i data-lucide="play-circle" class="w-3 h-3 mr-1"></i> Video</a> 
-                        </td> 
-                    </tr> 
-                    <!-- Week 4 --> 
-                    <tr class="hover:bg-slate-50/80 transition-colors"> 
-                        <td class="p-4 text-center font-bold text-slate-400">4</td> 
-                        <td class="p-4 font-medium text-slate-800">Materi 4</td> 
-                        <td class="p-4"> 
-                            <a href="https://docs.google.com/presentation/d/1GUfZG1_Lwv-ieOLL-Ipz6X28XD8Ber0qgio79Trt_fk/edit?usp=drive_link" target="_blank" class="btn-slide"><i data-lucide="file-text" class="w-3 h-3 mr-1"></i> Sheet</a> 
-                        </td> 
-                    </tr> 
-                     <!-- Week 5 --> 
-                     <tr class="hover:bg-slate-50/80 transition-colors"> 
-                        <td class="p-4 text-center font-bold text-slate-400">5</td> 
-                        <td class="p-4 font-medium text-slate-800">Materi 5</td> 
-                        <td class="p-4"> 
-                            <a href="https://docs.google.com/presentation/d/14ykA34jpXtBpwOI7Peytm4zG-SwQ3rrShVvLCndPpQI/edit?usp=drive_link" target="_blank" class="btn-slide"><i data-lucide="file-text" class="w-3 h-3 mr-1"></i> Sheet</a> 
-                            <a href="https://drive.google.com/file/d/1j_tKDUTIf1uaoKKJhUX-7qeHkuVd4xHS/view?usp=sharing" target="_blank" class="btn-video"><i data-lucide="play-circle" class="w-3 h-3 mr-1"></i> Video</a> 
-                        </td> 
-                    </tr> 
-                    <!-- Week 6 --> 
-                    <tr class="hover:bg-slate-50/80 transition-colors"> 
-                        <td class="p-4 text-center font-bold text-slate-400">6</td> 
-                        <td class="p-4 font-medium text-slate-800">Materi 6</td> 
-                        <td class="p-4"> 
-                            <a href="https://docs.google.com/presentation/d/1Lu7DnrNTGlCbJlATkqkODg2OLGGR6nnbaWN-bir1f9M/edit?usp=drive_link" target="_blank" class="btn-slide"><i data-lucide="file-text" class="w-3 h-3 mr-1"></i> Sheet</a> 
-                            <a href="https://drive.google.com/file/d/1zDSbOnkAELc_cxlYeNFyMofRcnN895Hh/view?usp=sharing" target="_blank" class="btn-video"><i data-lucide="play-circle" class="w-3 h-3 mr-1"></i> Video</a> 
-                        </td> 
-                    </tr> 
-                     <!-- Week 7 --> 
-                     <tr class="hover:bg-slate-50/80 transition-colors"> 
-                        <td class="p-4 text-center font-bold text-slate-400">7</td> 
-                        <td class="p-4 font-medium text-slate-800">Materi 7</td> 
-                        <td class="p-4"> 
-                            <a href="https://docs.google.com/presentation/d/1axzpabQPagJR0Yz3dkmhBqZIXopo92oBEP0W_EwQg04/edit?usp=drive_link" target="_blank" class="btn-slide"><i data-lucide="file-text" class="w-3 h-3 mr-1"></i> Sheet</a> 
-                            <a href="https://drive.google.com/file/d/18FiK_gr1-B1T9eO4unYp7QKpnM1CM1qi/view?usp=classroom_web&authuser=0" target="_blank" class="btn-video"><i data-lucide="play-circle" class="w-3 h-3 mr-1"></i> Video</a> 
-                        </td> 
-                    </tr> 
-                     <!-- Week 9 --> 
-                     <tr class="hover:bg-slate-50/80 transition-colors"> 
-                        <td class="p-4 text-center font-bold text-slate-400">9</td> 
-                        <td class="p-4 font-medium text-slate-800">Materi 9</td> 
-                        <td class="p-4"> 
-                            <a href="https://docs.google.com/presentation/d/1tk7LRWi5gWu-FntisKaQEwUcpvpDMrXqcmup_9pDCf8/edit?usp=drive_link" target="_blank" class="btn-slide"><i data-lucide="file-text" class="w-3 h-3 mr-1"></i> Sheet</a> 
-                            <div class="mt-1"> 
-                                <a href="https://drive.google.com/file/d/1OS8Sg1XCOKV1RSe4tiZfyvvAMYXx5H0N/view?usp=sharing" target="_blank" class="btn-video"><i data-lucide="play-circle" class="w-3 h-3 mr-1"></i> Video 1</a> 
-                                <a href="https://drive.google.com/file/d/1H4A0ajbgQY-YOeMOoIb3xgU_Q9xM4eA3/view?usp=sharing" target="_blank" class="btn-video"><i data-lucide="play-circle" class="w-3 h-3 mr-1"></i> Video 2</a> 
-                            </div> 
-                        </td> 
-                    </tr> 
-                    <!-- Week 10 --> 
-                     <tr class="hover:bg-slate-50/80 transition-colors"> 
-                        <td class="p-4 text-center font-bold text-slate-400">10</td> 
-                        <td class="p-4 font-medium text-slate-800">Materi 10</td> 
-                        <td class="p-4"> 
-                            <a href="https://docs.google.com/presentation/d/1g-O3T01HuJL6NcnC_VPWS16DdZNHZy4FtRFeUrjj14Y/edit?usp=drive_link" target="_blank" class="btn-slide"><i data-lucide="file-text" class="w-3 h-3 mr-1"></i> Sheet</a> 
-                            <a href="https://drive.google.com/file/d/1r4VIZLeEapIsYYwFQpQt1Yw1qAGgCQ_y/view?usp=classroom_web&authuser=0" target="_blank" class="btn-video"><i data-lucide="play-circle" class="w-3 h-3 mr-1"></i> Video</a> 
-                        </td> 
-                    </tr> 
-                    <!-- Week 11-15 (Simplified structure for brevity, add others as needed) --> 
-                    <tr class="hover:bg-slate-50/80 transition-colors"> 
-                        <td class="p-4 text-center font-bold text-slate-400">11-15</td> 
-                        <td class="p-4 font-medium text-slate-800">Materi Lanjutan (11-15)</td> 
-                        <td class="p-4 text-slate-500 text-xs italic"> 
-                            Silakan lihat jadwal lengkap di atas atau dokuwiki asli. 
-                        </td> 
-                    </tr> 
-                </tbody> 
-            </table> 
-        </div> 
-    </div> 
- 
-    <!-- Tugas & Kuis Block --> 
-    <div class="grid md:grid-cols-3 gap-6"> 
-         
-        <!-- Main Content: Tugas --> 
-        <div class="md:col-span-2 space-y-4"> 
-             <!-- Kuis Section --> 
-            <div class="bg-white rounded-xl shadow-sm border border-slate-200 p-6"> 
-                <h3 class="font-bold text-slate-900 mb-4 flex items-center gap-2 m-0 border-b-0"> 
-                    <i data-lucide="clipboard-check" class="w-5 h-5 text-indigo-600"></i> Kuis & Evaluasi 
-                </h3> 
-                <div class="grid sm:grid-cols-2 gap-3"> 
-                    <a href="https://forms.gle/kgT2ogQMR6DLdq5o8" target="_blank" class="block p-3 rounded border border-slate-200 hover:border-indigo-300 hover:bg-indigo-50 transition-all group"> 
-                        <div class="flex justify-between items-start"> 
-                            <div> 
-                                <span class="text-[10px] font-bold text-indigo-600 bg-indigo-50 px-1.5 py-0.5 rounded border border-indigo-100">KUIS 1</span> 
-                                <div class="text-sm font-semibold text-slate-700 mt-1">Pertemuan 1–4</div> 
-                            </div> 
-                            <i data-lucide="external-link" class="w-3 h-3 text-slate-300 group-hover:text-indigo-400"></i> 
-                        </div> 
-                    </a> 
-                    <a href="https://docs.google.com/presentation/d/1TxFLzPXW0jezzonE57VUzoObN8-qF_vHc56quKWlalw/edit?usp=sharing" target="_blank" class="block p-3 rounded border border-slate-200 hover:border-indigo-300 hover:bg-indigo-50 transition-all group"> 
-                        <div class="flex justify-between items-start"> 
-                            <div> 
-                                <span class="text-[10px] font-bold text-indigo-600 bg-indigo-50 px-1.5 py-0.5 rounded border border-indigo-100">KUIS 1 (NEW)</span> 
-                                <div class="text-sm font-semibold text-slate-700 mt-1">Pertemuan 1–5</div> 
-                            </div> 
-                            <i data-lucide="external-link" class="w-3 h-3 text-slate-300 group-hover:text-indigo-400"></i> 
-                        </div> 
-                    </a> 
-                </div> 
-            </div> 
- 
-            <!-- Tugas Section --> 
-            <div class="bg-white rounded-xl shadow-sm border border-slate-200 p-6"> 
-                 <h3 class="font-bold text-slate-900 mb-4 flex items-center gap-2 m-0 border-b-0"> 
-                    <i data-lucide="file-edit" class="w-5 h-5 text-emerald-600"></i> Tugas 
-                </h3> 
-                <div class="grid sm:grid-cols-2 gap-3"> 
-                     <a href="https://docs.google.com/document/d/1a6IaIMPNBbTVyaU-aYZ0dGXs_g7UqJETfPYnFH5KfPQ/edit?usp=sharing" target="_blank" class="block p-3 rounded border border-slate-200 hover:border-emerald-300 hover:bg-emerald-50 transition-all group"> 
-                        <div class="flex justify-between items-start"> 
-                            <div> 
-                                <span class="text-[10px] font-bold text-emerald-600 bg-emerald-50 px-1.5 py-0.5 rounded border border-emerald-100">TUGAS 1</span> 
-                                <div class="text-sm font-semibold text-slate-700 mt-1">Pertemuan 2–3</div> 
-                            </div> 
-                            <i data-lucide="file-text" class="w-3 h-3 text-slate-300 group-hover:text-emerald-400"></i> 
-                        </div> 
-                    </a> 
-                     <a href="https://docs.google.com/document/d/1kNjt4jY7rDdnLYQQNRSiuODV1mxwocfzn1uSD4DRQ1o/edit?usp=sharing" target="_blank" class="block p-3 rounded border border-slate-200 hover:border-emerald-300 hover:bg-emerald-50 transition-all group"> 
-                        <div class="flex justify-between items-start"> 
-                            <div> 
-                                <span class="text-[10px] font-bold text-emerald-600 bg-emerald-50 px-1.5 py-0.5 rounded border border-emerald-100">TUGAS 2</span> 
-                                <div class="text-sm font-semibold text-slate-700 mt-1">Pertemuan 5–6</div> 
-                            </div> 
-                            <i data-lucide="file-text" class="w-3 h-3 text-slate-300 group-hover:text-emerald-400"></i> 
-                        </div> 
-                    </a> 
-                </div> 
-            </div> 
-        </div> 
- 
-        <!-- Sidebar: Referensi --> 
-        <div class="space-y-6"> 
-            <div class="bg-indigo-900 rounded-xl shadow-sm p-6 text-white"> 
-                <h3 class="font-bold text-white mb-4 flex items-center gap-2 m-0 border-b-0"> 
-                    <i data-lucide="book" class="w-5 h-5 text-indigo-300"></i> Pustaka 
-                </h3> 
-                <ul class="text-xs space-y-3 text-indigo-100 list-none m-0 p-0"> 
-                    <li class="pl-3 border-l-2 border-indigo-400"> 
-                        <strong>Turcotte, D.L.</strong> (2014). Geodynamics (3rd ed). 
-                    </li> 
-                    <li class="pl-3 border-l-2 border-indigo-400"> 
-                        <strong>Fowler, C.M.R.</strong> (2005). The Solid Earth. 
-                    </li> 
-                </ul> 
-            </div> 
-             
-            <div class="bg-white rounded-xl shadow-sm border border-slate-200 p-4"> 
-                 <h3 class="font-bold text-slate-900 mb-3 text-sm flex items-center gap-2 m-0 border-b-0"> 
-                    <i data-lucide="link" class="w-4 h-4 text-slate-400"></i> Link Penting 
-                </h3> 
-                 <div class="space-y-2"> 
-                    <a href="https://www.youtube.com/@helsinkiuniversitygeodynam6511" target="_blank" class="btn-link"> 
-                        <i data-lucide="youtube" class="w-4 h-4 mr-2 text-red-500"></i> Helsinki Geodynamics 
-                    </a> 
-                     <a href="https://ocw.mit.edu/courses/12-520-geodynamics-fall-2006/pages/lecture-notes/" target="_blank" class="btn-link"> 
-                        <i data-lucide="graduation-cap" class="w-4 h-4 mr-2 text-slate-500"></i> MIT Lecture Notes 
-                    </a> 
-                 </div> 
-            </div> 
-        </div> 
-    </div> 
- 
-</div> 
- 
-<!-- Initialize Icons --> 
-<script> 
-    lucide.createIcons(); 
-</script> 
-</html> 
  • geodinamika.1770635996.txt.gz
  • Last modified: 2026/02/09 11:19
  • by geofitera