{"id":3612,"date":"2024-08-24T17:48:12","date_gmt":"2024-08-24T17:48:12","guid":{"rendered":"http:\/\/139.59.116.193\/unit\/ict\/?page_id=3612"},"modified":"2026-08-13T06:07:59","modified_gmt":"2026-08-13T06:07:59","slug":"unduhan","status":"publish","type":"page","link":"https:\/\/fkip.ulm.ac.id\/unit\/ict\/index.php\/unduhan\/","title":{"rendered":"Unduhan"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3612\" class=\"elementor elementor-3612\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19a71d92 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"19a71d92\" 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-69d035ad e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"69d035ad\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-20cc29e elementor-widget elementor-widget-heading\" data-id=\"20cc29e\" 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\">Unduhan<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fdbcd6 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"7fdbcd6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Selamat datang di laman Unduhan. Silakan gunakan\u00a0<em>link<\/em>\u00a0di bawah ini untuk mengakses dokumen dan perangkat lunak yang dibutuhkan oleh Dosen, Staf, dan Mahasiswa.<\/strong><\/p>\t\t\t\t\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-412ddab2 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"412ddab2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53b2a377 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"53b2a377\" 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-download\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z\"><\/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-8a7d856 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"8a7d856\" 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-0a0baa8 elementor-widget elementor-widget-heading\" data-id=\"0a0baa8\" 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<h2 class=\"elementor-heading-title elementor-size-default\">Regulasi dan Prosedur<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-06709d0 elementor-widget elementor-widget-text-editor\" data-id=\"06709d0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\">Pedoman Kerja dan Tata Kelola Teknologi Informasi, yang disusun oleh Tim ICT FKIP ULM<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28783a4 elementor-widget elementor-widget-html\" data-id=\"28783a4\" 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<!-- \r\n  Snippet ini HANYA berisi filter dan tabel SOP\r\n-->\r\n\r\n<!-- [1. STYLE] -->\r\n<style>\r\n    \/* Style untuk font dasar *\/\r\n    .report-functional-wrapper {\r\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n        color: #333;\r\n    }\r\n\r\n    \/* Style filter\/search *\/\r\n    .report-filters {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1rem;\r\n        margin-bottom: 2rem;\r\n    }\r\n    @media (min-width: 768px) {\r\n        .report-filters {\r\n            flex-direction: row;\r\n        }\r\n    }\r\n    .report-filters input,\r\n    .report-filters select {\r\n        width: 100%;\r\n        flex-grow: 1;\r\n        padding: 0.5rem 1rem;\r\n        border: 1px solid #d1d5db;\r\n        border-radius: 0.5rem;\r\n        background-color: #fff;\r\n        font-size: 1rem;\r\n    }\r\n    .report-filters input:focus,\r\n    .report-filters select:focus {\r\n        outline: none;\r\n        border-color: #004a99;\r\n        box-shadow: 0 0 0 2px #cce0ff;\r\n    }\r\n\r\n    \/* Table style *\/\r\n    .report-table-card-wrapper {\r\n        background-color: #fff;\r\n        border-radius: 0.75rem;\r\n        box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);\r\n        border: 1px solid #f3f4f6;\r\n        overflow: hidden;\r\n    }\r\n    .report-table-scroll-wrapper {\r\n        overflow-x: auto;\r\n    }\r\n    .report-table {\r\n        width: 100%;\r\n        min-width: 600px;\r\n        border-collapse: collapse;\r\n    }\r\n    .report-table thead {\r\n        background-color: #f9fafb;\r\n    }\r\n    .report-table th,\r\n    .report-table td {\r\n        padding: 0.75rem 1.5rem;\r\n        text-align: left;\r\n        border-bottom: 1px solid #e5e7eb;\r\n    }\r\n    .report-table th {\r\n        font-size: 1.2rem;\r\n        font-weight: 500;\r\n        color: #6b7280;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.05em;\r\n    }\r\n    .report-table td {\r\n        font-size: 1.2rem;\r\n        color: #374151;\r\n    }\r\n\r\n    .report-title {\r\n        font-weight: 600;\r\n        color: #111827;\r\n        white-space: normal;\r\n        max-width: 24rem;\r\n    }\r\n    .report-links a {\r\n        color: #004a99;\r\n        font-weight: 500;\r\n        text-decoration: none;\r\n        white-space: nowrap;\r\n    }\r\n    .report-links a:hover {\r\n        text-decoration: underline;\r\n    }\r\n<\/style>\r\n\r\n\r\n<!-- [2. HTML] -->\r\n<div class=\"report-functional-wrapper\">\r\n\r\n    <!-- Filter dan Search -->\r\n    <div class=\"report-filters\">\r\n        <input type=\"text\" id=\"report-search-input\" placeholder=\"Cari Nama SOP...\">\r\n        \r\n        <!-- Filter kategori -->\r\n        <select id=\"report-category-filter\">\r\n            <option value=\"all\">Semua Kategori<\/option>\r\n            <option value=\"Software\">Software<\/option>\r\n            <option value=\"Layanan It\">Layanan It<\/option>\r\n            <option value=\"Layanan tI\">Layanan tI<\/option>\r\n            <option value=\"Networking\">Networking<\/option>\r\n        <\/select>\r\n    <\/div>\r\n\r\n    <!-- Tabel -->\r\n    <div class=\"report-table-card-wrapper\">\r\n        <div class=\"report-table-scroll-wrapper\">\r\n            <table class=\"report-table\">\r\n                <thead>\r\n                    <tr>\r\n                        <th>No Dokumen<\/th>\r\n                        <th>Nama Dokumen<\/th>\r\n                        <th>Kategori<\/th>\r\n                        <th>Ringkasan<\/th>\r\n                        <th style=\"text-align: right;\">Tautan<\/th>\r\n                    <\/tr>\r\n                <\/thead>\r\n\r\n                <tbody id=\"report-table-body\">\r\n                    \r\n                      <tr data-category=\"Software\">\r\n                        <td>396\/.N.8.1.2\/KP\/2024<\/td>\r\n                        <td class=\"report-title\">SK Tim Penyusunan SOP ICT FKIP ULM<\/td>\r\n                        <td>Surat Keterangan<\/td>\r\n                        <td>menetapkan pembentukan Tim Penyusun Standar Operasional Prosedur (SOP) Information and Communication Technology (ICT) di lingkungan FKIP<\/td>\r\n                        <td class=\"report-links\" style=\"text-align: right;\">\r\n                            <a href=\"https:\/\/drive.google.com\/file\/d\/1Nj3ZIkePKk_SyEkPcvdk5EGKFuklybks\/view?usp=sharing\">Buka Dokumen<\/a>\r\n                        <\/td>\r\n                    <\/tr>\r\n\r\n                    <tr data-category=\"Software\">\r\n                        <td>SOP-ICT-FKIP-ULM<\/td>\r\n                        <td class=\"report-title\">Dokumen SOP ICT FKIP ULM<\/td>\r\n                        <td>Layanan It<\/td>\r\n                        <td>Seluruh Dokumen SOP FKIP ULM<\/td>\r\n                        <td class=\"report-links\" style=\"text-align: right;\">\r\n                            <a href=\"https:\/\/drive.google.com\/file\/d\/1N41Xttc1drPqxiImN3sWDidT7xwZ6ONM\/view?usp=sharing\">Buka Dokumen<\/a>\r\n                        <\/td>\r\n                    <\/tr>\r\n                    <!-- DATA -->\r\n                    <tr data-category=\"Software\">\r\n                        <td>ICT-FKIP-ULM-SOP-001<\/td>\r\n                        <td class=\"report-title\">BACKUP DATA SISTEM INFORMASI<\/td>\r\n                        <td>Software<\/td>\r\n                        <td>Memberikan pedoman untuk melakukan Backup Data Server di FKIP ULM<\/td>\r\n                        <td class=\"report-links\" style=\"text-align: right;\">\r\n                            <a href=\"https:\/\/drive.google.com\/file\/d\/1jtRSLpxAGU21X0unXFByvqUB9YOe24ED\/view?usp=sharing\" target=\"_blank\">Buka Dokumen<\/a>\r\n                        <\/td>\r\n                    <\/tr>\r\n\r\n                    <tr data-category=\"Software\">\r\n                        <td>ICT-FKIP-ULM-SOP-002<\/td>\r\n                        <td class=\"report-title\">MAINTENANCE<\/td>\r\n                        <td>Software<\/td>\r\n                        <td>Perbaikan & perawatan perangkat keras, lunak, dan jaringan<\/td>\r\n                        <td class=\"report-links\" style=\"text-align: right;\">\r\n                            <a href=\"https:\/\/drive.google.com\/file\/d\/1Ch_q6FBdiN60fVXzGCPM6k-n0J3Q-990\/view?usp=sharing\" target=\"_blank\">Buka Dokumen<\/a>\r\n                        <\/td>\r\n                    <\/tr>\r\n\r\n                    <tr data-category=\"Layanan It\">\r\n                        <td>ICT-FKIP-ULM-SOP-003<\/td>\r\n                        <td class=\"report-title\">PEMINJAMAN ALAT ICT<\/td>\r\n                        <td>Layanan It<\/td>\r\n                        <td>Pedoman peminjaman alat ICT<\/td>\r\n                        <td class=\"report-links\" style=\"text-align: right;\">\r\n                            <a href=\"https:\/\/drive.google.com\/file\/d\/1zGYuFIKIqIJw35H1ByITRkI854HiVB9o\/view?usp=sharing\" target=\"_blank\">Buka Dokumen<\/a>\r\n                        <\/td>\r\n                    <\/tr>\r\n\r\n                    <tr data-category=\"Layanan It\">\r\n                        <td>ICT-FKIP-ULM-SOP-004<\/td>\r\n                        <td class=\"report-title\">PENUGASAN KARYAWAN ICT<\/td>\r\n                        <td>Layanan It<\/td>\r\n                        <td>Pedoman penugasan karyawan ICT<\/td>\r\n                        <td class=\"report-links\" style=\"text-align: right;\">\r\n                            <a href=\"https:\/\/drive.google.com\/file\/d\/1LlNJrE_oCai_iC2VM5zqoagb3eHBnTP8\/view?usp=sharing\" target=\"_blank\">Buka Dokumen<\/a>\r\n                        <\/td>\r\n                    <\/tr>\r\n\r\n                    <tr data-category=\"Layanan tI\">\r\n                        <td>ICT-FKIP-ULM-SOP-005<\/td>\r\n                        <td class=\"report-title\">PERMINTAAN DATA<\/td>\r\n                        <td>Layanan tI<\/td>\r\n                        <td>Pedoman permintaan data ke ICT<\/td>\r\n                        <td class=\"report-links\" style=\"text-align: right;\">\r\n                            <a href=\"https:\/\/drive.google.com\/file\/d\/1tVmGTL5F_5XhJe5le4PSYCTBogDcL41G\/view?usp=sharing\" target=\"_blank\">Buka Dokumen<\/a>\r\n                        <\/td>\r\n                    <\/tr>\r\n\r\n                    <tr data-category=\"Layanan It\">\r\n                        <td>ICT-FKIP-ULM-SOP-006<\/td>\r\n                        <td class=\"report-title\">PERMINTAAN LAYANAN ICT<\/td>\r\n                        <td>Layanan It<\/td>\r\n                        <td>Pedoman permintaan layanan ICT<\/td>\r\n                        <td class=\"report-links\" style=\"text-align: right;\">\r\n                            <a href=\"https:\/\/drive.google.com\/file\/d\/1Z0KgvlBl_LOHdEiWhBQ29w7a_xP93GgD\/view?usp=sharing\" target=\"_blank\">Buka Dokumen<\/a>\r\n                        <\/td>\r\n                    <\/tr>\r\n\r\n                    <tr data-category=\"Software\">\r\n                        <td>ICT-FKIP-ULM-SOP-007<\/td>\r\n                        <td class=\"report-title\">PENGEMBANGAN SISTEM INFORMASI<\/td>\r\n                        <td>Software<\/td>\r\n                        <td>Prosedur pengembangan sistem informasi<\/td>\r\n                        <td class=\"report-links\" style=\"text-align: right;\">\r\n                            <a href=\"https:\/\/drive.google.com\/file\/d\/1oKr5FlXLFV3fYCzIRhyVloQTaZHPeb4H\/view?usp=sharing\" target=\"_blank\">Buka Dokumen<\/a>\r\n                        <\/td>\r\n                    <\/tr>\r\n\r\n                    <tr data-category=\"Networking\">\r\n                        <td>ICT-FKIP-ULM-SOP-008<\/td>\r\n                        <td class=\"report-title\">PENGELOLAAN INFRASTRUKTUR TI<\/td>\r\n                        <td>Networking<\/td>\r\n                        <td>Proses pengelolaan perangkat keras TI<\/td>\r\n                        <td class=\"report-links\" style=\"text-align: right;\">\r\n                            <a href=\"https:\/\/drive.google.com\/file\/d\/17XMEohzz55EzE12vGaDDnGI-cmWGr1xb\/view?usp=sharing\" target=\"_blank\">Buka Dokumen<\/a>\r\n                        <\/td>\r\n                    <\/tr>\r\n                     <tr data-category=\"Software\">\r\n                        <td>ICT-FKIP-ULM-SOP-009<\/td>\r\n                        <td class=\"report-title\">Pengajuan Pembuatan User ID<\/td>\r\n                        <td>Software<\/td>\r\n                        <td>Standar Operasional Prosedure Pengajuan Pembuatan User ID<\/td>\r\n                        <td class=\"report-links\" style=\"text-align: right;\">\r\n                            <a href=\"https:\/\/drive.google.com\/file\/d\/1-KDeoLlZiDFPpbGxPcMuw7djkXovlwt9\/view?usp=sharing\" target=\"_blank\">Buka Dokumen<\/a>\r\n                        <\/td>\r\n                    <\/tr>\r\n                    <tr data-category=\"Networking\">\r\n                        <td>ICT-FKIP-ULM-SOP-010<\/td>\r\n                        <td class=\"report-title\">Pengajuan Perangkat Baru<\/td>\r\n                        <td>Software<\/td>\r\n                        <td>Standar Operasional Prosedure Pengajuan Perangkat Baru<\/td>\r\n                        <td class=\"report-links\" style=\"text-align: right;\">\r\n                            <a href=\"https:\/\/drive.google.com\/file\/d\/1DHEo8GYCGilZ86jezbO-0zlB4ESp7WKm\/view?usp=sharing\" target=\"_blank\">Buka Dokumen<\/a>\r\n                        <\/td>\r\n                    <\/tr>\r\n                    <tr data-category=\"Networking\">\r\n                        <td>ICT-FKIP-ULM-SOP-011<\/td>\r\n                        <td class=\"report-title\">Pembelajaran E-Learning<\/td>\r\n                        <td>Software<\/td>\r\n                        <td>Standar Operasional Prosedure Pembelajaran E-Learning<\/td>\r\n                        <td class=\"report-links\" style=\"text-align: right;\">\r\n                            <a href=\"https:\/\/drive.google.com\/file\/d\/1LdG2qFjzuaQVPHoRgoLOYi1oFDOksLt6\/view?usp=sharing\" target=\"_blank\">Buka Dokumen<\/a>\r\n                        <\/td>\r\n                    <\/tr>\r\n                    \r\n                    <tr data-category=\"Networking\">\r\n                        <td>K3L-ICT-FKIP-ULM-DOK<\/td>\r\n                        <td class=\"report-title\">Keselamatan, Kesehatan kerja dan Lingkungan<\/td>\r\n                        <td>Layanan IT \/ K3LIT<\/td>\r\n                        <td>Dokumen K3L Unit ICT FKIP ULM tahun 2026 merupakan panduan komprehensif berbasis siklus Plan-Do-Check-Act (PDCA)<\/td>\r\n                        <td class=\"report-links\" style=\"text-align: right;\">\r\n                            <a href=\"https:\/\/drive.google.com\/file\/d\/1AIhjRtZomWGYQ0GV21H0BTQo3eG3tcRX\/view?usp=sharing\" target=\"_blank\">Buka Dokumen<\/a>\r\n                        <\/td>\r\n                    <\/tr>\r\n\r\n                    <!-- Baris No Result -->\r\n                    <tr id=\"report-no-results\" style=\"display: none;\">\r\n                        <td colspan=\"5\" style=\"text-align:center; color:#6b7280; font-style:italic;\">\r\n                            Tidak ada dokumen ditemukan.\r\n                        <\/td>\r\n                    <\/tr>\r\n\r\n                <\/tbody>\r\n            <\/table>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- [3. SCRIPT] -->\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n\r\n    const searchInput = document.getElementById('report-search-input');\r\n    const categoryFilter = document.getElementById('report-category-filter');\r\n    const tableBody = document.getElementById('report-table-body');\r\n    const allRows = tableBody.querySelectorAll('tr[data-category]');\r\n    const noResults = document.getElementById('report-no-results');\r\n\r\n    function filterTable() {\r\n        let term = searchInput.value.toLowerCase();\r\n        let cat = categoryFilter.value;\r\n\r\n        let visible = 0;\r\n\r\n        allRows.forEach(row => {\r\n            const title = row.querySelector('.report-title').textContent.toLowerCase();\r\n            const category = row.dataset.category;\r\n\r\n            const matchTitle = title.includes(term);\r\n            const matchCategory = (cat === \"all\" || category === cat);\r\n\r\n            if (matchTitle && matchCategory) {\r\n                row.style.display = \"\";\r\n                visible++;\r\n            } else {\r\n                row.style.display = \"none\";\r\n            }\r\n        });\r\n\r\n        noResults.style.display = visible === 0 ? \"\" : \"none\";\r\n    }\r\n\r\n    searchInput.addEventListener('input', filterTable);\r\n    categoryFilter.addEventListener('change', filterTable);\r\n});\r\n<\/script>\r\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-013672d e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"013672d\" 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-b6eaf1e e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no elementor-invisible e-con e-child\" data-id=\"b6eaf1e\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;slideInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-689e5f6 elementor-widget elementor-widget-heading\" data-id=\"689e5f6\" 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<h2 class=\"elementor-heading-title elementor-size-default\">Laporan dan Dokumentasi Resmi<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0885dba elementor-widget elementor-widget-text-editor\" data-id=\"0885dba\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\">Akses dokumen akuntabilitas kinerja tahunan dan materi pengembangan Unit ICT FKIP ULM<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0343eac elementor-widget elementor-widget-html\" data-id=\"0343eac\" 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<!-- \r\n  CATATAN: \r\n  Snippet ini HANYA berisi filter dan tabel, tanpa teks lain.\r\n  Filter dan Search SUDAH BERFUNGSI.\r\n  \r\n  Cukup copy-paste semua kode di bawah ini ke editor HTML WordPress Anda.\r\n-->\r\n\r\n<!-- [1. STYLE] Ini adalah CSS yang dibutuhkan agar tabel terlihat rapi -->\r\n<style>\r\n  \/* Style untuk font dasar *\/\r\n  .reports-functional-wrapper {\r\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n      color: #333;\r\n  }\r\n\r\n  \/* Style untuk filter\/search *\/\r\n  .reports-filters {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 1rem; \/* 16px *\/\r\n      margin-bottom: 2rem; \/* 32px *\/\r\n  }\r\n  @media (min-width: 768px) {\r\n      .reports-filters {\r\n          flex-direction: row;\r\n      }\r\n  }\r\n  .reports-filters input[type=\"text\"],\r\n  .reports-filters select {\r\n      width: 100%; \/* Agar responsif di mobile *\/\r\n      flex-grow: 1;\r\n      padding: 0.5rem 1rem; \/* 8px 16px *\/\r\n      border: 1px solid #d1d5db; \/* gray-300 *\/\r\n      border-radius: 0.5rem; \/* rounded-lg *\/\r\n      background-color: #fff;\r\n      font-size: 1rem; \/* 16px *\/\r\n  }\r\n  @media (min-width: 768px) {\r\n      .reports-filters input[type=\"text\"],\r\n      .reports-filters select {\r\n          width: auto; \/* Kembalikan ke auto di desktop *\/\r\n      }\r\n  }\r\n  .reports-filters input[type=\"text\"]:focus,\r\n  .reports-filters select:focus {\r\n      outline: none;\r\n      border-color: #004a99; \/* ulm-blue-700 *\/\r\n      box-shadow: 0 0 0 2px #cce0ff; \/* ring-ulm-blue-100 *\/\r\n  }\r\n\r\n  \/* Style untuk tabel *\/\r\n  .reports-table-card-wrapper {\r\n      background-color: #fff;\r\n      border-radius: 0.75rem; \/* rounded-xl *\/\r\n      box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); \/* shadow-lg *\/\r\n      border: 1px solid #f3f4f6; \/* border-gray-100 *\/\r\n      overflow: hidden;\r\n  }\r\n  .reports-table-scroll-wrapper {\r\n      overflow-x: auto; \/* Membuat tabel bisa di-scroll di HP *\/\r\n  }\r\n  .reports-table {\r\n      width: 100%;\r\n      min-width: 600px; \/* Lebar minimum agar tidak terlalu sempit *\/\r\n      border-collapse: collapse;\r\n  }\r\n  .reports-table thead {\r\n      background-color: #f9fafb; \/* gray-50 *\/\r\n  }\r\n  .reports-table th,\r\n  .reports-table td {\r\n      padding: 0.75rem 1.5rem; \/* 12px 24px (px-6 py-3) *\/\r\n      text-align: left;\r\n      border-bottom: 1px solid #e5e7eb; \/* divide-gray-200 *\/\r\n  }\r\n  .reports-table th {\r\n      font-size: 1.2rem; \/* 12px *\/\r\n      font-weight: 500;\r\n      color: #6b7280; \/* gray-500 *\/\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.05em;\r\n  }\r\n  .reports-table td {\r\n      font-size: 1.2rem; \/* 14px *\/\r\n      color: #374151; \/* gray-700 *\/\r\n  }\r\n  .reports-table .reports-title {\r\n      font-weight: 600;\r\n      color: #111827; \/* gray-900 *\/\r\n      white-space: normal;\r\n      max-width: 24rem;\r\n  }\r\n  .reports-table .reports-links a {\r\n      color: #004a99; \/* ulm-blue-700 *\/\r\n      font-weight: 500;\r\n      text-decoration: none;\r\n      white-space: nowrap;\r\n  }\r\n  .reports-table .reports-links a:hover {\r\n      text-decoration: underline;\r\n  }\r\n\r\n  \/* Style untuk Tag Jenis Dokumen *\/\r\n  .type-tag {\r\n      display: inline-flex;\r\n      padding: 0.25rem 0.75rem; \/* 4px 12px (px-3 py-1) *\/\r\n      font-size: 1.2rem; \/* 12px *\/\r\n      line-height: 1.25;\r\n      font-weight: 600;\r\n      border-radius: 9999px; \/* rounded-full *\/\r\n      white-space: nowrap;\r\n  }\r\n  .type-laporan { background-color: #e0e7ff; color: #3730a3; } \/* bg-indigo-100 text-indigo-800 *\/\r\n  .type-pelatihan { background-color: #d1fae5; color: #065f46; } \/* bg-green-100 text-green-800 *\/\r\n\r\n<\/style>\r\n\r\n<!-- [2. HTML] Ini adalah konten tabel dan filter -->\r\n<div class=\"reports-functional-wrapper\">\r\n  <!-- Filter dan Search -->\r\n  <div class=\"reports-filters\">\r\n      <input type=\"text\" id=\"reports-search-input\" placeholder=\"Cari Judul Dokumen...\">\r\n      \r\n      <select id=\"reports-type-filter\">\r\n          <option value=\"all\">Semua Jenis Dokumen<\/option>\r\n          <option value=\"laporan\">Laporan Tahunan<\/option>\r\n          <option value=\"pelatihan\">Pelatihan<\/option>\r\n          <option value=\"DKPS\">DKPS<\/option>\r\n      <\/select>\r\n      \r\n      <select id=\"reports-year-filter\">\r\n          <option value=\"all\">Semua Tahun<\/option>\r\n          <option value=\"2025\">2025<\/option>\r\n          <option value=\"2024\">2024<\/option>\r\n          <option value=\"2023\">2023<\/option>\r\n      <\/select>\r\n  <\/div>\r\n\r\n  <!-- Implementasi Tabel -->\r\n  <div class=\"reports-table-card-wrapper\">\r\n      <div class=\"reports-table-scroll-wrapper\">\r\n          <table class=\"reports-table\">\r\n              <thead>\r\n                  <tr>\r\n                      <th>Jenis Dokumen<\/th>\r\n                      <th>Judul Dokumen<\/th>\r\n                      <th>Tahun<\/th>\r\n                      <th style=\"text-align: right;\">Tautan Unduh<\/th>\r\n                  <\/tr>\r\n              <\/thead>\r\n              <!-- [PENTING] ID 'reports-table-body' digunakan oleh JavaScript -->\r\n              <tbody id=\"reports-table-body\">\r\n                  \r\n                  <!-- Data dari Dokumen Word (Bagian 7) -->\r\n                  <!-- Atribut 'data-type' dan 'data-year' digunakan untuk filter -->\r\n                  \r\n                  <tr data-type=\"laporan\" data-year=\"2025\">\r\n                      <td><span class=\"type-tag type-laporan\">Laporan Tahunan<\/span><\/td>\r\n                      <td class=\"reports-title\">Laporan Hasil Tindak Lanjut Tahun 2025 dan Rencana Tindak Lanjut Tahun  2026<\/td>\r\n                      <td>2025<\/td>\r\n                      <td class=\"reports-links\" style=\"text-align: right;\">\r\n                          <a href=\"https:\/\/drive.google.com\/file\/d\/1_Xnq2JlAgMcHka8ptwYyfKT2M_pW_2nV\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\">Buka Dokumen<\/a>\r\n                      <\/td>\r\n                  <\/tr>\r\n                  <tr data-type=\"laporan\" data-year=\"2024\">\r\n                      <td><span class=\"type-tag type-laporan\">Laporan Tahunan<\/span><\/td>\r\n                      <td class=\"reports-title\">Laporan Hasil Tindak Lanjut Tahun 2024 dan Rencana Tindak Lanjut Tahun  2025<\/td>\r\n                      <td>2024<\/td>\r\n                      <td class=\"reports-links\" style=\"text-align: right;\">\r\n                          <a href=\"https:\/\/drive.google.com\/file\/d\/1xXBAJaNAgO289lvGK0_T9ocZsLpymNos\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\">Buka Dokumen<\/a>\r\n                      <\/td>\r\n                  <\/tr>\r\n                  <tr data-type=\"laporan\" data-year=\"2024\">\r\n                      <td><span class=\"type-tag type-laporan\">Laporan Tahunan<\/span><\/td>\r\n                      <td class=\"reports-title\">Laporan Kegiatan Divisi Software dan Integrasi Sistem 2024<\/td>\r\n                      <td>2024<\/td>\r\n                      <td class=\"reports-links\" style=\"text-align: right;\">\r\n                          <a href=\"https:\/\/docs.google.com\/document\/d\/14cr8yE_9408imtKKaKIwoZwVTgOd_lPTFxDyC8LLwMU\/edit?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\">Buka Dokumen<\/a>\r\n                      <\/td>\r\n                  <\/tr>\r\n                  \r\n                  <tr data-type=\"laporan\" data-year=\"2024\">\r\n                      <td><span class=\"type-tag type-laporan\">Laporan Tahunan<\/span><\/td>\r\n                      <td class=\"reports-title\">Laporan Kegiatan Divisi Konten Kreator 2024<\/td>\r\n                      <td>2024<\/td>\r\n                      <td class=\"reports-links\" style=\"text-align: right;\">\r\n                          <a href=\"https:\/\/docs.google.com\/document\/d\/16dNCd1sBazaNBCS7neWIAXs5fYWpEcVxEgEUpnUk4W8\/edit?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\">Buka Dokumen<\/a>\r\n                      <\/td>\r\n                  <\/tr>\r\n                  \r\n                  <tr data-type=\"laporan\" data-year=\"2024\">\r\n                      <td><span class=\"type-tag type-laporan\">Laporan Tahunan<\/span><\/td>\r\n                      <td class=\"reports-title\">Laporan Kegiatan Divisi Infrastruktur dan Jaringan 2024<\/td>\r\n                      <td>2024<\/td>\r\n                      <td class=\"reports-links\" style=\"text-align: right;\">\r\n                          <a href=\"https:\/\/drive.google.com\/file\/d\/1wUbsl8HLUVLV2wHo64h1YLUO95sU-wFY\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\">Buka Dokumen<\/a>\r\n                      <\/td>\r\n                  <\/tr>\r\n                  <tr data-type=\"DKPS\" data-year=\"2024\">\r\n                      <td><span class=\"type-tag type-pelatihan\">DKPS<\/span><\/td>\r\n                      <td class=\"reports-title\">Dokumen Kinerja Program Studi - Daftar TIK FKIP ULM<\/td>\r\n                      <td>2025<\/td>\r\n                      <td class=\"reports-links\" style=\"text-align: right;\">\r\n                          <a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1WU5qr99q7J8qkc7j4CIqof32M-nA5tvQUXEJilN0ulw\/edit?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\">Buka Dokumen<\/a>\r\n                      <\/td>\r\n                  <\/tr>\r\n                  <tr data-type=\"DKPS\" data-year=\"2024\">\r\n                      <td><span class=\"type-tag type-pelatihan\">Dokumen<\/span><\/td>\r\n                      <td class=\"reports-title\">Tugas Pokok dan Fungsi Personil Unit ICT FKIP ULM<\/td>\r\n                      <td>2025<\/td>\r\n                      <td class=\"reports-links\" style=\"text-align: right;\">\r\n                          <a href=\"https:\/\/drive.google.com\/file\/d\/1UpnNYO3CJJ8Up8ObRWnOYvN4Wkzezppt\/view?usp=sharing\">Buka Dokumen<\/a>\r\n                      <\/td>\r\n                  <\/tr>\r\n                  <tr data-type=\"laporan\" data-year=\"2025\">\r\n                      <td><span class=\"type-tag type-laporan\">Laporan Kegiatan<\/span><\/td>\r\n                      <td class=\"reports-title\">Kolaborasi ICT FKIP & UPA TIK ULM dalam pelatihan keamanan website jurusan di lingkungan FKIP<\/td>\r\n                      <td><b>November<\/b> 2025<\/td>\r\n                      <td class=\"reports-links\" style=\"text-align: right;\">\r\n                          <a href=\"https:\/\/drive.google.com\/file\/d\/1ZI4RrmevAmsn9Oz8TUHH84Z9XDjpdlFw\/view?usp=sharing\">Buka Dokumen<\/a>\r\n                      <\/td>\r\n                  <\/tr>\r\n                  <tr data-type=\"laporan\" data-year=\"2026\">\r\n                      <td><span class=\"type-tag type-laporan\">Laporan Kegiatan<\/span><\/td>\r\n                      <td class=\"reports-title\">Pelatihan Backend Architecture & System Scalability<\/td>\r\n                      <td><b>April<\/b> 2026<\/td>\r\n                      <td class=\"reports-links\" style=\"text-align: right;\">\r\n                          <a href=\"https:\/\/drive.google.com\/file\/d\/1SQrU6qzlsv4P8kQ-eCQsPSfmt3gHUxI1\/view?usp=sharing\">Buka Dokumen<\/a>\r\n                      <\/td>\r\n                  <\/tr>\r\n                    <tr data-type=\"laporan\" data-year=\"2025\">\r\n                      <td><span class=\"type-tag type-laporan\">Laporan Kegiatan<\/span><\/td>\r\n                      <td class=\"reports-title\">Pelatihan Penggunaan Pantau Untuk Manajemen Berita-berita jurusan<\/td>\r\n                      <td><b>September<\/b> 2025<\/td>\r\n                      <td class=\"reports-links\" style=\"text-align: right;\">\r\n                          <a href=\"https:\/\/drive.google.com\/file\/d\/10QrERDQ_fQKjKBjn56mEIpjZtlD4dlLP\/view?usp=sharing\">Buka Dokumen<\/a>\r\n                      <\/td>\r\n                  <\/tr>\r\n                     <tr data-type=\"laporan\" data-year=\"2026\">\r\n                      <td><span class=\"type-tag type-laporan\">Laporan Kegiatan<\/span><\/td>\r\n                      <td class=\"reports-title\">FGD Pengembangan dan Optimalisasi Aplikasi di Lingkungan FKIP ULM<\/td>\r\n                      <td><b>Maret<\/b> 2026<\/td>\r\n                      <td class=\"reports-links\" style=\"text-align: right;\">\r\n                          <a href=\"https:\/\/drive.google.com\/file\/d\/1Ex7RVbsfZfjOOC0bSWUH1f39YtkinDMt\/view?usp=sharing\">Buka Dokumen<\/a>\r\n                      <\/td>\r\n                  <\/tr>\r\n                    <tr data-type=\"laporan\" data-year=\"2026\">\r\n                      <td><span class=\"type-tag type-laporan\">Laporan Kegiatan<\/span><\/td>\r\n                      <td class=\"reports-title\">FGD Program Kerja 2026<\/td>\r\n                      <td><b>Februari<\/b> 2026<\/td>\r\n                      <td class=\"reports-links\" style=\"text-align: right;\">\r\n                          <a href=\"https:\/\/drive.google.com\/file\/d\/1krPfLdX4wE5IdxKuTUJbI-OBVAb224qu\/view?usp=sharing\">Buka Dokumen<\/a>\r\n                      <\/td>\r\n                  <\/tr>\r\n                   <tr data-type=\"laporan\" data-year=\"2026\">\r\n                      <td><span class=\"type-tag type-laporan\">Laporan Kegiatan<\/span><\/td>\r\n                      <td class=\"reports-title\">Tata Kelola dan Peta Jalan ( Roadmap) Strategis Teknologi Informasi<\/td>\r\n                      <td><b>April<\/b> 2026<\/td>\r\n                      <td class=\"reports-links\" style=\"text-align: right;\">\r\n                          <a href=\"https:\/\/drive.google.com\/file\/d\/1QJQW3LnnPJ_z58cpVFpuyJ6QeUGxF4mh\/view?usp=sharing\">Buka Dokumen<\/a>\r\n                      <\/td>\r\n                  <\/tr>\r\n\r\n                  <!-- Baris \"Tidak Ditemukan\" -->\r\n                  <tr id=\"reports-no-results\" style=\"display: none;\">\r\n                      <td colspan=\"4\" style=\"text-align: center; color: #6b7280; font-style: italic;\">\r\n                          Tidak ada laporan yang ditemukan.\r\n                      <\/td>\r\n                  <\/tr>\r\n              <\/tbody>\r\n          <\/table>\r\n      <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- [3. JAVASCRIPT] Ini adalah kode yang membuat filter berfungsi -->\r\n<script>\r\n  \/\/ Menjalankan script setelah halaman (atau blok HTML ini) dimuat\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n      \r\n      \/\/ Ambil elemen-elemen yang diperlukan\r\n      const searchInput = document.getElementById('reports-search-input');\r\n      const typeFilter = document.getElementById('reports-type-filter');\r\n      const yearFilter = document.getElementById('reports-year-filter');\r\n      const tableBody = document.getElementById('reports-table-body');\r\n      const allRows = tableBody.querySelectorAll('tr[data-type]'); \/\/ Semua baris data\r\n      const noResultsRow = document.getElementById('reports-no-results');\r\n\r\n      \/\/ Fungsi untuk memfilter tabel\r\n      function filterreportsTable() {\r\n          \/\/ Ambil nilai filter saat ini (dan ubah ke huruf kecil untuk pencarian)\r\n          const searchTerm = searchInput.value.toLowerCase();\r\n          const selectedType = typeFilter.value;\r\n          const selectedYear = yearFilter.value;\r\n\r\n          let visibleRowCount = 0;\r\n\r\n          \/\/ Loop melalui setiap baris data\r\n          allRows.forEach(function(row) {\r\n              \/\/ Ambil data dari baris\r\n              const reportsTitle = row.querySelector('.reports-title').textContent.toLowerCase();\r\n              const reportsType = row.dataset.type;\r\n              const reportsYear = row.dataset.year;\r\n\r\n              \/\/ Cek kondisi pencocokan\r\n              const titleMatch = reportsTitle.includes(searchTerm);\r\n              const typeMatch = (selectedType === 'all' || reportsType === selectedType);\r\n              const yearMatch = (selectedYear === 'all' || reportsYear === selectedYear);\r\n\r\n              \/\/ Tampilkan atau sembunyikan baris berdasarkan hasil pencocokan\r\n              if (titleMatch && typeMatch && yearMatch) {\r\n                  row.style.display = ''; \/\/ Tampilkan baris\r\n                  visibleRowCount++;\r\n              } else {\r\n                  row.style.display = 'none'; \/\/ Sembunyikan baris\r\n              }\r\n          });\r\n\r\n          \/\/ Tampilkan atau sembunyikan baris \"Tidak Ditemukan\"\r\n          if (visibleRowCount === 0) {\r\n              noResultsRow.style.display = ''; \/\/ Tampilkan\r\n          } else {\r\n              noResultsRow.style.display = 'none'; \/\/ Sembunyikan\r\n          }\r\n      }\r\n\r\n      \/\/ Tambahkan event listener ke semua filter\r\n      searchInput.addEventListener('input', filterreportsTable);\r\n      typeFilter.addEventListener('change', filterreportsTable);\r\n      yearFilter.addEventListener('change', filterreportsTable);\r\n\r\n  });\r\n<\/script>\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-a21235a e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"a21235a\" 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-e00f159 elementor-widget elementor-widget-heading\" data-id=\"e00f159\" 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<h2 class=\"elementor-heading-title elementor-size-default\">Software dan Aplikasi<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b06a6dd elementor-widget elementor-widget-text-editor\" data-id=\"b06a6dd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\">Software dan Aplikasi yang sering digunakan\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1ecffb elementor-widget elementor-widget-html\" data-id=\"b1ecffb\" 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<!-- =========================\r\n    STYLE\r\n========================= -->\r\n<style>\r\n    .app-functional-wrapper {\r\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n        color: #333;\r\n    }\r\n\r\n    .app-filters {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1rem;\r\n        margin-bottom: 2rem;\r\n    }\r\n\r\n    @media (min-width:768px) {\r\n        .app-filters {\r\n            flex-direction: row;\r\n        }\r\n    }\r\n\r\n    .app-filters input[type=\"text\"],\r\n    .app-filters select {\r\n        width: 100%;\r\n        flex-grow: 1;\r\n        padding: .5rem 1rem;\r\n        border: 1px solid #d1d5db;\r\n        border-radius: .5rem;\r\n        background-color: #fff;\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .app-filters input[type=\"text\"]:focus,\r\n    .app-filters select:focus {\r\n        outline: none;\r\n        border-color: #004a99;\r\n        box-shadow: 0 0 0 2px #cce0ff;\r\n    }\r\n\r\n    .app-table-card-wrapper {\r\n        background-color: #fff;\r\n        border-radius: .75rem;\r\n        box-shadow: 0 10px 15px -3px rgb(0 0 0 \/ .1), 0 4px 6px -2px rgb(0 0 0 \/ .05);\r\n        border: 1px solid #f3f4f6;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .app-table-scroll-wrapper {\r\n        overflow-x: auto;\r\n    }\r\n\r\n    .app-table {\r\n        width: 100%;\r\n        min-width: 800px;\r\n        border-collapse: collapse;\r\n    }\r\n\r\n    .app-table thead {\r\n        background-color: #f9fafb;\r\n    }\r\n\r\n    .app-table th,\r\n    .app-table td {\r\n        padding: .75rem 1.5rem;\r\n        text-align: left;\r\n        border-bottom: 1px solid #e5e7eb;\r\n    }\r\n\r\n    .app-table th {\r\n        font-size: 1.2rem;\r\n        font-weight: 500;\r\n        color: #6b7280;\r\n        text-transform: uppercase;\r\n        letter-spacing: .05em;\r\n    }\r\n\r\n    .app-title {\r\n        font-weight: 600;\r\n        color: #111827;\r\n    }\r\n\r\n    .app-links a {\r\n        color: #004a99;\r\n        font-weight: 500;\r\n        text-decoration: none;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .app-links a:hover {\r\n        text-decoration: underline;\r\n    }\r\n\r\n    .type-tag {\r\n        display: inline-flex;\r\n        padding: .25rem .75rem;\r\n        font-size: 1.2rem;\r\n        font-weight: 600;\r\n        border-radius: 9999px;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .type-office { background:#e0e7ff;color:#3730a3 }\r\n    .type-pdf { background:#d1fae5;color:#065f46 }\r\n    .type-archive { background:#fde68a;color:#92400e }\r\n    .type-browser { background:#bae6fd;color:#0369a1 }\r\n    .type-utility { background:#f0abfc;color:#701a75 }\r\n    .type-remote { background:#e9d5ff;color:#6b21a8 }\r\n    .type-security { background:#fecaca;color:#b91c1c }\r\n<\/style>\r\n\r\n\r\n<!-- =========================\r\n    TABLE SECTION\r\n========================= -->\r\n<div class=\"app-functional-wrapper\">\r\n\r\n    <!-- FILTER -->\r\n    <div class=\"app-filters\">\r\n        <input type=\"text\" id=\"app-search-input\" placeholder=\"Cari Software...\">\r\n\r\n        <select id=\"app-category-filter\">\r\n            <option value=\"all\">Semua Kategori<\/option>\r\n            <option value=\"PDF\">PDF Tools<\/option>\r\n            <option value=\"Office\">Office Suite<\/option>\r\n            <option value=\"Archive\">Archive<\/option>\r\n            <option value=\"Browser\">Browser<\/option>\r\n            <option value=\"Utility\">Utility<\/option>\r\n            <option value=\"Remote\">Remote Access<\/option>\r\n            <option value=\"Security\">Security<\/option>\r\n        <\/select>\r\n\r\n    <\/div>\r\n\r\n    <!-- TABLE -->\r\n    <div class=\"app-table-card-wrapper\">\r\n        <div class=\"app-table-scroll-wrapper\">\r\n            <table class=\"app-table\">\r\n                <thead>\r\n                    <tr>\r\n                        <th>Nama Software<\/th>\r\n                        <th>Kategori<\/th>\r\n                        <th>Ringkasan<\/th>\r\n                        <th style=\"text-align:right;\">Tautan Unduh<\/th>\r\n                    <\/tr>\r\n                <\/thead>\r\n\r\n                <tbody id=\"app-table-body\">\r\n\r\n                    <!-- PDF -->\r\n                    <tr data-category=\"PDF\">\r\n                        <td class=\"app-title\">Adobe Acrobat Reader<\/td>\r\n                        <td><span class=\"type-tag type-pdf\">PDF<\/span><\/td>\r\n                        <td>Standard industri untuk PDF<\/td>\r\n                        <td class=\"app-links\" style=\"text-align:right;\">\r\n                            <a href=\"https:\/\/get.adobe.com\/reader\/\" target=\"_blank\">Download<\/a>\r\n                        <\/td>\r\n                    <\/tr>\r\n\r\n                    <tr data-category=\"PDF\">\r\n                        <td class=\"app-title\">Foxit Reader<\/td>\r\n                        <td><span class=\"type-tag type-pdf\">PDF<\/span><\/td>\r\n                        <td>Lebih ringan dari Acrobat<\/td>\r\n                        <td class=\"app-links\" style=\"text-align:right;\">\r\n                            <a href=\"https:\/\/www.foxit.com\/pdf-reader\/\" target=\"_blank\">Download<\/a>\r\n                        <\/td>\r\n                    <\/tr>\r\n\r\n                    <tr data-category=\"PDF\">\r\n                        <td class=\"app-title\">SumatraPDF<\/td>\r\n                        <td><span class=\"type-tag type-pdf\">PDF<\/span><\/td>\r\n                        <td>Super ringan & portable<\/td>\r\n                        <td class=\"app-links\" style=\"text-align:right;\">\r\n                            <a href=\"https:\/\/www.sumatrapdfreader.org\/\" target=\"_blank\">Download<\/a>\r\n                        <\/td>\r\n                    <\/tr>\r\n\r\n                    <!-- OFFICE -->\r\n                    <tr data-category=\"Office\">\r\n                        <td class=\"app-title\">Microsoft 365<\/td>\r\n                        <td><span class=\"type-tag type-office\">Office<\/span><\/td>\r\n                        <td>Paket Office paling lengkap<\/td>\r\n                        <td class=\"app-links\" style=\"text-align:right;\">\r\n                            <a href=\"https:\/\/www.microsoft.com\/microsoft-365\" target=\"_blank\">Download<\/a>\r\n                        <\/td>\r\n                    <\/tr>\r\n\r\n                    <tr data-category=\"Office\">\r\n                        <td class=\"app-title\">LibreOffice<\/td>\r\n                        <td><span class=\"type-tag type-office\">Office<\/span><\/td>\r\n                        <td>Open-source, alternatif MS Office<\/td>\r\n                        <td class=\"app-links\" style=\"text-align:right;\">\r\n                            <a href=\"https:\/\/www.libreoffice.org\/\" target=\"_blank\">Download<\/a>\r\n                        <\/td>\r\n                    <\/tr>\r\n\r\n                    <tr data-category=\"Office\">\r\n                        <td class=\"app-title\">WPS Office<\/td>\r\n                        <td><span class=\"type-tag type-office\">Office<\/span><\/td>\r\n                        <td>Mirip Microsoft Office<\/td>\r\n                        <td class=\"app-links\" style=\"text-align:right;\">\r\n                            <a href=\"https:\/\/www.wps.com\/\" target=\"_blank\">Download<\/a>\r\n                        <\/td>\r\n                    <\/tr>\r\n\r\n                    <!-- ARCHIVE -->\r\n                    <tr data-category=\"Archive\">\r\n                        <td class=\"app-title\">7-Zip<\/td>\r\n                        <td><span class=\"type-tag type-archive\">Archive<\/span><\/td>\r\n                        <td>Gratis & powerful<\/td>\r\n                        <td class=\"app-links\" style=\"text-align:right;\">\r\n                            <a href=\"https:\/\/www.7-zip.org\/\" target=\"_blank\">Download<\/a>\r\n                        <\/td>\r\n                    <\/tr>\r\n\r\n                    <tr data-category=\"Archive\">\r\n                        <td class=\"app-title\">WinRAR<\/td>\r\n                        <td><span class=\"type-tag type-archive\">Archive<\/span><\/td>\r\n                        <td>Populer<\/td>\r\n                        <td class=\"app-links\" style=\"text-align:right;\">\r\n                            <a href=\"https:\/\/www.win-rar.com\/\" target=\"_blank\">Download<\/a>\r\n                        <\/td>\r\n                    <\/tr>\r\n\r\n                    <!-- BROWSER -->\r\n                    <tr data-category=\"Browser\">\r\n                        <td class=\"app-title\">Google Chrome<\/td>\r\n                        <td><span class=\"type-tag type-browser\">Browser<\/span><\/td>\r\n                        <td>Paling umum dipakai<\/td>\r\n                        <td class=\"app-links\" style=\"text-align:right;\">\r\n                            <a href=\"https:\/\/www.google.com\/chrome\/\" target=\"_blank\">Download<\/a>\r\n                        <\/td>\r\n                    <\/tr>\r\n\r\n                    <tr data-category=\"Browser\">\r\n                        <td class=\"app-title\">Mozilla Firefox<\/td>\r\n                        <td><span class=\"type-tag type-browser\">Browser<\/span><\/td>\r\n                        <td>Browser open source<\/td>\r\n                        <td class=\"app-links\" style=\"text-align:right;\">\r\n                            <a href=\"https:\/\/www.mozilla.org\/firefox\/\" target=\"_blank\">Download<\/a>\r\n                        <\/td>\r\n                    <\/tr>\r\n\r\n                    <tr data-category=\"Browser\">\r\n                        <td class=\"app-title\">Microsoft Edge<\/td>\r\n                        <td><span class=\"type-tag type-browser\">Browser<\/span><\/td>\r\n                        <td>Bawaan Windows<\/td>\r\n                        <td class=\"app-links\" style=\"text-align:right;\">\r\n                            <a href=\"https:\/\/www.microsoft.com\/edge\" target=\"_blank\">Download<\/a>\r\n                        <\/td>\r\n                    <\/tr>\r\n\r\n                    <!-- UTILITY -->\r\n                    <tr data-category=\"Utility\">\r\n                        <td class=\"app-title\">PDFsam<\/td>\r\n                        <td><span class=\"type-tag type-utility\">Utility<\/span><\/td>\r\n                        <td>Gabung\/split PDF<\/td>\r\n                        <td class=\"app-links\" style=\"text-align:right;\">\r\n                            <a href=\"https:\/\/pdfsam.org\/\" target=\"_blank\">Download<\/a>\r\n                        <\/td>\r\n                    <\/tr>\r\n\r\n                    <tr data-category=\"Utility\">\r\n                        <td class=\"app-title\">Notepad++<\/td>\r\n                        <td><span class=\"type-tag type-utility\">Utility<\/span><\/td>\r\n                        <td>Text editor ringan<\/td>\r\n                        <td class=\"app-links\" style=\"text-align:right;\">\r\n                            <a href=\"https:\/\/notepad-plus-plus.org\/\" target=\"_blank\">Download<\/a>\r\n                        <\/td>\r\n                    <\/tr>\r\n\r\n                    <!-- REMOTE -->\r\n                    <tr data-category=\"Remote\">\r\n                        <td class=\"app-title\">TeamViewer<\/td>\r\n                        <td><span class=\"type-tag type-remote\">Remote<\/span><\/td>\r\n                        <td>Remote access<\/td>\r\n                        <td class=\"app-links\" style=\"text-align:right;\">\r\n                            <a href=\"https:\/\/www.teamviewer.com\/\" target=\"_blank\">Download<\/a>\r\n                        <\/td>\r\n                    <\/tr>\r\n\r\n                    <tr data-category=\"Remote\">\r\n                        <td class=\"app-title\">AnyDesk<\/td>\r\n                        <td><span class=\"type-tag type-remote\">Remote<\/span><\/td>\r\n                        <td>Alternatif TeamViewer<\/td>\r\n                        <td class=\"app-links\" style=\"text-align:right;\">\r\n                            <a href=\"https:\/\/anydesk.com\/\" target=\"_blank\">Download<\/a>\r\n                        <\/td>\r\n                    <\/tr>\r\n\r\n                    <!-- SECURITY -->\r\n                    <tr data-category=\"Security\">\r\n                        <td class=\"app-title\">Microsoft Defender<\/td>\r\n                        <td><span class=\"type-tag type-security\">Security<\/span><\/td>\r\n                        <td>Bawaan Windows<\/td>\r\n                        <td class=\"app-links\" style=\"text-align:right;\">\u2014<\/td>\r\n                    <\/tr>\r\n\r\n                    <tr data-category=\"Security\">\r\n                        <td class=\"app-title\">Malwarebytes<\/td>\r\n                        <td><span class=\"type-tag type-security\">Security<\/span><\/td>\r\n                        <td>Anti-malware<\/td>\r\n                        <td class=\"app-links\" style=\"text-align:right;\">\r\n                            <a href=\"https:\/\/www.malwarebytes.com\/\" target=\"_blank\">Download<\/a>\r\n                        <\/td>\r\n                    <\/tr>\r\n\r\n\r\n                    <!-- NO RESULT -->\r\n                    <tr id=\"app-no-results\" style=\"display:none;\">\r\n                        <td colspan=\"4\" style=\"text-align:center;color:#6b7280;font-style:italic;\">\r\n                            Tidak ada software ditemukan.\r\n                        <\/td>\r\n                    <\/tr>\r\n\r\n                <\/tbody>\r\n            <\/table>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n<!-- =========================\r\n    SCRIPT\r\n========================= -->\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n\r\n        const searchInput = document.getElementById(\"app-search-input\");\r\n        const categoryFilter = document.getElementById(\"app-category-filter\");\r\n        const tableBody = document.getElementById(\"app-table-body\");\r\n        const rows = tableBody.querySelectorAll(\"tr[data-category]\");\r\n        const noResult = document.getElementById(\"app-no-results\");\r\n\r\n        function filterTable() {\r\n\r\n            const searchTerm = searchInput.value.toLowerCase();\r\n            const selectedCat = categoryFilter.value;\r\n\r\n            let count = 0;\r\n\r\n            rows.forEach(row => {\r\n\r\n                const title = row.querySelector(\".app-title\").textContent.toLowerCase();\r\n                const cat = row.dataset.category;\r\n\r\n                const matchTitle = title.includes(searchTerm);\r\n                const matchCat = selectedCat === \"all\" || cat === selectedCat;\r\n\r\n                if (matchTitle && matchCat) {\r\n                    row.style.display = \"\";\r\n                    count++;\r\n                } else {\r\n                    row.style.display = \"none\";\r\n                }\r\n            });\r\n\r\n            noResult.style.display = count === 0 ? \"\" : \"none\";\r\n        }\r\n\r\n        searchInput.addEventListener(\"input\", filterTable);\r\n        categoryFilter.addEventListener(\"change\", filterTable);\r\n\r\n    });\r\n<\/script>\r\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-a050ea5 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"a050ea5\" data-element_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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Unduhan Selamat datang di laman Unduhan. Silakan gunakan\u00a0link\u00a0di bawah ini untuk mengakses dokumen dan perangkat lunak yang dibutuhkan oleh Dosen,<\/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-3612","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fkip.ulm.ac.id\/unit\/ict\/index.php\/wp-json\/wp\/v2\/pages\/3612","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=3612"}],"version-history":[{"count":61,"href":"https:\/\/fkip.ulm.ac.id\/unit\/ict\/index.php\/wp-json\/wp\/v2\/pages\/3612\/revisions"}],"predecessor-version":[{"id":5328,"href":"https:\/\/fkip.ulm.ac.id\/unit\/ict\/index.php\/wp-json\/wp\/v2\/pages\/3612\/revisions\/5328"}],"wp:attachment":[{"href":"https:\/\/fkip.ulm.ac.id\/unit\/ict\/index.php\/wp-json\/wp\/v2\/media?parent=3612"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}