B. Pengantar Blockly Games dan Eksplorasi Puzzle Maze

Blockly adalah suatu tools yang dapat membantu membuat program sederhana dengan menggunakan blok-blok, seperti halnya Scratch. Dengan menggunakan Blockly, proses pengetikan kode program digantikan dengan menggabungkan blok-blok. Kalian dapat melakukan drag and drop pada blok-blok ini. Blok-blok ini merepresentasikan konsep-konsep dasar pemrograman seperti variabel, ekspresi logika, looping, dan lain-lain. Pada Blockly, blok-blok yang sudah disusun dapat langsung diterjemahkan ke berbagai bahasa pemrograman seperti JavaScript, PHP, Python, dan lain-lain. Hal inilah yang membedakan antara Blockly dengan Scratch yang pernah kalian pelajari sebelumnya. Perhatikan Gambar 7.2 sebagai contoh kode blok pada Blockly dituliskan dalam kode JavaScript. 

Ada berbagai cara untuk mendapatkan dan menggunakan tools ini, yaitu: 

1. Coding with Chrome (https://chrome.google.com/webstore/detail/ coding-with-chrome/becloognjehhioodmnimnehjcibkloed) 

2. Melalui demo yang disediakan pada https://developers.google.com/ Blockly 

3. Melalui https://Blockly-demo.appspot.com/static/demos/code/index.html 

Sebelum belajar membuat program dengan Blockly, kalian akan diajak untuk mengenal Blockly dengan permainan-permainan yang menyenangkan. Dalam permainan-permainan ini, kalian diminta untuk menyelesaikan sebuah masalah dengan membuat program sederhana. Program dibuat sesuai dengan blok yang disediakan pada setiap game. Blockly Games dapat diakses melalui link https:// blockly.games/?lang=en. 

Tampilan Blockly Games ditunjukkan pada Gambar 7.3. Setiap lingkaran melambangkan sebuah permainan. Untuk mulai bermain, klik di salah satu lingkaran yang kalian pilih. 

Sebelum kalian melanjutkan aktivitas, berikut ini adalah penjelasan singkat untuk setiap permainan yang disediakan di Blockly Games. 

Tidak semua permainan akan dikerjakan pada mata pelajaran ini. Pada pertemuan 2, kalian hanya akan bermain permainan Puzzle dan permainan Maze. Pada pertemuan 3, kalian akan bermain permainan Music. Guru kalian mungkin akan meminta kalian bermain permainan lainnya juga. Ikuti instruksi tambahan dari guru kalian selain instruksi yang diberikan di buku ini. 

Mari, kita melihat permainan Puzzle sebagai contoh. Jika kalian sudah masuk ke permainan Puzzle, kalian akan mendapat tampilan seperti pada Gambar 7.4. 

Bagian 1 merupakan petunjuk permainan tersebut. Tekan “OK” untuk memulai permainan. Sesuai petunjuk yang diberikan, kalian diminta untuk: 

• memasangkan blok gambar hewan (coklat) dan blok sifat-sifat hewan (ungu) ke blok binatang (hijau), 

• memilih banyaknya kaki yang dimiliki oleh setiap hewan dengan menggunakan drop down yang ada pada blok hewan (hijau). 

Silakan mencoba memasangkan blok-blok tersebut di tempat yang tepat. 

Untuk menguji apakah jawaban kalian sudah tepat, klik button “Check Answers” yang berada di pojok kanan atas. Periksalah reaksi program pada dialogue box. Pesan apa yang keluar pada dialogue box? Sudah benar atau masih ada yang kurang sesuai? Jika masih ada yang belum sesuai, ikutilah petunjuk pada dialogue box.

 Jika kalian sudah menyelesaikan permainan Puzzle dengan benar, selamat! Kalian sudah berhasil membuat sebuah program sederhana dengan menggunakan Blockly! Saat kalian menekan tombol “Check Answers”, sebenarnya kalian sedang menjalankan program di mana program kalian menjalankan satu per satu blok yang ada. Sama dengan saat kalian menekan Bendera Hijau saat menjalankan program Scratch. 

Pada permainan ini, program kalian akan menghasilkan output berupa teks pada dialogue box. Pada permainan-permainan lain, kalian akan melihat output dari program tidak hanya berupa teks. Ingatkah kalian mengenai output yang pernah kalian pelajari di sistem komputer? Output dari sebuah program dapat berupa teks, display gambar di layar, atau berupa suara. 

Mari, mengeksplorasi jenis-jenis kode blok lainnya dengan mencoba permainan-permainan berikutnya.