Bab 3 · Sesi 3 dari 5

Sesi 3 · Blockly Games 🧩

Main game sambil belajar program! Susun blok kayak Scratch — tapi bisa jadi kode beneran.

⏱️ ±10 menit 🎯 1 mini quiz 🎞️ Bisa jadi presentasi

🎬 Cerita Pembuka

Bayangin ini…

Blockly itu kayak Scratch, tapi lebih canggih: blok yang kamu susun bisa langsung diterjemahkan ke bahasa pemrograman kayak JavaScript, PHP, dan Python! Di Blockly Games kamu belajar lewat game seru: Puzzle, Maze, dan Music. Nggak ngetik kode — cukup drag & drop blok! 🎮

🧱 Apa Itu Blockly?

Alat bikin program dari blok-blok:

🧩

Drag & Drop

Nggak ngetik kode — gabungin blok yang udah disediain. Blok = konsep pemrograman (variabel, logika, looping).

Blok [move forward] → sprite jalan
🔄

Jadi Kode Beneran

Blok yang disusun bisa diterjemahkan ke JavaScript, PHP, Python, dan lainnya.

Ini yang bedain dari Scratch!
🎮

Blockly Games

Belajar lewat 8 game: Puzzle, Maze, Bird, Turtle, Movie, Music, Pond Tutor, Pond.

Di bab ini kita main 3: Puzzle, Maze, Music
💡 Tips: Coba tools konversi Blockly → bahasa pemrograman di blockly-demo.appspot.com. Susun blok, liat hasilnya jadi kode JavaScript! 🤯
🧩 Blok Blockly → Kode JavaScript (contoh dari buku)
repeat 4 times
move forward
if jalan di depan? then
turn left
else
turn right
// hasil terjemahan otomatis ke JavaScript:
for (let i = 0; i < 4; i++) {
  moveForward();
  if (isPathForward()) {
    turnLeft();
  } else {
    turnRight();
  }
}

🗺️ Puzzle & Maze

Dua game pertama buat ngasah logika:

🧩

Puzzle

Pasang blok gambar hewan + sifatnya ke blok hewan yang bener. Tekan Check Answers = program jalan!

Output program = teks di dialogue box
🐭

Maze

Gerakin sprite dari start ke tujuan. Bloknya: [move forward] maju, [turn] belok kiri/kanan.

10 level, makin tinggi makin susah
🔁

Blok Pintar

[repeat until] = ulang sampai syarat kepenuhan. [if path..do..else] = pilih salah satu dari 2 perintah.

Level 6+ butuh blok if!
🤯 Fakta seru: Blok [turn] punya drop down — bisa diganti turn right ↔ turn left. Itu namanya parameter, konsep yang sama kayak custom block di Scratch! 🎯
🎮 Coba liat! Sprite jalan sendiri pake blok-blok Maze
🏁
🚩
🐭
repeat until sampai tujuan?
move forward
turn left
Tekan ▶️ Jalankan buat liat sprite maju pelan-pelan — perhatiin blok mana yang lagi dipake! 👀

🎵 Music & Fungsi

Bikin musik dari blok not balok:

🎼

Play Note

Blok [play note] mainin nada tertentu. Input C4 → suara kunci C4. Output program = suara!

Output nggak cuma teks/gambar, bisa suara!
🧩

Functions

Blok Functions = simpen potongan nada (misal [Birama 1]), terus panggil berkali-kali.

Nggak perlu nulis ulang not-nya!
💡

Kenapa Fungsi?

Lebih rapi, lebih hemat blok, gampang dibenerin. Sama kayak custom block di Scratch!

1 fungsi → dipanggil 2×
💡 Tips: “Buatlah nama yang menggambarkan kegunaan fungsi yang kamu buat” — tips dari buku! Nama yang jelas bikin programmu gampang dibaca. 📖
🎵 Fungsi = simpan potongan lagu, panggil berkali-kali
❌ Tanpa fungsi — nulis 2×
Birama 1: C4 E4 G4
Birama 1: C4 E4 G4
✅ Pakai fungsi — tulis 1×
define Birama 1
play note C4 E4 G4
Birama 1
Birama 1
Fungsinya [Birama 1] cuma ditulis sekali, terus dipanggil 2× — rapi & nggak ngulang-ngulang! Kalau mau ganti nadanya, cukup ubah di satu tempat. 💡

✏️ Mini Quiz — Uji Ingatanmu

Klik pilihan jawabanmu buat tiap soal (bisa diganti), terus tekan tombol Periksa Jawaban di bawah. 👇

1. Perbedaan utama Blockly sama Scratch adalah…
✅ Betul! Blockly! Bloknya bisa jadi JavaScript, PHP, Python — Scratch nggak bisa.
2. Blok [repeat until] gunanya…
✅ Betul! Repeat until = ulang TERUS sampai kondisi di dalamnya kepenuhan!
3. Blok [if path..do..else] = …
✅ Betul! If do..else: kalau kondisi bener jalanin do, kalau salah jalanin else!
4. Di game Music, blok Functions gunanya…
✅ Betul! Functions = kayak custom block Scratch: simpen potongan lagu, panggil kapan aja!

Pilih jawaban untuk semua 4 soal dulu, terus tekan tombolnya ya!

🎯 Skor kamu: 0 / 4
🎞️ Mode Presentasi · Sesi 3
🧩

Blockly Games
Belajar Program sambil Main

  • 🧱 Blockly = blok kayak Scratch
  • 🔄 Bisa jadi kode JavaScript/Python
  • 🎮 8 game seru buat belajar
🗺️

Puzzle & Maze

  • 🧩 Puzzle: pasang blok hewan
  • 🐭 Maze: 10 level logika
  • 🔁 repeat until: ulang sampai cukup
  • 🚦 if do..else: pilih jalur

Blok turn punya parameter 🎯

🎵

Music & Fungsi

  • 🎼 play note: mainin nada
  • 🧩 Functions: simpen potongan lagu
  • 💡 Panggil berulang, nggak nulis ulang

Output program bisa berupa suara 🔊

🏁

Ingat 3 Hal Ini

  • 1️⃣ Blockly → bisa jadi kode beneran
  • 2️⃣ repeat until & if = blok pintar
  • 3️⃣ Functions = custom block versi Blockly
Gunakan tombol panah ← → di keyboard