Lesson 2: Learn to Drag and Drop

Langkah-langkah Tutorial

1. Persiapan

  • Pastikan murid menggunakan komputer atau laptop dengan mouse atau touchpad agar fungsi drag-and-drop berjalan lancar.
  • Akses ke halaman pelajaran: “Learn to Drag and Drop” di Code.org.
  • Jelaskan bahwa kita akan “menyeret” (drag) dan “melepaskan” (drop) blok kode untuk membuat sesuatu terjadi.

2. Kenalan dengan Antarmuka

  • Di sisi kiri terdapat palet blok kode.
  • Di tengah/kanan terdapat area kerja (workspace) tempat kita menyeret blok-blok.
  • Tekan tombol “Run” (Jalankan) untuk melihat apa yang terjadi bila blok dijalankan.
  • Tunjukkan bagaimana blok-blok bisa disusun seperti puzzle: satu blok bisa dihubungkan dengan blok lainnya.

3. Membuat Program Pertama

  • Pilih satu blok kode dari palet (misalnya “move forward” atau “go to x,y”).
  • Seret blok tersebut ke area kerja.
  • Saat blok ditempatkan dengan benar, lepaskan mouse — blok akan “terkunci” di posisi kerja.
  • Sekarang klik tombol “Run” atau “Jalankan” untuk melihat aksi karakter/objek.
  • Tunjukkan bahwa jika blok tidak dijalankan, tidak terjadi apa-apa — blok harus dijalankan agar terlihat efeknya.

4. Eksperimen dengan Mengubah Urutan Blok

  • Tunjukkan bagaimana memindahkan blok ke atas atau ke bawah mempengaruhi hasil.
  • Contoh: jika blok “turn right” ditempatkan sebelum “move forward”, karakter akan bergerak di arah berbeda dibanding jika “move forward” dulu kemudian “turn right”.
  • Ajak murid mencoba beberapa kombinasi:
    • Blok A → Blok B → Run
    • Blok B → Blok A → Run
  • Diskusi: “Apakah yang berubah? Kenapa berubah?”

5. Menambahkan Blok Tambahan

  • Dorong murid untuk menambahkan blok lain seperti “say ___”, “change color”, “repeat” (jika ada).
  • Tunjukkan bahwa kita bisa membuat program yang lebih panjang dan kompleks jika kita menyusun banyak blok.
  • Ajak murid bereksperimen dengan menambah blok dan kemudian menjalankan ulang program untuk melihat hasil barunya.

6. Refleksi & Diskusi

  • Tanyakan ke murid: “Apa yang terjadi ketika kamu memindahkan blok ke posisi yang berbeda?”
  • Ajak mereka menjelaskan dengan kata-mereka sendiri: “Karakter saya berputar dulu, lalu berjalan” atau “Karakter berjalan dulu kemudian berputar sehingga hasilnya berbeda.”
  • Beri kesempatan murid menunjukkan program mereka ke kelas atau ke teman dan menjelaskan apa yang mereka ubah dan kenapa.

✅ Tips untuk Guru / Orang Tua

  • Pastikan semua murid mendapat waktu mencoba sendiri minimal 10–15 menit agar terbiasa dengan drag & drop.
  • Berikan tantangan sederhana: “Buat karakter berjalan ke kanan, lalu ke atas, lalu ‘ucapkan’ Halo!”
  • Dorong murid untuk berbagi hasil mereka dengan teman dan melihat bagaimana program teman berbeda dari milik mereka.
  • Pastikan lingkungan komputer bebas dari gangguan (notifikasi, browser lain) agar murid fokus.
  • Jika ada murid yang tertinggal, bantu satu-satu dengan menunjukkan secara langsung cara menyeret blok dari palet ke area kerja.