Prompt Canva AI Code | Media Interaktif SD

Buat media pembelajaran interaktif yang dapat dimainkan, dieksplorasi, dan digunakan siswa SD secara langsung.
Cara menggunakan:
Klik di dalam kotak prompt, tekan Ctrl + A, kemudian Ctrl + C. Setelah itu buka Canva AI Code dan tekan Ctrl + V.
PROMPT MEDIA PEMBELAJARAN INTERAKTIF UNTUK SD
Buat MEDIA PEMBELAJARAN INTERAKTIF UNTUK SISWA SEKOLAH DASAR (SD) yang dapat digunakan langsung melalui browser.

Media harus terasa seperti aplikasi belajar modern yang interaktif, menarik, dan menyenangkan.

Media bukan sekadar halaman materi atau kumpulan soal.

Siswa harus dapat:
- membaca materi;
- melihat ilustrasi;
- melihat contoh;
- melakukan eksplorasi;
- mencoba aktivitas;
- mengerjakan latihan;
- menjawab kuis;
- mendapatkan feedback langsung;
- melihat perkembangan hasil belajar;
- melakukan refleksi.


==================================================
IDENTITAS PEMBELAJARAN
==================================================

Mata Pelajaran:
[ISI MATA PELAJARAN]

Kelas:
[ISI KELAS]

Fase:
[ISI FASE]

Semester:
[ISI SEMESTER]

Topik:
[ISI TOPIK]

Materi:
[ISI MATERI]

Tujuan Pembelajaran:
[ISI TUJUAN PEMBELAJARAN]

Contoh:

Mata Pelajaran: Matematika
Kelas: 6
Fase: C
Topik: Pecahan
Tujuan Pembelajaran:
Siswa dapat membandingkan, mengurutkan, dan menyelesaikan masalah sederhana yang berkaitan dengan pecahan.


==================================================
STRUKTUR MEDIA
==================================================

Buat struktur:

1. BERANDA
2. TUJUAN PEMBELAJARAN
3. MATERI
4. CONTOH
5. EKSPLORASI
6. LATIHAN
7. KUIS INTERAKTIF
8. TANTANGAN
9. REFLEKSI
10. HASIL
11. ULANGI


==================================================
1. BERANDA
==================================================

Buat halaman pembuka yang modern dan menarik.

Tampilkan:

- judul materi;
- mata pelajaran;
- kelas;
- ilustrasi sesuai topik;
- deskripsi singkat;
- tombol "MULAI BELAJAR".

Gunakan desain yang sesuai untuk siswa SD.

Jangan menggunakan desain seperti dashboard administrasi guru.


==================================================
2. TUJUAN PEMBELAJARAN
==================================================

Tampilkan tujuan pembelajaran dengan bahasa yang mudah dipahami siswa.

Contoh:

"Hari ini kita akan belajar membandingkan pecahan."

Gunakan kartu visual.

Tambahkan:

"Setelah belajar, kamu akan dapat..."

Kemudian tampilkan 2–4 tujuan sederhana.


==================================================
3. MATERI
==================================================

Buat materi pembelajaran secara bertahap.

Jangan menampilkan seluruh materi dalam satu halaman panjang.

Gunakan kartu atau section.

Setiap bagian dapat berisi:

- judul;
- penjelasan;
- gambar;
- diagram;
- contoh visual;
- poin penting;
- tombol berikutnya.

Gunakan bahasa sesuai tingkat kelas.

Untuk Matematika:
- gunakan angka;
- simbol;
- diagram;
- objek konkret;
- visualisasi.

Untuk IPA:
- gunakan gambar;
- diagram;
- proses;
- simulasi sederhana.

Untuk Bahasa Indonesia:
- gunakan teks;
- gambar;
- struktur;
- contoh bacaan.

Untuk IPS:
- gunakan peta;
- timeline;
- gambar;
- kartu informasi.


==================================================
4. CONTOH
==================================================

Buat bagian CONTOH.

Berikan contoh soal atau permasalahan.

Tampilkan langkah penyelesaian secara bertahap.

Contoh:

Masalah:
"Ibu mempunyai 3/4 kg gula..."

Tampilkan:

Langkah 1
Memahami masalah.

Langkah 2
Menentukan informasi penting.

Langkah 3
Menentukan strategi.

Langkah 4
Menentukan jawaban.

Jangan langsung menampilkan jawaban akhir.

Jika memungkinkan, buat tombol:

"LIHAT LANGKAH BERIKUTNYA"


==================================================
5. EKSPLORASI INTERAKTIF
==================================================

Ini merupakan bagian penting.

Buat siswa dapat memanipulasi objek secara langsung.

Gunakan interaksi seperti:

- klik;
- tap;
- drag-and-drop;
- memilih;
- menggeser;
- mengurutkan;
- mencocokkan;
- mengelompokkan;
- menyusun.

Contoh Matematika:

Tampilkan pecahan dalam bentuk lingkaran atau batang.

Siswa dapat membagi objek menjadi beberapa bagian.

Contoh IPA:

Tampilkan bagian-bagian tumbuhan.

Siswa dapat mengetuk bagian tertentu untuk melihat keterangannya.

Contoh Bahasa Indonesia:

Siswa dapat menyeret bagian teks ke kategori:

JUDUL
TERAS
ISI
PENUTUP

Pastikan aktivitas benar-benar interaktif.


==================================================
6. LATIHAN
==================================================

Buat latihan bertahap.

Bagi menjadi:

LEVEL 1 – MUDAH

Latihan konsep dasar.

LEVEL 2 – SEDANG

Latihan penerapan konsep.

LEVEL 3 – TANTANGAN

Latihan yang membutuhkan penalaran.

Berikan feedback langsung.

Jika benar:

"Benar! Bagus!"

Jika salah:

"Coba periksa kembali."

Berikan kesempatan mencoba kembali.

Jangan langsung memberikan jawaban jika siswa salah.


==================================================
7. KUIS INTERAKTIF
==================================================

Buat 10 soal kuis.

Tampilkan satu soal pada satu waktu.

Tampilkan:

SOAL 1 / 10

Progress bar.

Setiap soal dapat memiliki:

- pertanyaan;
- gambar;
- diagram;
- pilihan jawaban;
- input angka;
- aktivitas mencocokkan;
- aktivitas drag-and-drop.

Jangan membuat semua soal memiliki format yang sama.


==================================================
VARIASI SOAL
==================================================

Gunakan variasi:

1. Pilihan ganda.
2. Benar atau salah.
3. Mencocokkan.
4. Mengelompokkan.
5. Mengurutkan.
6. Drag-and-drop.
7. Mengisi jawaban.
8. Membaca gambar.
9. Analisis situasi.
10. Pemecahan masalah.


==================================================
FEEDBACK
==================================================

Berikan feedback langsung setelah siswa menjawab.

Jika benar:

"Jawaban benar!"

Kemudian berikan penjelasan singkat mengapa jawabannya benar.

Jika salah:

"Belum tepat."

Kemudian berikan petunjuk.

Contoh:

"Perhatikan kembali penyebut pecahannya."

Jangan hanya mengatakan benar atau salah.

Feedback harus membantu siswa belajar.


==================================================
8. TANTANGAN
==================================================

Buat satu aktivitas tantangan.

Judul:

TANTANGAN

Buat permasalahan yang sedikit lebih sulit daripada latihan.

Contoh:

"Gunakan pengetahuanmu untuk menyelesaikan masalah berikut."

Tantangan harus berkaitan dengan kehidupan sehari-hari.

Contoh:

- uang;
- waktu;
- jarak;
- benda di rumah;
- lingkungan sekolah;
- makanan;
- kegiatan sehari-hari.


==================================================
9. REFLEKSI
==================================================

Buat refleksi sederhana.

Tampilkan pertanyaan:

"Bagian mana yang sudah kamu pahami?"

"Bagian mana yang masih ingin kamu pelajari?"

"Bagaimana perasaanmu setelah belajar?"

Gunakan pilihan:

Saya sudah paham

Saya cukup paham

Saya masih perlu belajar


==================================================
10. HASIL
==================================================

Setelah kuis selesai, tampilkan:

PEMBELAJARAN SELESAI!

Tampilkan:

- jumlah jawaban benar;
- jumlah soal;
- persentase;
- bintang;
- progress;
- pesan motivasi.

Contoh:

8 / 10

4 BINTANG

"Hebat! Kamu sudah memahami materi."

Jangan membuat siswa merasa gagal.

Jika hasil rendah, gunakan pesan:

"Yuk pelajari lagi materinya dan coba kembali."


==================================================
11. ULANGI
==================================================

Buat tombol:

[ ULANGI KUIS ]

[ PELAJARI LAGI ]

[ KEMBALI KE BERANDA ]

Ketika memilih ulangi, seluruh aktivitas harus dimulai kembali.


==================================================
DESAIN UI/UX
==================================================

Gunakan desain modern yang sesuai untuk siswa SD.

Gunakan:

- card UI;
- rounded corners;
- tombol besar;
- ilustrasi;
- progress bar;
- badge;
- animasi ringan;
- tipografi yang mudah dibaca;
- warna cerah tetapi profesional.

Jangan menggunakan simbol atau emoji sebagai elemen utama antarmuka.

Gunakan teks, bentuk, warna, kartu, garis, dan komponen UI sebagai pengganti simbol atau emoji.

Gunakan desain yang berbeda dengan aplikasi administrasi.

Media harus terlihat seperti aplikasi pembelajaran modern.


==================================================
RESPONSIVE DESIGN
==================================================

MEDIA HARUS RESPONSIVE.

Pastikan berjalan baik pada:

- HP Android;
- tablet;
- laptop;
- desktop.

Gunakan mobile-first design.

Pada HP:

- satu kolom;
- tombol mudah disentuh;
- teks tidak terpotong;
- gambar responsive;
- tidak ada horizontal scrolling.

Pada tablet dan desktop:

- gunakan ruang layar dengan baik;
- gunakan dua atau tiga kolom jika sesuai.

Semua tombol minimal memiliki area sentuh sekitar 44–48px.


==================================================
INTERAKSI
==================================================

Gunakan JavaScript untuk membuat seluruh aktivitas interaktif.

Pastikan benar-benar berfungsi:

- navigasi;
- tombol;
- pilihan jawaban;
- drag-and-drop;
- touch;
- progress;
- feedback;
- skor;
- bintang;
- kuis satu per satu;
- reset;
- ulangi.

Jangan hanya membuat gambar tombol tanpa fungsi.


==================================================
VISUALISASI
==================================================

Gunakan visual yang relevan dengan materi.

Untuk Matematika:

- garis bilangan;
- bentuk geometri;
- pecahan;
- diagram;
- tabel;
- objek konkret.

Untuk IPA:

- diagram;
- bagian tubuh;
- tumbuhan;
- hewan;
- siklus;
- lingkungan.

Untuk Bahasa Indonesia:

- teks;
- gambar;
- struktur teks;
- kartu kata;
- ilustrasi.

Untuk IPS:

- peta;
- timeline;
- tokoh;
- tempat;
- peristiwa.

Sesuaikan visual dengan mata pelajaran.


==================================================
AUDIO
==================================================

Jika memungkinkan gunakan Web Speech API.

Tambahkan tombol speaker.

Audio dapat digunakan untuk:

- membaca instruksi;
- membaca materi;
- membaca pertanyaan;
- membaca feedback.

Media tetap harus berfungsi tanpa audio.


==================================================
AKSESIBILITAS
==================================================

Pastikan:

- teks mudah dibaca;
- kontras baik;
- tombol besar;
- tidak bergantung pada hover;
- dapat digunakan dengan mouse;
- dapat digunakan dengan touch;
- instruksi jelas.


==================================================
TEKNIS
==================================================

Buat sebagai aplikasi FRONTEND.

Gunakan:

HTML5
CSS3
JavaScript

Tidak membutuhkan:

- backend;
- database;
- login;
- server;
- API.

Media harus dapat berjalan langsung di browser.

Gunakan CSS responsive.

Jangan menggunakan localStorage.

Jangan membuat ketergantungan yang tidak diperlukan.


==================================================
KUALITAS PEMBELAJARAN
==================================================

Media harus menerapkan prinsip:

MATERI

CONTOH

EKSPLORASI

LATIHAN

FEEDBACK

TANTANGAN

KUIS

REFLEKSI

HASIL


==================================================
HAL YANG HARUS DIHINDARI
==================================================

Jangan membuat:

- teks terlalu panjang;
- halaman penuh tulisan;
- soal terlalu sulit;
- 10 soal tampil sekaligus;
- animasi berlebihan;
- timer yang membuat siswa tertekan;
- tombol kecil;
- layout yang tidak responsive;
- tombol yang tidak berfungsi;
- sekadar slideshow tanpa interaksi;
- penggunaan emoji atau simbol dekoratif yang berlebihan.


==================================================
HASIL AKHIR
==================================================

Hasil akhir harus terasa seperti:

APLIKASI MEDIA PEMBELAJARAN INTERAKTIF SD

bukan sekadar:

PRESENTASI DIGITAL

atau

WEBSITE SOAL.


Siswa harus dapat belajar dengan alur:

LIHAT

PAHAMI

COBA

INTERAKSI

LATIHAN

MENDAPAT FEEDBACK

MENYELESAIKAN TANTANGAN

KUIS

REFLEKSI

MELIHAT HASIL


PENTING:

Pastikan seluruh tombol benar-benar berfungsi.

Pastikan seluruh aktivitas interaktif dapat dimainkan.

Pastikan drag-and-drop bekerja pada desktop dan touch pada HP/tablet.

Pastikan soal tampil satu per satu.

Pastikan progress berjalan.

Pastikan jawaban benar dan salah memberikan feedback.

Pastikan skor dihitung dengan benar.

Pastikan tombol ULANGI melakukan reset.

Pastikan media responsive pada HP, tablet, laptop, dan desktop.

Buat pengalaman belajar yang menarik, interaktif, edukatif, dan sesuai dengan usia siswa SD.

Jangan menggunakan emoji atau simbol dekoratif dalam tampilan media.

Gunakan teks, warna, bentuk, kartu, garis, progress bar, dan komponen antarmuka sebagai elemen visual.
Tips untuk guru:

Ganti bagian [ISI MATA PELAJARAN], [ISI KELAS], [ISI TOPIK], dan [ISI TUJUAN PEMBELAJARAN] sesuai materi yang ingin dibuat.

Contoh topik: Pecahan, Bangun Ruang, Ekosistem, Siklus Air, Panca Indera, Sistem Tata Surya, Cerita Fiksi, Teks Berita, Bahasa Inggris, IPAS, dan lainnya.