Materi Gemini AI untuk Guru MTs

Tersalin!
Workshop Pedagogi Digital

Gemini AI untuk
Guru Madrasah

Membuat Asisten RPP, Infografis, & Media Interaktif HTML dengan Gemini Advanced

Custom Gems Infografis HTML Interaktif
6 JP 3 Modul Praktik Langsung

Agenda Workshop

Modul 12 JP

Custom Gem untuk Asisten RPP

Membuat instruktur AI khusus yang dikunci dengan peran penyusun RPP.

  • Konsep Gems
  • Langkah Pembuatan
  • Template System Prompt
  • Praktik & Kuis
Modul 22 JP

Infografis Media Pembelajaran

Memanfaatkan Gemini sebagai konseptor data lalu divisualisasikan.

  • Ekstraksi Data
  • Prompt Gambar
  • Eksekusi Visual
  • Praktik & Kuis
Modul 32 JP

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.

Modul 1

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.

Modul 1

Langkah Praktik Membuat Gem

Langkah 1: Buka Fitur Gems

Buka gemini.google.com, klik ikon Gems di menu samping.

Klik tombol “New Gem”

Langkah 2: Beri Nama Gem

Beri nama deskriptif:

“Asisten RPP MTs Kurikulum Merdeka”

“Gem 1” (terlalu generik)

Langkah 3: Masukkan Instruksi

Pada kotak “Instructions”, masukkan system prompt — “otak” Gem Anda.

Lihat template di slide berikutnya!

Langkah 4: Simpan & Uji Coba

Klik “Save”. Coba ketik:

“Fiqih – Shalat Jamak dan Qashar”

RPP lengkap langsung muncul!

Simulasi Tampilan Gemini

gemini.google.com
Gems
Asisten RPP MTs
Pakar kurikulum madrasah…
Ketik topik…
Fiqih – Shalat Jamak

RPP Berhasil Dibuat!

TP, Langkah Aktif, Moderasi, Asesmen…

Modul 1

Template Instruksi Gem

Salin template dan tempelkan pada kotak Instructions:

Anda adalah seorang pakar kurikulum madrasah Direktorat KSKK Kemenag RI dan ahli dalam menyusun RPP Kurikulum Merdeka untuk jenjang Madrasah Tsanawiyah (MTs). Setiap kali saya memberikan Capaian Pembelajaran (CP) atau materi pokok, tugas Anda adalah membuat RPP lengkap yang terdiri dari: Tujuan Pembelajaran (kognitif, afektif, psikomotorik), Langkah Pembelajaran Aktif, Integrasi Nilai Moderasi Beragama (P5-PPRA), dan Instrumen Asesmen (Formatif & Sumatif). Selalu gunakan bahasa yang formal, instruktif, dan mudah diterapkan.

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

Modul 1

Kuis Modul 1

1. Apa fungsi utama fitur Gems pada Gemini?

AMembuat gambar dengan AI
BMembuat asisten AI khusus dengan peran tertentu
CMenyimpan file di Google Drive
DMenerjemahkan bahasa asing

2. Setelah Gem dibuat, apa yang TIDAK perlu dilakukan guru lagi?

AMengetik topik bahasan
BMembuka aplikasi Gemini
CMengetik prompt panjang berulang kali
DMemeriksa hasil RPP

3. Komponen RPP Gem mencakup hal berikut, KECUALI?

ATujuan Pembelajaran
BLangkah Pembelajaran Aktif
CDaftar hadir siswa
DInstrumen Asesmen
Modul 2

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

Gemini: EkstraksiPrompt GambarGenerate VisualInfografis Jadi

Contoh Output Infografis

Sejarah Daulah Abbasiyah
750 M: Pendirian oleh Abu Abbas as-Saffah
830 M: Zaman Keemasan – Baitul Hikmah
850 M: Kemajuan ilmu pengetahuan
1258 M: Jatuh ke tangan Mongol
Modul 2

Langkah Kerja Infografis

Ekstraksi Data di Gemini

Mintalah Gemini merangkum materi menjadi poin ringkas beserta rekomendasi visual:

Saya ingin membuat infografis tentang ‘Sejarah Daulah Abbasiyah’ untuk anak kelas 8 MTs. Berikan teks ringkas dalam 5 poin penting, dan berikan deskripsi prompt gambar (dalam bahasa Inggris) untuk masing-masing poin tersebut agar bisa saya generate.

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.

Paling cepat — satu platform

Opsi B: Ekspor ke Canva

Salin teks ke template infografis Canva. Gunakan gambar dari Gemini sebagai aset.

Hasil lebih profesional

Tips Visual

1
Maksimal 5-7 poin per infografis
2
Prompt gambar bahasa Inggris
3
Tambahkan “educational infographic style”
4
Warna konsisten — 2-3 warna utama
Modul 2

Latihan & Kuis Modul 2

Latihan Praktik

Kerjakan tugas berikut di Gemini Anda:

Buka Gemini, ketik prompt infografis untuk mapel Anda
Salin output teks 5 poin dari Gemini
Generate minimal 1 gambar menggunakan prompt visual
Rangkai teks dan gambar menjadi infografis

Waktu latihan:

05:00

1. Langkah pertama membuat infografis dengan Gemini?

AMembuat gambar terlebih dahulu
BMengekstraksi data dan poin ringkas di Gemini
CMembuka Canva terlebih dahulu

2. Prompt gambar sebaiknya ditulis dalam bahasa?

ABahasa Indonesia
BBahasa Arab
CBahasa Inggris

3. Platform yang dapat digunakan untuk merangkai infografis?

AHanya Canva
BHanya Microsoft Word
CCanva, Gemini, maupun tools lainnya
Modul 3

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

Kode
Preview
<html>
 <style>
  body{
   background:#0F766E
  }
 </style>
 <body>
  <h1>Kuis</h1>
 </body>
</html>
Kuis Fiqih Kelas 7
1. Shalat jamak dilakukan pada waktu…
A. Dhuhur dan Ashar
B. Maghrib dan Isya
Benar! +20 poin
Modul 3

Prompt Builder Interaktif

Bangun Prompt Anda

Prompt Hasil

Modul 3

Cara Menyimpan & Demo

Cara Menyimpan File HTML

Metode 1: Download dari Canvas
Klik tombol Download di pojok Canvas. File tersimpan dengan ekstensi .html
Metode 2: Salin ke Notepad
  1. Klik Copy Code di Canvas
  2. Buka Notepad
  3. Tempel (Ctrl+V)
  4. Simpan: kuis_fiqih.html
  5. Pastikan “Save as type: All Files”
Metode 3: Bagikan via WhatsApp
File .html bisa dikirim via WhatsApp. Siswa klik file lalu “Open in browser” — tanpa install apapun!

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 Demo: Pengetahuan Islam

Skor: 0Soal 1/3
Modul 3

Kuis Modul 3

1. Fitur Canvas di Gemini berfungsi untuk?

AMenulis dan menampilkan kode program secara interaktif
BMembuat presentasi slide
CMengedit foto dan video

2. File HTML yang dihasilkan Canvas bisa dibuka tanpa?

ABrowser
BKuota internet
CSistem operasi

3. Untuk membuat media interaktif dengan Canvas, guru perlu menguasai?

ABahasa pemrograman HTML/CSS/JS
BHanya perlu bisa menjelaskan kebutuhan dalam bahasa Indonesia
CAplikasi Adobe Photoshop

Rangkuman Workshop

Modul 1: Custom Gem

  • Buat asisten AI khusus
  • Simpan system prompt
  • RPP instan dari topik
– /3

Modul 2: Infografis

  • Ekstraksi data di Gemini
  • Prompt gambar Inggris
  • Generate visual/Canva
– /3

Modul 3: HTML Interaktif

  • Prompt Canvas tanpa coding
  • Download file .html
  • Offline, tanpa kuota
– /3

Skor Keseluruhan

–
dari 9 soal

Evaluasi Akhir

Jawab 5 soal komprehensif dari seluruh materi:

1. Urutan benar membuat Gem?

AKetik prompt → Buat Gem → Topik
BBuka Gems → New Gem → Nama → Instructions → Save
CNew Gem → Save → Ketik prompt → Nama

2. Mengapa prompt gambar harus bahasa Inggris?

AAI hanya mengerti bahasa Inggris
BUntuk hasil visual lebih akurat dan berkualitas
CCanva hanya menerima bahasa Inggris

3. Keunggulan utama media HTML dari Canvas?

ATampilan lebih indah
BInteraktif, bisa offline, guru tidak perlu bisa coding
CFile lebih kecil dari PDF

4. Cara menyimpan hasil Canvas untuk dibagikan via WhatsApp?

AScreenshot dan kirim sebagai gambar
BDownload .html atau salin kode ke Notepad, simpan sebagai .html
CUpload ke YouTube

5. Guru ingin kuis IPA kls 8 Sistem Pencernaan warna toska. Langkah terbaik?

ABuat Gem baru khusus kuis IPA
BGunakan prompt Canvas dengan instruksi lengkap
CBuat infografis dulu lalu konversi

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!
1 / 16