<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Tips dan Trik &#8211; GARUDA-21 Sekolah Digital</title>
	<atom:link href="https://garuda-21.com/category/tips/feed/" rel="self" type="application/rss+xml" />
	<link>https://garuda-21.com</link>
	<description></description>
	<lastBuildDate>Tue, 23 Dec 2025 21:49:59 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://garuda-21.com/wp-content/uploads/2024/12/cropped-logo-05-32x32.png</url>
	<title>Tips dan Trik &#8211; GARUDA-21 Sekolah Digital</title>
	<link>https://garuda-21.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Mengoptimalkan Pelaksanaan Tes Kemampuan Akademik (TKA): Antara Integritas dan Efisiensi Digital</title>
		<link>https://garuda-21.com/mengoptimalkan-pelaksanaan-tes-kemampuan-akademik-tka-antara-integritas-dan-efisiensi-digital/</link>
					<comments>https://garuda-21.com/mengoptimalkan-pelaksanaan-tes-kemampuan-akademik-tka-antara-integritas-dan-efisiensi-digital/#respond</comments>
		
		<dc:creator><![CDATA[Telemarketing GARUDA 21]]></dc:creator>
		<pubDate>Mon, 22 Dec 2025 22:50:37 +0000</pubDate>
				<category><![CDATA[Berita Pendidikan]]></category>
		<category><![CDATA[Tips dan Trik]]></category>
		<guid isPermaLink="false">https://garuda-21.com/?p=4937</guid>

					<description><![CDATA[Bagi Bapak dan Ibu Guru di seluruh penjuru Indonesia, masa-masa ujian sering kali menjadi periode yang paling menguras energi. Di satu sisi, kita ingin melihat potret kemampuan akademik siswa yang murni melalui Tes Kemampuan Akademik (TKA). Di sisi lain, tumpukan berkas administrasi dan tantangan menjaga kejujuran siswa di era informasi ini bukanlah perkara mudah. Sebagai ... <a title="Mengoptimalkan Pelaksanaan Tes Kemampuan Akademik (TKA): Antara Integritas dan Efisiensi Digital" class="read-more" href="https://garuda-21.com/mengoptimalkan-pelaksanaan-tes-kemampuan-akademik-tka-antara-integritas-dan-efisiensi-digital/" aria-label="Read more about Mengoptimalkan Pelaksanaan Tes Kemampuan Akademik (TKA): Antara Integritas dan Efisiensi Digital">Read more</a>]]></description>
										<content:encoded><![CDATA[
<p>Bagi Bapak dan Ibu Guru di seluruh penjuru Indonesia, masa-masa ujian sering kali menjadi periode yang paling menguras energi. Di satu sisi, kita ingin melihat potret kemampuan akademik siswa yang murni melalui <strong>Tes Kemampuan Akademik (TKA)</strong>. Di sisi lain, tumpukan berkas administrasi dan tantangan menjaga kejujuran siswa di era informasi ini bukanlah perkara mudah.</p>



<p>Sebagai pendidik, kita semua sepakat bahwa TKA bukan sekadar angka di atas kertas, melainkan kompas untuk menentukan arah pembelajaran selanjutnya. Namun, pertanyaannya: <em>Bagaimana kita bisa menjalankan TKA dengan standar integritas tinggi tanpa harus terjebak dalam kerumitan administratif?</em></p>



<h2 class="wp-block-heading">Tantangan Nyata dalam Pelaksanaan TKA Tradisional</h2>



<p>Pelaksanaan TKA secara konvensional atau menggunakan platform digital yang &#8220;setengah-setengah&#8221; sering kali menghadirkan dilema bagi sekolah:</p>



<ol class="wp-block-list">
<li><strong>Risiko Kecurangan Tinggi:</strong> Penggunaan perangkat mobile sering kali disalahgunakan siswa untuk mencari jawaban di internet atau berbagi jawaban melalui aplikasi pesan singkat.</li>



<li><strong>Beban Koreksi Manual:</strong> Memeriksa ratusan hasil ujian secara manual menguras waktu berharga guru yang seharusnya bisa digunakan untuk merancang strategi pengajaran yang lebih kreatif.</li>



<li><strong>Data yang Tidak Terintegrasi:</strong> Sering kali hasil ujian tersimpan di platform berbeda, sehingga sulit bagi Kepala Sekolah untuk melihat tren perkembangan akademik sekolah secara menyeluruh.</li>
</ol>



<h2 class="wp-block-heading">Menjaga Marwah Integritas dengan Teknologi</h2>



<p>Integritas akademik adalah fondasi utama pendidikan. Di GARUDA-21, kami memahami bahwa teknologi seharusnya menjadi &#8220;satpam&#8221; yang tidak terlihat namun sangat efektif.</p>



<p>Melalui sistem ujian yang terintegrasi, GARUDA-21 menawarkan fitur <strong>Lockdown Browser</strong> dan <strong>Anti-Cheating Detection</strong>. Saat siswa mengerjakan TKA melalui <em>handphone</em> mereka, sistem akan mengunci perangkat sehingga mereka tidak bisa berpindah ke aplikasi lain atau mencari referensi di mesin pencari. Jika ada upaya keluar dari aplikasi, sistem akan memberikan peringatan otomatis atau bahkan memblokir soal untuk sementara waktu.</p>



<p>Dengan cara ini, Bapak dan Ibu Guru tidak perlu lagi merasa was-was. Hasil yang didapat adalah cerminan kemampuan siswa yang sesungguhnya.</p>



<h2 class="wp-block-heading">Efisiensi untuk Kebahagiaan Guru</h2>



<p>Kita semua ingin guru-guru kita memiliki waktu istirahat yang cukup dan semangat yang segar di dalam kelas. Dengan GARUDA-21, proses pasca-ujian yang biasanya melelahkan kini menjadi otomatis:</p>



<ul class="wp-block-list">
<li><strong>Penilaian Instan:</strong> Nilai langsung keluar begitu siswa selesai mengerjakan (untuk tipe soal pilihan ganda).</li>



<li><strong>Analisis Butir Soal:</strong> Sistem secara otomatis menganalisis tingkat kesulitan soal dan distribusi nilai.</li>



<li><strong>Integrasi Cloud:</strong> Semua data tersimpan aman di infrastruktur berbasis Microsoft 365 atau Google Workspace (Belajar.id), memudahkan sinkronisasi data rapor.</li>
</ul>



<h2 class="wp-block-heading">Transformasi Menuju Sekolah Digital yang Visioner</h2>



<p>Kepala Sekolah sebagai pemimpin instruksional kini dapat mengambil keputusan berbasis data (<em>data-driven decision making</em>). Dengan dasbor eksekutif GARUDA-21, Anda bisa melihat perbandingan hasil TKA antar kelas atau antar angkatan hanya dengan beberapa klik.</p>



<p>Ini bukan sekadar tentang mengganti kertas menjadi layar, tapi tentang membangun ekosistem pendidikan yang lebih bermartabat, transparan, dan efisien.</p>



<p><strong>Penutup dan Refleksi</strong></p>



<p>TKA adalah jembatan bagi siswa menuju jenjang pendidikan yang lebih tinggi. Tugas kita adalah memastikan jembatan tersebut kokoh dan dibangun di atas landasan kejujuran.</p>



<p><strong>Bagaimana pengalaman Bapak dan Ibu dalam melaksanakan ujian digital di sekolah selama ini? Apa tantangan terbesar yang sering ditemui saat menjaga integritas ujian menggunakan smartphone?</strong></p>



<p>Mari berbagi cerita di kolom komentar di bawah ini. Kita diskusikan bagaimana teknologi bisa membantu meringankan beban kerja pendidik sekaligus meningkatkan kualitas lulusan kita.</p>



<p><em>Ingin mencoba sistem ujian aman dan terintegrasi untuk sekolah Anda? </em><a href="https://promo.garuda-21.com/"><em>Klik di sini untuk uji coba gratis GARUDA-21</em></a><em>.</em></p>
]]></content:encoded>
					
					<wfw:commentRss>https://garuda-21.com/mengoptimalkan-pelaksanaan-tes-kemampuan-akademik-tka-antara-integritas-dan-efisiensi-digital/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Gemini untuk Pendidik: Aplikasi di kelas</title>
		<link>https://garuda-21.com/gemini-untuk-pendidik-aplikasi-di-kelas/</link>
					<comments>https://garuda-21.com/gemini-untuk-pendidik-aplikasi-di-kelas/#respond</comments>
		
		<dc:creator><![CDATA[Telemarketing GARUDA 21]]></dc:creator>
		<pubDate>Sun, 21 Sep 2025 02:07:12 +0000</pubDate>
				<category><![CDATA[Tips dan Trik]]></category>
		<guid isPermaLink="false">https://garuda-21.com/?p=4895</guid>

					<description><![CDATA[Blog Post: Bikin Kelas Bahasa Inggris Jadi Game Seru! INOVASI MENGAJAR Bikin Kelas Bahasa Inggris Jadi Game Seru? Ternyata Bisa Banget Pakai AI! Sebuah cerita dari ruang guru tentang bagaimana ide sederhana mengubah materi ajar literasi yang membosankan menjadi sebuah tantangan yang adiktif bagi siswa. Sebagai guru Bahasa Inggris, kita semua tahu tantangan klasiknya: mengajak ... <a title="Gemini untuk Pendidik: Aplikasi di kelas" class="read-more" href="https://garuda-21.com/gemini-untuk-pendidik-aplikasi-di-kelas/" aria-label="Read more about Gemini untuk Pendidik: Aplikasi di kelas">Read more</a>]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Blog Post: Bikin Kelas Bahasa Inggris Jadi Game Seru!</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&#038;display=swap" rel="stylesheet">
    <style>
        body {
            font-family: 'Inter', sans-serif;
        }
        .prose h1, .prose h2, .prose h3 {
            font-weight: 800;
        }
        .prose a {
            color: #4f46e5;
            text-decoration: none;
            font-weight: 600;
        }
        .prose a:hover {
            text-decoration: underline;
        }
        .prose code {
            background-color: #e5e7eb;
            padding: 0.2em 0.4em;
            margin: 0;
            font-size: 85%;
            border-radius: 3px;
        }
        .prose pre {
            background-color: #1f2937;
            color: #d1d5db;
            padding: 1em;
            border-radius: 0.5em;
            overflow-x: auto;
        }
        .highlight-box {
            background-color: #eef2ff;
            border-left: 4px solid #4f46e5;
            padding: 1rem 1.5rem;
            margin: 2em 0;
            border-radius: 0 0.5rem 0.5rem 0;
        }
    </style>
</head>
<body class="bg-gray-50 text-gray-800">

    <div class="container mx-auto max-w-3xl px-4 py-8 sm:py-12">
        <article class="prose lg:prose-xl">
            <!-- Header Artikel -->
            <header>
                <p class="text-base font-semibold text-indigo-600">INOVASI MENGAJAR</p>
                <h1 class="mt-2 text-4xl font-extrabold tracking-tight text-gray-900 sm:text-5xl">Bikin Kelas Bahasa Inggris Jadi Game Seru? Ternyata Bisa Banget Pakai AI!</h1>
                <p class="mt-6 text-xl text-gray-600 leading-8">Sebuah cerita dari ruang guru tentang bagaimana ide sederhana mengubah materi ajar literasi yang membosankan menjadi sebuah tantangan yang adiktif bagi siswa.</p>
                <hr class="mt-8 mb-12">
            </header>

            <!-- Isi Artikel -->
            <p>Sebagai guru Bahasa Inggris, kita semua tahu tantangan klasiknya: mengajak siswa untuk benar-benar <strong>mau</strong> membaca. Bukan sekadar membaca karena tugas, tapi membaca karena penasaran dan tertantang. Selama ini, saya mencari cara agar materi literasi tidak hanya berakhir sebagai tumpukan kertas yang dikerjakan setengah hati.</p>

            <p>Lalu, muncullah sebuah ide. Bagaimana jika proses membaca ini kita ubah menjadi sebuah permainan? Lengkap dengan level, pilihan tema, dan rasa pencapaian setiap kali berhasil menaklukkan tantangan. Terdengar menarik, kan?</p>

            <figure class="my-12">
                 <img decoding="async" class="w-full rounded-lg shadow-lg" src="https://garuda-21.com/wp-content/uploads/2025/09/Screenshot-2025-09-21-092707.png" alt="Tampilan game literasi di laptop">
                 <figcaption class="text-center text-gray-500 mt-2">Prototipe aplikasi game literasi yang interaktif.</figcaption>
            </figure>

            <h2 class="mt-16">Dari Ide ke Aplikasi: Kenalan dengan &#8220;Literasi Challenge Game&#8221;</h2>
            <p>Konsepnya sederhana: sebuah aplikasi web di mana siswa bisa memilih tema cerita yang mereka suka (mulai dari teknologi, petualangan, hingga cerita rakyat), lalu AI akan membuatkan cerita dan pertanyaan sesuai level kemampuan mereka. Jika berhasil, mereka &#8220;Naik Level!&#8221;.</p>

            <p>Untuk mewujudkan ini, saya dibantu oleh teknologi AI yang luar biasa. Proses idenya saya tuangkan di <strong>Gemini Canvas</strong>, tempat saya bisa berkolaborasi dan melakukan *brainstorming* dengan AI untuk merancang alur permainannya. Setelah konsepnya matang, kode HTML-nya saya implementasikan di platform <strong>GARUDA-21</strong>, dan hasilnya sungguh di luar dugaan!</p>

            <div class="highlight-box">
                <p class="font-semibold text-gray-800">&#8220;Aplikasi ini bukan sekadar alat, tapi partner mengajar baru saya. Siswa jadi lebih antusias, dan saya bisa fokus memfasilitasi diskusi daripada sekadar menyuruh mereka membaca.&#8221;</p>
            </div>
            
            <h2 class="mt-16">Bagaimana Cara Kerjanya?</h2>
            <p>Siswa hanya perlu melakukan beberapa langkah mudah:</p>
            <ol>
                <li><strong>Masukkan Nama:</strong> Untuk memulai petualangan literasi mereka.</li>
                <li><strong>Pilih Tema:</strong> Sesuai minat, agar membaca jadi lebih personal.</li>
                <li><strong>Baca &#038; Jawab:</strong> AI akan menyajikan cerita pendek dalam bahasa Inggris, diikuti oleh beberapa pertanyaan pilihan ganda.</li>
                <li><strong>Naik Level:</strong> Jawab semua dengan benar untuk lanjut ke level berikutnya dengan cerita yang sedikit lebih menantang.</li>
            </ol>
            <p>Proses ini mengubah aktivitas membaca yang pasif menjadi sebuah misi yang harus diselesaikan. Siswa tidak lagi merasa sedang &#8220;belajar&#8221;, melainkan &#8220;bermain&#8221;.</p>

            <h2 class="mt-16">Hasilnya? Materi Ajar Unggulan!</h2>
            <p>Apa yang dimulai sebagai eksperimen kecil kini menjadi salah satu materi ajar unggulan saya untuk memperkuat literasi. Siswa jadi lebih termotivasi, aktif, dan bahkan saling bersaing untuk menjadi yang pertama mencapai level 10. Mereka membaca lebih banyak, lebih teliti, dan yang terpenting, mereka menikmatinya.</p>

            <p>Bagi rekan-rekan guru yang ingin mencoba pendekatan serupa, jangan ragu untuk bereksplorasi dengan alat bantu seperti Gemini Canvas dan platform lokal seperti GARUDA-21. Teknologi AI kini semakin mudah diakses dan bisa menjadi sahabat kita dalam menciptakan pengalaman belajar yang tak terlupakan bagi siswa.</p>
            
            <p>Selamat mencoba dan mari terus berinovasi!</p>

        </article>
    </div>

</body>
</html>






<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Literacy Challenge Game &#8211; Bahasa Inggris Kelas XI</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&#038;display=swap" rel="stylesheet">
    <style>
        body {
            font-family: 'Inter', sans-serif;
        }
        .screen {
            display: none;
        }
        .active {
            display: block;
        }
        .card {
            background-color: white;
            border-radius: 1.5rem;
            padding: 2.5rem;
            box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
            transition: all 0.3s ease-in-out;
            max-width: 900px;
            width: 95%;
            margin: auto;
        }
        .btn {
            display: inline-block;
            padding: 0.75rem 1.5rem;
            border-radius: 0.75rem;
            font-weight: 600;
            text-align: center;
            transition: all 0.2s ease-in-out;
            cursor: pointer;
        }
        .btn-primary {
            background-color: #4f46e5;
            color: white;
        }
        .btn-primary:hover {
            background-color: #4338ca;
        }
        .btn-secondary {
            background-color: #e5e7eb;
            color: #1f2937;
        }
        .btn-secondary:hover {
            background-color: #d1d5db;
        }
        .loader {
            border: 4px solid #f3f3f3;
            border-top: 4px solid #4f46e5;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            animation: spin 1s linear infinite;
        }
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        .prose-lg p {
            margin-bottom: 1em;
        }
    </style>
</head>
<body class="bg-gray-100 min-h-screen flex items-center justify-center p-4">

    <!-- Container Utama -->
    <div id="game-container" class="w-full">

        <!-- Layar Awal -->
        <div id="start-screen" class="screen active text-center">
            <div class="card">
                <h1 class="text-4xl font-bold text-gray-800 mb-2">Literacy Challenge Game</h1>
                <p class="text-lg text-gray-600 mb-8">Tingkatkan kemampuan membaca Bahasa Inggrismu dan jadilah pemenang!</p>
                <div class="max-w-sm mx-auto">
                    <input type="text" id="player-name" placeholder="Masukkan nama Anda..." class="w-full px-4 py-3 border border-gray-300 rounded-xl mb-4 focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500">
                    <button id="start-game-btn" class="btn btn-primary w-full text-lg">Mulai Bermain</button>
                </div>
            </div>
        </div>

        <!-- Layar Pilihan Level & Tema -->
        <div id="selection-screen" class="screen">
            <div class="card">
                <div class="flex justify-between items-center mb-6">
                    <h2 class="text-3xl font-bold text-gray-800">Pilih Tantanganmu</h2>
                    <div class="text-right">
                        <p id="player-greeting" class="text-gray-600"></p>
                        <p class="text-2xl font-bold text-indigo-600">Level <span id="current-level">1</span></p>
                    </div>
                </div>
                <div class="space-y-6">
                    <div>
                        <label for="theme-select" class="block text-lg font-semibold text-gray-700 mb-2">Pilih Tema Cerita:</label>
                        <select id="theme-select" class="w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 bg-white">
                            <option value="Technology">Teknologi</option>
                            <option value="Environment">Lingkungan</option>
                            <option value="Healthy Life">Gaya Hidup Sehat</option>
                            <option value="Adventure">Petualangan</option>
                            <option value="Science Fiction">Fiksi Ilmiah</option>
                            <option value="Indonesian Folktales">Cerita Rakyat Indonesia</option>
                            <option value="Daily Life">Kehidupan Sehari-hari</option>
                            <option value="History">Sejarah</option>
                        </select>
                    </div>
                    <button id="generate-text-btn" class="btn btn-primary w-full text-lg">Buat Teks &#038; Pertanyaan</button>
                </div>
            </div>
        </div>

        <!-- Layar Membaca -->
        <div id="reading-screen" class="screen">
            <div class="card">
                <div class="flex justify-between items-center mb-6">
                    <h2 id="story-title" class="text-3xl font-bold text-gray-800">Silakan Membaca</h2>
                    <p class="text-2xl font-bold text-indigo-600">Level <span id="reading-level">1</span></p>
                </div>
                <div id="story-content-wrapper">
                    <div id="loader" class="flex flex-col items-center justify-center min-h-[300px]">
                        <div class="loader mb-4"></div>
                        <p class="text-gray-600 text-lg">AI sedang membuat cerita yang menarik untukmu&#8230;</p>
                    </div>
                    <div id="story-content" class="prose-lg max-w-none text-gray-700 leading-relaxed hidden"></div>
                </div>
                <div class="text-center mt-8">
                    <button id="finished-reading-btn" class="btn btn-primary text-lg hidden">Saya Selesai Membaca</button>
                </div>
            </div>
        </div>

        <!-- Layar Pertanyaan -->
        <div id="questions-screen" class="screen">
            <div class="card">
                <h2 class="text-3xl font-bold text-gray-800 mb-6">Jawab Pertanyaan Berikut</h2>
                <div id="questions-container" class="space-y-8"></div>
                <div class="text-center mt-8">
                    <button id="submit-answers-btn" class="btn btn-primary text-lg">Kirim Jawaban</button>
                </div>
            </div>
        </div>
        
        <!-- Layar Hasil -->
        <div id="result-screen" class="screen text-center">
            <div class="card">
                <h2 id="result-title" class="text-4xl font-bold mb-4"></h2>
                <p id="result-message" class="text-lg text-gray-600 mb-8"></p>
                <button id="next-action-btn" class="btn btn-primary text-lg"></button>
            </div>
        </div>

        <!-- Layar Kemenangan -->
        <div id="win-screen" class="screen text-center">
            <div class="card">
                 <h1 class="text-5xl font-bold text-yellow-500 mb-4">SELAMAT!</h1>
                <p class="text-2xl text-gray-700 mb-2">Kamu berhasil menyelesaikan semua 10 level!</p>
                <p class="text-lg text-gray-600 mb-8">Kamu adalah seorang jawara literasi! Teruslah membaca dan belajar.</p>
                <button onclick="restartGame()" class="btn btn-primary text-lg">Main Lagi</button>
            </div>
        </div>

    </div>

    <script>
        // State Management
        let currentLevel = 1;
        let playerName = '';
        let storyData = {};
        const MAX_LEVEL = 10;

        // Elemen UI
        const screens = {
            start: document.getElementById('start-screen'),
            selection: document.getElementById('selection-screen'),
            reading: document.getElementById('reading-screen'),
            questions: document.getElementById('questions-screen'),
            result: document.getElementById('result-screen'),
            win: document.getElementById('win-screen'),
        };

        const playerNameInput = document.getElementById('player-name');
        const startGameBtn = document.getElementById('start-game-btn');
        const generateTextBtn = document.getElementById('generate-text-btn');
        const finishedReadingBtn = document.getElementById('finished-reading-btn');
        const submitAnswersBtn = document.getElementById('submit-answers-btn');
        const nextActionBtn = document.getElementById('next-action-btn');
        const themeSelect = document.getElementById('theme-select');
        
        const loader = document.getElementById('loader');
        const storyContent = document.getElementById('story-content');

        // Fungsi untuk menavigasi antar layar
        function showScreen(screenName) {
            Object.values(screens).forEach(screen => screen.classList.remove('active'));
            screens[screenName].classList.add('active');
        }

        // Fungsi untuk memulai game
        function startGame() {
            playerName = playerNameInput.value.trim();
            if (playerName === '') {
                alert('Silakan masukkan nama Anda untuk memulai.');
                return;
            }
            document.getElementById('player-greeting').innerText = `Halo, ${playerName}!`;
            updateLevelDisplay();
            showScreen('selection');
        }

        // Fungsi untuk mengupdate tampilan level
        function updateLevelDisplay() {
            document.getElementById('current-level').innerText = currentLevel;
            document.getElementById('reading-level').innerText = currentLevel;
        }

        // Fungsi untuk memanggil AI dan membuat teks
        async function generateTextAndQuestions() {
            showScreen('reading');
            storyContent.classList.add('hidden');
            finishedReadingBtn.classList.add('hidden');
            loader.style.display = 'flex';
            
            const theme = themeSelect.value;
            const levelDifficulty = getLevelDifficulty(currentLevel);
            
            document.getElementById('story-title').innerText = `Cerita Level ${currentLevel}: ${theme}`;

            // PENDEKATAN BARU: Semua instruksi digabung menjadi satu perintah yang sangat jelas.
            // Ini adalah cara paling handal untuk menghindari error 400 saat meminta output JSON.
            const fullPrompt = `You are an expert English teacher for Indonesian 11th-grade students. Your task is to generate educational material.
You MUST respond with a single, valid JSON object that strictly follows the provided schema. Do not include any other text, comments, or markdown formatting.

Generate content based on these specifications:
- Theme: "${theme}"
- Difficulty: "${levelDifficulty}"
- Content: A short story (around 150-200 words) and 3 multiple-choice questions about it.
- For each question, create one correct answer and two plausible but incorrect distractors. The options must be shuffled.`;

            const payload = {
                contents: [{ role: "user", parts: [{ text: fullPrompt }] }],
                // 'systemInstruction' dihapus untuk menyederhanakan permintaan.
                generationConfig: {
                    responseMimeType: "application/json",
                    responseSchema: {
                        type: "OBJECT",
                        properties: {
                            title: { type: "STRING", description: "An engaging title for the story." },
                            story: { type: "STRING", description: "The full text of the story." },
                            questions: {
                                type: "ARRAY",
                                description: "An array of 3 multiple-choice questions.",
                                items: {
                                    type: "OBJECT",
                                    properties: {
                                        question: { type: "STRING", description: "The question text." },
                                        options: {
                                            type: "ARRAY",
                                            description: "An array of 3 strings: one correct answer and two distractors, shuffled.",
                                            items: { type: "STRING" }
                                        },
                                        answer: { type: "STRING", description: "The correct answer string, must be one of the options." }
                                    },
                                    required: ["question", "options", "answer"]
                                }
                            }
                        },
                        required: ["title", "story", "questions"]
                    }
                }
            };
            
            // PENTING: Ganti tulisan "MASUKKAN_API_KEY_ANDA_DI_SINI" dengan API Key Anda sendiri.
            // Ikuti petunjuk di file CARA_MEMPERBAIKI_ERROR.md untuk mendapatkannya secara gratis.
            const apiKey = "AIzaSyDSjzZGhTlO2-H6CzehhEuVBgRsueoITzg"; 
            const apiUrl = `https://generativelanguage.googleapis.com/v1beta/models/gemini-2.5-flash-preview-05-20:generateContent?key=${apiKey}`;
            
            try {
                const response = await fetch(apiUrl, {
                    method: 'POST',
                    headers: { 'Content-Type': 'application/json' },
                    body: JSON.stringify(payload)
                });

                if (!response.ok) {
                    throw new Error(`API request failed with status ${response.status}`);
                }
                
                const result = await response.json();
                const jsonText = result.candidates[0].content.parts[0].text;
                storyData = JSON.parse(jsonText);

                displayStory();

            } catch (error) {
                console.error("Error generating text:", error);
                storyContent.innerHTML = `<p class="text-red-500">Maaf, terjadi kesalahan saat membuat cerita. Silakan coba lagi. (${error.message})</p>`;
                loader.style.display = 'none';
                storyContent.classList.remove('hidden');
            }
        }

        function getLevelDifficulty(level) {
            if (level <= 2) return "Beginner (Simple vocabulary, short sentences)";
            if (level <= 5) return "Easy (Slightly more complex sentences, common idioms)";
            if (level <= 8) return "Intermediate (Compound sentences, varied vocabulary)";
            return "Advanced (Complex sentences, nuanced vocabulary, abstract concepts)";
        }

        function displayStory() {
            document.getElementById('story-title').innerText = storyData.title;
            storyContent.innerHTML = storyData.story.split('\n').map(p => `<p>${p}</p>`).join('');
            loader.style.display = 'none';
            storyContent.classList.remove('hidden');
            finishedReadingBtn.classList.remove('hidden');
        }

        function displayQuestions() {
            const container = document.getElementById('questions-container');
            container.innerHTML = '';
            storyData.questions.forEach((q, index) => {
                const questionEl = document.createElement('div');
                questionEl.className = 'question';
                
                let optionsHtml = '';
                // Shuffle options for better testing
                const shuffledOptions = [...q.options].sort(() => Math.random() - 0.5);
                shuffledOptions.forEach((option, i) => {
                    optionsHtml += `
                        <label class="flex items-center space-x-3 p-3 border rounded-lg hover:bg-gray-50 cursor-pointer">
                            <input type="radio" name="question-${index}" value="${option}" class="form-radio h-5 w-5 text-indigo-600">
                            <span class="text-gray-700">${option}</span>
                        </label>
                    `;
                });

                questionEl.innerHTML = `
                    <p class="text-lg font-semibold mb-4">${index + 1}. ${q.question}</p>
                    <div class="space-y-2">${optionsHtml}</div>
                `;
                container.appendChild(questionEl);
            });
            showScreen('questions');
        }

        function checkAnswers() {
            let correctAnswers = 0;
            storyData.questions.forEach((q, index) => {
                const selected = document.querySelector(`input[name="question-${index}"]:checked`);
                if (selected && selected.value === q.answer) {
                    correctAnswers++;
                }
            });
            
            const allCorrect = correctAnswers === storyData.questions.length;
            
            if (allCorrect) {
                document.getElementById('result-title').innerText = 'Hebat!';
                document.getElementById('result-title').className = 'text-4xl font-bold mb-4 text-green-500';
                document.getElementById('result-message').innerText = 'Semua jawabanmu benar. Kamu siap untuk level selanjutnya!';
                nextActionBtn.innerText = `Lanjut ke Level ${currentLevel + 1}`;
                nextActionBtn.onclick = advanceLevel;
                if (currentLevel >= MAX_LEVEL) {
                     setTimeout(() => showScreen('win'), 500);
                     return;
                }
            } else {
                document.getElementById('result-title').innerText = 'Hampir Benar!';
                document.getElementById('result-title').className = 'text-4xl font-bold mb-4 text-orange-500';
                document.getElementById('result-message').innerText = `Kamu menjawab ${correctAnswers} dari ${storyData.questions.length} pertanyaan dengan benar. Ayo coba lagi!`;
                nextActionBtn.innerText = 'Coba Lagi Level Ini';
                nextActionBtn.onclick = () => showScreen('selection');
            }
            showScreen('result');
        }
        
        function advanceLevel() {
            currentLevel++;
            updateLevelDisplay();
            showScreen('selection');
        }
        
        function restartGame(){
            currentLevel = 1;
            playerName = '';
            playerNameInput.value = '';
            storyData = {};
            showScreen('start');
        }

        // Event Listeners
        startGameBtn.addEventListener('click', startGame);
        generateTextBtn.addEventListener('click', generateTextAndQuestions);
        finishedReadingBtn.addEventListener('click', displayQuestions);
        submitAnswersBtn.addEventListener('click', checkAnswers);
        
    </script>
</body>
</html>
]]></content:encoded>
					
					<wfw:commentRss>https://garuda-21.com/gemini-untuk-pendidik-aplikasi-di-kelas/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Mengenal GitHub Education dan Cara Mengaktifkannya dengan Akun Sekolah GARUDA-21.com</title>
		<link>https://garuda-21.com/mengenal-github-education-dan-cara-mengaktifkannya-dengan-akun-sekolah-garuda-21-com/</link>
					<comments>https://garuda-21.com/mengenal-github-education-dan-cara-mengaktifkannya-dengan-akun-sekolah-garuda-21-com/#respond</comments>
		
		<dc:creator><![CDATA[Telemarketing GARUDA 21]]></dc:creator>
		<pubDate>Thu, 02 Jan 2025 22:15:52 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Informasi Menarik]]></category>
		<category><![CDATA[Microsoft 365]]></category>
		<category><![CDATA[Tips dan Trik]]></category>
		<category><![CDATA[Update GARUDA-21]]></category>
		<category><![CDATA[garuda-21]]></category>
		<guid isPermaLink="false">https://garuda-21.com/?p=4503</guid>

					<description><![CDATA[GitHub Education adalah inisiatif dari GitHub yang bertujuan untuk mendukung pelajar, pendidik, dan institusi pendidikan dalam mengakses alat dan sumber daya pengembangan perangkat lunak secara gratis. Program ini menyediakan berbagai manfaat, termasuk GitHub Student Developer Pack, yang memberikan akses ke alat-alat premium yang biasanya berbayar. Manfaat GitHub Education Cara Mengaktifkan GitHub Education dengan Akun Sekolah ... <a title="Mengenal GitHub Education dan Cara Mengaktifkannya dengan Akun Sekolah GARUDA-21.com" class="read-more" href="https://garuda-21.com/mengenal-github-education-dan-cara-mengaktifkannya-dengan-akun-sekolah-garuda-21-com/" aria-label="Read more about Mengenal GitHub Education dan Cara Mengaktifkannya dengan Akun Sekolah GARUDA-21.com">Read more</a>]]></description>
										<content:encoded><![CDATA[
<p>GitHub Education adalah inisiatif dari GitHub yang bertujuan untuk mendukung pelajar, pendidik, dan institusi pendidikan dalam mengakses alat dan sumber daya pengembangan perangkat lunak secara gratis. Program ini menyediakan berbagai manfaat, termasuk GitHub Student Developer Pack, yang memberikan akses ke alat-alat premium yang biasanya berbayar.</p>



<h4 class="wp-block-heading"><strong>Manfaat GitHub Education</strong></h4>



<ol class="wp-block-list">
<li><strong>GitHub Student Developer Pack</strong>: Paket ini memberikan akses gratis ke berbagai alat pengembangan perangkat lunak, seperti GitHub Pro, GitHub Codespaces, dan GitHub Copilot.</li>



<li><strong>GitHub Classroom</strong>: Alat ini membantu pendidik dalam mengelola tugas dan proyek coding di kelas.</li>



<li><strong>Community Exchange</strong>: Platform ini memungkinkan pelajar dan pendidik untuk berkolaborasi dan berbagi pengetahuan.</li>
</ol>



<h4 class="wp-block-heading"><strong>Cara Mengaktifkan GitHub Education dengan Akun Sekolah GARUDA-21.com</strong></h4>



<p>Berikut adalah langkah-langkah untuk mengaktifkan GitHub Education menggunakan akun sekolah GARUDA-21.com:</p>



<ol class="wp-block-list">
<li><strong>Daftar atau Masuk ke GitHub</strong>: Jika Anda belum memiliki akun GitHub, daftarlah terlebih dahulu di GitHub. Jika sudah memiliki akun, langsung masuk.</li>



<li><strong>Aktifkan Akun GARUDA-21</strong>: Pastikan Anda memiliki akun email dari sekolah GARUDA-21.com yang aktif.</li>



<li><strong>Kunjungi Halaman GitHub Education</strong>: Buka <a href="https://education.github.com/pack" target="_blank" rel="noreferrer noopener">GitHub Education</a> dan klik tombol &#8220;Sign Up For Student Developer Pack.</li>



<li><strong>Verifikasi Status Pelajar</strong>: Anda akan diminta untuk memverifikasi status pelajar Anda dengan menggunakan email sekolah GARUDA-21.com. Masukkan email tersebut dan ikuti instruksi verifikasi yang diberikan.</li>



<li><strong>Lengkapi Dokumen Pendukung</strong>: Siapkan dokumen pendukung seperti kartu pelajar atau transkrip nilai untuk membuktikan bahwa Anda adalah pelajar aktif<a>2</a>.</li>



<li><strong>Submit Aplikasi</strong>: Setelah semua langkah di atas selesai, submit aplikasi Anda dan tunggu konfirmasi dari GitHub. Jika disetujui, Anda akan mendapatkan akses ke GitHub Student Developer Pack dan semua manfaatnya.</li>
</ol>



<p>Dengan mengikuti langkah-langkah di atas, Anda dapat memanfaatkan berbagai alat dan sumber daya yang disediakan oleh GitHub Education untuk mendukung pembelajaran dan pengembangan keterampilan Anda di bidang teknologi.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://garuda-21.com/mengenal-github-education-dan-cara-mengaktifkannya-dengan-akun-sekolah-garuda-21-com/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>GitHub Copilot Kini Gratis dengan Akun GARUDA-21!</title>
		<link>https://garuda-21.com/github-copilot-kini-gratis-dengan-akun-garuda-21/</link>
					<comments>https://garuda-21.com/github-copilot-kini-gratis-dengan-akun-garuda-21/#respond</comments>
		
		<dc:creator><![CDATA[Telemarketing GARUDA 21]]></dc:creator>
		<pubDate>Mon, 30 Dec 2024 23:11:12 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Informasi Menarik]]></category>
		<category><![CDATA[Microsoft 365]]></category>
		<category><![CDATA[Tips dan Trik]]></category>
		<category><![CDATA[Update GARUDA-21]]></category>
		<guid isPermaLink="false">https://garuda-21.com/?p=4484</guid>

					<description><![CDATA[Kami memiliki kabar gembira untuk para pengembang dan programmer di Indonesia! GitHub Copilot, asisten pemrograman berbasis AI yang revolusioner, kini bisa diakses secara gratis menggunakan akun GARUDA-21. Ini adalah kesempatan emas bagi Anda yang ingin meningkatkan produktivitas dan efisiensi dalam menulis kode. Apa Itu GitHub Copilot? GitHub Copilot adalah alat bantu pemrograman yang dikembangkan oleh ... <a title="GitHub Copilot Kini Gratis dengan Akun GARUDA-21!" class="read-more" href="https://garuda-21.com/github-copilot-kini-gratis-dengan-akun-garuda-21/" aria-label="Read more about GitHub Copilot Kini Gratis dengan Akun GARUDA-21!">Read more</a>]]></description>
										<content:encoded><![CDATA[
<p>Kami memiliki kabar gembira untuk para pengembang dan programmer di Indonesia! GitHub Copilot, asisten pemrograman berbasis AI yang revolusioner, kini bisa diakses secara gratis menggunakan akun GARUDA-21. Ini adalah kesempatan emas bagi Anda yang ingin meningkatkan produktivitas dan efisiensi dalam menulis kode.</p>



<h3 class="wp-block-heading">Apa Itu GitHub Copilot?</h3>



<figure class="wp-block-video"><video height="1470" style="aspect-ratio: 2496 / 1470;" width="2496" controls src="https://garuda-21.com/wp-content/uploads/2024/12/hero-lg-c3f7fc42e245-1.mp4"></video></figure>



<p>GitHub Copilot adalah alat bantu pemrograman yang dikembangkan oleh GitHub dan OpenAI. Dengan menggunakan teknologi AI canggih, Copilot dapat membantu Anda menulis kode lebih cepat dan lebih efisien. Ia mampu memberikan saran kode, melengkapi baris kode, dan bahkan menulis fungsi lengkap berdasarkan deskripsi yang Anda berikan.</p>



<figure class="wp-block-video"><video height="1294" style="aspect-ratio: 2496 / 1294;" width="2496" controls src="https://garuda-21.com/wp-content/uploads/2024/12/features-breakout-436c5a320c72-1.mp4"></video></figure>



<h3 class="wp-block-heading">Bagaimana Cara Mendapatkan Akses Gratis?</h3>



<p>Untuk mendapatkan akses gratis ke GitHub Copilot, Anda hanya perlu menggunakan akun GARUDA-21. Berikut langkah-langkahnya:</p>



<ol class="wp-block-list">
<li><strong>Daftar atau Masuk ke GitHub</strong>: Jika Anda belum memiliki akun GitHub, daftarlah terlebih dahulu di GitHub.</li>



<li><strong>Aktifkan Akun GARUDA-21</strong>: Pastikan Anda memiliki akun GARUDA-21 yang aktif.</li>



<li><strong>Kunjungi Halaman Aktivasi</strong>: Buka tautan ini untuk informasi lengkap dan langkah-langkah aktivasi.</li>
</ol>



<h3 class="wp-block-heading">Manfaat Menggunakan GitHub Copilot</h3>



<ul class="wp-block-list">
<li><strong>Produktivitas Tinggi</strong>: Dengan saran kode yang akurat dan cepat, Anda dapat menyelesaikan proyek lebih cepat.</li>



<li><strong>Pembelajaran yang Efektif</strong>: Copilot juga membantu Anda belajar bahasa pemrograman baru dengan memberikan contoh kode yang relevan.</li>



<li><strong>Kolaborasi Lebih Baik</strong>: Memudahkan kolaborasi dengan tim karena kode yang dihasilkan lebih konsisten dan mudah dipahami.</li>
</ul>



<p>Jangan lewatkan kesempatan ini untuk meningkatkan keterampilan pemrograman Anda dengan GitHub Copilot. Info lengkap bisa dilihat di <strong><a href="https://garuda-21.com/mengenal-github-education-dan-cara-mengaktifkannya-dengan-akun-sekolah-garuda-21-com/">GITHUB EDUCATION.</a></strong></p>
]]></content:encoded>
					
					<wfw:commentRss>https://garuda-21.com/github-copilot-kini-gratis-dengan-akun-garuda-21/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://garuda-21.com/wp-content/uploads/2024/12/hero-lg-c3f7fc42e245-1.mp4" length="744347" type="video/mp4" />
<enclosure url="https://garuda-21.com/wp-content/uploads/2024/12/features-breakout-436c5a320c72-1.mp4" length="523927" type="video/mp4" />

			</item>
		<item>
		<title>GitHub Luncurkan Copilot Gratis untuk Semua Pengguna Pendidikan</title>
		<link>https://garuda-21.com/github-luncurkan-copilot-gratis-untuk-semua-pengguna-pendidikan/</link>
					<comments>https://garuda-21.com/github-luncurkan-copilot-gratis-untuk-semua-pengguna-pendidikan/#comments</comments>
		
		<dc:creator><![CDATA[Telemarketing GARUDA 21]]></dc:creator>
		<pubDate>Mon, 23 Dec 2024 10:34:47 +0000</pubDate>
				<category><![CDATA[Informasi Menarik]]></category>
		<category><![CDATA[Tips dan Trik]]></category>
		<guid isPermaLink="false">https://garuda-21.com/?p=4417</guid>

					<description><![CDATA[GitHub memiliki sejarah panjang dalam menawarkan produk dan layanan gratis kepada pengembang. Dimulai dengan kolaborasi sumber terbuka dan publik gratis, kami menambahkan repositori pribadi gratis, menit gratis untuk GitHub Actions dan GitHub Codespaces, serta penyimpanan paket dan rilis gratis. Hari ini, kami menambahkan GitHub Copilot ke dalam daftar dengan meluncurkan GitHub Copilot Gratis. Sekarang secara ... <a title="GitHub Luncurkan Copilot Gratis untuk Semua Pengguna Pendidikan" class="read-more" href="https://garuda-21.com/github-luncurkan-copilot-gratis-untuk-semua-pengguna-pendidikan/" aria-label="Read more about GitHub Luncurkan Copilot Gratis untuk Semua Pengguna Pendidikan">Read more</a>]]></description>
										<content:encoded><![CDATA[<p>GitHub memiliki sejarah panjang dalam menawarkan produk dan layanan gratis kepada pengembang. Dimulai dengan kolaborasi sumber terbuka dan publik gratis, kami menambahkan repositori pribadi gratis, menit gratis untuk GitHub Actions dan GitHub Codespaces, serta penyimpanan paket dan rilis gratis. Hari ini, kami menambahkan GitHub Copilot ke dalam daftar dengan meluncurkan GitHub Copilot Gratis.</p>
<p><div style="width: 1100px;" class="wp-video"><video class="wp-video-shortcode" id="video-4417-1" width="1100" height="648" preload="metadata" controls="controls"><source type="video/mp4" src="https://garuda-21.com/wp-content/uploads/2024/12/hero-lg-c3f7fc42e245.mp4?_=1" /><a href="https://garuda-21.com/wp-content/uploads/2024/12/hero-lg-c3f7fc42e245.mp4">https://garuda-21.com/wp-content/uploads/2024/12/hero-lg-c3f7fc42e245.mp4</a></video></div></p>
<p>Sekarang secara otomatis terintegrasi ke dalam VS Code, kalian semua memiliki akses ke 2.000 penyelesaian kode dan 50 pesan obrolan per bulan, hanya dengan masuk menggunakan akun GitHub pribadi kalian. Atau dengan membuat yang baru. Dan baru minggu lalu, kami melewati angka 150 juta pengembang di GitHub.</p>
<p>Copilot Gratis memberi kalian pilihan antara model Claude 3.5 Sonnet dari Anthropic atau model GPT-4o dari OpenAI. Kalian bisa menanyakan pertanyaan tentang kode, menjelaskan kode yang ada, atau menemukan bug. Kalian bisa melakukan pengeditan di beberapa file sekaligus. Dan kalian bisa mengakses agen pihak ketiga Copilot atau membuat ekstensi kalian sendiri.</p>
<p><div style="width: 1100px;" class="wp-video"><video class="wp-video-shortcode" id="video-4417-2" width="1100" height="570" preload="metadata" controls="controls"><source type="video/mp4" src="https://garuda-21.com/wp-content/uploads/2024/12/features-breakout-436c5a320c72.mp4?_=2" /><a href="https://garuda-21.com/wp-content/uploads/2024/12/features-breakout-436c5a320c72.mp4">https://garuda-21.com/wp-content/uploads/2024/12/features-breakout-436c5a320c72.mp4</a></video></div></p>
<p>Tahukah kalian bahwa Copilot Chat sekarang tersedia langsung dari dasbor GitHub dan bekerja dengan Copilot Gratis, sehingga kalian bisa mulai menggunakannya hari ini? Kami sangat bersemangat untuk membuat Copilot tersedia bagi 150 juta pengembang di GitHub.</p>
<p>Selamat coding!</p>
<p>P.S. Siswa, pendidik, dan pemelihara sumber terbuka: akses gratis kalian ke akun Copilot Pro tanpa batas tetap berlanjut, tidak terpengaruh!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://garuda-21.com/github-luncurkan-copilot-gratis-untuk-semua-pengguna-pendidikan/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		<enclosure url="https://garuda-21.com/wp-content/uploads/2024/12/hero-lg-c3f7fc42e245.mp4" length="744347" type="video/mp4" />
<enclosure url="https://garuda-21.com/wp-content/uploads/2024/12/features-breakout-436c5a320c72.mp4" length="523927" type="video/mp4" />

			</item>
	</channel>
</rss>
