Membuat Game koding Edukatif Menggunakan Canva AI

Di era digital seperti sekarang, keterampilan dalam bidang teknologi semakin penting untuk dikuasai sejak dini. Salah satu kemampuan yang sangat bermanfaat untuk masa depan anak adalah koding atau pemrograman. Tidak hanya melatih logika dan kreativitas, belajar koding juga membantu anak-anak mengembangkan kemampuan memecahkan masalah serta berpikir secara terstruktur. Kabar baiknya, kini tersedia banyak website gratis yang dirancang khusus untuk membantu anak-anak belajar koding dengan cara yang menyenangkan, interaktif, dan mudah dipahami. Artikel ini akan mengulas beberapa platform terbaik yang bisa dimanfaatkan oleh orang tua, guru, maupun anak-anak itu sendiri sebagai langkah awal menjelajahi dunia pemrograman. website itu adalah

1. https://blockly.games/, Blockly Games adalah sebuah website gratis yang dirancang oleh Google untuk memperkenalkan konsep dasar pemrograman kepada anak-anak dan pemula, terutama yang belum pernah belajar koding sama sekali. Platform ini menggunakan antarmuka drag-and-drop berbasis blok warna-warni yang menyenangkan dan intuitif.

Alih-alih menulis kode secara manual, pengguna cukup menyusun blok-blok logika yang saling terhubung seperti puzzle. Setiap blok mewakili perintah atau fungsi tertentu dalam bahasa pemrograman. Hal ini membantu anak-anak memahami alur berpikir komputasional tanpa harus pusing duluan dengan sintaks kode.

Fitur Menarik:

• Cocok untuk Pemula – Tidak perlu pengalaman coding sebelumnya.
• Berbasis Game – Anak belajar sambil menyelesaikan teka-teki dan tantangan seru.
• Level Bertahap – Terdiri dari beberapa permainan seperti Puzzle, Maze, Bird, Turtle, Movie, dan Pond yang dirancang semakin menantang di setiap levelnya.
• Latihan Logika & Algoritma – Anak belajar konsep seperti perulangan (loop), kondisi (if-else), dan fungsi secara menyenangkan.
• Bisa Diakses Langsung di Browser – Tidak perlu instalasi atau akun, langsung bisa digunakan.

Cocok untuk:

• Anak usia SD dan SMP
• Guru yang ingin memperkenalkan dasar logika komputerOrang tua yang ingin memberi anak pengalaman belajar koding dari rumah

2. https://www.scratchjr.org/, ScratchJr adalah aplikasi gratis yang dirancang khusus untuk anak-anak usia 5–7 tahun agar bisa mulai belajar konsep dasar pemrograman melalui kegiatan yang menyenangkan. Berbeda dari koding yang rumit, ScratchJr menggunakan sistem blok visual berwarna yang bisa disusun layaknya puzzle, tanpa perlu membaca atau menulis kode.

Dengan ScratchJr, anak-anak bisa membuat cerita interaktif, animasi, atau permainan sederhana hanya dengan menyusun blok-blok perintah seperti “gerak maju”, “melompat”, atau “berbicara”. Aktivitas ini membantu mereka mengembangkan keterampilan berpikir logis, berurutan, dan kreatif sejak dini.

Fitur Menarik:

• Desain Khusus untuk Anak Kecil – Antarmuka yang sederhana dan ramah anak.
• Pemrograman Berbasis Blok – Anak tinggal menyusun blok perintah tanpa mengetik kode.
• Bisa Membuat Cerita & Game Sendiri – Anak diberi kebebasan berkreasi sesuai imajinasi mereka.
• Tersedia untuk Tablet Android, iPad, dan Chromebook – Ideal untuk pembelajaran di rumah maupun sekolah.
• Bebas Iklan & Tanpa Akun – Aman dan ramah anak.

Cocok untuk:

• Anak-anak PAUD hingga kelas 1–2 SD
• Orang tua yang ingin mengenalkan anaknya pada dunia teknologi
• Guru TK dan SD yang mencari media belajar kreatif dan interaktif

3. https://code.org/id, Code.org adalah organisasi nirlaba internasional yang berupaya membuat pembelajaran ilmu komputer (CS) dan kecerdasan buatan (AI) menjadi bagian inti dari pendidikan K–12—yang mencakup anak usia dini hingga sekolah menengah—secara gratis dan terbuka untuk semua Code.org+8Code.org+8Code.org+8.

1. Kurikulum Lengkap & Berjenjang

• Tersedia rencana pelajaran untuk berbagai jenjang usia:

• Usia 5–11 tahun: Express Courses, Sprite Lab, Hour of Code, dan aktivitas berbasis blok visualCode.org+2Code.org+2Wikipedia+2
• Usia 11 tahun ke atas (SMP/SMA): App Lab, Game Lab, Web Lab, Music Lab, Python Lab → kombinasi blok dan teks nyata Code.org+1Code.org+1.
• Tingkat kurikulum menyesuaikan: Kelas dasar (fundamental), menengah, hingga SMA (termasuk AP® CS)Code.org+4Code.org+4Code.org+4.

2. Tanpa Biaya & Terbuka

Semua materi, tutorial, dan sumber daya di Code.org tersedia gratis dan dilisensikan Creative Commons—selamanyaCode.org+13Code.org+13Code.org+13.

3. Dukungan Guru & Sekolah

• Training profesional untuk guru (workshop, self-paced, komunitas) Code.org
• Integrasi dengan sistem pendidikan (termasuk dukungan distrik dan kebijakan sekolah)Code.org+9Code.org+9Code.org+9.

4. Gerakan Global: Hour of Code & Hour of AI

• Hour of Code: kegiatan singkat (~1 jam) pengantar pemrograman untuk siapa saja, berlangsung global setiap CS Education Week dan tersedia sepanjang tahun Code.org+6Code.org+6Code.org+6.
• Hour of AI: inisiatif terbaru untuk mengenalkan dasar-dasar kecerdasan buatanCode.org+4Code.org+4Code.org+4.

5. Dampak & Skala

• Lebih dari 102 juta siswa dan 3 juta guru di seluruh dunia telah menggunakan platform iniLinkedIn+3Code.org+3Code.org+3.
• Memprioritaskan keberagaman: sekitar 50% berasal dari grup ras/etnis terpinggirkan, 46% dari keluarga berpendapatan rendah, dan 45% adalah perempuan atau gender-ekspansif Code.org.

6. Fasilitas Teknis & Inovatif

• Ada student-friendly labs seperti App Lab (JavaScript), Game Lab, Web Lab (HTML/CSS), bahkan Python Lab untuk usia remaja Code.org+1Code.org+1.
• Sumber daya meliputi materi ajar lengkap, video instruksional, slide, penilaian formatif/summatif, serta pelacakan kemajuan siswa Code.org+4Code.org+4Code.org+4.

dan banyak lagi website yang menyediakan.

Selain menggunakan website gratis, kitapun bisa membuat secara mudah menggunakan fasilitas gratis dari canva yaitu canva ai. Kita tinggal memasukan prompt kemudian canva ai membuatkan untuk kita. Caranya, masuk ke canva

pilih canva ai, kemudian masukan prompt untuk meminta dia membuatkan game untuk belajar koding, misalkan seperti ini : 

“Buat desain game edukatif interaktif berjudul “Crack The Code: Pecahkan Polanya!” untuk anak SD dan SMP (usia 9–14 tahun). Game ini bertujuan melatih kemampuan berpikir komputasional, seperti pengenalan pola, algoritma sederhana, dan logika perintah.

Fitur-fitur desain:

• Tampilkan kode rahasia dalam bentuk gambar, angka, warna, simbol, atau huruf yang tersusun dalam pola.
• Tantangan bisa berupa:

• Pola urutan: warna, angka, bentuk (contoh: merah-biru-merah-biru-___)
• Kode sandi: “A = 1”, “B = 2”, pecahkan kata dengan angka.
• Puzzle arah: anak harus menebak arah berdasarkan kode panah.

• Tambahkan area jawaban (berbentuk kotak pilihan atau drag & drop).
• Gunakan desain visual yang ceria dan menarik untuk anak-anak.
• Sertakan label Level (Level 1, Level 2, dst), instruksi singkat, dan skor.
• Gunakan ikon dan karakter animasi anak-anak, robot, atau detektif lucu.

Tambahkan footer kecil di bagian bawah halaman:
Teks: lpmp.net@2025 dan tautan aktif ke https://lpmp.net
Gunakan font kecil dan bersih, tidak mencolok.”

keterangan prompt

buat desain game edukatif interaktif berjudul “Crack The Code: Pecahkan Polanya!” untuk anak SD dan SMP (usia 9–14 tahun). Game ini bertujuan melatih kemampuan berpikir komputasional, seperti pengenalan pola, algoritma sederhana, dan logika perintah.

Kita minta canva membuatkan game koding seperti apa, untuk usia anak umur berapa, tujuan game untuk melatih apa, bisa kita rubah sesuai kebutuhan.

Fitur-fitur desain:

• Tampilkan kode rahasia dalam bentuk gambar, angka, warna, simbol, atau huruf yang tersusun dalam pola.
• Tantangan bisa berupa:

• Pola urutan: warna, angka, bentuk (contoh: merah-biru-merah-biru-___)
• Kode sandi: “A = 1”, “B = 2”, pecahkan kata dengan angka.
• Puzzle arah: anak harus menebak arah berdasarkan kode panah.

• Tambahkan area jawaban (berbentuk kotak pilihan atau drag & drop).
• Gunakan desain visual yang ceria dan menarik untuk anak-anak.
• Sertakan label Level (Level 1, Level 2, dst), instruksi singkat, dan skor.
• Gunakan ikon dan karakter animasi anak-anak, robot, atau detektif lucu.

Filtur-filtur desain, kita masukan seperti gameplay apa yang kita inginkan. Bisa kita rubah atau sesuaikan dengan kebutuhan atau keiiginan kita.

Tambahkan footer kecil di bagian bawah halaman:
Teks: lpmp.net@2025 dan tautan aktif ke https://lpmp.net
Gunakan font kecil dan bersih, tidak mencolok.”

rubah sesuai keinginan atau arahkan ke media sosial sebagai penanda bahwa game kita yang desain.

setelah dimasukan prompt sesuai keinginan, klik submit, ada proses membuat kode. Tunggu sampai selesai dan desain game muncul.

Setelah muncul, kita bisa coba sesuai dengan keinginan atau belum, kalau belum silahkan perbaiki prompt, kalau sudah klik pada Use in a design pilih website.

akan tampil di mode desain, langsung saja klik 

rubah namanya sesuai keinginan, kemudian klik publish

ketika sudah jadi jadi ada notifikasi, web game edukasi kita sudah jadi dan alamatnya bisa kita bagikan ke anak murid atau guru yang lain.

beberapa web yang penulis buat melalui canva

1. https://crackcode.my.canva.site/
2. https://kkagame.my.canva.site/
3. https://kkagame.my.canva.site/satu
4. https://kkagame.my.canva.site/debug
5. https://kkagame.my.canva.site/dropcoding
6. https://kkagame.my.canva.site/mencocokan

silahkan coba,

Selain itu ketika penulis merasa tes kesehatan mental yang di adakan kantor pusat ada kendala pada saat digunakan berbarengan, penulis coba buat dengan bantuan canva ai, dan jadinya bisa berhasil contohnya di : https://pja.my.canva.site/tesmental

dengan prompt seperti ini :

“Buatkan desain website sederhana untuk tes skrining kesehatan mental yang mencakup dua alat tes standar: PHQ-9 untuk depresi dan GAD-7 untuk kecemasan. Desain harus ramah pengguna, profesional, dan menenangkan secara visual (gunakan warna lembut seperti biru muda atau hijau pastel). Fitur utama: Halaman pembuka dengan penjelasan singkat tentang pentingnya skrining mental Form isian kuesioner PHQ-9 dan GAD-7 (masing-masing 9 dan 7 pertanyaan) Tombol “Lihat Hasil” yang menampilkan skor, interpretasi otomatis dan grafik tabel Fitur untuk mengunduh hasil tes sebagai file PDF (berisi skor dan rekomendasi tindak lanjut serta ada footer berisi text “widyaprada.xyz”) Tambahkan catatan bahwa ini bukan diagnosis medis, hanya alat skrining awal Sertakan juga bagian “Sumber Bantuan” dengan link atau kontak layanan konseling profesional di Indonesia. Gunakan font modern yang mudah dibaca dan tata letak responsif untuk tampilan mobile dan desktop Buat footer dengan text www.widyaprada.xyz dengan url ke lpmp.net disetiap halaman. Buat tombol “Konsultasi” pojok kanan atas yang mengarah ke url https://lpmp.net/cara-bicara-tentang-kesehatan-mental-dengan-ai/”

Demikianlah selain menggunakan web yang sudah ada, kita bisa membuat sendiri sesuai dengan ide kreatif kita mau membuat game untuk belajar koding seperti apa secara mudah.  Jika kita kesulitan membuat prompt, bisa meminta chatgpt untuk membuatkan. Terima kasih, kalau ada pertanyaan atau masukan, bisa melalui komentar.(Abi)