{"id":3265,"date":"2025-08-15T08:27:30","date_gmt":"2025-08-15T08:27:30","guid":{"rendered":"https:\/\/staging.pai.uin-malang.ac.id\/?page_id=3265"},"modified":"2026-09-18T09:52:48","modified_gmt":"2026-09-18T09:52:48","slug":"penelitian-2","status":"publish","type":"page","link":"https:\/\/pai.uin-malang.ac.id\/?page_id=3265","title":{"rendered":"Penelitian"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3265\" class=\"elementor elementor-3265\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-944ca1c e-flex e-con-boxed e-con e-parent\" data-id=\"944ca1c\" 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-c5b744b elementor-widget elementor-widget-html\" data-id=\"c5b744b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Wrapper Utama *\/\r\n    .pub-container {\r\n        width: 100%;\r\n        max-width: 950px;\r\n        margin: 20px auto;\r\n        font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .pub-container * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Tab Filter Tahun *\/\r\n    .pub-tabs {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 12px;\r\n        flex-wrap: wrap;\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n    .pub-tab-btn {\r\n        background-color: #f0f9ff;\r\n        color: #0284c7;\r\n        border: 2px solid #bae6fd;\r\n        padding: 10px 24px;\r\n        border-radius: 30px;\r\n        font-size: 1rem;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .pub-tab-btn:hover,\r\n    .pub-tab-btn.active {\r\n        background: linear-gradient(135deg, #38bdf8 0%, #0284c7 100%);\r\n        color: #ffffff;\r\n        border-color: #38bdf8;\r\n        box-shadow: 0 4px 12px rgba(56, 189, 248, 0.35);\r\n    }\r\n\r\n    \/* Area Konten Tahun *\/\r\n    .pub-grid {\r\n        display: none; \/* Default sembunyi *\/\r\n        flex-direction: column;\r\n        gap: 16px;\r\n        animation: fadeIn 0.35s ease-in-out;\r\n    }\r\n\r\n    .pub-grid.active {\r\n        display: flex; \/* Aktifkan tampilan list *\/\r\n    }\r\n\r\n    @keyframes fadeIn {\r\n        from { opacity: 0; transform: translateY(8px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    \/* Kartu Interaktif (Expandable Card) *\/\r\n    .pub-card {\r\n        background-color: #ffffff;\r\n        border-radius: 14px;\r\n        border: 1px solid #e0f2fe;\r\n        box-shadow: 0 4px 15px rgba(56, 189, 248, 0.08);\r\n        overflow: hidden;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .pub-card:hover {\r\n        border-color: #7dd3fc;\r\n        box-shadow: 0 6px 20px rgba(56, 189, 248, 0.16);\r\n    }\r\n\r\n    \/* Header Kartu (Tampilan Depan \/ Yang Diklik) *\/\r\n    .pub-summary {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 18px 22px;\r\n        cursor: pointer;\r\n        list-style: none;\r\n        user-select: none;\r\n        gap: 16px;\r\n    }\r\n\r\n    .pub-summary::-webkit-details-marker {\r\n        display: none;\r\n    }\r\n\r\n    .pub-summary-left {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 6px;\r\n    }\r\n\r\n    .pub-tag {\r\n        align-self: flex-start;\r\n        background-color: #e0f2fe;\r\n        color: #0369a1;\r\n        font-size: 0.75rem;\r\n        font-weight: 700;\r\n        padding: 4px 10px;\r\n        border-radius: 6px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .pub-title {\r\n        font-size: 1.05rem;\r\n        font-weight: 700;\r\n        color: #0c4a6e;\r\n        margin: 0 !important;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .pub-author {\r\n        font-size: 0.85rem;\r\n        color: #0284c7;\r\n        font-weight: 600;\r\n        margin: 0 !important;\r\n    }\r\n\r\n    .pub-summary-right {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        color: #0284c7;\r\n        font-size: 0.85rem;\r\n        font-weight: 700;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    \/* Animasi Panah Berputar *\/\r\n    .pub-chevron {\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .pub-card[open] .pub-chevron {\r\n        transform: rotate(180deg);\r\n    }\r\n\r\n    \/* Isi Detail yang Muncul Setelah Diklik *\/\r\n    .pub-details-content {\r\n        padding: 0 22px 22px 22px;\r\n        border-top: 1px solid #f0f9ff;\r\n        animation: fadeIn 0.3s ease;\r\n    }\r\n\r\n    .pub-download-bar {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        flex-wrap: wrap;\r\n        gap: 12px;\r\n        background-color: #f8fafc;\r\n        border: 1px dashed #bae6fd;\r\n        padding: 14px 18px;\r\n        border-radius: 10px;\r\n        margin: 16px 0 20px 0;\r\n    }\r\n\r\n    .pub-desc {\r\n        font-size: 0.92rem;\r\n        color: #334155;\r\n        margin: 0;\r\n        line-height: 1.5;\r\n        flex: 1;\r\n        min-width: 240px;\r\n    }\r\n\r\n    .pub-btn-dl {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        padding: 9px 18px;\r\n        background: linear-gradient(135deg, #38bdf8 0%, #0284c7 100%);\r\n        color: #ffffff !important;\r\n        border-radius: 8px;\r\n        font-size: 0.85rem;\r\n        font-weight: 700;\r\n        text-decoration: none !important;\r\n        box-shadow: 0 3px 10px rgba(2, 132, 199, 0.25);\r\n        transition: opacity 0.2s ease;\r\n    }\r\n\r\n    .pub-btn-dl:hover {\r\n        opacity: 0.9;\r\n    }\r\n\r\n    \/* Galeri 4 Foto (Grid 2x2) *\/\r\n    .pub-gallery {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 14px;\r\n    }\r\n\r\n    .pub-gallery-item {\r\n        position: relative;\r\n        aspect-ratio: 16 \/ 10;\r\n        background-color: #e2e8f0;\r\n        border-radius: 8px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .pub-gallery-item img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n        transition: transform 0.35s ease;\r\n    }\r\n\r\n    .pub-gallery-item:hover img {\r\n        transform: scale(1.04);\r\n    }\r\n\r\n    \/* Tampilan HP \/ Mobile *\/\r\n    @media (max-width: 640px) {\r\n        .pub-summary {\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n        }\r\n\r\n        .pub-summary-right {\r\n            align-self: flex-end;\r\n        }\r\n\r\n        .pub-gallery {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .pub-download-bar {\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"pub-container\">\r\n\r\n    <!-- Tombol Pilih Tahun -->\r\n    <div class=\"pub-tabs\">\r\n        <button class=\"pub-tab-btn active\" onclick=\"openYear(event, 'year-2026')\">Tahun 2026<\/button>\r\n        <button class=\"pub-tab-btn\" onclick=\"openYear(event, 'year-2025')\">Tahun 2025<\/button>\r\n        <button class=\"pub-tab-btn\" onclick=\"openYear(event, 'year-2024')\">Tahun 2024<\/button>\r\n        <button class=\"pub-tab-btn\" onclick=\"openYear(event, 'year-2023')\">Tahun 2023<\/button>\r\n        <button class=\"pub-tab-btn\" onclick=\"openYear(event, 'year-2022')\">Tahun 2022<\/button>\r\n    <\/div>\r\n\r\n    <!-- ==================== TAHUN 2026 ==================== -->\r\n    <div id=\"year-2026\" class=\"pub-grid active\">\r\n        \r\n        <!-- KARTU 1: DOKUMEN PENELITIAN & GALERI FOTO (INTERAKTIF) -->\r\n        <details class=\"pub-card\">\r\n            <!-- TAMPILAN DEPAN -->\r\n            <summary class=\"pub-summary\">\r\n                <div class=\"pub-summary-left\">\r\n                    <span class=\"pub-tag\">Dokumen Penelitian 2026<\/span>\r\n                    <h3 class=\"pub-title\">Coaching Clinic: Peningkatan Kualitas Artikel pada Jurnal Nasional dan Internasional<\/h3>\r\n                    <p class=\"pub-author\">Oleh: Tim Dosen & Mahasiswa PAI<\/p>\r\n                <\/div>\r\n                <div class=\"pub-summary-right\">\r\n                    <span>Lihat Detail<\/span>\r\n                    <svg class=\"pub-chevron\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n                    <\/svg>\r\n                <\/div>\r\n            <\/summary>\r\n\r\n            <!-- TAMPILAN SETELAH DIKLIK -->\r\n            <div class=\"pub-details-content\">\r\n                <!-- Baris Keterangan & Unduh -->\r\n                <div class=\"pub-download-bar\">\r\n                    <p class=\"pub-desc\">\r\n                        Daftar nama dosen dan \/atau mahasiswa, judul karya ilmiah, dan jumlah sitasi dapat diunduh pada tombol berikut:\r\n                    <\/p>\r\n                    <a href=\"URL_FILE_SITASI_2026.pdf\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"pub-btn-dl\">\r\n                        DOWNLOAD\r\n                        <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\r\n                            <polyline points=\"7 10 12 15 17 10\"><\/polyline>\r\n                            <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\r\n                        <\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- 4 Foto Dokumentasi -->\r\n                <div class=\"pub-gallery\">\r\n                    <div class=\"pub-gallery-item\">\r\n                        <img decoding=\"async\" src=\"URL_FOTO_1.jpg\" alt=\"Coaching Clinic 1\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"pub-gallery-item\">\r\n                        <img decoding=\"async\" src=\"URL_FOTO_2.jpg\" alt=\"Coaching Clinic 2\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"pub-gallery-item\">\r\n                        <img decoding=\"async\" src=\"URL_FOTO_3.jpg\" alt=\"Coaching Clinic 3\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"pub-gallery-item\">\r\n                        <img decoding=\"async\" src=\"URL_FOTO_4.jpg\" alt=\"Coaching Clinic 4\" loading=\"lazy\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/details>\r\n\r\n        <!-- KARTU 2: CONTOH ARTIKEL LAINNYA -->\r\n        <details class=\"pub-card\">\r\n            <summary class=\"pub-summary\">\r\n                <div class=\"pub-summary-left\">\r\n                    <span class=\"pub-tag\">Jurnal Teknologi Pendidikan<\/span>\r\n                    <h3 class=\"pub-title\">Pengembangan Pembelajaran Interaktif Berbasis AI<\/h3>\r\n                    <p class=\"pub-author\">Oleh: Ahmad Fauzi<\/p>\r\n                <\/div>\r\n                <div class=\"pub-summary-right\">\r\n                    <span>Lihat Detail<\/span>\r\n                    <svg class=\"pub-chevron\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n                    <\/svg>\r\n                <\/div>\r\n            <\/summary>\r\n            <div class=\"pub-details-content\">\r\n                <div class=\"pub-download-bar\">\r\n                    <p class=\"pub-desc\">Naskah lengkap publikasi jurnal dan data penelitian dapat diakses dan diunduh di bawah ini:<\/p>\r\n                    <a href=\"#\" target=\"_blank\" class=\"pub-btn-dl\">DOWNLOAD PDF<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/details>\r\n\r\n    <\/div>\r\n\r\n    <!-- ==================== TAHUN 2025 ==================== -->\r\n    <div id=\"year-2025\" class=\"pub-grid\">\r\n        <details class=\"pub-card\">\r\n            <summary class=\"pub-summary\">\r\n                <div class=\"pub-summary-left\">\r\n                    <span class=\"pub-tag\">Jurnal Inovasi Pembelajaran<\/span>\r\n                    <h3 class=\"pub-title\">Penerapan Problem-Based Learning pada Kurikulum<\/h3>\r\n                    <p class=\"pub-author\">Oleh: Budi Santoso<\/p>\r\n                <\/div>\r\n                <div class=\"pub-summary-right\">\r\n                    <span>Lihat Detail<\/span>\r\n                    <svg class=\"pub-chevron\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n                    <\/svg>\r\n                <\/div>\r\n            <\/summary>\r\n            <div class=\"pub-details-content\">\r\n                <div class=\"pub-download-bar\">\r\n                    <p class=\"pub-desc\">Dokumen publikasi dan daftar sitasi tahun 2025:<\/p>\r\n                    <a href=\"#\" target=\"_blank\" class=\"pub-btn-dl\">DOWNLOAD<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/details>\r\n    <\/div>\r\n\r\n    <!-- ==================== TAHUN 2024 ==================== -->\r\n    <div id=\"year-2024\" class=\"pub-grid\">\r\n        <details class=\"pub-card\">\r\n            <summary class=\"pub-summary\">\r\n                <div class=\"pub-summary-left\">\r\n                    <span class=\"pub-tag\">Jurnal Literasi<\/span>\r\n                    <h3 class=\"pub-title\">Perbandingan Efektivitas Buku Fisik dan E-Book<\/h3>\r\n                    <p class=\"pub-author\">Oleh: Dian Prasetyo<\/p>\r\n                <\/div>\r\n                <div class=\"pub-summary-right\">\r\n                    <span>Lihat Detail<\/span>\r\n                    <svg class=\"pub-chevron\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n                    <\/svg>\r\n                <\/div>\r\n            <\/summary>\r\n            <div class=\"pub-details-content\">\r\n                <div class=\"pub-download-bar\">\r\n                    <p class=\"pub-desc\">Berkas arsip dokumen publikasi tahun 2024:<\/p>\r\n                    <a href=\"#\" target=\"_blank\" class=\"pub-btn-dl\">DOWNLOAD<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/details>\r\n    <\/div>\r\n\r\n    <!-- ==================== TAHUN 2023 ==================== -->\r\n    <div id=\"year-2023\" class=\"pub-grid\">\r\n        <details class=\"pub-card\">\r\n            <summary class=\"pub-summary\">\r\n                <div class=\"pub-summary-left\">\r\n                    <span class=\"pub-tag\">Arsip 2023<\/span>\r\n                    <h3 class=\"pub-title\">Dokumentasi & Sitasi Penelitian Tahun 2023<\/h3>\r\n                    <p class=\"pub-author\">Oleh: Pengelola Publikasi<\/p>\r\n                <\/div>\r\n                <div class=\"pub-summary-right\">\r\n                    <span>Lihat Detail<\/span>\r\n                    <svg class=\"pub-chevron\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n                    <\/svg>\r\n                <\/div>\r\n            <\/summary>\r\n            <div class=\"pub-details-content\">\r\n                <div class=\"pub-download-bar\">\r\n                    <p class=\"pub-desc\">Arsip sitasi dan publikasi tahun 2023:<\/p>\r\n                    <a href=\"#\" target=\"_blank\" class=\"pub-btn-dl\">DOWNLOAD<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/details>\r\n    <\/div>\r\n\r\n    <!-- ==================== TAHUN 2022 ==================== -->\r\n    <div id=\"year-2022\" class=\"pub-grid\">\r\n        <details class=\"pub-card\">\r\n            <summary class=\"pub-summary\">\r\n                <div class=\"pub-summary-left\">\r\n                    <span class=\"pub-tag\"><\/span>\r\n                    <h3 class=\"pub-title\">Arsip thn 2022<\/h3>\r\n                    <p class=\"pub-author\"><\/p>\r\n                <\/div>\r\n                <div class=\"pub-summary-right\">\r\n                    <span>Lihat Detail<\/span>\r\n                    <svg class=\"pub-chevron\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n                    <\/svg>\r\n                <\/div>\r\n            <\/summary>\r\n            <div class=\"pub-details-content\">\r\n                <div class=\"pub-download-bar\">\r\n                    <p class=\"pub-desc\">Arsip tahun 2022<\/p>\r\n                    <a href=\"https:\/\/drive.google.com\/drive\/folders\/1cd4fxcH7Trid-eN6YG66QPCKloZ0_HZt?usp=drive_link\" target=\"_blank\" class=\"pub-btn-dl\">DOWNLOAD<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/details>\r\n    <\/div>\r\n    \r\n<\/div>\r\n\r\n<!-- JavaScript Pengatur Tab -->\r\n<script>\r\n    function openYear(evt, yearId) {\r\n        var i, grids, tablinks;\r\n        \r\n        grids = document.getElementsByClassName(\"pub-grid\");\r\n        for (i = 0; i < grids.length; i++) {\r\n            grids[i].classList.remove(\"active\");\r\n        }\r\n        \r\n        tablinks = document.getElementsByClassName(\"pub-tab-btn\");\r\n        for (i = 0; i < tablinks.length; i++) {\r\n            tablinks[i].classList.remove(\"active\");\r\n        }\r\n        \r\n        document.getElementById(yearId).classList.add(\"active\");\r\n        evt.currentTarget.classList.add(\"active\");\r\n    }\r\n<\/script>\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>Tahun 2026 Tahun 2025 Tahun 2024 Tahun 2023 Tahun 2022 Dokumen Penelitian 2026 Coaching Clinic: Peningkatan Kualitas Artikel pada Jurnal Nasional dan Internasional Oleh: Tim Dosen &#038; Mahasiswa PAI Lihat Detail Daftar nama dosen dan \/atau mahasiswa, judul karya ilmiah, dan jumlah sitasi dapat diunduh pada tombol berikut: DOWNLOAD Jurnal Teknologi Pendidikan Pengembangan Pembelajaran Interaktif [&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-3265","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3265"}],"version-history":[{"count":13,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3265\/revisions"}],"predecessor-version":[{"id":6137,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3265\/revisions\/6137"}],"wp:attachment":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}