🎨 Prompt Canva AI Code Media Interaktif TK

Media pembelajaran interaktif untuk anak TK/PAUD
📋 Cara menyalin: Klik di dalam kotak prompt → tekan Ctrl + A → tekan Ctrl + C. Kemudian buka Canva AI Code dan tekan Ctrl + V.
Buat MEDIA PEMBELAJARAN INTERAKTIF UNTUK ANAK TK/PAUD yang dapat digunakan langsung melalui browser.

KONSEP:
Media harus terasa seperti GAME EDUKASI untuk anak TK, bukan seperti website biasa atau ujian online.

Tema pembelajaran:
[ISI TEMA DI SINI]

Contoh:
Tema: Mengenal Warna
Subtema: Warna Merah, Kuning, Biru
Usia: TK A

TUJUAN:
1. Anak mengenal konsep pembelajaran.
2. Anak dapat membedakan konsep.
3. Anak dapat mencocokkan konsep.
4. Anak dapat menunjukkan pemahaman melalui permainan interaktif.

BUAT STRUKTUR MEDIA:

1. BERANDA
2. MATERI
3. CONTOH
4. LATIHAN BERMAIN
5. SOAL INTERAKTIF
6. HASIL
7. MAIN LAGI


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

Buat halaman pembuka yang sangat menarik untuk anak TK.

Tampilkan:
- Judul media
- Ilustrasi besar sesuai tema
- Kalimat "Ayo Belajar Sambil Bermain!"
- Tombol besar "MULAI BERMAIN"

Gunakan desain ceria, sederhana, dan tidak terlalu ramai.

Tombol harus besar sehingga mudah disentuh menggunakan jari pada HP dan tablet.


========================
2. MATERI
========================

Buat materi dalam bentuk kartu visual.

Setiap kartu berisi:
- gambar atau ilustrasi besar;
- nama objek;
- penjelasan sangat singkat;
- tombol speaker;
- tombol "BERIKUTNYA";
- tombol "KEMBALI".

Jangan menggunakan paragraf panjang.

Gunakan bahasa yang sangat sederhana.

Contoh:

"Ini warna merah."

Tampilkan gambar benda berwarna merah dengan ukuran besar.

Jika memungkinkan, gunakan Web Speech API agar anak dapat mendengarkan materi.

Tambahkan tombol speaker yang besar.


========================
3. CONTOH
========================

Buat bagian CONTOH sebelum latihan.

Tujuannya agar anak memahami cara bermain.

Contoh tema warna:

Tampilkan:
- apel merah
- bola biru
- matahari kuning

Berikan instruksi:

"Mana yang berwarna merah?"

Anak dapat mengetuk gambar.

Jika benar:
- tampilkan animasi;
- tampilkan "HEBAT!";
- berikan efek visual positif.

Jika salah:
- tampilkan "Coba lagi!";
- jangan memberikan hukuman;
- anak dapat mencoba kembali.

Pastikan anak memahami cara bermain sebelum masuk latihan.


========================
4. LATIHAN BERMAIN
========================

Buat latihan yang memungkinkan anak berinteraksi langsung dengan objek.

Gunakan beberapa jenis aktivitas.

AKTIVITAS A - MENCOCOKKAN

Contoh:

"Masukkan benda merah ke kotak MERAH."

Gunakan drag-and-drop pada desktop.

Pada HP dan tablet, drag-and-drop juga harus bekerja dengan touch.

Jika drag-and-drop sulit pada perangkat tertentu, sediakan alternatif dengan tap.

Jika benar:
- objek masuk ke tempat yang benar;
- tampilkan animasi;
- tampilkan "HEBAT!";

Jika salah:
- objek kembali;
- tampilkan "Coba lagi!";
- anak dapat mencoba kembali.


AKTIVITAS B - MEMILIH

Tampilkan beberapa gambar berukuran besar.

Contoh:

"Mana yang berwarna merah?"

Anak mengetuk salah satu gambar.

Berikan feedback langsung.


AKTIVITAS C - MENGELOMPOKKAN

Tampilkan beberapa objek.

Anak harus memasukkan objek ke kelompok yang sesuai.

Contoh:

MERAH | BIRU

Kemudian anak menyeret benda ke kelompok yang sesuai.


AKTIVITAS D - MENYUSUN

Jika sesuai dengan tema, buat aktivitas menyusun:

- kecil ke besar;
- sedikit ke banyak;
- urutan angka;
- pola warna;
- bentuk;
- urutan gambar.


========================
5. SOAL INTERAKTIF
========================

Buat 10 soal interaktif.

PENTING:

Jangan tampilkan 10 soal sekaligus.

Tampilkan SATU soal pada satu waktu.

Setiap soal harus memiliki:
- nomor soal;
- progress;
- instruksi pendek;
- gambar besar;
- 2–4 pilihan jawaban;
- tombol pilihan besar.

Contoh:

SOAL 1 / 10

"Mana yang berwarna merah?"

[ GAMBAR A ] [ GAMBAR B ] [ GAMBAR C ]

Anak harus mengetuk jawabannya.


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

Jangan membuat semua soal sama.

Variasikan aktivitas:

1. Memilih gambar.
2. Mencocokkan.
3. Mengelompokkan.
4. Menghitung benda.
5. Menentukan warna.
6. Menentukan bentuk.
7. Menentukan ukuran.
8. Melengkapi pola.
9. Menentukan gambar yang berbeda.
10. Aktivitas sesuai tema.

Gunakan gambar dan objek yang familiar bagi anak TK.

Jangan membuat soal yang membutuhkan kemampuan membaca panjang.


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

Setiap jawaban harus mendapatkan feedback langsung.

Jika benar:

"🎉 HEBAT!"

atau:

"⭐ BAGUS SEKALI!"

Tambahkan animasi sederhana seperti:
- bounce;
- scale;
- confetti;
- objek bergerak ringan.

Jika salah:

"😊 Coba lagi!"

Jangan menggunakan kata:
- Salah!
- Gagal!
- Nilai buruk!

Anak harus diberikan kesempatan mencoba kembali.


========================
SISTEM BINTANG
========================

Gunakan sistem penghargaan yang menyenangkan.

Contoh:

⭐ ⭐ ⭐

Bintang bertambah ketika anak menyelesaikan aktivitas dengan benar.

Jangan membuat sistem terasa seperti ujian.


========================
6. HASIL
========================

Setelah semua 10 soal selesai, tampilkan:

🎉 PERMAINAN SELESAI!

"Hebat! Kamu sudah belajar tentang [TEMA]."

Tampilkan:
- jumlah jawaban benar;
- jumlah bintang;
- pesan motivasi.

Contoh:

⭐ 8 / 10

"Kamu hebat! Yuk bermain lagi!"

Tombol:

[ MAIN LAGI ]

[ PELAJARI LAGI ]

[ KE BERANDA ]


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

Buat UI khusus anak TK.

Gunakan:

- kartu dengan sudut sangat membulat;
- tombol besar;
- gambar besar;
- font yang mudah dibaca;
- teks besar;
- warna cerah;
- warna yang nyaman dilihat;
- kontras yang baik;
- banyak ruang kosong;
- ilustrasi menarik;
- animasi lembut;
- ikon sederhana.

Jangan membuat desain seperti:
- dashboard admin;
- website sekolah;
- formulir;
- aplikasi ujian.


========================
RESPONSIVE
========================

MEDIA HARUS BENAR-BENAR RESPONSIVE.

Harus nyaman digunakan pada:

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

Gunakan pendekatan mobile-first.

Pada HP:
- satu kolom;
- tombol besar;
- gambar tidak keluar layar;
- teks tidak terpotong;
- tidak ada horizontal scrolling.

Pada tablet dan desktop:
- gunakan ruang layar dengan baik;
- gunakan layout 2 atau 3 kolom jika sesuai.

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


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

Gunakan JavaScript untuk seluruh interaksi media.

Pastikan semua fitur benar-benar berfungsi:

- tombol mulai;
- navigasi;
- kembali;
- berikutnya;
- pilihan jawaban;
- drag-and-drop;
- touch interaction;
- feedback benar;
- feedback salah;
- progress;
- bintang;
- skor;
- animasi;
- audio;
- reset;
- main lagi.


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

Jika memungkinkan gunakan Web Speech API.

Tambahkan tombol:

🔊 DENGARKAN

Gunakan untuk:
- membaca materi;
- membaca instruksi;
- membaca nama objek;
- membaca feedback.

Media tetap harus berfungsi jika audio tidak tersedia.


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

Buat sebagai aplikasi FRONTEND yang dapat langsung berjalan di browser.

Gunakan:

HTML5
CSS3
JavaScript

Tidak membutuhkan:
- backend;
- database;
- login;
- API;
- server.

Jangan menggunakan framework yang tidak diperlukan.

Pastikan semua interaksi berjalan langsung di browser.

Gunakan CSS media query untuk responsive design.

Jangan menggunakan localStorage.


========================
KONTEN UNTUK ANAK TK
========================

Gunakan:
- kalimat pendek;
- instruksi satu langkah;
- gambar besar;
- objek yang dekat dengan kehidupan anak;
- aktivitas konkret;
- pengulangan;
- feedback positif.

Hindari:
- teks panjang;
- istilah sulit;
- soal abstrak;
- terlalu banyak pilihan;
- timer yang membuat anak tertekan.


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

Hasil akhir harus terasa seperti:

GAME EDUKASI INTERAKTIF ANAK TK

bukan seperti:

WEBSITE SOAL.

Alur anak harus:

LIHAT
↓
DENGAR
↓
BELAJAR
↓
MELIHAT CONTOH
↓
MENCOBA
↓
BERMAIN
↓
MENJAWAB
↓
MENDAPAT FEEDBACK
↓
MENDAPAT BINTANG
↓
BERHASIL


PENTING:

Buat seluruh interaksi benar-benar berfungsi.

Jangan hanya membuat tampilan visual.

Pastikan tombol dapat diklik.

Pastikan drag-and-drop dapat digunakan.

Pastikan touch pada HP/tablet berfungsi.

Pastikan soal dapat berpindah satu per satu.

Pastikan jawaban benar dan salah memberikan feedback.

Pastikan skor dan bintang dihitung dengan benar.

Pastikan tombol MAIN LAGI melakukan reset permainan.

Pastikan tampilan tidak rusak pada HP, tablet, laptop, dan desktop.

Buat pengalaman belajar yang menyenangkan, sederhana, aman, dan sesuai untuk anak TK.
💡 Tips:
Ganti bagian [ISI TEMA DI SINI] dengan tema yang ingin dibuat, misalnya Mengenal Warna, Mengenal Bentuk, Angka 1–10, Hewan, Buah-buahan, Panca Indera, atau Pola Sederhana.