{"id":1080,"date":"2026-08-03T01:02:35","date_gmt":"2026-08-03T01:02:35","guid":{"rendered":"https:\/\/teknik.uin-malang.ac.id\/?page_id=1080"},"modified":"2026-08-04T00:30:21","modified_gmt":"2026-08-04T00:30:21","slug":"permohonan-informasi","status":"publish","type":"page","link":"https:\/\/teknik.uin-malang.ac.id\/ar\/permohonan-informasi\/","title":{"rendered":"Permohonan Informasi"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1080\" class=\"elementor elementor-1080\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9bce3f5 e-flex e-con-boxed e-con e-parent\" data-id=\"9bce3f5\" 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-9658032 elementor-widget elementor-widget-text-editor\" data-id=\"9658032\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!-- Load Font Awesome 6 untuk Ikon Relevan -->\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\/* SECTION CONTAINER TRANSPARAN *\/\n.permohonan-info-section {\n    width: 100%;\n    padding: 50px 15px;\n    background: transparent;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n\/* CONTAINER UTAMA (1 KOLOM ELEGANT) *\/\n.permohonan-info-container {\n    width: 100%;\n    max-width: 900px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 25px;\n}\n\n\/* BADGE KETERANGAN SIMULASI BAHASA INGGRIS AKADEMIK (BAGIAN ATAS) *\/\n.permohonan-disclaimer-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 24px;\n    background: rgba(10, 25, 47, 0.88);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    border: 1.5px solid rgba(212, 175, 55, 0.6); \/* Emas Murni *\/\n    border-radius: 30px;\n    color: #f3e0aa;\n    font-size: 13.5px;\n    font-weight: 600;\n    letter-spacing: 0.3px;\n    text-align: center;\n    box-shadow: 0 0 20px rgba(212, 175, 55, 0.25),\n                0 8px 20px rgba(0, 0, 0, 0.4);\n}\n\n.permohonan-disclaimer-badge i {\n    color: #ffffff; \/* Putih Cahaya Surga *\/\n    filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.8));\n    font-size: 15px;\n}\n\n\/* BAR UNIFIED 1 KOLOM *\/\n.permohonan-unified-bar {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    background: linear-gradient(135deg, rgba(10, 22, 48, 0.95) 0%, rgba(15, 32, 67, 0.92) 50%, rgba(6, 15, 36, 0.95) 100%);\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    \n    \/* Lis Emas Murni & Cahaya Putih Surga *\/\n    border: 2px solid rgba(212, 175, 55, 0.6);\n    border-radius: 22px;\n    \n    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.5),\n                0 0 30px rgba(212, 175, 55, 0.25),\n                inset 0 1px 2px rgba(255, 255, 255, 0.5);\n    overflow: hidden;\n    position: relative;\n}\n\n\/* TIAP BARIS MENU DALAM 1 KOLOM *\/\n.permohonan-item {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    padding: 24px 28px;\n    text-decoration: none;\n    color: #ffffff;\n    position: relative;\n    cursor: pointer;\n    transition: background 0.35s ease, border-color 0.35s ease;\n    \n    \/* Pembatas Emas Transparan Antar-Baris *\/\n    border-bottom: 1px solid rgba(212, 175, 55, 0.25);\n}\n\n.permohonan-item:last-child {\n    border-bottom: none;\n}\n\n\/* HOVER EFFECT INTERAKTIF *\/\n.permohonan-item:hover {\n    background: linear-gradient(135deg, rgba(30, 58, 138, 0.95) 0%, rgba(212, 175, 55, 0.25) 100%);\n    z-index: 3;\n}\n\n\/* ANIMASI ZOOM-IN DARI KECIL KE BESAR SAAT DIKLIK (:active) *\/\n.permohonan-item:active {\n    animation: zoomInPermohonan 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\n}\n\n@keyframes zoomInPermohonan {\n    0% {\n        transform: scale(0.92);\n    }\n    50% {\n        transform: scale(1.06); \/* Membesar Elegan *\/\n        box-shadow: 0 0 35px rgba(212, 175, 55, 0.8),\n                    0 0 20px rgba(255, 255, 255, 0.9);\n        border-radius: 14px;\n        z-index: 10;\n    }\n    100% {\n        transform: scale(1.03);\n        border-radius: 14px;\n        z-index: 10;\n    }\n}\n\n\/* KONTEN UTAMA BARIS (TOP SECTION) *\/\n.item-top-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n}\n\n.item-left-content {\n    display: flex;\n    align-items: center;\n    gap: 18px;\n}\n\n\/* BINGKAI IKON EMAS & PUTIH SURGA *\/\n.item-icon-box {\n    width: 48px;\n    height: 48px;\n    background: radial-gradient(circle, rgba(212, 175, 55, 0.25) 0%, rgba(10, 22, 48, 0.8) 100%);\n    border: 1.5px solid rgba(212, 175, 55, 0.7);\n    border-radius: 14px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n}\n\n.permohonan-item:hover .item-icon-box {\n    background: linear-gradient(135deg, #d4af37 0%, #ffffff 100%);\n    border-color: #ffffff;\n    transform: scale(1.1) rotate(5deg);\n    box-shadow: 0 0 20px rgba(255, 255, 255, 0.9);\n}\n\n.item-icon-box i {\n    font-size: 22px;\n    color: #f3e0aa;\n    filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.5));\n    transition: color 0.3s ease;\n}\n\n.permohonan-item:hover .item-icon-box i {\n    color: #060f24;\n}\n\n\/* TEKS LABELS MENU UKURAN JELAS & PUTIH CAHAYA SURGA *\/\n.item-text-group {\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n}\n\n.item-title {\n    font-size: 16px;\n    font-weight: 700;\n    color: #ffffff;\n    letter-spacing: 0.4px;\n    text-shadow: 0 0 10px rgba(255, 255, 255, 0.6),\n                 0 2px 4px rgba(0, 0, 0, 0.8);\n    transition: color 0.3s ease;\n}\n\n.item-subtext {\n    font-size: 12.5px;\n    color: #f3e0aa;\n}\n\n.permohonan-item:hover .item-title {\n    color: #f3e0aa;\n    text-shadow: 0 0 12px rgba(243, 224, 170, 0.9);\n}\n\n\/* PANAH SEGITIGA INDIKATOR *\/\n.item-arrow {\n    font-size: 13px;\n    color: #d4af37;\n    transition: transform 0.3s ease, color 0.3s ease;\n    opacity: 0.85;\n}\n\n.permohonan-item:hover .item-arrow {\n    opacity: 1;\n    transform: translateX(6px);\n    color: #ffffff;\n}\n\n\/* ANIMASI PROGRESS BAR ALUR PROSEDUR *\/\n.progress-bar-bg {\n    width: 100%;\n    height: 8px;\n    background: rgba(255, 255, 255, 0.1);\n    border-radius: 10px;\n    overflow: hidden;\n    position: relative;\n    border: 1px solid rgba(212, 175, 55, 0.3);\n    margin-top: 4px;\n}\n\n.progress-bar-fill {\n    height: 100%;\n    border-radius: 10px;\n    background: linear-gradient(90deg, #d4af37 0%, #ffffff 50%, #d4af37 100%);\n    box-shadow: 0 0 12px rgba(255, 255, 255, 0.8);\n    position: relative;\n    animation: growPermohonanBar 2.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;\n}\n\n\/* Efek Pendaran Cahaya Bergerak *\/\n.progress-bar-fill::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);\n    animation: shimmerLight 2s infinite linear;\n}\n\n\/* TARGET LEBAR PERSENTASE ANIMASI STAGE PROSEDUR *\/\n.step-1 { width: 100%; }\n.step-2 { width: 95%; }\n.step-3 { width: 90%; }\n.step-4 { width: 98%; }\n.step-5 { width: 92%; }\n\n@keyframes growPermohonanBar {\n    from { width: 0%; }\n}\n\n@keyframes shimmerLight {\n    0% { transform: translateX(-100%); }\n    100% { transform: translateX(100%); }\n}\n\n\/* RESPONSIVE DESIGN UNTUK HP *\/\n@media (max-width: 600px) {\n    .permohonan-item {\n        padding: 20px 18px;\n    }\n    .item-title {\n        font-size: 14.5px;\n    }\n    .item-subtext {\n        font-size: 11.5px;\n    }\n    .permohonan-disclaimer-badge {\n        font-size: 11.5px;\n        padding: 8px 16px;\n    }\n}\n<\/style>\n\n<section class=\"permohonan-info-section\">\n    <div class=\"permohonan-info-container\">\n        \n        <!-- 1. KETERANGAN SIMULASI BAHASA INGGRIS AKADEMIK (BAGIAN ATAS) -->\n        <div class=\"permohonan-disclaimer-badge\">\n            <i class=\"fa-solid fa-circle-info\"><\/i>\n            <span>This visualization is for simulation purposes only; the actual content is currently being compiled by expert teams.<\/span>\n        <\/div>\n\n        <!-- 2. PANEL UNIFIED 1 KOLOM MENU PERMOHONAN INFORMASI -->\n        <div class=\"permohonan-unified-bar\">\n            \n            <!-- Item 1: Formulir Pengajuan Permohonan Informasi Online -->\n            <a href=\"#\" class=\"permohonan-item\">\n                <div class=\"item-top-row\">\n                    <div class=\"item-left-content\">\n                        <div class=\"item-icon-box\">\n                            <i class=\"fa-solid fa-file-pen\"><\/i>\n                        <\/div>\n                        <div class=\"item-text-group\">\n                            <span class=\"item-title\">Formulir Online Permohonan Informasi Publik<\/span>\n                            <span class=\"item-subtext\">Layanan pengisian formulir pengajuan informasi publik secara digital.<\/span>\n                        <\/div>\n                    <\/div>\n                    <i class=\"fa-solid fa-play item-arrow\"><\/i>\n                <\/div>\n                <div class=\"progress-bar-bg\">\n                    <div class=\"progress-bar-fill step-1\"><\/div>\n                <\/div>\n            <\/a>\n\n            <!-- Item 2: Prosedur & Tata Cara Permohonan Informasi -->\n            <a href=\"#\" class=\"permohonan-item\">\n                <div class=\"item-top-row\">\n                    <div class=\"item-left-content\">\n                        <div class=\"item-icon-box\">\n                            <i class=\"fa-solid fa-diagram-next\"><\/i>\n                        <\/div>\n                        <div class=\"item-text-group\">\n                            <span class=\"item-title\">Prosedur &#038; Alur Tata Cara Permohonan Informasi<\/span>\n                            <span class=\"item-subtext\">Panduan langkah pengajuan permohonan dari tahap awal hingga penerimaan dokumen.<\/span>\n                        <\/div>\n                    <\/div>\n                    <i class=\"fa-solid fa-play item-arrow\"><\/i>\n                <\/div>\n                <div class=\"progress-bar-bg\">\n                    <div class=\"progress-bar-fill step-2\"><\/div>\n                <\/div>\n            <\/a>\n\n            <!-- Item 3: Persyaratan & Ketentuan Dokumen Pemohon -->\n            <a href=\"#\" class=\"permohonan-item\">\n                <div class=\"item-top-row\">\n                    <div class=\"item-left-content\">\n                        <div class=\"item-icon-box\">\n                            <i class=\"fa-solid fa-id-card\"><\/i>\n                        <\/div>\n                        <div class=\"item-text-group\">\n                            <span class=\"item-title\">Persyaratan &#038; Dokumen Kelengkapan Pemohon<\/span>\n                            <span class=\"item-subtext\">Verifikasi identitas resmi (KTP\/KTM\/Legalisasi Organisasi\/Lembaga).<\/span>\n                        <\/div>\n                    <\/div>\n                    <i class=\"fa-solid fa-play item-arrow\"><\/i>\n                <\/div>\n                <div class=\"progress-bar-bg\">\n                    <div class=\"progress-bar-fill step-3\"><\/div>\n                <\/div>\n            <\/a>\n\n            <!-- Item 4: Cek Status Permohonan & Lacak Berkas -->\n            <a href=\"#\" class=\"permohonan-item\">\n                <div class=\"item-top-row\">\n                    <div class=\"item-left-content\">\n                        <div class=\"item-icon-box\">\n                            <i class=\"fa-solid fa-magnifying-glass-location\"><\/i>\n                        <\/div>\n                        <div class=\"item-text-group\">\n                            <span class=\"item-title\">Lacak &#038; Cek Status Permohonan Informasi (Tracking)<\/span>\n                            <span class=\"item-subtext\">Sistem pemantauan progres tindak lanjut berkas permohonan real-time.<\/span>\n                        <\/div>\n                    <\/div>\n                    <i class=\"fa-solid fa-play item-arrow\"><\/i>\n                <\/div>\n                <div class=\"progress-bar-bg\">\n                    <div class=\"progress-bar-fill step-4\"><\/div>\n                <\/div>\n            <\/a>\n\n            <!-- Item 5: Tata Cara Pengajuan Keberatan Informasi -->\n            <a href=\"#\" class=\"permohonan-item\">\n                <div class=\"item-top-row\">\n                    <div class=\"item-left-content\">\n                        <div class=\"item-icon-box\">\n                            <i class=\"fa-solid fa-scale-unbalanced-flip\"><\/i>\n                        <\/div>\n                        <div class=\"item-text-group\">\n                            <span class=\"item-title\">Prosedur &#038; Alur Pengajuan Keberatan Informasi<\/span>\n                            <span class=\"item-subtext\">Mekanisme resmi pengajuan keberatan jika permohonan tidak ditanggapi\/ditolak.<\/span>\n                        <\/div>\n                    <\/div>\n                    <i class=\"fa-solid fa-play item-arrow\"><\/i>\n                <\/div>\n                <div class=\"progress-bar-bg\">\n                    <div class=\"progress-bar-fill step-5\"><\/div>\n                <\/div>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n<\/section>\t\t\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>","protected":false},"excerpt":{"rendered":"<p>This visualization is for simulation purposes only; the actual content is currently being compiled by expert teams. Formulir Online Permohonan Informasi Publik Layanan pengisian formulir pengajuan informasi publik secara digital. Prosedur &#038; Alur Tata Cara Permohonan Informasi Panduan langkah pengajuan permohonan dari tahap awal hingga penerimaan dokumen. Persyaratan &#038; Dokumen Kelengkapan Pemohon Verifikasi identitas resmi [&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-1080","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/1080","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/comments?post=1080"}],"version-history":[{"count":4,"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/1080\/revisions"}],"predecessor-version":[{"id":1317,"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/1080\/revisions\/1317"}],"wp:attachment":[{"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/media?parent=1080"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}