{"id":9597,"date":"2026-09-25T07:46:47","date_gmt":"2026-09-25T07:46:47","guid":{"rendered":"https:\/\/ukpbj.uin-malang.ac.id\/?page_id=9597"},"modified":"2026-09-25T09:35:55","modified_gmt":"2026-09-25T09:35:55","slug":"tahap-perencanaan","status":"publish","type":"page","link":"https:\/\/ukpbj.uin-malang.ac.id\/ar\/tahap-perencanaan\/","title":{"rendered":"TAHAP PERENCANAAN"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9597\" class=\"elementor elementor-9597\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f74298a e-flex e-con-boxed e-con e-parent\" data-id=\"f74298a\" 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-18c9347 elementor-widget elementor-widget-heading\" data-id=\"18c9347\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><div><strong>TAHAP PERENCANAAN<\/strong><\/div><\/h2>\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-0e5f8c3 e-flex e-con-boxed e-con e-parent\" data-id=\"0e5f8c3\" 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-828aabf e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"828aabf\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;tabs_justify_horizontal&quot;:&quot;start&quot;,&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"136882879\" aria-label=\"Tabs. Open items with Enter or Space, close with Escape and navigate using the Arrow keys.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-1368828791\" data-tab-title-id=\"e-n-tab-title-1368828791\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-1368828791\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\t2026\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-1368828792\" data-tab-title-id=\"e-n-tab-title-1368828792\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-1368828792\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\t2025\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-1368828793\" data-tab-title-id=\"e-n-tab-title-1368828793\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-1368828793\" style=\"--n-tabs-title-order: 3;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\t2024\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-1368828794\" data-tab-title-id=\"e-n-tab-title-1368828794\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"4\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-1368828794\" style=\"--n-tabs-title-order: 4;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\t2023\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-1368828795\" data-tab-title-id=\"e-n-tab-title-1368828795\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"5\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-1368828795\" style=\"--n-tabs-title-order: 5;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\t2022\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-1368828791\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-1368828791\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-d0d54c7 e-con-full e-flex e-con e-child\" data-id=\"d0d54c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16ae634 elementor-widget elementor-widget-html\" data-id=\"16ae634\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  .lite-table-wrapper {\n    font-family: Arial, sans-serif;\n    font-size: 14px;\n    margin: 15px 0;\n  }\n\n  \/* Input Search Ramping *\/\n  .lite-search-box {\n    width: 100%;\n    max-width: 300px;\n    padding: 8px 12px;\n    margin-bottom: 12px;\n    border: 1px solid #cbd5e1;\n    border-radius: 6px;\n    outline: none;\n    font-size: 13px;\n  }\n\n  .lite-search-box:focus {\n    border-color: #0073aa;\n  }\n\n  \/* Container Tabel *\/\n  .lite-table-container {\n    overflow-x: auto;\n    border: 1px solid #e2e8f0;\n    border-radius: 6px;\n  }\n\n  .lite-table {\n    width: 100%;\n    border-collapse: collapse;\n    background-color: #ffffff;\n    text-align: left;\n  }\n\n  .lite-table th {\n    background-color: #0073aa;\n    color: #ffffff;\n    padding: 10px 14px;\n    font-weight: 600;\n    user-select: none;\n  }\n\n  \/* Ikon Sorting *\/\n  .lite-table th.sortable {\n    cursor: pointer;\n  }\n  \n  .lite-table th.sortable::after {\n    content: \" \u21c5\";\n    opacity: 0.6;\n    font-size: 11px;\n  }\n\n  .lite-table td {\n    padding: 10px 14px;\n    border-bottom: 1px solid #f1f5f9;\n    color: #333333;\n  }\n\n  .lite-table tbody tr:nth-child(even) {\n    background-color: #f8fafc;\n  }\n\n  .lite-table tbody tr:hover {\n    background-color: #f1f5f9;\n  }\n\n  \/* Tombol Tautan Dokumen *\/\n  .lite-doc-link {\n    display: inline-block;\n    padding: 5px 10px;\n    background-color: #e0f2fe;\n    color: #0369a1;\n    text-decoration: none;\n    border-radius: 4px;\n    font-size: 12px;\n    font-weight: 500;\n  }\n\n  .lite-doc-link:hover {\n    background-color: #0369a1;\n    color: #ffffff;\n  }\n<\/style>\n\n<div class=\"lite-table-wrapper\">\n  <!-- Input Pencarian -->\n  <input type=\"text\" id=\"tableSearchInput\" class=\"lite-search-box\" placeholder=\"Cari nama dokumen...\" onkeyup=\"filterTable()\">\n\n  <!-- Tabel -->\n  <div class=\"lite-table-container\">\n    <table class=\"lite-table\" id=\"liteDocTable\">\n      <thead>\n        <tr>\n          <th class=\"sortable\" onclick=\"sortTable(0)\" style=\"width: 60px;\">No.<\/th>\n          <th class=\"sortable\" onclick=\"sortTable(1)\">Nama Dokumen<\/th>\n          <th style=\"width: 140px;\">Tautan Dokumen<\/th>\n        <\/tr>\n      <\/thead>\n      <tbody>\n        <tr>\n          <td>1<\/td>\n          <td>Panduan Operasional Standar (SOP) 2026<\/td>\n          <td><a href=\"#\" class=\"lite-doc-link\" target=\"_blank\">Unduh PDF &#8673;<\/a><\/td>\n        <\/tr>\n        <tr>\n          <td>2<\/td>\n          <td>Laporan Keuangan Tahunan<\/td>\n          <td><a href=\"#\" class=\"lite-doc-link\" target=\"_blank\">Lihat Dokumen &#8673;<\/a><\/td>\n        <\/tr>\n        <tr>\n          <td>3<\/td>\n          <td>Formulir Pendaftaran Anggota Baru<\/td>\n          <td><a href=\"#\" class=\"lite-doc-link\" target=\"_blank\">Unduh File &#8673;<\/a><\/td>\n        <\/tr>\n      <\/tbody>\n    <\/table>\n  <\/div>\n<\/div>\n\n<script>\n  \/\/ Fitur Pencarian (Search)\n  function filterTable() {\n    const input = document.getElementById(\"tableSearchInput\");\n    const filter = input.value.toLowerCase();\n    const rows = document.querySelectorAll(\"#liteDocTable tbody tr\");\n\n    rows.forEach(row => {\n      const text = row.innerText.toLowerCase();\n      row.style.display = text.includes(filter) ? \"\" : \"none\";\n    });\n  }\n\n  \/\/ Fitur Pengurutan (Sorting)\n  let sortDirection = false;\n  function sortTable(columnIndex) {\n    const table = document.getElementById(\"liteDocTable\");\n    const tbody = table.querySelector(\"tbody\");\n    const rows = Array.from(tbody.querySelectorAll(\"tr\"));\n\n    sortDirection = !sortDirection;\n\n    rows.sort((a, b) => {\n      let cellA = a.children[columnIndex].innerText.trim();\n      let cellB = b.children[columnIndex].innerText.trim();\n\n      \/\/ Cek apakah data berupa angka\n      if (!isNaN(cellA) && !isNaN(cellB)) {\n        return sortDirection ? cellA - cellB : cellB - cellA;\n      }\n\n      \/\/ Sort teks alfabetis\n      return sortDirection \n        ? cellA.localeCompare(cellB) \n        : cellB.localeCompare(cellA);\n    });\n\n    \/\/ Tempel ulang baris yang sudah diurutkan\n    rows.forEach(row => tbody.appendChild(row));\n  }\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-1368828792\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-1368828792\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\" elementor-element elementor-element-5f4e930 e-con-full e-flex e-con e-child\" data-id=\"5f4e930\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-1368828793\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-1368828793\" data-tab-index=\"3\" style=\"--n-tabs-title-order: 3;\" class=\" elementor-element elementor-element-9ab812a e-flex e-con-boxed e-con e-child\" data-id=\"9ab812a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-1368828794\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-1368828794\" data-tab-index=\"4\" style=\"--n-tabs-title-order: 4;\" class=\" elementor-element elementor-element-ff6d4fd e-flex e-con-boxed e-con e-child\" data-id=\"ff6d4fd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-1368828795\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-1368828795\" data-tab-index=\"5\" style=\"--n-tabs-title-order: 5;\" class=\" elementor-element elementor-element-6c4204c e-flex e-con-boxed e-con e-child\" data-id=\"6c4204c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\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>TAHAP PERENCANAAN 2026 2025 2024 2023 2022 No. Nama Dokumen Tautan Dokumen 1 Panduan Operasional Standar (SOP) 2026 Unduh PDF &#8673; 2 Laporan Keuangan Tahunan Lihat Dokumen &#8673; 3 Formulir Pendaftaran Anggota Baru Unduh File &#8673; No. Nama Dokumen Tautan Dokumen 1 Panduan Operasional Standar (SOP) 2026 Unduh PDF &#8673; 2 Laporan Keuangan Tahunan Lihat [&hellip;]<\/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-9597","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ukpbj.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/9597","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ukpbj.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ukpbj.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ukpbj.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ukpbj.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/comments?post=9597"}],"version-history":[{"count":28,"href":"https:\/\/ukpbj.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/9597\/revisions"}],"predecessor-version":[{"id":9656,"href":"https:\/\/ukpbj.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/9597\/revisions\/9656"}],"wp:attachment":[{"href":"https:\/\/ukpbj.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/media?parent=9597"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}