Laporan Kemahasiswaan Sastra Arab<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\r\n <style>\r\n body {\r\n box-sizing: border-box;\r\n }\r\n html, body {\r\n height: 100%;\r\n margin: 0;\r\n }\r\n\r\n \/* Poppins font via Google Fonts *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&display=swap');\r\n\r\n .font-poppins {\r\n font-family: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n }\r\n\r\n \/* Simple focus ring for accessibility *\/\r\n .focus-ring:focus-visible {\r\n outline: 3px solid #facc15;\r\n outline-offset: 2px;\r\n }\r\n\r\n \/* Smooth fade for chart area *\/\r\n .fade-enter {\r\n opacity: 0;\r\n transition: opacity 300ms ease-out;\r\n }\r\n .fade-enter-active {\r\n opacity: 1;\r\n }\r\n <\/style>\r\n <style>@view-transition { navigation: auto; }<\/style>\r\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\r\n <\/head>\r\n <body class=\"h-full w-full\">\r\n <header class=\"sr-only\">\r\n <h1>Dashboard Laporan Kemahasiswaan Sastra Arab<\/h1>\r\n <\/header>\r\n <main id=\"app-root\" class=\"h-full w-full relative overflow-hidden\">\r\n <div class=\"absolute inset-0 bg-center bg-cover\" style=\"\r\n background-image: url('https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhGHQBDJ1zAZ3faKaAk6XHawolYOvHpYIEhBiCI5fdUoraHjSxmVWTIzmg79wcNtZUhCTT3Dw2hcX3kC6cX1cMbNGy292kSU5sjjBFyUCmOwf8diX-ZoTWi8CMpvNCUz6JdtblibxoPIknmlaX7XULPyB50sK_3ooDju1Bi_0Q1jIVsd6x8EGLPy44TJA\/s1280\/UNS-Adakan-Wisuda-Sekali-Setiap-Bulan.jpg');\r\n opacity: 0.5;\r\n \" aria-hidden=\"true\"><\/div>\r\n <div id=\"overlay-color\" class=\"absolute inset-0 bg-[#0b2545]\/60\" aria-hidden=\"true\"><\/div>\r\n <section class=\"relative h-full w-full flex items-center justify-center px-4 py-6\" aria-label=\"Konten laporan kemahasiswaan\">\r\n <div id=\"card\" class=\"w-full max-w-5xl bg-[#f9fafb]\/95 rounded-3xl shadow-xl border border-[#e5e7eb] backdrop-blur-sm px-6 py-6 md:px-10 md:py-10 flex flex-col gap-6 md:gap-8\">\r\n <div class=\"text-center space-y-1\">\r\n <h2 id=\"main-title-line1\" class=\"font-poppins text-base md:text-xl font-semibold text-[#0b2545] tracking-tight\">Laporan Mahasiswa<\/h2>\r\n <h2 id=\"main-title-line2\" class=\"font-poppins text-xl md:text-3xl font-bold text-[#0b2545] tracking-tight\">Program Studi Sastra Arab<\/h2>\r\n <h2 id=\"main-title-line3\" class=\"font-poppins text-xl md:text-3xl font-bold text-[#0b2545] tracking-tight\">Fakultas Ilmu Budaya<\/h2>\r\n <h2 class=\"font-poppins text-xl md:text-3xl font-bold text-[#0b2545] tracking-tight\"><a id=\"main-title-line4\" href=\"https:\/\/uns.ac.id\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"hover:text-[#facc15] transition-colors duration-200 focus-ring\"> Universitas Sebelas Maret (UNS) <\/a><\/h2>\r\n <p id=\"subtitle\" class=\"font-poppins text-sm md:text-base text-[#111827]\/80 pt-2\">Klik salah satu tahun untuk melihat laporan kemahasiswaan.<\/p>\r\n <\/div>\r\n <div id=\"view-home\" class=\"flex flex-col items-center justify-center gap-4 md:gap-6\" role=\"group\" aria-label=\"Pilihan tahun laporan\">\r\n <div class=\"flex flex-col sm:flex-row gap-4 md:gap-6\"><button id=\"btn-2024\" type=\"button\" class=\"focus-ring font-poppins px-8 py-3 rounded-full bg-[#0b2545] text-[#facc15] text-sm md:text-base font-semibold shadow-md hover:bg-[#0f3460] transition transform hover:-translate-y-0.5\"> Tahun 2024 <\/button> <button id=\"btn-2025\" type=\"button\" class=\"focus-ring font-poppins px-8 py-3 rounded-full bg-[#0b2545] text-[#facc15] text-sm md:text-base font-semibold shadow-md hover:bg-[#0f3460] transition transform hover:-translate-y-0.5\"> Tahun 2025 <\/button>\r\n <\/div>\r\n <\/div>\r\n <div id=\"view-2024\" class=\"hidden flex-col gap-6\" aria-label=\"Laporan Kemahasiswaan Tahun 2024\">\r\n <div class=\"flex flex-col md:flex-row md:items-center justify-between gap-3\">\r\n <h3 id=\"title-2024\" class=\"font-poppins text-xl md:text-3xl font-semibold text-[#0b2545]\">Laporan Kemahasiswaan Tahun 2024<\/h3><button id=\"btn-back-2024\" type=\"button\" class=\"focus-ring self-start md:self-auto px-4 py-2 rounded-full border border-[#0b2545] text-[#0b2545] bg-white\/80 font-poppins text-xs md:text-sm font-medium hover:bg-[#0b2545] hover:text-[#facc15] transition\"> Kembali <\/button>\r\n <\/div>\r\n <div class=\"flex flex-col md:flex-row gap-6 md:gap-8\">\r\n <div class=\"flex-1 flex flex-col gap-3\" role=\"group\" aria-label=\"Pilihan kategori tahun 2024\"><button id=\"y2024-lulus\" type=\"button\" class=\"focus-ring w-full text-left px-4 py-3 rounded-xl bg-[#0b2545] text-[#facc15] font-poppins text-sm md:text-base font-semibold shadow hover:bg-[#0f3460] transition\"> Kelulusan Tepat Waktu <\/button> <button id=\"y2024-prestasi\" type=\"button\" class=\"focus-ring w-full text-left px-4 py-3 rounded-xl bg-[#0b2545] text-[#facc15] font-poppins text-sm md:text-base font-semibold shadow hover:bg-[#0f3460] transition\"> Prestasi Mahasiswa <\/button> <button id=\"y2024-luarprodi\" type=\"button\" class=\"focus-ring w-full text-left px-4 py-3 rounded-xl bg-[#0b2545] text-[#facc15] font-poppins text-sm md:text-base font-semibold shadow hover:bg-[#0f3460] transition\"> Pembelajaran di Luar Program Studi <\/button>\r\n <\/div>\r\n <div class=\"flex-[1.2] bg-white\/90 rounded-2xl border border-[#e5e7eb] shadow-inner px-4 py-4 md:px-6 md:py-6 flex flex-col gap-4\" aria-live=\"polite\">\r\n <h4 id=\"chart-title-2024\" class=\"font-poppins text-base md:text-lg font-semibold text-[#111827]\">Pilih salah satu kategori untuk melihat visualisasi data tahun 2024.<\/h4>\r\n <div class=\"flex flex-col items-center gap-4 md:gap-5\">\r\n <svg id=\"chart-svg-2024\" viewbox=\"0 0 200 200\" class=\"w-40 h-40 md:w-52 md:h-52\" role=\"img\" aria-label=\"Diagram data tahun 2024\"> <circle cx=\"100\" cy=\"100\" r=\"80\" fill=\"#e5e7eb\"><\/circle> <text x=\"100\" y=\"105\" text-anchor=\"middle\" fill=\"#6b7280\" font-size=\"12\" class=\"font-poppins\">\r\n Tidak ada data\r\n <\/text>\r\n <\/svg>\r\n <p id=\"chart-desc-2024\" class=\"font-poppins text-xs md:text-sm text-center text-[#4b5563] max-w-md\">Data akan muncul dalam bentuk diagram pie atau pictogram setelah Anda memilih kategori.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div id=\"view-2025\" class=\"hidden flex-col gap-6\" aria-label=\"Laporan Kemahasiswaan Tahun 2025\">\r\n <div class=\"flex flex-col md:flex-row md:items-center justify-between gap-3\">\r\n <h3 id=\"title-2025\" class=\"font-poppins text-xl md:text-3xl font-semibold text-[#0b2545]\">Laporan Kemahasiswaan Tahun 2025<\/h3><button id=\"btn-back-2025\" type=\"button\" class=\"focus-ring self-start md:self-auto px-4 py-2 rounded-full border border-[#0b2545] text-[#0b2545] bg-white\/80 font-poppins text-xs md:text-sm font-medium hover:bg-[#0b2545] hover:text-[#facc15] transition\"> Kembali <\/button>\r\n <\/div>\r\n <div class=\"flex flex-col md:flex-row gap-6 md:gap-8\">\r\n <div class=\"flex-1 flex flex-col gap-3\" role=\"group\" aria-label=\"Pilihan kategori tahun 2025\"><button id=\"y2025-lulus\" type=\"button\" class=\"focus-ring w-full text-left px-4 py-3 rounded-xl bg-[#0b2545] text-[#facc15] font-poppins text-sm md:text-base font-semibold shadow hover:bg-[#0f3460] transition\"> Kelulusan Tepat Waktu <\/button> <button id=\"y2025-prestasi\" type=\"button\" class=\"focus-ring w-full text-left px-4 py-3 rounded-xl bg-[#0b2545] text-[#facc15] font-poppins text-sm md:text-base font-semibold shadow hover:bg-[#0f3460] transition\"> Prestasi Mahasiswa <\/button> <button id=\"y2025-luarprodi\" type=\"button\" class=\"focus-ring w-full text-left px-4 py-3 rounded-xl bg-[#0b2545] text-[#facc15] font-poppins text-sm md:text-base font-semibold shadow hover:bg-[#0f3460] transition\"> Pembelajaran di Luar Program Studi <\/button>\r\n <\/div>\r\n <div class=\"flex-[1.2] bg-white\/90 rounded-2xl border border-[#e5e7eb] shadow-inner px-4 py-4 md:px-6 md:py-6 flex flex-col gap-4\" aria-live=\"polite\">\r\n <h4 id=\"chart-title-2025\" class=\"font-poppins text-base md:text-lg font-semibold text-[#111827]\">Pilih salah satu kategori untuk melihat visualisasi data tahun 2025.<\/h4>\r\n <div class=\"flex flex-col items-center gap-4 md:gap-5\">\r\n <svg id=\"chart-svg-2025\" viewbox=\"0 0 200 200\" class=\"w-40 h-40 md:w-52 md:h-52\" role=\"img\" aria-label=\"Diagram data tahun 2025\"><circle cx=\"100\" cy=\"100\" r=\"80\" fill=\"#e5e7eb\"><\/circle> <text x=\"100\" y=\"105\" text-anchor=\"middle\" fill=\"#6b7280\" font-size=\"12\" class=\"font-poppins\">\r\n Tidak ada data\r\n <\/text>\r\n <\/svg>\r\n <p id=\"chart-desc-2025\" class=\"font-poppins text-xs md:text-sm text-center text-[#4b5563] max-w-md\">Data akan muncul dalam bentuk diagram pie atau pictogram setelah Anda memilih kategori.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n <script>\r\n \/\/ Konfigurasi default untuk edit panel & gaya\r\n const defaultConfig = {\r\n judul_awal: \"Laporan Mahasiswa Program Studi Sastra Arab Fakultas Ilmu Budaya Universitas Sebelas Maret (UNS)\",\r\n judul_tahun_2024: \"Laporan Kemahasiswaan Tahun 2024\",\r\n judul_tahun_2025: \"Laporan Kemahasiswaan Tahun 2025\",\r\n teks_tombol_2024: \"Tahun 2024\",\r\n teks_tombol_2025: \"Tahun 2025\",\r\n teks_kembali: \"Kembali\",\r\n background_color: \"#0b2545\", \/\/ BACKGROUND overlay utama\r\n surface_color: \"#f9fafb\", \/\/ SECONDARY_SURFACE kartu\r\n text_color: \"#111827\", \/\/ TEXT\r\n primary_action_color: \"#0b2545\", \/\/ PRIMARY_ACTION tombol utama\r\n secondary_action_color: \"#facc15\", \/\/ SECONDARY_ACTION teks tombol\r\n font_family: \"Poppins\",\r\n font_size: 16\r\n };\r\n\r\n \/\/ Utilitas: ganti tampilan (home\/2024\/2025)\r\n function showView(viewId) {\r\n const views = [\"view-home\", \"view-2024\", \"view-2025\"];\r\n views.forEach(id => {\r\n const el = document.getElementById(id);\r\n if (!el) return;\r\n if (id === viewId) {\r\n el.classList.remove(\"hidden\");\r\n el.classList.add(\"flex\");\r\n } else {\r\n el.classList.add(\"hidden\");\r\n el.classList.remove(\"flex\");\r\n }\r\n });\r\n }\r\n\r\n \/\/ Animasi kecil saat klik tombol (pengganti suara klik)\r\n function addClickAnimation(button) {\r\n if (!button) return;\r\n button.addEventListener(\"click\", () => {\r\n button.classList.add(\"scale-95\");\r\n setTimeout(() => {\r\n button.classList.remove(\"scale-95\");\r\n }, 120);\r\n });\r\n }\r\n\r\n \/\/ Fungsi untuk menggambar PIE sederhana di dalam SVG\r\n function drawPieChart(svgEl, segments, options) {\r\n if (!svgEl) return;\r\n while (svgEl.firstChild) {\r\n svgEl.removeChild(svgEl.firstChild);\r\n }\r\n\r\n const centerX = 100;\r\n const centerY = 100;\r\n const radius = 80;\r\n\r\n let total = 0;\r\n segments.forEach(s => total += s.value);\r\n if (total === 0) {\r\n const circle = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"circle\");\r\n circle.setAttribute(\"cx\", centerX);\r\n circle.setAttribute(\"cy\", centerY);\r\n circle.setAttribute(\"r\", radius.toString());\r\n circle.setAttribute(\"fill\", \"#e5e7eb\");\r\n svgEl.appendChild(circle);\r\n return;\r\n }\r\n\r\n let currentAngle = -Math.PI \/ 2; \/\/ start at top\r\n segments.forEach((seg, index) => {\r\n const valueRatio = seg.value \/ total;\r\n const sliceAngle = valueRatio * Math.PI * 2;\r\n const startAngle = currentAngle;\r\n const endAngle = currentAngle + sliceAngle;\r\n\r\n const x1 = centerX + radius * Math.cos(startAngle);\r\n const y1 = centerY + radius * Math.sin(startAngle);\r\n const x2 = centerX + radius * Math.cos(endAngle);\r\n const y2 = centerY + radius * Math.sin(endAngle);\r\n const largeArcFlag = sliceAngle > Math.PI ? 1 : 0;\r\n\r\n const pathData = [\r\n `M ${centerX} ${centerY}`,\r\n `L ${x1} ${y1}`,\r\n `A ${radius} ${radius} 0 ${largeArcFlag} 1 ${x2} ${y2}`,\r\n \"Z\"\r\n ].join(\" \");\r\n\r\n const path = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"path\");\r\n path.setAttribute(\"d\", pathData);\r\n path.setAttribute(\"fill\", seg.color || \"#0b2545\");\r\n svgEl.appendChild(path);\r\n\r\n currentAngle = endAngle;\r\n });\r\n\r\n if (options && options.centerText) {\r\n const text = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"text\");\r\n text.setAttribute(\"x\", \"100\");\r\n text.setAttribute(\"y\", \"100\");\r\n text.setAttribute(\"text-anchor\", \"middle\");\r\n text.setAttribute(\"fill\", \"#111827\");\r\n text.setAttribute(\"font-size\", \"14\");\r\n text.setAttribute(\"class\", \"font-poppins\");\r\n text.textContent = options.centerText;\r\n svgEl.appendChild(text);\r\n }\r\n }\r\n\r\n \/\/ Fungsi untuk menggambar pictogram (ikon orang) sebagai representasi jumlah mahasiswa\r\n function drawPictogram(svgEl, count, options) {\r\n if (!svgEl) return;\r\n while (svgEl.firstChild) {\r\n svgEl.removeChild(svgEl.firstChild);\r\n }\r\n\r\n const columns = 10; \/\/ grid 10 kolom\r\n const size = 14; \/\/ lebar ikon\r\n const gap = 4;\r\n const startX = 10;\r\n const startY = 10;\r\n\r\n const maxIcons = Math.min(count, 80); \/\/ batasi agar tidak terlalu padat\r\n for (let i = 0; i < maxIcons; i++) {\r\n const row = Math.floor(i \/ columns);\r\n const col = i % columns;\r\n\r\n const x = startX + col * (size + gap);\r\n const y = startY + row * (size + gap);\r\n\r\n \/\/ ikon orang sangat sederhana: lingkaran (kepala) + persegi panjang (badan)\r\n const head = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"circle\");\r\n head.setAttribute(\"cx\", (x + size \/ 2).toString());\r\n head.setAttribute(\"cy\", (y + size \/ 4).toString());\r\n head.setAttribute(\"r\", (size * 0.18).toString());\r\n head.setAttribute(\"fill\", options && options.color ? options.color : \"#0b2545\");\r\n svgEl.appendChild(head);\r\n\r\n const body = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"rect\");\r\n body.setAttribute(\"x\", (x + size * 0.25).toString());\r\n body.setAttribute(\"y\", (y + size * 0.35).toString());\r\n body.setAttribute(\"width\", (size * 0.5).toString());\r\n body.setAttribute(\"height\", (size * 0.5).toString());\r\n body.setAttribute(\"rx\", (size * 0.12).toString());\r\n body.setAttribute(\"fill\", options && options.color ? options.color : \"#0b2545\");\r\n svgEl.appendChild(body);\r\n }\r\n\r\n const label = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"text\");\r\n label.setAttribute(\"x\", \"100\");\r\n label.setAttribute(\"y\", \"185\");\r\n label.setAttribute(\"text-anchor\", \"middle\");\r\n label.setAttribute(\"fill\", \"#111827\");\r\n label.setAttribute(\"font-size\", \"12\");\r\n label.setAttribute(\"class\", \"font-poppins\");\r\n label.textContent = (options && options.label) ? options.label : \"\";\r\n svgEl.appendChild(label);\r\n }\r\n\r\n \/\/ Inisialisasi interaksi dasar setelah DOM siap\r\n function initUIInteractions() {\r\n const btn2024 = document.getElementById(\"btn-2024\");\r\n const btn2025 = document.getElementById(\"btn-2025\");\r\n const back2024 = document.getElementById(\"btn-back-2024\");\r\n const back2025 = document.getElementById(\"btn-back-2025\");\r\n\r\n addClickAnimation(btn2024);\r\n addClickAnimation(btn2025);\r\n addClickAnimation(back2024);\r\n addClickAnimation(back2025);\r\n\r\n if (btn2024) {\r\n btn2024.addEventListener(\"click\", (e) => {\r\n e.preventDefault();\r\n showView(\"view-2024\");\r\n });\r\n }\r\n\r\n if (btn2025) {\r\n btn2025.addEventListener(\"click\", (e) => {\r\n e.preventDefault();\r\n showView(\"view-2025\");\r\n });\r\n }\r\n\r\n if (back2024) {\r\n back2024.addEventListener(\"click\", (e) => {\r\n e.preventDefault();\r\n showView(\"view-home\");\r\n });\r\n }\r\n\r\n if (back2025) {\r\n back2025.addEventListener(\"click\", (e) => {\r\n e.preventDefault();\r\n showView(\"view-home\");\r\n });\r\n }\r\n\r\n \/\/ Interaksi menu 2024\r\n const y2024Lulus = document.getElementById(\"y2024-lusus\") || document.getElementById(\"y2024-lulus\");\r\n const y2024Prestasi = document.getElementById(\"y2024-prestasi\");\r\n const y2024LuarProdi = document.getElementById(\"y2024-luarprodi\");\r\n const chartSvg2024 = document.getElementById(\"chart-svg-2024\");\r\n const chartTitle2024 = document.getElementById(\"chart-title-2024\");\r\n const chartDesc2024 = document.getElementById(\"chart-desc-2024\");\r\n\r\n if (y2024Lulus) addClickAnimation(y2024Lulus);\r\n if (y2024Prestasi) addClickAnimation(y2024Prestasi);\r\n if (y2024LuarProdi) addClickAnimation(y2024LuarProdi);\r\n\r\n if (y2024Lulus) {\r\n y2024Lulus.addEventListener(\"click\", (e) => {\r\n e.preventDefault();\r\n if (chartTitle2024) {\r\n chartTitle2024.textContent = \"Kelulusan Tepat Waktu (2024)\";\r\n }\r\n if (chartDesc2024) {\r\n chartDesc2024.textContent =\r\n \"Sebanyak 68% mahasiswa lulus tepat waktu, yaitu 39 dari 57 mahasiswa.\";\r\n }\r\n if (chartSvg2024) {\r\n drawPieChart(chartSvg2024, [\r\n { label: \"Tepat Waktu\", value: 39, color: \"#0b2545\" },\r\n { label: \"Belum Tepat Waktu\", value: 18, color: \"#facc15\" }\r\n ], {\r\n centerText: \"68% Tepat Waktu\"\r\n });\r\n }\r\n });\r\n }\r\n\r\n if (y2024Prestasi) {\r\n y2024Prestasi.addEventListener(\"click\", (e) => {\r\n e.preventDefault();\r\n if (chartTitle2024) {\r\n chartTitle2024.textContent = \"Prestasi Mahasiswa (2024)\";\r\n }\r\n if (chartDesc2024) {\r\n chartDesc2024.textContent =\r\n \"Total prestasi: 2 tingkat internasional dan 7 tingkat nasional.\";\r\n }\r\n if (chartSvg2024) {\r\n drawPieChart(chartSvg2024, [\r\n { label: \"Internasional\", value: 2, color: \"#0b2545\" },\r\n { label: \"Nasional\", value: 7, color: \"#facc15\" }\r\n ], {\r\n centerText: \"Prestasi 2024\"\r\n });\r\n }\r\n });\r\n }\r\n\r\n if (y2024LuarProdi) {\r\n y2024LuarProdi.addEventListener(\"click\", (e) => {\r\n e.preventDefault();\r\n if (chartTitle2024) {\r\n chartTitle2024.textContent = \"Pembelajaran di Luar Program Studi (2024)\";\r\n }\r\n if (chartDesc2024) {\r\n chartDesc2024.textContent =\r\n \"Sebanyak 62 mahasiswa mengikuti pembelajaran di luar program studi.\";\r\n }\r\n if (chartSvg2024) {\r\n drawPictogram(chartSvg2024, 62, {\r\n color: \"#0b2545\",\r\n label: \"62 mahasiswa\"\r\n });\r\n }\r\n });\r\n }\r\n\r\n \/\/ Interaksi menu 2025\r\n const y2025Lulus = document.getElementById(\"y2025-lulus\");\r\n const y2025Prestasi = document.getElementById(\"y2025-prestasi\");\r\n const y2025LuarProdi = document.getElementById(\"y2025-luarprodi\");\r\n const chartSvg2025 = document.getElementById(\"chart-svg-2025\");\r\n const chartTitle2025 = document.getElementById(\"chart-title-2025\");\r\n const chartDesc2025 = document.getElementById(\"chart-desc-2025\");\r\n\r\n if (y2025Lulus) addClickAnimation(y2025Lulus);\r\n if (y2025Prestasi) addClickAnimation(y2025Prestasi);\r\n if (y2025LuarProdi) addClickAnimation(y2025LuarProdi);\r\n\r\n if (y2025Lulus) {\r\n y2025Lulus.addEventListener(\"click\", (e) => {\r\n e.preventDefault();\r\n if (chartTitle2025) {\r\n chartTitle2025.textContent = \"Kelulusan Tepat Waktu (2025)\";\r\n }\r\n if (chartDesc2025) {\r\n chartDesc2025.textContent =\r\n \"Sebanyak 89% mahasiswa lulus tepat waktu, yaitu 66 dari 75 mahasiswa.\";\r\n }\r\n if (chartSvg2025) {\r\n drawPieChart(chartSvg2025, [\r\n { label: \"Tepat Waktu\", value: 66, color: \"#0b2545\" },\r\n { label: \"Belum Tepat Waktu\", value: 9, color: \"#facc15\" }\r\n ], {\r\n centerText: \"89% Tepat Waktu\"\r\n });\r\n }\r\n });\r\n }\r\n\r\n if (y2025Prestasi) {\r\n y2025Prestasi.addEventListener(\"click\", (e) => {\r\n e.preventDefault();\r\n if (chartTitle2025) {\r\n chartTitle2025.textContent = \"Prestasi Mahasiswa (2025)\";\r\n }\r\n if (chartDesc2025) {\r\n chartDesc2025.textContent =\r\n \"Prestasi: 6 internasional, 1 Asia Tenggara, 15 nasional, 1 lokal (provinsi), 5 lokal (kota).\";\r\n }\r\n if (chartSvg2025) {\r\n drawPieChart(chartSvg2025, [\r\n { label: \"Internasional\", value: 6, color: \"#0b2545\" },\r\n { label: \"Asia Tenggara\", value: 1, color: \"#facc15\" },\r\n { label: \"Nasional\", value: 15, color: \"#1e40af\" },\r\n { label: \"Lokal (Provinsi)\", value: 1, color: \"#6b21a8\" },\r\n { label: \"Lokal (Kota)\", value: 5, color: \"#0f766e\" }\r\n ], {\r\n centerText: \"Prestasi 2025\"\r\n });\r\n }\r\n });\r\n }\r\n\r\n if (y2025LuarProdi) {\r\n y2025LuarProdi.addEventListener(\"click\", (e) => {\r\n e.preventDefault();\r\n if (chartTitle2025) {\r\n chartTitle2025.textContent = \"Pembelajaran di Luar Program Studi (2025)\";\r\n }\r\n if (chartDesc2025) {\r\n chartDesc2025.textContent =\r\n \"Sebanyak 56 mahasiswa mengikuti pembelajaran di luar program studi.\";\r\n }\r\n if (chartSvg2025) {\r\n drawPictogram(chartSvg2025, 56, {\r\n color: \"#0b2545\",\r\n label: \"56 mahasiswa\"\r\n });\r\n }\r\n });\r\n }\r\n }\r\n\r\n \/\/ Terapkan perubahan berdasarkan config (warna, teks, font, ukuran font)\r\n async function applyConfig(config) {\r\n const effective = Object.assign({}, defaultConfig, config || {});\r\n\r\n const baseFont = effective.font_family || defaultConfig.font_family;\r\n const baseSize = effective.font_size || defaultConfig.font_size;\r\n\r\n \/\/ Elemen teks utama\r\n const mainTitleLine1 = document.getElementById(\"main-title-line1\");\r\n const mainTitleLine2 = document.getElementById(\"main-title-line2\");\r\n const mainTitleLine3 = document.getElementById(\"main-title-line3\");\r\n const mainTitleLine4 = document.getElementById(\"main-title-line4\");\r\n const subtitle = document.getElementById(\"subtitle\");\r\n const title2024 = document.getElementById(\"title-2024\");\r\n const title2025 = document.getElementById(\"title-2025\");\r\n const btn2024 = document.getElementById(\"btn-2024\");\r\n const btn2025 = document.getElementById(\"btn-2025\");\r\n const back2024 = document.getElementById(\"btn-back-2024\");\r\n const back2025 = document.getElementById(\"btn-back-2025\");\r\n const card = document.getElementById(\"card\");\r\n const overlay = document.getElementById(\"overlay-color\");\r\n\r\n \/\/ Teks dari config (judul tetap statis, tidak perlu diubah dari config)\r\n if (title2024) {\r\n title2024.textContent = effective.judul_tahun_2024 || defaultConfig.judul_tahun_2024;\r\n }\r\n if (title2025) {\r\n title2025.textContent = effective.judul_tahun_2025 || defaultConfig.judul_tahun_2025;\r\n }\r\n if (btn2024) {\r\n btn2024.textContent = effective.teks_tombol_2024 || defaultConfig.teks_tombol_2024;\r\n }\r\n if (btn2025) {\r\n btn2025.textContent = effective.teks_tombol_2025 || defaultConfig.teks_tombol_2025;\r\n }\r\n if (back2024) {\r\n back2024.textContent = effective.teks_kembali || defaultConfig.teks_kembali;\r\n }\r\n if (back2025) {\r\n back2025.textContent = effective.teks_kembali || defaultConfig.teks_kembali;\r\n }\r\n\r\n \/\/ Warna\r\n const bgColor = effective.background_color || defaultConfig.background_color;\r\n const surfaceColor = effective.surface_color || defaultConfig.surface_color;\r\n const textColor = effective.text_color || defaultConfig.text_color;\r\n const primaryAction = effective.primary_action_color || defaultConfig.primary_action_color;\r\n const secondaryAction = effective.secondary_action_color || defaultConfig.secondary_action_color;\r\n\r\n if (overlay) {\r\n overlay.style.backgroundColor = bgColor + \"99\"; \/\/ sedikit transparan\r\n }\r\n if (card) {\r\n card.style.backgroundColor = surfaceColor + \"f2\";\r\n card.style.borderColor = \"#e5e7eb\";\r\n }\r\n if (mainTitleLine1) {\r\n mainTitleLine1.style.color = bgColor;\r\n }\r\n if (mainTitleLine2) {\r\n mainTitleLine2.style.color = bgColor;\r\n }\r\n if (mainTitleLine3) {\r\n mainTitleLine3.style.color = bgColor;\r\n }\r\n if (mainTitleLine4) {\r\n mainTitleLine4.style.color = bgColor;\r\n }\r\n if (subtitle) {\r\n subtitle.style.color = textColor;\r\n }\r\n if (title2024) {\r\n title2024.style.color = bgColor;\r\n }\r\n if (title2025) {\r\n title2025.style.color = bgColor;\r\n }\r\n\r\n \/\/ Tombol utama & kategori gunakan primary_action dan secondary_action\r\n const primaryButtons = [\r\n btn2024,\r\n btn2025,\r\n document.getElementById(\"y2024-lusus\") || document.getElementById(\"y2024-lulus\"),\r\n document.getElementById(\"y2024-prestasi\"),\r\n document.getElementById(\"y2024-luarprodi\"),\r\n document.getElementById(\"y2025-lulus\"),\r\n document.getElementById(\"y2025-prestasi\"),\r\n document.getElementById(\"y2025-luarprodi\")\r\n ].filter(Boolean);\r\n\r\n primaryButtons.forEach((btn) => {\r\n btn.style.backgroundColor = primaryAction;\r\n btn.style.color = secondaryAction;\r\n });\r\n\r\n const secondaryButtons = [back2024, back2025].filter(Boolean);\r\n secondaryButtons.forEach((btn) => {\r\n btn.style.borderColor = primaryAction;\r\n btn.style.color = primaryAction;\r\n });\r\n\r\n \/\/ Font & ukuran (semua teks utama)\r\n const allTextSelectors = [\r\n \"#main-title-line1\",\r\n \"#main-title-line2\",\r\n \"#main-title-line3\",\r\n \"#main-title-line4\",\r\n \"#subtitle\",\r\n \"#title-2024\",\r\n \"#title-2025\",\r\n \"#chart-title-2024\",\r\n \"#chart-desc-2024\",\r\n \"#chart-title-2025\",\r\n \"#chart-desc-2025\",\r\n \"#btn-2024\",\r\n \"#btn-2025\",\r\n \"#btn-back-2024\",\r\n \"#btn-back-2025\",\r\n \"#y2024-lusus\",\r\n \"#y2024-lulus\",\r\n \"#y2024-prestasi\",\r\n \"#y2024-luarprodi\",\r\n \"#y2025-lulus\",\r\n \"#y2025-prestasi\",\r\n \"#y2025-luarprodi\"\r\n ];\r\n\r\n allTextSelectors.forEach((selector) => {\r\n const el = document.querySelector(selector);\r\n if (!el) return;\r\n el.style.fontFamily = `${baseFont}, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif`;\r\n });\r\n\r\n \/\/ Skala ukuran font\r\n if (mainTitleLine1) mainTitleLine1.style.fontSize = (baseSize * 1.1) + \"px\";\r\n if (mainTitleLine2) mainTitleLine2.style.fontSize = (baseSize * 1.6) + \"px\";\r\n if (mainTitleLine3) mainTitleLine3.style.fontSize = (baseSize * 1.6) + \"px\";\r\n if (mainTitleLine4) mainTitleLine4.style.fontSize = (baseSize * 1.6) + \"px\";\r\n if (subtitle) subtitle.style.fontSize = (baseSize * 0.9) + \"px\";\r\n if (title2024) title2024.style.fontSize = (baseSize * 1.6) + \"px\";\r\n if (title2025) title2025.style.fontSize = (baseSize * 1.6) + \"px\";\r\n\r\n const chartTitles = [\r\n document.getElementById(\"chart-title-2024\"),\r\n document.getElementById(\"chart-title-2025\")\r\n ].filter(Boolean);\r\n chartTitles.forEach(el => {\r\n el.style.fontSize = (baseSize * 1.1) + \"px\";\r\n el.style.color = textColor;\r\n });\r\n\r\n const chartDescs = [\r\n document.getElementById(\"chart-desc-2024\"),\r\n document.getElementById(\"chart-desc-2025\")\r\n ].filter(Boolean);\r\n chartDescs.forEach(el => {\r\n el.style.fontSize = (baseSize * 0.85) + \"px\";\r\n el.style.color = textColor;\r\n });\r\n\r\n const labelButtons = primaryButtons.concat(secondaryButtons);\r\n labelButtons.forEach((btn) => {\r\n btn.style.fontSize = (baseSize * 0.9) + \"px\";\r\n });\r\n }\r\n\r\n \/\/ Inisialisasi Element SDK\r\n (function initElementSdk() {\r\n if (!window.elementSdk) {\r\n \/\/ Jika SDK belum tersedia, tetap jalankan UI biasa\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n initUIInteractions();\r\n applyConfig(defaultConfig);\r\n });\r\n return;\r\n }\r\n\r\n window.elementSdk.init({\r\n defaultConfig,\r\n onConfigChange: async (config) => {\r\n await applyConfig(config);\r\n },\r\n mapToCapabilities: (config) => {\r\n const current = Object.assign({}, defaultConfig, config || {});\r\n\r\n const recolorables = [\r\n {\r\n get: () => current.background_color,\r\n set: (value) => {\r\n current.background_color = value;\r\n window.elementSdk.setConfig({ background_color: value });\r\n }\r\n },\r\n {\r\n get: () => current.surface_color,\r\n set: (value) => {\r\n current.surface_color = value;\r\n window.elementSdk.setConfig({ surface_color: value });\r\n }\r\n },\r\n {\r\n get: () => current.text_color,\r\n set: (value) => {\r\n current.text_color = value;\r\n window.elementSdk.setConfig({ text_color: value });\r\n }\r\n },\r\n {\r\n get: () => current.primary_action_color,\r\n set: (value) => {\r\n current.primary_action_color = value;\r\n window.elementSdk.setConfig({ primary_action_color: value });\r\n }\r\n },\r\n {\r\n get: () => current.secondary_action_color,\r\n set: (value) => {\r\n current.secondary_action_color = value;\r\n window.elementSdk.setConfig({ secondary_action_color: value });\r\n }\r\n }\r\n ];\r\n\r\n const fontEditable = {\r\n get: () => current.font_family,\r\n set: (value) => {\r\n current.font_family = value;\r\n window.elementSdk.setConfig({ font_family: value });\r\n }\r\n };\r\n\r\n const fontSizeable = {\r\n get: () => current.font_size,\r\n set: (value) => {\r\n current.font_size = value;\r\n window.elementSdk.setConfig({ font_size: value });\r\n }\r\n };\r\n\r\n return {\r\n recolorables,\r\n borderables: [],\r\n fontEditable,\r\n fontSizeable\r\n };\r\n },\r\n mapToEditPanelValues: (config) => {\r\n const c = Object.assign({}, defaultConfig, config || {});\r\n return new Map([\r\n [\"judul_awal\", c.judul_awal],\r\n [\"judul_tahun_2024\", c.judul_tahun_2024],\r\n [\"judul_tahun_2025\", c.judul_tahun_2025],\r\n [\"teks_tombol_2024\", c.teks_tombol_2024],\r\n [\"teks_tombol_2025\", c.teks_tombol_2025],\r\n [\"teks_kembali\", c.teks_kembali]\r\n ]);\r\n }\r\n });\r\n\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n initUIInteractions();\r\n applyConfig(window.elementSdk.config || defaultConfig);\r\n });\r\n })();\r\n <\/script>\r\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9a275583f75234c9',t:'MTc2MzgwMzA0OS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\r\n<\/html>\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-2a678cd e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"2a678cd\" 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-54c05a2 wpr-data-table-type-custom wpr-table-align-items-left elementor-widget elementor-widget-wpr-data-table\" data-id=\"54c05a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wpr-data-table.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t\t\n\t\t<div class=\"wpr-table-container\">\n\t\t<div class=\"wpr-table-inner-container \" data-table-sorting=\"\" data-custom-pagination=\"\" data-row-pagination=\"\" data-entry-info=\"\" data-rows-per-page=\"\">\n\n\t\t\n\t\t\t<table class=\"wpr-data-table\" id=\"wpr-data-table\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t<thead>\n\t\t\t\t\t<tr class=\"wpr-table-head-row wpr-table-row\">\n\t\t\t\t\t\n\t\t\t\t\t\t<th class=\"wpr-table-th elementor-repeater-item-02cbd9f\" colspan=\"1\">\n\t\t\t\t\t\t\t<div class=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"wpr-table-text\">TAHUN<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/th>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<th class=\"wpr-table-th elementor-repeater-item-253016e\" colspan=\"1\">\n\t\t\t\t\t\t\t<div class=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"wpr-table-text\">LAPORAN<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/th>\n\t\t\t\t\t\t\t\t\t\t\t<\/tr>\n\t\t\t\t<\/thead>\n\n\t\t\t\t<tbody>\n\t\t\t\t\t\t\t\t\t<tr class=\"wpr-table-body-row wpr-table-row elementor-repeater-item-e716d6c wpr-odd\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<td colspan=\"\" rowspan=\"\" class=\"elementor-repeater-item-49b9279 wpr-table-td\">\n\n\t\t\t\t\t\t\t\t<div class=\"wpr-td-content-wrapper \">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t<span class=\"wpr-table-text\">\n\t\t\t\t\t\t\t\t\t\t\t\t2024\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<td colspan=\"\" rowspan=\"\" class=\"elementor-repeater-item-d8ada4e wpr-table-td\">\n\n\t\t\t\t\t\t\t\t<div class=\"wpr-td-content-wrapper \">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vRYhRfyeHtP6G7CcYmz-YVSO0vJO11XFBGspXn8yQ3mLcjlUN_JoZ8Ii1CYqhwC_N1OU0-6iBKg3e0O\/pubhtml\" target=\"_blank\">\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t<span class=\"wpr-table-text\">\n\t\t\t\t\t\t\t\t\t\t\t\tLaporan Kemahasiswaan\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\n\t\t\t \t\t\t\t\t<tr class=\"wpr-table-body-row wpr-table-row elementor-repeater-item-6b4e2b9 wpr-even\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<td colspan=\"\" rowspan=\"\" class=\"elementor-repeater-item-17cce7d wpr-table-td\">\n\n\t\t\t\t\t\t\t\t<div class=\"wpr-td-content-wrapper \">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t<span class=\"wpr-table-text\">\n\t\t\t\t\t\t\t\t\t\t\t\t2025\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<td colspan=\"\" rowspan=\"\" class=\"elementor-repeater-item-e62fb73 wpr-table-td\">\n\n\t\t\t\t\t\t\t\t<div class=\"wpr-td-content-wrapper \">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vRYhRfyeHtP6G7CcYmz-YVSO0vJO11XFBGspXn8yQ3mLcjlUN_JoZ8Ii1CYqhwC_N1OU0-6iBKg3e0O\/pubhtml\" target=\"_blank\">\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t<span class=\"wpr-table-text\">\n\t\t\t\t\t\t\t\t\t\t\t\tLaporan Kemahasiswaan\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<\/td>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\n\t\t\t \t\t\t\t<\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<\/div>\n \t\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Laporan Program Studi Laporan Kemahasiswaan Sastra Arab Dashboard Laporan Kemahasiswaan Sastra Arab Laporan Mahasiswa Program Studi Sastra Arab Fakultas Ilmu Budaya Universitas Sebelas Maret (UNS) Klik salah satu tahun untuk melihat laporan kemahasiswaan. Tahun 2024 Tahun 2025 Laporan Kemahasiswaan Tahun 2024 Kembali Kelulusan Tepat Waktu Prestasi Mahasiswa Pembelajaran di Luar Program Studi Pilih salah satu kategori untuk melihat visualisasi data tahun 2024. Tidak ada data Data akan muncul dalam bentuk diagram pie atau pictogram setelah Anda memilih kategori. Laporan Kemahasiswaan Tahun 2025 Kembali Kelulusan Tepat Waktu Prestasi Mahasiswa Pembelajaran di Luar Program Studi Pilih salah satu kategori untuk melihat visualisasi data tahun 2025. Tidak ada data Data akan muncul dalam bentuk diagram pie atau pictogram setelah Anda memilih kategori. TAHUN LAPORAN 2024 Laporan Kemahasiswaan 2025 Laporan Kemahasiswaan<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-5343","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Laporan - Sastra Arab<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/arab.fib.uns.ac.id\/en\/laporan\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Laporan - Sastra Arab\" \/>\n<meta property=\"og:description\" content=\"Laporan Program Studi Laporan Kemahasiswaan Sastra Arab Dashboard Laporan Kemahasiswaan Sastra Arab Laporan Mahasiswa Program Studi Sastra Arab Fakultas Ilmu Budaya Universitas Sebelas Maret (UNS) Klik salah satu tahun untuk melihat laporan kemahasiswaan. Tahun 2024 Tahun 2025 Laporan Kemahasiswaan Tahun 2024 Kembali Kelulusan Tepat Waktu Prestasi Mahasiswa Pembelajaran di Luar Program Studi Pilih salah satu kategori untuk melihat visualisasi data tahun 2024. Tidak ada data Data akan muncul dalam bentuk diagram pie atau pictogram setelah Anda memilih kategori. Laporan Kemahasiswaan Tahun 2025 Kembali Kelulusan Tepat Waktu Prestasi Mahasiswa Pembelajaran di Luar Program Studi Pilih salah satu kategori untuk melihat visualisasi data tahun 2025. Tidak ada data Data akan muncul dalam bentuk diagram pie atau pictogram setelah Anda memilih kategori. TAHUN LAPORAN 2024 Laporan Kemahasiswaan 2025 Laporan Kemahasiswaan\" \/>\n<meta property=\"og:url\" content=\"https:\/\/arab.fib.uns.ac.id\/en\/laporan\/\" \/>\n<meta property=\"og:site_name\" content=\"Sastra Arab\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/sastraarab\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-02T13:20:01+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/arab.fib.uns.ac.id\/laporan\/\",\"url\":\"https:\/\/arab.fib.uns.ac.id\/laporan\/\",\"name\":\"Laporan - Sastra Arab\",\"isPartOf\":{\"@id\":\"https:\/\/arab.fib.uns.ac.id\/#website\"},\"datePublished\":\"2025-11-22T06:38:41+00:00\",\"dateModified\":\"2026-01-02T13:20:01+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/arab.fib.uns.ac.id\/laporan\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/arab.fib.uns.ac.id\/laporan\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/arab.fib.uns.ac.id\/laporan\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/arab.fib.uns.ac.id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Laporan\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/arab.fib.uns.ac.id\/#website\",\"url\":\"https:\/\/arab.fib.uns.ac.id\/\",\"name\":\"Arabic Literature\",\"description\":\"Universitas Sebelas Maret\",\"publisher\":{\"@id\":\"https:\/\/arab.fib.uns.ac.id\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/arab.fib.uns.ac.id\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/arab.fib.uns.ac.id\/#organization\",\"name\":\"Arabic Literature Study Program\",\"url\":\"https:\/\/arab.fib.uns.ac.id\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/arab.fib.uns.ac.id\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/arab.fib.uns.ac.id\/wp-content\/uploads\/2024\/04\/Arabic-Literature-1.png\",\"contentUrl\":\"https:\/\/arab.fib.uns.ac.id\/wp-content\/uploads\/2024\/04\/Arabic-Literature-1.png\",\"width\":236,\"height\":71,\"caption\":\"Arabic Literature Study Program\"},\"image\":{\"@id\":\"https:\/\/arab.fib.uns.ac.id\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/sastraarab\",\"https:\/\/instagram.com\/sastraarab.uns\",\"https:\/\/www.youtube.com\/@SastraArabUNS\"]}]}<\/script>\n","yoast_head_json":{"title":"Laporan - Sastra Arab","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/arab.fib.uns.ac.id\/en\/laporan\/","og_locale":"en_US","og_type":"article","og_title":"Laporan - Sastra Arab","og_description":"Laporan Program Studi Laporan Kemahasiswaan Sastra Arab Dashboard Laporan Kemahasiswaan Sastra Arab Laporan Mahasiswa Program Studi Sastra Arab Fakultas Ilmu Budaya Universitas Sebelas Maret (UNS) Klik salah satu tahun untuk melihat laporan kemahasiswaan. Tahun 2024 Tahun 2025 Laporan Kemahasiswaan Tahun 2024 Kembali Kelulusan Tepat Waktu Prestasi Mahasiswa Pembelajaran di Luar Program Studi Pilih salah satu kategori untuk melihat visualisasi data tahun 2024. Tidak ada data Data akan muncul dalam bentuk diagram pie atau pictogram setelah Anda memilih kategori. Laporan Kemahasiswaan Tahun 2025 Kembali Kelulusan Tepat Waktu Prestasi Mahasiswa Pembelajaran di Luar Program Studi Pilih salah satu kategori untuk melihat visualisasi data tahun 2025. Tidak ada data Data akan muncul dalam bentuk diagram pie atau pictogram setelah Anda memilih kategori. TAHUN LAPORAN 2024 Laporan Kemahasiswaan 2025 Laporan Kemahasiswaan","og_url":"https:\/\/arab.fib.uns.ac.id\/en\/laporan\/","og_site_name":"Sastra Arab","article_publisher":"https:\/\/www.facebook.com\/sastraarab","article_modified_time":"2026-01-02T13:20:01+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/arab.fib.uns.ac.id\/laporan\/","url":"https:\/\/arab.fib.uns.ac.id\/laporan\/","name":"Laporan - Sastra Arab","isPartOf":{"@id":"https:\/\/arab.fib.uns.ac.id\/#website"},"datePublished":"2025-11-22T06:38:41+00:00","dateModified":"2026-01-02T13:20:01+00:00","breadcrumb":{"@id":"https:\/\/arab.fib.uns.ac.id\/laporan\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/arab.fib.uns.ac.id\/laporan\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/arab.fib.uns.ac.id\/laporan\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/arab.fib.uns.ac.id\/"},{"@type":"ListItem","position":2,"name":"Laporan"}]},{"@type":"WebSite","@id":"https:\/\/arab.fib.uns.ac.id\/#website","url":"https:\/\/arab.fib.uns.ac.id\/","name":"Arabic Literature","description":"Universitas Sebelas Maret","publisher":{"@id":"https:\/\/arab.fib.uns.ac.id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/arab.fib.uns.ac.id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/arab.fib.uns.ac.id\/#organization","name":"Arabic Literature Study Program","url":"https:\/\/arab.fib.uns.ac.id\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/arab.fib.uns.ac.id\/#\/schema\/logo\/image\/","url":"https:\/\/arab.fib.uns.ac.id\/wp-content\/uploads\/2024\/04\/Arabic-Literature-1.png","contentUrl":"https:\/\/arab.fib.uns.ac.id\/wp-content\/uploads\/2024\/04\/Arabic-Literature-1.png","width":236,"height":71,"caption":"Arabic Literature Study Program"},"image":{"@id":"https:\/\/arab.fib.uns.ac.id\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/sastraarab","https:\/\/instagram.com\/sastraarab.uns","https:\/\/www.youtube.com\/@SastraArabUNS"]}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/arab.fib.uns.ac.id\/en\/wp-json\/wp\/v2\/pages\/5343","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arab.fib.uns.ac.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arab.fib.uns.ac.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arab.fib.uns.ac.id\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arab.fib.uns.ac.id\/en\/wp-json\/wp\/v2\/comments?post=5343"}],"version-history":[{"count":51,"href":"https:\/\/arab.fib.uns.ac.id\/en\/wp-json\/wp\/v2\/pages\/5343\/revisions"}],"predecessor-version":[{"id":5496,"href":"https:\/\/arab.fib.uns.ac.id\/en\/wp-json\/wp\/v2\/pages\/5343\/revisions\/5496"}],"wp:attachment":[{"href":"https:\/\/arab.fib.uns.ac.id\/en\/wp-json\/wp\/v2\/media?parent=5343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}