Game Edukasi RoboRoute

RoboRoute

Coding Quest & Computational Thinking

Pelajari 4 Pilar Computational Thinking lewat petualangan pemrograman robot R-OBO!

RoboRoute

Coding Quest & Computational Thinking

Level: Level 1: Langkah Pertama (Algoritma Dasar) Level 2: Misi Kunci Gerbang (Dekomposisi) Level 3: Zig-Zag Lava Pit (Pengenalan Pola & Loop) Level 4: Sirkuit Kompleks (Abstraksi & Optimalisasi)

Level 3: The Zig-Zag Lava Pit

Gunakan perulangan untuk melewati pola tangga zig-zag tanpa jatuh ke lava!

Max 5 Blok

Misi Sukses!

Robot R-OBO berhasil mencapai Battery Charging Hub!

Sub-Goal Dekomposisi:

• Ambil Kunci Akses (0/1)
• Buka Gerbang Penghalang
• Capai Battery Charging Hub

Command Panel

Total Blok: 0

Pilih Blok Instruksi:

Klik tombol instruksi di atas untuk menyusun program pergerakan R-OBO.

CT Live Insight

1. Algoritma (Algorithm)

Penggalan urutan instruksi linier dari atas ke bawah. Robot mengeksekusi perintah persis sesuai urutan sekuensial yang kamu susun.

2. Dekomposisi

Memecah rintangan besar menjadi segmen kecil. Contoh: Menyelesaikan 1 anak tangga terlebih dahulu sebelum menggabungkannya.

3. Pengenalan Pola

Mengenali gerakan terulang (Maju ➔ Right ➔ Maju ➔ Left) dan mengemasnya dalam blok Loop.

4. Abstraksi

Mengabaikan gesekan tanah, massa robot, atau efek visual animasi lava. Fokus penuh pada kisi murni $6 \times 6$ grid.

Penerapan 4 Pilar Computational Thinking

1. Algoritma (Algorithm)

Siswa menyusun seri instruksi langkah-demi-langkah yang presisi. Jika urutan belokan atau langkah tertukar, robot akan menabrak rintangan/lava. Pemikiran algoritma melatih logika sekuensial dan perulangan.

2. Dekomposisi (Decomposition)

Masalah kompleks (seperti menavigasi labirin dari $(0,0)$ ke $(5,5)$) dipecah menjadi beberapa sub-masalah: Segmen 1 (Ambil Kunci), Segmen 2 (Buka Gerbang), dan Segmen 3 (Menuju Finish). Siswa menyelesaikan satu segmen dalam satu waktu.

3. Pengenalan Pola (Pattern Recognition)

Siswa mengidentifikasi kesamaan tindakan yang berulang. Daripada menulis 12 blok instruksi secara linier, siswa mengenali pola tangga zig-zag 3x dan menyimpulkannya ke dalam 1 struktur Ulangi 3 Kali.

4. Abstraksi (Abstraction)

Penyederhanaan realitas. Faktor fisika nyata seperti gesekan roda, akselerasi, daya baterai berdasar suhu, atau efek detail lingkungan diabaikan. Dunia disederhanakan menjadi matriks grid murni dengan posisi koordinat $(X, Y)$ dan 4 arah mata angin.

Read More

Game Desain Grafis untuk Pemula

🎨

DESAIN CILIK

Akademi Kreatif & Visual

⭐

Poin XP

0 XP

🏅

Lencana

0/5

Belajar Sambil Bermain

Halo, Calon Desainer Hebat! 🌟

Pelajari cara memadu warna, memilih font keren, menggunakan alat vektor, dan membuat karya visual yang disukai semua orang!

✨

🕹️ Pilih Tantangan Desain:

🎨

Mewarnai Pola

Eksplorasi palet warna & isi pola bentuk geometri dengan Ember Cat.

Main Sekarang ➔

🧩

Mencocokkan Gambar

Jodohkan alat desain (Pen Tool, Eyedropper) dan teori warna primer/sekunder.

Main Sekarang ➔

🔤

Tebak Jenis Font

Kenali beda Serif, Sans-Serif, Display, dan Script untuk berbagai keperluan.

Main Sekarang ➔

⚖️

Desain Bagus vs Buruk

Uji mata jeli kamu memilih desain yang rapi, mudah dibaca, dan kontras.

Main Sekarang ➔

🏆 Koleksi Lencana Desainer Kamu:

🎨 Studio Mewarnai Vektor

Pilih warna di bawah, lalu klik area gambar untuk mewarnai!

🖍️ Warna Terpilih:

#FD79A8

Merah Muda Pastel

Palet Warna Ceria:

Pilih Warna Bebas (Custom):

💡 Tips Desain:

Cobalah padukan warna cerah dengan warna netral (seperti abu-abu atau putih) agar karya kamu terlihat serasi!

🧩 Mencocokkan Alat & Warna

Klik item di kolom kiri, lalu klik pasangannya di kolom kanan!

Alat / Kombinasi Warna

Fungsi / Hasil Warna

Pilih satu kartu di kiri untuk memulai pencocokan!

🔤 Detektif Tipografi (Font Matcher)

Pilih jenis font yang paling pas untuk desain yang diminta!

Soal 1 dari 4

Skenario Desain

"Kamu ingin membuat Judul Koran Berita Resmi..."

Font manakah yang terkesan resmi, klasik, dan memiliki kait kecil di ujung hurufnya?

⚖️ Detektif Desain: Bagus vs Buruk

Bandingkan 2 poster berikut. Mana desain yang lebih rapi & mudah dibaca?

Desain A

Desain B

🎉

Jawaban Kamu Tepat!

Prinsip: Kontras & keterbacaan (Readability)

Penjelasan materi desain akan muncul di sini...

🏆

Lencana Baru Diraih!

Selamat! Kamu berhasil menyelesaikan tantangan mewarnai.

© 2026 Desain Pemula - by Moch. Ali Yasin, S.Kom

Read More