penjadwalan-ga/public/js/script.js

$('.menu-toggle input').on('click', function () {
    $('nav ul').toggleClass('slide');
})

const lazyImages = $('img.lazy');

const observer = new IntersectionObserver((entries, observer) => {
    entries.forEach(entry => {
        if (entry.isIntersecting) {
            const img = entry.target;
            const src = $(img).attr('data-src');

            if (src) {
                $(img).attr('src', src).removeAttr('data-src');
                $(img).on('load', function () {
                    $(img).addClass('loaded');
                });
            }

            observer.unobserve(img);
        }
    });
});

// Observasi semua gambar lazy
setTimeout(() => {
    lazyImages.each(function () {
        observer.observe(this);
    });
}, 500);


const dataKelas = [
    {
        "id": "1",
        "level": "Beginner",
        "kelas": "TK - 3 SD",
        "goal": "Mengembangkan struktur berpikir logis sejak dini dengan membangun imajinasi anak dan mengenalkan robot di sekitar mereka.",
        "penjelasan": "Pada tahap ini, anak-anak akan belajar bagaimana robot bekerja, mulai dari dasar-dasar mekanika dan konstruksi sederhana. Aktivitas di level ini dirancang untuk memberikan pemahaman awal tentang robot. Apa itu robot dan bagaimana caranya agar ia bergerak dan berfungsi? Mereka akan menggunakan robot LEGO dan robot sederhana untuk belajar melalui praktik dan eksperimen.",
        "capaian": [
            "Struktur dan fungsi dasar robot.",
            "Bagaimana merakit dan mengoperasikan robot sederhana.",
            "Prinsip dasar mekanika robot."
        ],
        "gambar": "img/kursus1.png",
        "penjelasanTambahan": "Terdiri dari 4 level, di mana setiap level akan meningkatkan pemahaman anak tentang robotika dengan cara yang menyenangkan dan interaktif."
    },
    {
        "id": "2",
        "level": "Basic",
        "kelas": "4 - 6 SD",
        "goal": "Melatih pemahaman dasar pemrograman dan logika untuk anak melalui interaksi langsung dengan robot.",
        "penjelasan": "Pada level ini, anak-anak mulai belajar coding untuk memprogram robot. Mereka akan diperkenalkan pada Visual Block Coding hingga ke program C pada Arduino. Anak-anak juga diajarkan cara berpikir sistematis untuk menyelesaikan masalah melalui coding.",
        "capaian": [
            "Membuat program sederhana untuk mengontrol robot.",
            "Mengembangkan pemahaman dasar tentang logika pemrograman.",
            "Membuat proyek sederhana seperti robot analog dan game menggunakan Scratch dan Arduino."
        ],
        "gambar": "img/sd.jpg",
        "penjelasanTambahan": "Terdiri dari 4 level, di mana pada level awal mereka akan menggunakan pemrograman visual, lalu mulai beralih ke pemrograman berbasis teks."
    },
    {
        "id": "3",
        "level": "Intermediate",
        "kelas": "7 - 9 SMP",
        "goal": "Menggabungkan pemahaman tentang software dan hardware, serta mengenalkan anak pada komponen utama robot.",
        "penjelasan": "Anak-anak akan belajar lebih dalam tentang hardware robot, memahami setiap komponen dan bagaimana komponen tersebut berinteraksi dengan software melalui coding. Selain itu, mereka akan diperkenalkan pada model kompetisi robotika tingkat nasional dan internasional untuk mendorong kreativitas dan inovasi.",
        "capaian": [
            "Memahami prinsip kerja komponen robot seperti motor, sensor, dan mikrokontroler.",
            "Membuat proyek robot yang lebih kompleks menggunakan Arduino.",
            "Berpartisipasi dalam simulasi lomba robotika, mengembangkan kreativitas dan kemampuan problem-solving yang lebih tinggi."
        ],
        "gambar": "img/sd.jpg",
        "penjelasanTambahan": "Terdiri dari 4 level, di mana anak mulai menguasai penggabungan antara coding dan komponen fisik untuk menciptakan robot yang lebih canggih."
    },
    {
        "id": "4",
        "level": "Advance",
        "kelas": "10 - 12 SMA",
        "goal": "Mencapai tingkat mahir dalam pemrograman dan konstruksi robot, serta menciptakan proyek-proyek teknologi yang inovatif.",
        "penjelasan": "Di level ini, anak-anak akan menguasai kecerdasan buatan (AI), Internet of Things (IoT), dan robotika tingkat lanjut. Mereka akan belajar bagaimana memadukan berbagai teknologi untuk menciptakan solusi nyata, seperti konsep Smart Home hingga otomatisasi industri.",
        "capaian": [
            "Menerapkan AI dan IoT dalam proyek-proyek robotik.",
            "Mengembangkan proyek teknologi yang dapat diintegrasikan dalam kehidupan sehari-hari.",
            "Siap menghadapi tantangan di dunia teknologi yang lebih luas, baik di tingkat kompetisi maupun aplikasi dunia nyata."
        ],
        "gambar": "img/sd.jpg",
        "penjelasanTambahan": "Terdiri dari 4 level, di mana anak dipersiapkan untuk menjadi inovator di bidang teknologi dan robotika."
    }
];


document.addEventListener('click', function (e) {
    if (e.target && e.target.matches('button[data-id]')) {
        const id = e.target.getAttribute('data-id');
        const kelas = dataKelas.find(k => k.id === id);

        if (kelas) {
            const modalBody = document.getElementById('modal-body');
            modalBody.innerHTML = `
                <span class="fw-normal">Goal</span>
                <br>${kelas.goal}<br>
                <span class="fw-normal">Penjelasan</span>
                <br>${kelas.penjelasan}<br>
                <span class="fw-normal">Capaian</span>
                <br>Anak akan mampu:
                <ul>
                    ${kelas.capaian.map(item => `<li>${item}</li>`).join('')}
                </ul>
            `;

            const modalTitle = document.getElementById('modal-header-title');
            modalTitle.innerText = `Level ${kelas.level} (${kelas.kelas})`;
        } else {
            console.error('Data tidak ditemukan untuk ID:', id);
        }
    }
});