<br />
<b>Deprecated</b>:  Hostinger\Surveys\SurveyManager::addSurvey(): Implicitly marking parameter $review_url as nullable is deprecated, the explicit nullable type must be used instead in <b>/home/u367845535/websites/FFagf2xiX/public_html/wp-content/plugins/hostinger-ai-assistant/vendor/hostinger/hostinger-wp-surveys/src/SurveyManager.php</b> on line <b>390</b><br />
{"id":7442,"date":"2025-09-28T20:30:35","date_gmt":"2025-09-28T13:30:35","guid":{"rendered":"https:\/\/kegiatanbelajarmengajar.id\/?post_type=blog&#038;p=7442"},"modified":"2025-09-28T20:30:55","modified_gmt":"2025-09-28T13:30:55","slug":"7442","status":"publish","type":"blog","link":"https:\/\/kegiatanbelajarmengajar.id\/index.php\/blog\/7442\/","title":{"rendered":"Informatika Kelas X Bab 1"},"content":{"rendered":"<p>    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><br \/>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <!-- Chosen Palette: Calm Slate --><br \/>\n    <!-- Application Structure Plan: Saya merancang aplikasi ini sebagai 'Dasbor Guru' interaktif. Strukturnya tidak meniru modul, melainkan berpusat pada alur kerja pengajar. Terdapat sidebar navigasi tetap untuk akses cepat ke info kunci, dan area konten utama yang menampilkan Skenario KBM sebagai timeline interaktif secara default. Tampilan lain seperti 'Tujuan & CP' dan 'Asesmen' diakses via navigasi. Struktur ini dipilih untuk memprioritaskan informasi yang paling sering diakses (skenario KBM) sambil menjaga agar detail lain mudah dijangkau, meningkatkan efisiensi dan kemudahan penggunaan. --><br \/>\n    <!-- Visualization & Content Choices: 1. Skenario KBM -> Goal: Memandu alur mengajar -> Viz: Timeline vertikal interaktif (HTML\/CSS\/JS) -> Interaction: Klik untuk detail. Justification: Lebih intuitif daripada tabel statis. 2. Dimensi Profil Pelajar Pancasila -> Goal: Menunjukkan fokus pengembangan karakter -> Viz: Bar Chart (Chart.js Canvas) -> Interaction: Tooltip on hover. Justification: Visualisasi data mempermudah pemahaman proporsi fokus. 3. Lampiran LKM -> Goal: Referensi materi ajar -> Viz: Kartu bergaya dokumen (Styled HTML) -> Interaction: Statis. Justification: Tampilan visual yang familiar dan mudah dibaca. --><br \/>\n    <!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. --><\/p>\n<style>\n        body {\n            font-family: 'Inter', sans-serif;\n            background-color: #f8fafc;\n        }\n        .timeline-item::before {\n            content: '';\n            position: absolute;\n            width: 1.25rem;\n            height: 1.25rem;\n            border-radius: 50%;\n            left: -0.625rem;\n            top: 0;\n            background-color: #3b82f6;\n            border: 4px solid #ffffff;\n        }\n        .content-section {\n            display: none;\n        }\n        .content-section.active {\n            display: block;\n        }\n        .chart-container {\n            position: relative;\n            width: 100%;\n            max-width: 800px;\n            margin-left: auto;\n            margin-right: auto;\n            height: 300px;\n            max-height: 400px;\n        }\n         @media (min-width: 768px) { .chart-container { height: 350px; } }\n    <\/style>\n<div class=\"flex min-h-screen\">\n        <!-- Sidebar Navigasi --><\/p>\n<aside class=\"w-64 bg-white shadow-md p-6 hidden md:block sticky top-0 h-screen\">\n<h1 class=\"text-xl font-bold text-blue-600 mb-2\">Dasbor Modul Ajar<\/h1>\n<p class=\"text-sm text-slate-500 mb-8\">Informatika &#8211; Bab 1<\/p>\n<nav id=\"sidebar-nav\">\n                <a href=\"#dasbor\" data-target=\"dasbor\" class=\"nav-link flex items-center p-3 my-1 text-slate-700 rounded-lg hover:bg-blue-50 font-medium bg-blue-100 text-blue-600\"><br \/>\n                    <span class=\"mr-3\">\ud83d\udcc5<\/span> Skenario KBM<br \/>\n                <\/a><br \/>\n                <a href=\"#tujuan\" data-target=\"tujuan\" class=\"nav-link flex items-center p-3 my-1 text-slate-700 rounded-lg hover:bg-blue-50 font-medium\"><br \/>\n                    <span class=\"mr-3\">\ud83c\udfaf<\/span> Tujuan &#038; CP<br \/>\n                <\/a><br \/>\n                <a href=\"#asesmen\" data-target=\"asesmen\" class=\"nav-link flex items-center p-3 my-1 text-slate-700 rounded-lg hover:bg-blue-50 font-medium\"><br \/>\n                    <span class=\"mr-3\">\ud83d\udccb<\/span> Asesmen &#038; Lampiran<br \/>\n                <\/a><br \/>\n            <\/nav>\n<div class=\"mt-10 pt-6 border-t border-slate-200\">\n<h3 class=\"text-sm font-semibold text-slate-400 uppercase tracking-wider mb-4\">Informasi Umum<\/h3>\n<div class=\"space-y-3 text-sm\">\n<div class=\"flex justify-between\">\n                        <span class=\"text-slate-500\">Kelas:<\/span><br \/>\n                        <span class=\"font-semibold text-slate-700\">X (Sepuluh)<\/span>\n                    <\/div>\n<div class=\"flex justify-between\">\n                        <span class=\"text-slate-500\">Alokasi Waktu:<\/span><br \/>\n                        <span class=\"font-semibold text-slate-700\">2 JP (90 Menit)<\/span>\n                    <\/div>\n<div class=\"flex justify-between\">\n                        <span class=\"text-slate-500\">Fase:<\/span><br \/>\n                        <span class=\"font-semibold text-slate-700\">E<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/aside>\n<p>        <!-- Main Content --><br \/>\n        <main class=\"flex-1 p-6 md:p-10 bg-slate-50\"><br \/>\n            <!-- Mobile Header --><\/p>\n<div class=\"md:hidden mb-6\">\n<h1 class=\"text-2xl font-bold text-blue-600\">Dasbor Modul Ajar<\/h1>\n<p class=\"text-slate-500\">Informatika &#8211; Bab 1<\/p>\n<nav id=\"mobile-nav\" class=\"flex space-x-2 mt-4 overflow-x-auto pb-2\">\n                    <a href=\"#dasbor\" data-target=\"dasbor\" class=\"nav-link flex-shrink-0 px-4 py-2 text-sm font-medium rounded-full bg-blue-100 text-blue-600\">Skenario KBM<\/a><br \/>\n                    <a href=\"#tujuan\" data-target=\"tujuan\" class=\"nav-link flex-shrink-0 px-4 py-2 text-sm font-medium rounded-full bg-white text-slate-600\">Tujuan &#038; CP<\/a><br \/>\n                    <a href=\"#asesmen\" data-target=\"asesmen\" class=\"nav-link flex-shrink-0 px-4 py-2 text-sm font-medium rounded-full bg-white text-slate-600\">Asesmen &#038; Lampiran<\/a><br \/>\n                <\/nav>\n<\/p><\/div>\n<p>            <!-- Skenario KBM Content --><\/p>\n<section id=\"dasbor\" class=\"content-section active\">\n<h2 class=\"text-3xl font-bold mb-2\">Skenario Kegiatan Pembelajaran<\/h2>\n<p class=\"text-slate-600 mb-8\">Alur aktivitas belajar mengajar selama 90 menit.<\/p>\n<div class=\"relative pl-4 border-l-2 border-slate-200\">\n                    <!-- Pendahuluan --><\/p>\n<div class=\"mb-10 relative timeline-item\">\n<h3 class=\"text-lg font-semibold text-blue-600\">A. Pendahuluan (10 menit)<\/h3>\n<div class=\"mt-4 space-y-4\">\n<div class=\"p-4 bg-white rounded-lg shadow-sm border border-slate-100\">\n<p class=\"font-semibold\">Pembukaan (2 menit)<\/p>\n<p class=\"text-sm text-slate-600 mt-1\">Salam, kondisikan kelas, periksa kehadiran, sampaikan tujuan pembelajaran.<\/p>\n<\/p><\/div>\n<div class=\"p-4 bg-white rounded-lg shadow-sm border border-slate-100\">\n<p class=\"font-semibold\">Apersepsi &#038; Video Motivasi (5 menit)<\/p>\n<p class=\"text-sm text-slate-600 mt-1\">Tayangkan video &#8220;The Power of Teamwork&#8221; dan kaitkan dengan pengembangan artefak komputasional (aplikasi kompleks).<\/p>\n<p>                                <a href=\"https:\/\/www.youtube.com\/watch?v=8PAnd4fVpxs\" target=\"_blank\" class=\"text-xs text-blue-500 hover:underline mt-2 inline-block\">Buka Video \u2197<\/a>\n                            <\/div>\n<div class=\"p-4 bg-white rounded-lg shadow-sm border border-slate-100\">\n<p class=\"font-semibold\">Pertanyaan Pemantik (3 menit)<\/p>\n<p class=\"text-sm text-slate-600 mt-1\">Ajukan pertanyaan: &#8220;Kapan terakhir kali bekerja dalam kelompok? Apakah ada kesepakatan sebelum mulai?&#8221;<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- Kegiatan Inti --><\/p>\n<div class=\"mb-10 relative timeline-item\">\n<h3 class=\"text-lg font-semibold text-blue-600\">B. Kegiatan Inti (75 menit)<\/h3>\n<div class=\"mt-4 space-y-4\">\n<div class=\"p-4 bg-white rounded-lg shadow-sm border border-slate-100\">\n<p class=\"font-semibold text-slate-700 bg-slate-100 -mx-4 -mt-4 p-2 rounded-t-md px-4\">Sesi 1: Kolaborasi (35 menit)<\/p>\n<p class=\"font-semibold mt-4\">Memahami Informatika (15 menit)<\/p>\n<p class=\"text-sm text-slate-600 mt-1\">Jelaskan ringkasan Informatika, Komputasi, dan relevansinya di era Industri 4.0, singgung konsep *Deep Learning*.<\/p>\n<p class=\"font-semibold mt-4\">Pengantar Keterampilan Generik (5 menit)<\/p>\n<p class=\"text-sm text-slate-600 mt-1\">Jelaskan fokus Bab 1 pada *generic skills* dan manfaat kerja kelompok.<\/p>\n<p class=\"font-semibold mt-4\">Aktivitas GS-K10-01-U (15 menit)<\/p>\n<p class=\"text-sm text-slate-600 mt-1\">Siswa berkelompok membuat pembagian tugas &#038; peran untuk acara &#8220;pelantikan OSIS&#8221; menggunakan LKS 1.<\/p>\n<\/p><\/div>\n<div class=\"p-4 bg-white rounded-lg shadow-sm border border-slate-100\">\n<p class=\"font-semibold text-slate-700 bg-slate-100 -mx-4 -mt-4 p-2 rounded-t-md px-4\">Sesi 2: Perencanaan &#038; Komunikasi (40 menit)<\/p>\n<p class=\"font-semibold mt-4\">Memahami Perencanaan &#038; Komunikasi (5 menit)<\/p>\n<p class=\"text-sm text-slate-600 mt-1\">Jelaskan pentingnya perencanaan dan perkenalkan Presentasi serta Infografis.<\/p>\n<p class=\"font-semibold mt-4\">Aktivitas GS-K10-02-U (20 menit)<\/p>\n<p class=\"text-sm text-slate-600 mt-1\">Siswa memilih satu tugas (misal: maket komputer) dan mengisi instrumen perencanaan kegiatan (LKS 2).<\/p>\n<p class=\"font-semibold mt-4\">ICE BREAKING: Rangkuman Generik (15 menit)<\/p>\n<p class=\"text-sm text-slate-600 mt-1\">Setiap kelompok merangkum Bab 1 dalam bentuk iklan atau lagu singkat, terinspirasi dari video &#8220;Menjadi Indonesia&#8221;.<\/p>\n<p>                                <a href=\"https:\/\/www.youtube.com\/watch?v=Jnx5GaALu_0\" target=\"_blank\" class=\"text-xs text-blue-500 hover:underline mt-2 inline-block\">Inspirasi Lagu \u2197<\/a>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                     <!-- Penutup --><\/p>\n<div class=\"relative timeline-item\">\n<h3 class=\"text-lg font-semibold text-blue-600\">C. Penutup (5 menit)<\/h3>\n<div class=\"mt-4 space-y-4\">\n<div class=\"p-4 bg-white rounded-lg shadow-sm border border-slate-100\">\n<p class=\"font-semibold\">Refleksi (3 menit)<\/p>\n<p class=\"text-sm text-slate-600 mt-1\">Ajak murid mengevaluasi proses dengan pertanyaan reflektif. Minta setiap siswa mengisi laporan ringkas di Buku Kerja.<\/p>\n<\/p><\/div>\n<div class=\"p-4 bg-white rounded-lg shadow-sm border border-slate-100\">\n<p class=\"font-semibold\">Tindak Lanjut &#038; Doa (2 menit)<\/p>\n<p class=\"text-sm text-slate-600 mt-1\">Berikan motivasi. Tegaskan tidak ada penilaian sumatif pada bab ini. Tutup dengan doa.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>            <!-- Tujuan & CP Content --><\/p>\n<section id=\"tujuan\" class=\"content-section\">\n<h2 class=\"text-3xl font-bold mb-2\">Tujuan Pembelajaran &#038; Capaian<\/h2>\n<p class=\"text-slate-600 mb-8\">Landasan kompetensi dan pemahaman yang ingin dicapai.<\/p>\n<div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n<div class=\"p-6 bg-white rounded-lg shadow-sm border\">\n<h3 class=\"text-xl font-semibold mb-3 text-blue-600\">\ud83c\udfaf Tujuan Pembelajaran<\/h3>\n<ul class=\"list-disc list-inside space-y-2 text-slate-700\">\n<li>Membuat **perencanaan kerja kelompok** dengan baik dan efektif.<\/li>\n<li>**Berkolaborasi dalam tim** untuk melaksanakan tugas dengan adil dan efisien.<\/li>\n<li>**Mengomunikasikan hasil kerja** dengan presentasi dan visualisasi.<\/li>\n<\/ul><\/div>\n<div class=\"p-6 bg-white rounded-lg shadow-sm border\">\n<h3 class=\"text-xl font-semibold mb-3 text-blue-600\">\ud83c\udf1f Pemahaman Bermakna<\/h3>\n<p class=\"text-slate-700\">Keterampilan generik (kolaborasi, perencanaan, komunikasi) adalah kunci keberhasilan dalam pengembangan produk kompleks di era digital.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"mt-8 p-6 bg-white rounded-lg shadow-sm border\">\n<h3 class=\"text-xl font-semibold mb-3 text-blue-600\">\ud83d\udcdc Capaian Pembelajaran (CP)<\/h3>\n<div class=\"space-y-4\">\n<div>\n<p class=\"font-semibold\">Elemen Informatika dan Kemampuan Umum (IKU)<\/p>\n<p class=\"text-sm text-slate-600 mt-1\">Peserta didik mampu mengenal berbagai bidang pengetahuan informatika dan memahami perannya dalam memecahkan masalah sehari-hari.<\/p>\n<\/p><\/div>\n<div>\n<p class=\"font-semibold\">Elemen Berpikir Komputasional (BK)<\/p>\n<p class=\"text-sm text-slate-600 mt-1\">Peserta didik mampu menerapkan strategi berpikir komputasional (logika, abstraksi, dekomposisi, algoritma) untuk memecahkan persoalan.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"mt-8 p-6 bg-white rounded-lg shadow-sm border\">\n<h3 class=\"text-xl font-semibold mb-3 text-blue-600\">\ud83d\udcca Fokus Dimensi Profil Pelajar Pancasila<\/h3>\n<p class=\"text-slate-600 text-sm mb-4\">Visualisasi ini menunjukkan dimensi yang paling ditekankan dalam modul ini, dinilai dari frekuensi penguatan pada setiap aktivitas.<\/p>\n<div class=\"chart-container\">\n                        <canvas id=\"pancasilaChart\"><\/canvas>\n                    <\/div>\n<\/p><\/div>\n<\/section>\n<p>            <!-- Asesmen & Lampiran Content --><\/p>\n<section id=\"asesmen\" class=\"content-section\">\n<h2 class=\"text-3xl font-bold mb-2\">Asesmen &#038; Lampiran<\/h2>\n<p class=\"text-slate-600 mb-8\">Metode penilaian dan materi pendukung untuk siswa.<\/p>\n<h3 class=\"text-2xl font-semibold text-blue-600 mb-4\">Metode Asesmen<\/h3>\n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n<div class=\"p-6 bg-white rounded-lg shadow-sm border\">\n<p class=\"font-semibold\">Asesmen Diagnostik<\/p>\n<p class=\"text-sm text-slate-600 mt-1\">Menggunakan Pertanyaan Pemantik di awal pelajaran untuk mengukur pengetahuan awal.<\/p>\n<\/p><\/div>\n<div class=\"p-6 bg-white rounded-lg shadow-sm border\">\n<p class=\"font-semibold\">Asesmen Formatif<\/p>\n<p class=\"text-sm text-slate-600 mt-1\">Observasi selama proses KBM dan penilaian hasil kerja LKS 1 &#038; 2 untuk memberi masukan perbaikan. Tidak ada skor akhir.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<h3 class=\"text-2xl font-semibold text-blue-600 mb-4 mt-10\">Lampiran: Lembar Kerja Murid (LKM)<\/h3>\n<div class=\"space-y-6\">\n<div class=\"p-6 bg-white rounded-lg shadow-sm border\">\n<p class=\"font-bold text-lg\">LKM 1: Berbagi Tugas dan Peran<\/p>\n<p class=\"text-sm text-slate-500 mb-4\">Aktivitas GS-K10-01-U<\/p>\n<div class=\"overflow-x-auto\">\n<table class=\"w-full text-sm text-left text-slate-500\">\n<thead class=\"text-xs text-slate-700 uppercase bg-slate-100\">\n<tr>\n<th scope=\"col\" class=\"px-6 py-3 rounded-l-lg\">Anggota<\/th>\n<th scope=\"col\" class=\"px-6 py-3\">Tugas<\/th>\n<th scope=\"col\" class=\"px-6 py-3 rounded-r-lg\">Peran<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr class=\"bg-white\">\n<td class=\"px-6 py-4\">&#8230;<\/td>\n<td class=\"px-6 py-4\">&#8230;<\/td>\n<td class=\"px-6 py-4\">&#8230;<\/td>\n<\/tr>\n<tr class=\"bg-white\">\n<td class=\"px-6 py-4\">&#8230;<\/td>\n<td class=\"px-6 py-4\">&#8230;<\/td>\n<td class=\"px-6 py-4\">&#8230;<\/td>\n<\/tr>\n<\/tbody>\n<\/table><\/div>\n<\/p><\/div>\n<div class=\"p-6 bg-white rounded-lg shadow-sm border\">\n<p class=\"font-bold text-lg\">LKM 2: Perencanaan Kegiatan<\/p>\n<p class=\"text-sm text-slate-500 mb-4\">Aktivitas GS-K10-02-U<\/p>\n<div class=\"space-y-3 text-sm\">\n<div class=\"grid grid-cols-3 gap-4 p-2 border-b\">\n                                <span class=\"font-semibold text-slate-600 col-span-1\">Aspek<\/span><br \/>\n                                <span class=\"text-slate-500 col-span-2\">Uraian<\/span>\n                            <\/div>\n<div class=\"grid grid-cols-3 gap-4 p-2\">\n                                <span class=\"font-semibold text-slate-600 col-span-1\">Deskripsi Umum Proyek<\/span><br \/>\n                                <span class=\"text-slate-500 col-span-2\">Tuliskan ringkasan proyek&#8230;<\/span>\n                            <\/div>\n<div class=\"grid grid-cols-3 gap-4 p-2 bg-slate-50 rounded-md\">\n                                <span class=\"font-semibold text-slate-600 col-span-1\">Tujuan Tugas<\/span><br \/>\n                                <span class=\"text-slate-500 col-span-2\">Tuliskan tujuan ringkas&#8230;<\/span>\n                            <\/div>\n<div class=\"grid grid-cols-3 gap-4 p-2\">\n                                <span class=\"font-semibold text-slate-600 col-span-1\">Hasil Tugas (Deliverable)<\/span><br \/>\n                                <span class=\"text-slate-500 col-span-2\">Jelaskan hasil yang jelas &#038; terukur&#8230;<\/span>\n                            <\/div>\n<div class=\"grid grid-cols-3 gap-4 p-2 bg-slate-50 rounded-md\">\n                                <span class=\"font-semibold text-slate-600 col-span-1\">Waktu dan Tempat<\/span><br \/>\n                                <span class=\"text-slate-500 col-span-2\">Berapa lama dan di mana&#8230;<\/span>\n                            <\/div>\n<div class=\"grid grid-cols-3 gap-4 p-2\">\n                                <span class=\"font-semibold text-slate-600 col-span-1\">Tahapan\/Langkah<\/span><br \/>\n                                <span class=\"text-slate-500 col-span-2\">Langkah umum dan runtut&#8230;<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>        <\/main>\n    <\/div>\n<p><script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const navLinks = document.querySelectorAll('.nav-link');\n    const contentSections = document.querySelectorAll('.content-section');\n    const sidebarNav = document.getElementById('sidebar-nav');\n    const mobileNav = document.getElementById('mobile-nav');<\/p>\n<p>    function updateActiveNav(targetId) {\n        navLinks.forEach(link => {\n            const linkTarget = link.dataset.target;\n            const isSidebarLink = link.parentElement.id === 'sidebar-nav';\n            const isMobileLink = link.parentElement.id === 'mobile-nav';<\/p>\n<p>            if (linkTarget === targetId) {\n                if (isSidebarLink) {\n                    link.classList.add('bg-blue-100', 'text-blue-600');\n                    link.classList.remove('text-slate-700', 'hover:bg-blue-50');\n                } else if (isMobileLink) {\n                     link.classList.add('bg-blue-100', 'text-blue-600');\n                     link.classList.remove('bg-white', 'text-slate-600');\n                }\n            } else {\n                 if (isSidebarLink) {\n                    link.classList.remove('bg-blue-100', 'text-blue-600');\n                    link.classList.add('text-slate-700', 'hover:bg-blue-50');\n                } else if (isMobileLink) {\n                     link.classList.remove('bg-blue-100', 'text-blue-600');\n                     link.classList.add('bg-white', 'text-slate-600');\n                }\n            }\n        });\n    }<\/p>\n<p>    function switchContent(targetId) {\n        contentSections.forEach(section => {\n            if (section.id === targetId) {\n                section.classList.add('active');\n            } else {\n                section.classList.remove('active');\n            }\n        });\n        updateActiveNav(targetId);\n    }<\/p>\n<p>    navLinks.forEach(link => {\n        link.addEventListener('click', function(e) {\n            e.preventDefault();\n            const targetId = this.dataset.target;\n            switchContent(targetId);\n            window.location.hash = targetId;\n        });\n    });<\/p>\n<p>    const initialTarget = window.location.hash.substring(1) || 'dasbor';\n    switchContent(initialTarget);<\/p>\n<p>    const pancasilaData = {\n        labels: ['Kolaborasi', 'Penalaran Kritis', 'Kreativitas', 'Kemandirian', 'Komunikasi'],\n        datasets: [{\n            label: 'Frekuensi Penguatan',\n            data: [5, 4, 4, 4, 4],\n            backgroundColor: [\n                'rgba(59, 130, 246, 0.6)',\n                'rgba(16, 185, 129, 0.6)',\n                'rgba(239, 68, 68, 0.6)',\n                'rgba(249, 115, 22, 0.6)',\n                'rgba(139, 92, 246, 0.6)'\n            ],\n            borderColor: [\n                'rgba(59, 130, 246, 1)',\n                'rgba(16, 185, 129, 1)',\n                'rgba(239, 68, 68, 1)',\n                'rgba(249, 115, 22, 1)',\n                'rgba(139, 92, 246, 1)'\n            ],\n            borderWidth: 1\n        }]\n    };<\/p>\n<p>    const config = {\n        type: 'bar',\n        data: pancasilaData,\n        options: {\n            indexAxis: 'y',\n            responsive: true,\n            maintainAspectRatio: false,\n            scales: {\n                x: {\n                    beginAtZero: true,\n                    grid: {\n                        color: 'rgba(203, 213, 225, 0.3)'\n                    }\n                },\n                y: {\n                     grid: {\n                        display: false\n                    }\n                }\n            },\n            plugins: {\n                legend: {\n                    display: false\n                },\n                tooltip: {\n                    backgroundColor: '#1e293b',\n                    titleFont: {\n                        size: 14,\n                        weight: 'bold'\n                    },\n                    bodyFont: {\n                        size: 12\n                    },\n                    padding: 10,\n                    cornerRadius: 6\n                }\n            }\n        }\n    };<\/p>\n<p>    const pancasilaChartCtx = document.getElementById('pancasilaChart');\n    if(pancasilaChartCtx) {\n        new Chart(pancasilaChartCtx, config);\n    }\n});\n<\/script><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","blog-kat":[],"class_list":["post-7442","blog","type-blog","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/kegiatanbelajarmengajar.id\/index.php\/wp-json\/wp\/v2\/blog\/7442","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kegiatanbelajarmengajar.id\/index.php\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/kegiatanbelajarmengajar.id\/index.php\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/kegiatanbelajarmengajar.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kegiatanbelajarmengajar.id\/index.php\/wp-json\/wp\/v2\/comments?post=7442"}],"wp:attachment":[{"href":"https:\/\/kegiatanbelajarmengajar.id\/index.php\/wp-json\/wp\/v2\/media?parent=7442"}],"wp:term":[{"taxonomy":"blog-kat","embeddable":true,"href":"https:\/\/kegiatanbelajarmengajar.id\/index.php\/wp-json\/wp\/v2\/blog-kat?post=7442"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}