{"id":722,"date":"2025-09-16T01:08:32","date_gmt":"2025-09-16T01:08:32","guid":{"rendered":"https:\/\/tekniksipil.uin-malang.ac.id\/?page_id=722"},"modified":"2026-08-11T14:51:29","modified_gmt":"2026-08-11T14:51:29","slug":"struktur-organisasi-prodi","status":"publish","type":"page","link":"https:\/\/tekniksipil.uin-malang.ac.id\/ar\/struktur-organisasi-prodi\/","title":{"rendered":"STRUKTUR ORGANISASI PRODI"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"722\" class=\"elementor elementor-722\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb1d1b0 e-flex e-con-boxed e-con e-parent\" data-id=\"fb1d1b0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e41bb6a elementor-widget elementor-widget-text-editor\" data-id=\"e41bb6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<!-- Load Font Awesome 6 untuk Ikon Jabatan -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n}\n\n\/* CONTAINER UTAMA LEBAR PENUH *\/\n.org-structure-container {\n    width: 100% !important;\n    max-width: 100% !important;\n    margin: 0 auto;\n    padding: 20px 10px;\n    background: transparent;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 20px;\n}\n\n\/* BANNER JUDUL UTAMA (BACKGROUND ORANGE #ff914d) *\/\n.org-title-banner {\n    width: 100% !important;\n    background-color: #ff914d !important;\n    border: 1.5px solid #e07d3a;\n    border-radius: 12px;\n    padding: 16px 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 14px;\n    box-shadow: 0 4px 14px rgba(255, 145, 77, 0.25);\n    text-align: center;\n}\n\n.org-title-banner .banner-text h2 {\n    font-size: 19px;\n    font-weight: 800;\n    color: #ffffff !important;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);\n}\n\n.org-title-banner .banner-text h3 {\n    font-size: 14px;\n    font-weight: 700;\n    color: #fff7ed !important;\n    margin-top: 3px;\n}\n\n.org-title-banner .title-icon-box {\n    width: 42px;\n    height: 42px;\n    background: rgba(255, 255, 255, 0.25);\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.org-title-banner .title-icon-box i {\n    font-size: 20px;\n    color: #ffffff;\n}\n\n\/* TREE CHART BAGAN STRUKTUR ORGANISASI *\/\n.org-tree {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 100%;\n    position: relative;\n}\n\n\/* STYLE KARTU JABATAN (CARD LINK) *\/\n.org-card {\n    text-decoration: none !important; \/* Menghilangkan garis bawah link *\/\n    background: linear-gradient(135deg, #ff914d 0%, #f3a640 50%, #d4af37 100%) !important;\n    border: 1.5px solid #e07d3a;\n    border-radius: 12px;\n    padding: 12px 18px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    color: #ffffff !important;\n    box-shadow: 0 4px 12px rgba(255, 145, 77, 0.25);\n    cursor: pointer;\n    user-select: none;\n    z-index: 3;\n    position: relative;\n    transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.35s ease, border-color 0.35s ease;\n}\n\n.org-card:hover {\n    transform: translateY(-4px) scale(1.03);\n    box-shadow: 0 8px 20px rgba(255, 145, 77, 0.45);\n    border-color: #ffffff;\n}\n\n.org-card:active,\n.org-card.is-active {\n    box-shadow: 0 0 15px #ffd700, 0 6px 18px rgba(255, 145, 77, 0.5) !important;\n    border-color: #ffffff !important;\n}\n\n\/* BINGKAI IKON JABATAN *\/\n.card-icon {\n    width: 36px;\n    height: 36px;\n    border-radius: 8px;\n    background: rgba(255, 255, 255, 0.25);\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.card-icon i {\n    font-size: 16px;\n    color: #ffffff;\n}\n\n.card-title {\n    font-size: 14px;\n    font-weight: 800;\n    letter-spacing: 0.3px;\n    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);\n    line-height: 1.2;\n}\n\n\/* ========================================== *\/\n\/* GARIS STRUKTUR BERSAMBUNG PENUH (TIDAK PUTUS) *\/\n\/* ========================================== *\/\n\n\/* GARIS VERTIKAL UTAMA *\/\n.line-v {\n    width: 3px;\n    height: 30px;\n    background: #e07d3a;\n    position: relative;\n    overflow: hidden;\n    z-index: 1;\n}\n\n.line-v::after {\n    content: '';\n    position: absolute;\n    top: -100%;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(180deg, transparent, #ffffff, #ffd700, transparent);\n    animation: flowDown 1.8s infinite linear;\n}\n\n@keyframes flowDown {\n    0% { top: -100%; }\n    100% { top: 100%; }\n}\n\n\/* WADAH BARIS DIVISI *\/\n.org-level-wrapper {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    position: relative;\n}\n\n\/* GARIS VERTIKAL TENGAH YANG MENYAMBUNG LANGSUNG *\/\n.main-spine-line {\n    width: 3px;\n    height: 100%;\n    background: #e07d3a;\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 1;\n    overflow: hidden;\n}\n\n.main-spine-line::after {\n    content: '';\n    position: absolute;\n    top: -100%;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(180deg, transparent, #ffffff, #ffd700, transparent);\n    animation: flowDown 1.8s infinite linear;\n}\n\n\/* GARIS CABANG HORIZONTAL *\/\n.org-horizontal-branch {\n    width: 75%;\n    height: 3px;\n    background: #e07d3a;\n    position: relative;\n    overflow: hidden;\n    z-index: 2;\n}\n\n.org-horizontal-branch::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -50%;\n    width: 50%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, #ffffff, #ffd700, transparent);\n    animation: flowRight 2.2s infinite linear;\n}\n\n@keyframes flowRight {\n    0% { left: -50%; }\n    100% { left: 100%; }\n}\n\n\/* BARIS 4 KOLOM DIVISI SEJAJAR *\/\n.org-level-row {\n    display: flex;\n    justify-content: space-around;\n    align-items: flex-start;\n    width: 100%;\n    position: relative;\n    z-index: 3;\n}\n\n.org-col-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    flex: 1;\n    max-width: 210px;\n    position: relative;\n}\n\n\/* GARIS TURUNAN KE MASING-MASING DIVISI *\/\n.org-col-item .line-v-drop {\n    width: 3px;\n    height: 25px;\n    background: #e07d3a;\n    position: relative;\n    overflow: hidden;\n}\n\n.org-col-item .line-v-drop::after {\n    content: '';\n    position: absolute;\n    top: -100%;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(180deg, transparent, #ffffff, #ffd700, transparent);\n    animation: flowDown 1.8s infinite linear;\n    animation-delay: 0.3s;\n}\n\n\/* KARTU KHUSUS HIMPUNAN MAHASISWA *\/\n.card-himpunan {\n    background: linear-gradient(135deg, #ff914d 0%, #d4af37 50%, #2b580c 100%) !important;\n    border: 2px solid #ffd700;\n    padding: 14px 28px;\n}\n\n\/* RESPONSIVE UNTUK LAYAR HP *\/\n@media (max-width: 768px) {\n    .org-title-banner h2 { font-size: 15px; }\n    .org-title-banner h3 { font-size: 12px; }\n    .main-spine-line { display: none; }\n    .org-horizontal-branch { display: none; }\n    .org-level-row {\n        flex-direction: column;\n        align-items: center;\n        gap: 14px;\n    }\n    .org-col-item { width: 100%; max-width: 100%; }\n    .org-col-item .line-v-drop { display: none; }\n    .card-title { font-size: 13px; }\n}\n<\/style>\n\n<div class=\"org-structure-container\">\n\n    <!-- BANNER JUDUL PROGRAM STUDI -->\n    <div class=\"org-title-banner\">\n        <div class=\"title-icon-box\">\n            <i class=\"fa-solid fa-sitemap\"><\/i>\n        <\/div>\n        <div class=\"banner-text\">\n            <h2>STRUKTUR ORGANISASI PRODI TEKNIK SIPIL<\/h2>\n            <h3>UIN Maulana Malik Ibrahim Malang<\/h3>\n        <\/div>\n    <\/div>\n\n    <!-- BAGAN STRUKTUR ORGANISASI DENGAN TAUTAN AKTIF -->\n    <div class=\"org-tree\">\n        \n        <!-- LEVEL 1: KETUA PROGRAM STUDI -->\n        <a href=\"https:\/\/tekniksipil.uin-malang.ac.id\/ar\/dosen-tetap-prodi-teknik-sipil\/\" target=\"_blank\" class=\"org-card\">\n            <div class=\"card-icon\">\n                <i class=\"fa-solid fa-user-tie\"><\/i>\n            <\/div>\n            <div class=\"card-title\">Ketua Program Studi<\/div>\n        <\/a>\n\n        <!-- GARIS MENGALIR KE SEKRETARIS -->\n        <div class=\"line-v\"><\/div>\n\n        <!-- LEVEL 2: SEKRETARIS PROGRAM STUDI -->\n        <a href=\"https:\/\/tekniksipil.uin-malang.ac.id\/ar\/dosen-tetap-prodi-teknik-sipil\/\" target=\"_blank\" class=\"org-card\">\n            <div class=\"card-icon\">\n                <i class=\"fa-solid fa-user-pen\"><\/i>\n            <\/div>\n            <div class=\"card-title\">Sekretaris Program Studi<\/div>\n        <\/a>\n\n        <!-- GARIS MENGALIR KE ATAS CABANG DIVISI -->\n        <div class=\"line-v\"><\/div>\n\n        <!-- WADAH TINGKATAN DIVISI -->\n        <div class=\"org-level-wrapper\">\n            \n            <!-- GARIS TENGAH UTAMA BERSAMBUNG KE HIMPUNAN -->\n            <div class=\"main-spine-line\"><\/div>\n\n            <!-- GARIS CABANG HORIZONTAL -->\n            <div class=\"org-horizontal-branch\"><\/div>\n\n            <!-- LEVEL 3: BARIS 4 DIVISI SEJAJAR -->\n            <div class=\"org-level-row\">\n                \n                <div class=\"org-col-item\">\n                    <div class=\"line-v-drop\"><\/div>\n                    <a href=\"https:\/\/tekniksipil.uin-malang.ac.id\/ar\/dosen-tetap-prodi-teknik-sipil\/\" target=\"_blank\" class=\"org-card\">\n                        <div class=\"card-icon\">\n                            <i class=\"fa-solid fa-file-signature\"><\/i>\n                        <\/div>\n                        <div class=\"card-title\">Kepala Bagian Administrasi<\/div>\n                    <\/a>\n                <\/div>\n\n                <div class=\"org-col-item\">\n                    <div class=\"line-v-drop\"><\/div>\n                    <a href=\"https:\/\/tekniksipil.uin-malang.ac.id\/ar\/dosen-tetap-prodi-teknik-sipil\/\" target=\"_blank\" class=\"org-card\">\n                        <div class=\"card-icon\">\n                            <i class=\"fa-solid fa-flask-vial\"><\/i>\n                        <\/div>\n                        <div class=\"card-title\">Kepala Laboratorium<\/div>\n                    <\/a>\n                <\/div>\n\n                <div class=\"org-col-item\">\n                    <div class=\"line-v-drop\"><\/div>\n                    <a href=\"https:\/\/tekniksipil.uin-malang.ac.id\/ar\/dosen-tetap-prodi-teknik-sipil\/\" target=\"_blank\" class=\"org-card\">\n                        <div class=\"card-icon\">\n                            <i class=\"fa-solid fa-book-journal-whills\"><\/i>\n                        <\/div>\n                        <div class=\"card-title\">Pengelola Jurnal<\/div>\n                    <\/a>\n                <\/div>\n\n                <div class=\"org-col-item\">\n                    <div class=\"line-v-drop\"><\/div>\n                    <a href=\"https:\/\/tekniksipil.uin-malang.ac.id\/ar\/dosen-tetap-prodi-teknik-sipil\/\" target=\"_blank\" class=\"org-card\">\n                        <div class=\"card-icon\">\n                            <i class=\"fa-solid fa-chalkboard-user\"><\/i>\n                        <\/div>\n                        <div class=\"card-title\">Kelompok Bidang Keahlian Dosen<\/div>\n                    <\/a>\n                <\/div>\n\n            <\/div>\n\n            <!-- GARIS PENAMBUNG VERTIKAL BAWAH KE HIMPUNAN -->\n            <div class=\"line-v\" style=\"height: 40px;\"><\/div>\n        <\/div>\n\n        <!-- LEVEL 4: HIMPUNAN MAHASISWA TEKNIK SIPIL (LINK KHUSUS HMPTS) -->\n        <a href=\"https:\/\/tekniksipil.uin-malang.ac.id\/ar\/himpunan-mahasiswa-prodi-teknik-sipil-hmpts\/\" target=\"_blank\" class=\"org-card card-himpunan\">\n            <div class=\"card-icon\">\n                <i class=\"fa-solid fa-users-gear\"><\/i>\n            <\/div>\n            <div class=\"card-title\">Himpunan Mahasiswa Teknik Sipil<\/div>\n        <\/a>\n\n    <\/div>\n\n<\/div>\n\n<!-- JAVASCRIPT EFEK INTERAKTIF KLIK KARTU -->\n<script>\n(function() {\n    function initOrgCards() {\n        const cards = document.querySelectorAll(\".org-card\");\n\n        cards.forEach(card => {\n            card.addEventListener(\"click\", function() {\n                cards.forEach(c => c.classList.remove(\"is-active\"));\n                this.classList.add(\"is-active\");\n            });\n        });\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initOrgCards);\n    } else {\n        initOrgCards();\n    }\n})();\n<\/script>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>STRUKTUR ORGANISASI PRODI TEKNIK SIPIL UIN Maulana Malik Ibrahim Malang Ketua Program Studi Sekretaris Program Studi Kepala Bagian Administrasi Kepala Laboratorium Pengelola Jurnal Kelompok Bidang Keahlian Dosen Himpunan Mahasiswa Teknik Sipil<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-722","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tekniksipil.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/722","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tekniksipil.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tekniksipil.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tekniksipil.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tekniksipil.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/comments?post=722"}],"version-history":[{"count":10,"href":"https:\/\/tekniksipil.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/722\/revisions"}],"predecessor-version":[{"id":1360,"href":"https:\/\/tekniksipil.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/722\/revisions\/1360"}],"wp:attachment":[{"href":"https:\/\/tekniksipil.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/media?parent=722"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}