{"id":5804,"date":"2026-09-28T09:06:03","date_gmt":"2026-09-28T09:06:03","guid":{"rendered":"https:\/\/ppid.trunojoyo.ac.id\/?page_id=5804"},"modified":"2026-09-28T09:06:51","modified_gmt":"2026-09-28T09:06:51","slug":"laporan-tahunan-dan-laporan-survey-kepuasan-ppid","status":"publish","type":"page","link":"https:\/\/ppid.trunojoyo.ac.id\/index.php\/laporan-tahunan-dan-laporan-survey-kepuasan-ppid\/","title":{"rendered":"Laporan Tahunan dan Laporan Survey Kepuasan PPID"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5804\" class=\"elementor elementor-5804\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a239268 e-flex e-con-boxed e-con e-parent\" data-id=\"a239268\" 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-274cf44 elementor-widget elementor-widget-html\" data-id=\"274cf44\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n.ppid-laporan-widget {\r\n    font-family: \"Segoe UI\", Arial, sans-serif;\r\n    max-width: 1100px;\r\n    margin: 25px auto;\r\n}\r\n\r\n\/* =========================\r\n   WIDGET UTAMA\r\n========================= *\/\r\n\r\n.ppid-menu {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 22px;\r\n}\r\n\r\n.ppid-menu-card {\r\n    cursor: pointer;\r\n    background: #ffffff;\r\n    border: 1px solid #e5eaf0;\r\n    border-radius: 18px;\r\n    padding: 30px 25px;\r\n    text-align: center;\r\n    box-shadow: 0 5px 18px rgba(0,0,0,.06);\r\n    transition: all .25s ease;\r\n}\r\n\r\n.ppid-menu-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 10px 28px rgba(0,0,0,.12);\r\n}\r\n\r\n.ppid-icon {\r\n    width: 68px;\r\n    height: 68px;\r\n    margin: 0 auto 15px;\r\n    border-radius: 18px;\r\n    background: #eaf3ff;\r\n    color: #155fa0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 31px;\r\n}\r\n\r\n.ppid-menu-title {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    color: #263238;\r\n    margin-bottom: 7px;\r\n}\r\n\r\n.ppid-menu-desc {\r\n    font-size: 14px;\r\n    color: #718096;\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\/* =========================\r\n   DAFTAR LAPORAN\r\n========================= *\/\r\n\r\n.ppid-content {\r\n    display: none;\r\n}\r\n\r\n.ppid-content.active {\r\n    display: block;\r\n}\r\n\r\n.ppid-header {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    margin-bottom: 20px;\r\n    gap: 15px;\r\n}\r\n\r\n.ppid-title {\r\n    font-size: 23px;\r\n    font-weight: 700;\r\n    color: #263238;\r\n}\r\n\r\n.ppid-back {\r\n    border: none;\r\n    background: #eef2f6;\r\n    color: #34495e;\r\n    padding: 9px 15px;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n}\r\n\r\n.ppid-back:hover {\r\n    background: #dfe6ed;\r\n}\r\n\r\n\r\n\/* =========================\r\n   KARTU LAPORAN\r\n========================= *\/\r\n\r\n.ppid-report-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));\r\n    gap: 18px;\r\n}\r\n\r\n.ppid-report {\r\n    background: #fff;\r\n    border: 1px solid #e5eaf0;\r\n    border-radius: 15px;\r\n    padding: 21px;\r\n    box-shadow: 0 4px 14px rgba(0,0,0,.05);\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: .25s ease;\r\n}\r\n\r\n.ppid-report:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 8px 22px rgba(0,0,0,.10);\r\n}\r\n\r\n.ppid-report::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 5px;\r\n    height: 100%;\r\n    background: #155fa0;\r\n}\r\n\r\n.ppid-year {\r\n    display: inline-block;\r\n    background: #eaf3ff;\r\n    color: #155fa0;\r\n    padding: 6px 12px;\r\n    border-radius: 30px;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    margin-bottom: 13px;\r\n}\r\n\r\n.ppid-report-name {\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #263238;\r\n    line-height: 1.5;\r\n    min-height: 48px;\r\n    margin-bottom: 18px;\r\n}\r\n\r\n.ppid-view {\r\n    display: inline-block;\r\n    background: #155fa0;\r\n    color: #fff !important;\r\n    text-decoration: none !important;\r\n    padding: 9px 15px;\r\n    border-radius: 8px;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n}\r\n\r\n.ppid-view:hover {\r\n    background: #0d477c;\r\n}\r\n\r\n\r\n\/* =========================\r\n   TABLEPRESS SUMBER DATA\r\n   DISEMBUNYIKAN\r\n========================= *\/\r\n\r\n#tablepress-79_wrapper,\r\n#tablepress-79 {\r\n    display: none !important;\r\n}\r\n\r\n\r\n\/* =========================\r\n   PESAN KOSONG\r\n========================= *\/\r\n\r\n.ppid-empty {\r\n    text-align: center;\r\n    padding: 35px 20px;\r\n    background: #f8fafc;\r\n    border-radius: 14px;\r\n    color: #718096;\r\n}\r\n\r\n\r\n\/* =========================\r\n   MOBILE\r\n========================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .ppid-menu {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .ppid-header {\r\n        align-items: flex-start;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .ppid-report-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"ppid-laporan-widget\">\r\n\r\n    <!-- =========================\r\n         WIDGET UTAMA\r\n    ========================== -->\r\n\r\n    <div id=\"ppidMenu\" class=\"ppid-menu\">\r\n\r\n        <div class=\"ppid-menu-card\"\r\n             onclick=\"ppidTampilkan('tahunan')\">\r\n\r\n            <div class=\"ppid-icon\">\r\n                \ud83d\udcd8\r\n            <\/div>\r\n\r\n            <div class=\"ppid-menu-title\">\r\n                Laporan Tahunan\r\n            <\/div>\r\n\r\n            <div class=\"ppid-menu-desc\">\r\n                Laporan tahunan keterbukaan\r\n                informasi publik.\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"ppid-menu-card\"\r\n             onclick=\"ppidTampilkan('survei')\">\r\n\r\n            <div class=\"ppid-icon\">\r\n                \ud83d\udcca\r\n            <\/div>\r\n\r\n            <div class=\"ppid-menu-title\">\r\n                Laporan Survei\r\n            <\/div>\r\n\r\n            <div class=\"ppid-menu-desc\">\r\n                Laporan hasil survei layanan\r\n                informasi publik.\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =========================\r\n         LAPORAN TAHUNAN\r\n    ========================== -->\r\n\r\n    <div id=\"ppidTahunan\" class=\"ppid-content\">\r\n\r\n        <div class=\"ppid-header\">\r\n\r\n            <div class=\"ppid-title\">\r\n                \ud83d\udcd8 Laporan Tahunan\r\n            <\/div>\r\n\r\n            <button class=\"ppid-back\"\r\n                    onclick=\"ppidKembali()\">\r\n                \u2190 Kembali\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n        <div id=\"laporanTahunan\"\r\n             class=\"ppid-report-grid\">\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =========================\r\n         LAPORAN SURVEI\r\n    ========================== -->\r\n\r\n    <div id=\"ppidSurvei\" class=\"ppid-content\">\r\n\r\n        <div class=\"ppid-header\">\r\n\r\n            <div class=\"ppid-title\">\r\n                \ud83d\udcca Laporan Survei\r\n            <\/div>\r\n\r\n            <button class=\"ppid-back\"\r\n                    onclick=\"ppidKembali()\">\r\n                \u2190 Kembali\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n        <div id=\"laporanSurvei\"\r\n             class=\"ppid-report-grid\">\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!--\r\n    TABLEPRESS SUMBER DATA\r\n\r\n    Kolom:\r\n    No\r\n    Jenis Laporan\r\n    Tahun\r\n    Nama Laporan\r\n    Tautan\r\n-->\r\n\r\n\n<table id=\"tablepress-79\" class=\"tablepress tablepress-id-79\">\n<thead>\n<tr class=\"row-1 odd\">\n\t<th class=\"column-1\">No<\/th><th class=\"column-2\">Jenis Laporan<\/th><th class=\"column-3\">Tahun<\/th><th class=\"column-4\">Nama Laporan<\/th><th class=\"column-5\">Tautan<\/th>\n<\/tr>\n<\/thead>\n<tbody class=\"row-hover\">\n<tr class=\"row-2 even\">\n\t<td class=\"column-1\">1<\/td><td class=\"column-2\">Laporan Tahunan<\/td><td class=\"column-3\">2025<\/td><td class=\"column-4\">Laporan Tahunan Pejabat Pengelola Informasi dan Dokumentasi<\/td><td class=\"column-5\">https:\/\/ppid.trunojoyo.ac.id\/wp-content\/uploads\/2026\/02\/DRAFT-LAPORAN-TAHUNAN.docx-2-1.pdf<\/td>\n<\/tr>\n<tr class=\"row-3 odd\">\n\t<td class=\"column-1\">2<\/td><td class=\"column-2\">Laporan Tahunan<\/td><td class=\"column-3\">2024<\/td><td class=\"column-4\">Laporan Tahunan Pejabat Pengelola Informasi dan Dokumentasi<\/td><td class=\"column-5\">https:\/\/ppid.trunojoyo.ac.id\/wp-content\/uploads\/2026\/09\/1.c.-Laporan-Tahunan-Pejabat-Pengelola-Informasi-dan-Dokumentasi-Tahun-2024.pdf<\/td>\n<\/tr>\n<tr class=\"row-4 even\">\n\t<td class=\"column-1\">3<\/td><td class=\"column-2\">Laporan Tahunan<\/td><td class=\"column-3\">2023<\/td><td class=\"column-4\">Laporan Tahunan Pejabat Pengelola Informasi dan Dokumentasi<\/td><td class=\"column-5\">https:\/\/ppid.trunojoyo.ac.id\/wp-content\/uploads\/2026\/09\/1.b.-Laporan-Tahunan-Pejabat-Pengelola-Informasi-dan-Dokumentasi-Tahun-2023.pdf<\/td>\n<\/tr>\n<tr class=\"row-5 odd\">\n\t<td class=\"column-1\">4<\/td><td class=\"column-2\">Laporan Tahunan<\/td><td class=\"column-3\">2022<\/td><td class=\"column-4\">Laporan Tahunan Pejabat Pengelola Informasi dan Dokumentasi<\/td><td class=\"column-5\">https:\/\/ppid.trunojoyo.ac.id\/wp-content\/uploads\/2025\/10\/Laporan-Tahunan-Pejabat-Pengelola-Informasi-dan-Dokumentasi-Tahun-2022.pdf<\/td>\n<\/tr>\n<tr class=\"row-6 even\">\n\t<td class=\"column-1\">5<\/td><td class=\"column-2\">Laporan Survey<\/td><td class=\"column-3\">2024<\/td><td class=\"column-4\">Laporan Survey Pejabat Pengelola Informasi dan Dokumentasi<\/td><td class=\"column-5\">https:\/\/ppid.trunojoyo.ac.id\/wp-content\/uploads\/2026\/09\/2.c.-Laporan-Survey-Kepuasan-Layanan-PPID-Tahun-2024.pdf<\/td>\n<\/tr>\n<tr class=\"row-7 odd\">\n\t<td class=\"column-1\">6<\/td><td class=\"column-2\">Laporan Survey<\/td><td class=\"column-3\">2023<\/td><td class=\"column-4\">Laporan Survey Pejabat Pengelola Informasi dan Dokumentasi<\/td><td class=\"column-5\">https:\/\/ppid.trunojoyo.ac.id\/wp-content\/uploads\/2026\/09\/2.b.-Laporan-Survey-Kepuasan-Layanan-PPID-Tahun-2023.pdf<\/td>\n<\/tr>\n<tr class=\"row-8 even\">\n\t<td class=\"column-1\">7<\/td><td class=\"column-2\">Laporan Survey<\/td><td class=\"column-3\">2022<\/td><td class=\"column-4\">Laporan Survey Pejabat Pengelola Informasi dan Dokumentasi<\/td><td class=\"column-5\">https:\/\/ppid.trunojoyo.ac.id\/wp-content\/uploads\/2026\/09\/2.a.-Laporan-Survey-Kepuasan-Layanan-PPID-Tahun-2022.pdf<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<!-- #tablepress-79 from cache -->\r\n\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    var tabel = document.querySelector(\"#tablepress-79\");\r\n\r\n    if (!tabel) {\r\n        console.log(\"TablePress 79 tidak ditemukan.\");\r\n        return;\r\n    }\r\n\r\n    var baris = tabel.querySelectorAll(\"tbody tr\");\r\n\r\n    var tahunan = [];\r\n    var survei = [];\r\n\r\n    baris.forEach(function (row) {\r\n\r\n        var kolom = row.querySelectorAll(\"td\");\r\n\r\n        if (kolom.length < 5) {\r\n            return;\r\n        }\r\n\r\n        var jenis = kolom[1].innerText.trim().toLowerCase();\r\n        var tahun = kolom[2].innerText.trim();\r\n        var nama = kolom[3].innerText.trim();\r\n\r\n        var linkElement = kolom[4].querySelector(\"a\");\r\n\r\n        var link = \"#\";\r\n        var teksLink = \"Lihat Laporan\";\r\n\r\n        if (linkElement) {\r\n            link = linkElement.href;\r\n\r\n            if (linkElement.innerText.trim() !== \"\") {\r\n                teksLink = linkElement.innerText.trim();\r\n            }\r\n        } else {\r\n\r\n            \/*\r\n             * Jika kolom Tautan hanya berisi URL\r\n             *\/\r\n            var isiLink = kolom[4].innerText.trim();\r\n\r\n            if (isiLink !== \"\") {\r\n                link = isiLink;\r\n            }\r\n        }\r\n\r\n\r\n        var data = {\r\n            tahun: tahun,\r\n            nama: nama,\r\n            link: link,\r\n            teksLink: teksLink\r\n        };\r\n\r\n\r\n        \/*\r\n         * Mendeteksi jenis laporan\r\n         *\/\r\n\r\n        if (\r\n            jenis.includes(\"tahunan\") ||\r\n            jenis.includes(\"laporan tahunan\")\r\n        ) {\r\n\r\n            tahunan.push(data);\r\n\r\n        } else if (\r\n            jenis.includes(\"survei\") ||\r\n            jenis.includes(\"survey\") ||\r\n            jenis.includes(\"laporan survei\") ||\r\n            jenis.includes(\"laporan survey\")\r\n        ) {\r\n\r\n            survei.push(data);\r\n\r\n        }\r\n\r\n    });\r\n\r\n\r\n    \/*\r\n     * Urutkan tahun\r\n     * terbaru \u2192 terlama\r\n     *\/\r\n\r\n    function urutkanTahun(a, b) {\r\n\r\n        var tahunA = parseInt(a.tahun) || 0;\r\n        var tahunB = parseInt(b.tahun) || 0;\r\n\r\n        return tahunB - tahunA;\r\n    }\r\n\r\n\r\n    tahunan.sort(urutkanTahun);\r\n    survei.sort(urutkanTahun);\r\n\r\n\r\n    \/*\r\n     * Membuat kartu\r\n     *\/\r\n\r\n    function buatKartu(data) {\r\n\r\n        var html = \"\";\r\n\r\n        data.forEach(function (item) {\r\n\r\n            html += `\r\n                <div class=\"ppid-report\">\r\n\r\n                    <div class=\"ppid-year\">\r\n                        ${item.tahun}\r\n                    <\/div>\r\n\r\n                    <div class=\"ppid-report-name\">\r\n                        ${item.nama}\r\n                    <\/div>\r\n\r\n                    <a href=\"${item.link}\"\r\n                       target=\"_blank\"\r\n                       rel=\"noopener\"\r\n                       class=\"ppid-view\">\r\n                        \u2197 ${item.teksLink}\r\n                    <\/a>\r\n\r\n                <\/div>\r\n            `;\r\n\r\n        });\r\n\r\n        return html;\r\n    }\r\n\r\n\r\n    \/*\r\n     * Masukkan data ke widget\r\n     *\/\r\n\r\n    var areaTahunan =\r\n        document.getElementById(\"laporanTahunan\");\r\n\r\n    var areaSurvei =\r\n        document.getElementById(\"laporanSurvei\");\r\n\r\n\r\n    if (tahunan.length > 0) {\r\n\r\n        areaTahunan.innerHTML =\r\n            buatKartu(tahunan);\r\n\r\n    } else {\r\n\r\n        areaTahunan.innerHTML =\r\n            '<div class=\"ppid-empty\">Belum ada laporan tahunan.<\/div>';\r\n\r\n    }\r\n\r\n\r\n    if (survei.length > 0) {\r\n\r\n        areaSurvei.innerHTML =\r\n            buatKartu(survei);\r\n\r\n    } else {\r\n\r\n        areaSurvei.innerHTML =\r\n            '<div class=\"ppid-empty\">Belum ada laporan survei.<\/div>';\r\n\r\n    }\r\n\r\n});\r\n\r\n\r\n\/*\r\n * Tampilkan jenis laporan\r\n *\/\r\n\r\nfunction ppidTampilkan(jenis) {\r\n\r\n    document.getElementById(\"ppidMenu\").style.display = \"none\";\r\n\r\n    document\r\n        .querySelectorAll(\".ppid-content\")\r\n        .forEach(function (el) {\r\n            el.classList.remove(\"active\");\r\n        });\r\n\r\n\r\n    if (jenis === \"tahunan\") {\r\n\r\n        document\r\n            .getElementById(\"ppidTahunan\")\r\n            .classList.add(\"active\");\r\n\r\n    }\r\n\r\n\r\n    if (jenis === \"survei\") {\r\n\r\n        document\r\n            .getElementById(\"ppidSurvei\")\r\n            .classList.add(\"active\");\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/*\r\n * Kembali ke dua widget utama\r\n *\/\r\n\r\nfunction ppidKembali() {\r\n\r\n    document\r\n        .querySelectorAll(\".ppid-content\")\r\n        .forEach(function (el) {\r\n            el.classList.remove(\"active\");\r\n        });\r\n\r\n    document.getElementById(\"ppidMenu\").style.display = \"grid\";\r\n\r\n}\r\n<\/script>\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>\ud83d\udcd8 Laporan Tahunan Laporan tahunan keterbukaan informasi publik. \ud83d\udcca Laporan Survei Laporan hasil survei layanan informasi publik. \ud83d\udcd8 Laporan Tahunan \u2190 Kembali \ud83d\udcca Laporan Survei \u2190 Kembali<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-5804","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ppid.trunojoyo.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/5804","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ppid.trunojoyo.ac.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ppid.trunojoyo.ac.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ppid.trunojoyo.ac.id\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ppid.trunojoyo.ac.id\/index.php\/wp-json\/wp\/v2\/comments?post=5804"}],"version-history":[{"count":5,"href":"https:\/\/ppid.trunojoyo.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/5804\/revisions"}],"predecessor-version":[{"id":5809,"href":"https:\/\/ppid.trunojoyo.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/5804\/revisions\/5809"}],"wp:attachment":[{"href":"https:\/\/ppid.trunojoyo.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=5804"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}