{"id":396,"date":"2022-11-23T12:45:01","date_gmt":"2022-11-23T04:45:01","guid":{"rendered":"https:\/\/pbsi.ulm.ac.id\/?page_id=396"},"modified":"2026-06-24T12:18:13","modified_gmt":"2026-06-24T12:18:13","slug":"struktur-organisasi","status":"publish","type":"page","link":"https:\/\/fkip.ulm.ac.id\/unit\/ict\/index.php\/struktur-organisasi\/","title":{"rendered":"Struktur Organisasi"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"396\" class=\"elementor elementor-396\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d36b061 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"d36b061\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-11f27707 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"11f27707\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-452be61e elementor-widget elementor-widget-heading\" data-id=\"452be61e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Struktur Organisasi<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-221dc07e e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"221dc07e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3baa751c elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"3baa751c\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-users\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M96 224c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm448 0c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm32 32h-64c-17.6 0-33.5 7.1-45.1 18.6 40.3 22.1 68.9 62 75.1 109.4h66c17.7 0 32-14.3 32-32v-32c0-35.3-28.7-64-64-64zm-256 0c61.9 0 112-50.1 112-112S381.9 32 320 32 208 82.1 208 144s50.1 112 112 112zm76.8 32h-8.3c-20.8 10-43.9 16-68.5 16s-47.6-6-68.5-16h-8.3C179.6 288 128 339.6 128 403.2V432c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48v-28.8c0-63.6-51.6-115.2-115.2-115.2zm-223.7-13.4C161.5 263.1 145.6 256 128 256H64c-35.3 0-64 28.7-64 64v32c0 17.7 14.3 32 32 32h65.9c6.3-47.4 34.9-87.3 75.2-109.4z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-f6e1ab5 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"f6e1ab5\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-908f5fc elementor-widget elementor-widget-html\" data-id=\"908f5fc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  \/* Container Utama *\/\n  .org-chart-wrapper {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    max-width: 100%;\n    padding: 20px;\n    background: #f9f9f9;\n    text-align: center;\n  }\n\n  \/* Kotak Jabatan (Card) *\/\n  .org-card {\n    background: #fff;\n    border: 2px solid #6f42c1; \/* Ungu Utama *\/\n    border-radius: 8px;\n    padding: 15px;\n    width: 280px;\n    margin: 0 auto;\n    box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n    position: relative;\n    transition: transform 0.2s;\n    z-index: 2;\n  }\n\n  .org-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 8px 12px rgba(111, 66, 193, 0.2);\n  }\n\n  \/* Header Ungu di dalam Card *\/\n  .org-role {\n    background-color: #6f42c1;\n    color: white;\n    padding: 8px;\n    border-radius: 4px;\n    font-weight: bold;\n    font-size: 0.9em;\n    text-transform: uppercase;\n    margin-bottom: 10px;\n  }\n\n  .org-name {\n    font-weight: bold;\n    color: #333;\n    font-size: 1.1em;\n    margin-bottom: 5px;\n  }\n\n  .org-title {\n    font-size: 0.85em;\n    color: #666;\n  }\n\n  \/* Garis Penghubung (Connector Lines) *\/\n  .connector-line {\n    width: 2px;\n    height: 30px;\n    background-color: #6f42c1;\n    margin: 0 auto;\n  }\n\n  \/* Layout Grid untuk Staff *\/\n  .staff-container {\n    display: flex;\n    justify-content: center;\n    gap: 20px;\n    flex-wrap: wrap;\n    margin-top: 0;\n    position: relative;\n  }\n\n  \/* Garis Horizontal untuk memecah ke 3 staff *\/\n  .branch-line {\n    width: 60%; \/* Lebar garis cabang *\/\n    height: 2px;\n    background-color: #6f42c1;\n    margin: 0 auto;\n    margin-bottom: 0; \n  }\n  \n  \/* Garis vertikal kecil dari branch ke masing-masing staff *\/\n  .staff-connector {\n    display: flex;\n    justify-content: space-around;\n    width: 65%; \/* Harus sedikit lebih lebar dari branch-line agar pas *\/\n    margin: 0 auto;\n    margin-bottom: 0;\n  }\n  \n  .vertical-tick {\n    width: 2px;\n    height: 20px;\n    background-color: #6f42c1;\n  }\n\n  \/* Styling Khusus Pimpinan Fakultas (Opsional beda warna) *\/\n  .org-card.superior {\n    border-color: #4a2c85;\n    background-color: #f3e5f5;\n  }\n  .org-card.superior .org-role {\n    background-color: #4a2c85;\n  }\n\n  \/* Responsive Mobile *\/\n  @media (max-width: 768px) {\n    .staff-container {\n      flex-direction: column;\n      align-items: center;\n    }\n    .branch-line, .staff-connector {\n      display: none; \/* Hilangkan garis cabang rumit di HP *\/\n    }\n    .staff-wrapper {\n        margin-bottom: 20px;\n    }\n    .mobile-connector {\n        display: block;\n        width: 2px;\n        height: 20px;\n        background-color: #6f42c1;\n        margin: 0 auto;\n    }\n  }\n  @media (min-width: 769px) {\n      .mobile-connector {\n          display: none;\n      }\n  }\n<\/style>\n\n<div class=\"org-chart-wrapper\">\n\n  <div class=\"org-card superior\">\n    <div class=\"org-role\">Wakil Dekan Bid. Umum & Keuangan<\/div>\n    <div class=\"org-name\">Dr. Dharmono, M.Si.<\/div>\n    <div class=\"org-title\">Penanggung Jawab<\/div>\n  <\/div>\n\n  <div class=\"connector-line\"><\/div>\n\n  <div class=\"org-card\">\n    <div class=\"org-role\">Ketua ICT<\/div>\n    <div class=\"org-name\">Nuruddin Wiranda, S.Kom, M.Cs.<\/div>\n    <div class=\"org-title\">Koordinator Unit<\/div>\n  <\/div>\n\n  <div class=\"connector-line\"><\/div>\n\n  <div class=\"org-card\">\n    <div class=\"org-role\">Sekretaris ICT<\/div>\n    <div class=\"org-name\">ABDUL RAHMAN, S.Pd., M.Pd.<\/div>\n    <div class=\"org-title\">Administrasi & Operasional<\/div>\n  <\/div>\n\n  <div class=\"connector-line\"><\/div>\n\n  <div class=\"branch-line\"><\/div>\n  <div class=\"staff-connector\">\n      <div class=\"vertical-tick\"><\/div> <div class=\"vertical-tick\"><\/div> <div class=\"vertical-tick\"><\/div> <\/div>\n\n  <div class=\"staff-container\">\n    \n    <div class=\"staff-wrapper\">\n        <div class=\"mobile-connector\"><\/div>\n        <div class=\"org-card\">\n          <div class=\"org-role\">Software & Integration<\/div>\n          <div class=\"org-name\">Yogie Prayoga, S.Pd.<\/div>\n          <div class=\"org-title\">Developer & Apps<\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"staff-wrapper\">\n        <div class=\"mobile-connector\"><\/div>\n        <div class=\"org-card\">\n          <div class=\"org-role\">Networking & Data<\/div>\n          <div class=\"org-name\">Ponco Sisworo, S.Pd. Gr.<\/div>\n          <div class=\"org-title\">Infrastructure & Sync<\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"staff-wrapper\">\n        <div class=\"mobile-connector\"><\/div>\n        <div class=\"org-card\">\n          <div class=\"org-role\">Content & Multimedia<\/div>\n          <div class=\"org-name\">M. Naufal Yaasir, S.Pd., M.Kom.<\/div>\n          <div class=\"org-title\">Creative & Publication<\/div>\n        <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Struktur Organisasi Wakil Dekan Bid. Umum &#038; Keuangan Dr. Dharmono, M.Si. Penanggung Jawab Ketua ICT Nuruddin Wiranda, S.Kom, M.Cs. Koordinator<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-396","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fkip.ulm.ac.id\/unit\/ict\/index.php\/wp-json\/wp\/v2\/pages\/396","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fkip.ulm.ac.id\/unit\/ict\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fkip.ulm.ac.id\/unit\/ict\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fkip.ulm.ac.id\/unit\/ict\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fkip.ulm.ac.id\/unit\/ict\/index.php\/wp-json\/wp\/v2\/comments?post=396"}],"version-history":[{"count":24,"href":"https:\/\/fkip.ulm.ac.id\/unit\/ict\/index.php\/wp-json\/wp\/v2\/pages\/396\/revisions"}],"predecessor-version":[{"id":5269,"href":"https:\/\/fkip.ulm.ac.id\/unit\/ict\/index.php\/wp-json\/wp\/v2\/pages\/396\/revisions\/5269"}],"wp:attachment":[{"href":"https:\/\/fkip.ulm.ac.id\/unit\/ict\/index.php\/wp-json\/wp\/v2\/media?parent=396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}