{"id":64,"date":"2025-06-30T19:02:45","date_gmt":"2025-06-30T19:02:45","guid":{"rendered":"https:\/\/sejarah.fkip.umrah.ac.id\/?page_id=64"},"modified":"2026-07-17T21:06:58","modified_gmt":"2026-07-17T21:06:58","slug":"kurikulum","status":"publish","type":"page","link":"https:\/\/sejarah.fkip.umrah.ac.id\/?page_id=64","title":{"rendered":"Kurikulum Prodi Sejarah"},"content":{"rendered":"\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap');\n\n  \/* Base Container *\/\n  .umrah-curriculum-wrapper {\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    max-width: 100%;\n    margin: 2rem auto;\n    color: #333;\n  }\n\n  \/* Filter Section *\/\n  .umrah-filter-container {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-bottom: 20px;\n    justify-content: center;\n  }\n  .umrah-filter-btn {\n    padding: 8px 16px;\n    border: 2px solid #1e40af;\n    background-color: transparent;\n    color: #1e40af;\n    font-weight: 600;\n    font-size: 14px;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    outline: none;\n  }\n  .umrah-filter-btn:hover {\n    background-color: #eff6ff;\n  }\n  .umrah-filter-btn.active {\n    background-color: #1e40af;\n    color: #ffffff;\n    box-shadow: 0 4px 6px rgba(30, 64, 175, 0.2);\n  }\n\n  \/* Table Section *\/\n  .umrah-table-responsive {\n    overflow-x: auto;\n    border-radius: 8px;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n    border: 1px solid #e5e7eb;\n  }\n  .umrah-table {\n    width: 100%;\n    border-collapse: collapse;\n    min-width: 600px;\n    background-color: #ffffff;\n    margin: 0 !important; \/* Override WP default margin *\/\n  }\n  .umrah-table th, \n  .umrah-table td {\n    padding: 14px 16px;\n    border-bottom: 1px solid #e5e7eb;\n    text-align: left;\n    font-size: 15px;\n  }\n  .umrah-table th {\n    background-color: #f8fafc;\n    color: #1e293b;\n    font-weight: 700;\n    text-transform: uppercase;\n    font-size: 13px;\n    letter-spacing: 0.05em;\n  }\n  .umrah-table tr:hover {\n    background-color: #f1f5f9;\n  }\n  \n  \/* Text Alignments *\/\n  .umrah-text-center { text-align: center !important; }\n  .umrah-text-right { text-align: right !important; }\n\n  \/* Specific Rows *\/\n  .umrah-row-semester-total {\n    background-color: #e0e7ff !important;\n    font-weight: 700;\n    color: #1e40af;\n  }\n  .umrah-row-grand-total {\n    background-color: #1e40af !important;\n    color: #ffffff !important;\n    font-weight: 700;\n    font-size: 16px;\n  }\n  .umrah-row-grand-total td {\n    border: none;\n  }\n  .umrah-empty-state {\n    text-align: center;\n    padding: 20px;\n    color: #64748b;\n  }\n<\/style>\n\n<div class=\"umrah-curriculum-wrapper\">\n  <!-- Filter Buttons -->\n  <div class=\"umrah-filter-container\" id=\"umrah-filters\">\n    <!-- Buttons will be injected here by JS -->\n  <\/div>\n\n  <!-- Table -->\n  <div class=\"umrah-table-responsive\">\n    <table class=\"umrah-table\">\n      <thead>\n        <tr>\n          <th width=\"15%\">Semester<\/th>\n          <th width=\"55%\">Nama Mata Kuliah<\/th>\n          <th width=\"15%\" class=\"umrah-text-center\">SKS (Teori)<\/th>\n          <th width=\"15%\" class=\"umrah-text-center\">SKS (Praktek)<\/th>\n        <\/tr>\n      <\/thead>\n      <tbody id=\"umrah-table-body\">\n        <!-- Rows will be injected here by JS -->\n      <\/tbody>\n    <\/table>\n  <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n  \/\/ Data Kurikulum\n  const curriculumData = {\n    \"I\": [\n      { name: \"Agama\", t: \"2\", p: \"0\" },\n      { name: \"Pancasila\", t: \"2\", p: \"0\" },\n      { name: \"Pendidikan Kewarganegaraan\", t: \"2\", p: \"0\" },\n      { name: \"Bahasa Indonesia\", t: \"2\", p: \"0\" },\n      { name: \"Bahasa Inggris\", t: \"3\", p: \"0\" },\n      { name: \"Pengantar Ilmu dan Teknologi Kemaritiman\", t: \"3\", p: \"0\" },\n      { name: \"Tamadun dan Tunjuk Ajar Melayu\", t: \"3\", p: \"1\" },\n      { name: \"Pengantar Sejarah\", t: \"2\", p: \"0\" },\n      { name: \"Sejarah Eropa\", t: \"2\", p: \"0\" }\n    ],\n    \"II\": [\n      { name: \"Filsafat Sejarah\", t: \"3\", p: \"0\" },\n      { name: \"Bahasa Belanda I\", t: \"2\", p: \"0\" },\n      { name: \"Pengantar Sosiologi\", t: \"2\", p: \"0\" },\n      { name: \"Sejarah Indonesia\", t: \"3\", p: \"0\" },\n      { name: \"Sejarah Asia Tenggara\", t: \"3\", p: \"0\" },\n      { name: \"Kajian Naskah Melayu\", t: \"3\", p: \"0\" },\n      { name: \"Pariwisata Bahari\", t: \"3\", p: \"1\" },\n      { name: \"Sejarah Tematik\", t: \"3\", p: \"0\" }\n    ],\n    \"III\": [\n      { name: \"Teori Kebudayaan\", t: \"2\", p: \"0\" },\n      { name: \"Bahasa Belanda II\", t: \"2\", p: \"0\" },\n      { name: \"Historiografi Indonesia\", t: \"3\", p: \"0\" },\n      { name: \"Sejarah Asia Timur\", t: \"3\", p: \"0\" },\n      { name: \"Sejarah Lisan\", t: \"3\", p: \"1\" },\n      { name: \"Sejarah Eropa\", t: \"3\", p: \"0\" },\n      { name: \"Museologi\", t: \"3\", p: \"0\" },\n      { name: \"Penulisan Kreatif dan Jurnalistik Sejarah\", t: \"3\", p: \"1\" }\n    ],\n    \"IV\": [\n      { name: \"Teori dan Metodologi Penulisan Sejarah\", t: \"3\", p: \"0\" },\n      { name: \"Sejarah Maritim Dunia Melayu\", t: \"3\", p: \"0\" },\n      { name: \"Kearsipan\", t: \"2\", p: \"0\" },\n      { name: \"Sejarah Asia Barat\", t: \"2\", p: \"0\" },\n      { name: \"Sejarah Maritim Perbatasan\", t: \"2\", p: \"0\" },\n      { name: \"Sejarah Islam di Indonesia\", t: \"2\", p: \"0\" },\n      { name: \"Sastra Melayu Serumpun\", t: \"2\", p: \"1\" },\n      { name: \"Sejarah Gastronomi\", t: \"2\", p: \"0\" },\n      { name: \"Biografi\", t: \"2\", p: \"0\" }\n    ],\n    \"V\": [\n      { name: \"Praktik Penelitian Sejarah\", t: \"3\", p: \"1\" },\n      { name: \"Manajemen Wisata Sejarah\", t: \"3\", p: \"0\" },\n      { name: \"Visualisasi & Sinematografi Sejarah\", t: \"3\", p: \"0\" },\n      { name: \"Sejarah Lokal\", t: \"3\", p: \"0\" },\n      { name: \"Sejarah Melayu\", t: \"3\", p: \"0\" },\n      { name: \"Lingkungan Maritim Dunia Melayu\", t: \"3\", p: \"0\" },\n      { name: \"Sejarah Kebudayaan Maritim\", t: \"2\", p: \"0\" }\n    ],\n    \"VI\": [\n      { name: \"Sejarah Maritim Nusantara\", t: \"3\", p: \"0\" },\n      { name: \"Seminar Sejarah\", t: \"3\", p: \"0\" },\n      { name: \"Manajemen Warisan Sejarah Maritim\", t: \"3\", p: \"0\" },\n      { name: \"Manajemen Warisan Cagar Budaya\", t: \"3\", p: \"0\" },\n      { name: \"Historiopreneurship\", t: \"3\", p: \"1\" },\n      { name: \"Bibliografi Sejarah Maritim\", t: \"2\", p: \"0\" },\n      { name: \"Sejarah Kota-Kota Pantai\", t: \"2\", p: \"1\" }\n    ],\n    \"VII\": [\n      { name: \"Kuliah Kerja Nyata\", t: \"3\", p: \"0\" },\n      { name: \"Praktek Jurnalistik Sejarah\", t: \"3\", p: \"1\" },\n      { name: \"MK Pilihan 1 (Sejarah Maritim Indonesia)\", t: \"2\", p: \"0\" },\n      { name: \"MK Pilihan 2 (Sejarah Kebudayaan Maritim)\", t: \"-\", p: \"-\" }\n    ],\n    \"VIII\": [\n      { name: \"Skripsi\", t: \"6\", p: \"0\" },\n      { name: \"MK Pilihan\", t: \"2\", p: \"0\" },\n      { name: \"MK Pilihan 5 (Penulisan Kreatif Maritim)\", t: \"-\", p: \"0\" },\n      { name: \"MK Pilihan 6 (Penulisan Kreatif Warisan Budaya Tangible)\", t: \"-\", p: \"-\" },\n      { name: \"MK Pilihan 7 (Penulisan Kreatif Warisan Budaya Intangible)\", t: \"-\", p: \"-\" }\n    ]\n  };\n\n  \/\/ Data Total Semester\n  const semesterTotals = {\n    \"I\": { t: \"21\", p: \"1\" },\n    \"II\": { t: \"22\", p: \"1\" },\n    \"III\": { t: \"22\", p: \"1\" },\n    \"IV\": { t: \"20\", p: \"1\" },\n    \"V\": { t: \"20\", p: \"1\" },\n    \"VI\": { t: \"19\", p: \"1\" },\n    \"VII\": { t: \"8\", p: \"1\" },\n    \"VIII\": { t: \"8\", p: \"0\" }\n  };\n\n  const grandTotal = { t: \"140\", p: \"7\" };\n  const semesters = Object.keys(curriculumData);\n  \n  const filterContainer = document.getElementById(\"umrah-filters\");\n  const tableBody = document.getElementById(\"umrah-table-body\");\n\n  \/\/ Create Filter Buttons\n  function createFilters() {\n    \/\/ 'Semua' button\n    const btnAll = document.createElement(\"button\");\n    btnAll.className = \"umrah-filter-btn active\";\n    btnAll.innerText = \"Semua Semester\";\n    btnAll.onclick = () => {\n      setActiveButton(btnAll);\n      renderTable(\"All\");\n    };\n    filterContainer.appendChild(btnAll);\n\n    \/\/ Individual semester buttons\n    semesters.forEach(sem => {\n      const btn = document.createElement(\"button\");\n      btn.className = \"umrah-filter-btn\";\n      btn.innerText = `Semester ${sem}`;\n      btn.onclick = () => {\n        setActiveButton(btn);\n        renderTable(sem);\n      };\n      filterContainer.appendChild(btn);\n    });\n  }\n\n  function setActiveButton(clickedBtn) {\n    document.querySelectorAll(\".umrah-filter-btn\").forEach(btn => {\n      btn.classList.remove(\"active\");\n    });\n    clickedBtn.classList.add(\"active\");\n  }\n\n  \/\/ Render Table\n  function renderTable(filterSem) {\n    tableBody.innerHTML = \"\"; \/\/ Clear existing data\n\n    let semestersToRender = filterSem === \"All\" ? semesters : [filterSem];\n\n    semestersToRender.forEach(sem => {\n      const courses = curriculumData[sem];\n      \n      \/\/ Render Courses\n      courses.forEach((course, index) => {\n        const tr = document.createElement(\"tr\");\n        \n        \/\/ Print Semester only on the first row of that semester\n        const semCell = index === 0 \n          ? `<td rowspan=\"${courses.length}\"><strong>Semester ${sem}<\/strong><\/td>` \n          : ``;\n\n        tr.innerHTML = `\n          ${semCell}\n          <td>${course.name}<\/td>\n          <td class=\"umrah-text-center\">${course.t}<\/td>\n          <td class=\"umrah-text-center\">${course.p}<\/td>\n        `;\n        tableBody.appendChild(tr);\n      });\n\n      \/\/ Render Semester Total\n      const totalTr = document.createElement(\"tr\");\n      totalTr.className = \"umrah-row-semester-total\";\n      totalTr.innerHTML = `\n        <td colspan=\"2\" class=\"umrah-text-right\">Total Semester ${sem}<\/td>\n        <td class=\"umrah-text-center\">${semesterTotals[sem].t}<\/td>\n        <td class=\"umrah-text-center\">${semesterTotals[sem].p}<\/td>\n      `;\n      tableBody.appendChild(totalTr);\n    });\n\n    \/\/ Render Grand Total if \"All\" is selected\n    if (filterSem === \"All\") {\n      const grandTr = document.createElement(\"tr\");\n      grandTr.className = \"umrah-row-grand-total\";\n      grandTr.innerHTML = `\n        <td colspan=\"2\" class=\"umrah-text-right\">TOTAL KESELURUHAN SKS<\/td>\n        <td class=\"umrah-text-center\">${grandTotal.t}<\/td>\n        <td class=\"umrah-text-center\">${grandTotal.p}<\/td>\n      `;\n      tableBody.appendChild(grandTr);\n    }\n  }\n\n  \/\/ Initialize\n  createFilters();\n  renderTable(\"All\");\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Semester Nama Mata Kuliah SKS (Teori) SKS (Praktek)<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-64","page","type-page","status-publish","hentry"],"acf":[],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"admin.fkip","author_link":"https:\/\/sejarah.fkip.umrah.ac.id\/?author=1"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/sejarah.fkip.umrah.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/64","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sejarah.fkip.umrah.ac.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sejarah.fkip.umrah.ac.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sejarah.fkip.umrah.ac.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sejarah.fkip.umrah.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=64"}],"version-history":[{"count":6,"href":"https:\/\/sejarah.fkip.umrah.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/64\/revisions"}],"predecessor-version":[{"id":700,"href":"https:\/\/sejarah.fkip.umrah.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/64\/revisions\/700"}],"wp:attachment":[{"href":"https:\/\/sejarah.fkip.umrah.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=64"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}