Gemini AI untuk
Guru Madrasah
Membuat Asisten RPP, Infografis, & Media Interaktif HTML dengan Gemini Advanced
Agenda Workshop
Custom Gem untuk Asisten RPP
Membuat instruktur AI khusus yang dikunci dengan peran penyusun RPP.
- Konsep Gems
- Langkah Pembuatan
- Template System Prompt
- Praktik & Kuis
Infografis Media Pembelajaran
Memanfaatkan Gemini sebagai konseptor data lalu divisualisasikan.
- Ekstraksi Data
- Prompt Gambar
- Eksekusi Visual
- Praktik & Kuis
Media Interaktif HTML
Membuat kuis interaktif HTML dengan Canvas tanpa mengerti coding.
- Fitur Canvas
- Prompt Builder
- Cara Menyimpan
- Demo & Kuis
Tips untuk Peserta
Siapkan akun Gemini (gemini.google.com). Setiap modul dilengkapi kuis singkat untuk mengukur pemahaman.
Apa Itu Fitur Gems?
Definisi
Gems adalah fitur pada Gemini Advanced / Google Workspace yang memungkinkan Anda membuat instruktur AI khusus yang dikunci dengan peran dan instruksi tertentu.
Mengapa Penting?
- Tidak perlu mengetik prompt panjang berulang kali
- Konsistensi output sesuai kebutuhan madrasah
- Hemat waktu penyusunan RPP secara drastis
- Satu kali setup, gunakan selamanya
Tanpa vs Dengan Gems
TANPA GEMS
1. Buka Gemini
2. Ketik prompt panjang: “Anda adalah pakar…”
3. Ketik lagi Capaian Pembelajaran
4. Hasil belum konsisten
Waktu: ~15 menit per RPP
DENGAN GEMS
1. Buka Gem “Asisten RPP MTs”
2. Ketik topik: “Fiqih – Shalat Jamak”
3. RPP lengkap langsung muncul!
Waktu: ~2 menit per RPP
Analogi Sederhana
Bayangkan Gems seperti kunci asisten. Anda membuat duplikat kunci yang hanya bisa membuka pintu “RPP Madrasah”. Setiap kali Anda menekan kunci itu, asisten sudah tahu persis apa yang harus dilakukan.
Langkah Praktik Membuat Gem
Buka gemini.google.com, klik ikon Gems di menu samping.
Klik tombol “New Gem”
Beri nama deskriptif:
“Asisten RPP MTs Kurikulum Merdeka”
“Gem 1” (terlalu generik)
Pada kotak “Instructions”, masukkan system prompt — “otak” Gem Anda.
Lihat template di slide berikutnya!
Klik “Save”. Coba ketik:
“Fiqih – Shalat Jamak dan Qashar”
RPP lengkap langsung muncul!
Simulasi Tampilan Gemini
Template Instruksi Gem
Salin template dan tempelkan pada kotak Instructions:
Bagian-bagian Template
1. Peran: “pakar kurikulum madrasah”
2. Konteks: “RPP Kurikulum Merdeka jenjang MTs”
3. Trigger: “Setiap kali saya memberikan CP/materi pokok”
4. Output: TP, Langkah Aktif, Moderasi, Asesmen
5. Gaya: “formal, instruktif, mudah diterapkan”
Coba Langsung!
Masukkan topik dan lihat contoh output Gem:
Pilih mata pelajaran dan masukkan topik
Kuis Modul 1
1. Apa fungsi utama fitur Gems pada Gemini?
2. Setelah Gem dibuat, apa yang TIDAK perlu dilakukan guru lagi?
3. Komponen RPP Gem mencakup hal berikut, KECUALI?
Infografis Media Pembelajaran
Mengapa Infografis?
- Proses visual 60.000x lebih cepat dari teks
- Meningkatkan retensi siswa hingga 65%
- Mudah dibagikan via WhatsApp
- Bisa dicetak sebagai media kelas
Alur Kerja
Contoh Output Infografis
Langkah Kerja Infografis
Ekstraksi Data di Gemini
Mintalah Gemini merangkum materi menjadi poin ringkas beserta rekomendasi visual:
Contoh Output Gemini
Poin 1: Pendirian (750 M)
Abu Abbas as-Saffah mendirikan dinasti Abbasiyah…
“Illustration of a medieval Islamic throne ceremony, educational infographic style”
Poin 2: Baitul Hikmah (830 M)
Khalifah Al-Ma’mun mendirikan pusat penerjemahan…
“Scholars in ancient Islamic library, Baghdad 9th century, educational infographic style”
Poin 3: Zaman Keemasan
Al-Khawarizmi, Ibnu Sina bermunculan…
Opsi A: Image Generation Bawaan
Salin prompt gambar ke Gemini dan minta generate gambarnya.
Opsi B: Ekspor ke Canva
Salin teks ke template infografis Canva. Gunakan gambar dari Gemini sebagai aset.
Tips Visual
Latihan & Kuis Modul 2
Latihan Praktik
Kerjakan tugas berikut di Gemini Anda:
Waktu latihan:
1. Langkah pertama membuat infografis dengan Gemini?
2. Prompt gambar sebaiknya ditulis dalam bahasa?
3. Platform yang dapat digunakan untuk merangkai infografis?
Fitur Canvas / Code Execution
Apa Itu Canvas?
Fitur Canvas (Artifacts) di Gemini memungkinkan Anda meminta AI menuliskan kode program (HTML/CSS/JS) dan langsung menampilkan hasilnya secara interaktif.
Keajaiban Canvas
- Tanpa coding — cukup jelaskan dalam bahasa Indonesia
- Preview langsung — lihat hasil di sebelah kanan
- Download HTML — file siap pakai, offline
- Bisa diedit — minta revisi tampilan/fungsi
Penting: File HTML bisa dibuka di HP atau laptop siswa tanpa butuh kuota internet!
Simulasi Tampilan Canvas
Prompt Builder Interaktif
Bangun Prompt Anda
Prompt Hasil
Cara Menyimpan & Demo
Cara Menyimpan File HTML
.html- Klik Copy Code di Canvas
- Buka Notepad
- Tempel (Ctrl+V)
- Simpan:
kuis_fiqih.html - Pastikan “Save as type: All Files”
Contoh Penamaan
kuis_fiqih_shalat_jamak.html
kuis_ipa_sistem_pencernaan.html
Kuis Fiqih.html (hindari spasi)
Demo: Kuis Interaktif
Ini contoh hasil Canvas. Coba jawab:
Kuis Modul 3
1. Fitur Canvas di Gemini berfungsi untuk?
2. File HTML yang dihasilkan Canvas bisa dibuka tanpa?
3. Untuk membuat media interaktif dengan Canvas, guru perlu menguasai?
Rangkuman Workshop
Modul 1: Custom Gem
- Buat asisten AI khusus
- Simpan system prompt
- RPP instan dari topik
Modul 2: Infografis
- Ekstraksi data di Gemini
- Prompt gambar Inggris
- Generate visual/Canva
Modul 3: HTML Interaktif
- Prompt Canvas tanpa coding
- Download file .html
- Offline, tanpa kuota
Skor Keseluruhan
Evaluasi Akhir
Jawab 5 soal komprehensif dari seluruh materi:
1. Urutan benar membuat Gem?
2. Mengapa prompt gambar harus bahasa Inggris?
3. Keunggulan utama media HTML dari Canvas?
4. Cara menyimpan hasil Canvas untuk dibagikan via WhatsApp?
5. Guru ingin kuis IPA kls 8 Sistem Pencernaan warna toska. Langkah terbaik?
Selamat Menyelesaikan Workshop!
Anda kini memiliki 3 keterampilan baru untuk mempermudah pengajaran di madrasah menggunakan Gemini AI.
Asisten RPP
Infografis
HTML Interaktif
Langkah Selanjutnya
- 1. Buat minimal 1 Gem untuk mapel Anda hari ini
- 2. Buat 1 infografis untuk materi minggu depan
- 3. Buat 1 kuis HTML interaktif
- 4. Bagikan hasilnya di grup guru madrasah!