Mengenal Antarmuka Scratch: Bagian-Bagian dan Fungsinya
Scratch adalah salah satu platform pemrograman visual yang
sangat cocok untuk belajar coding, terutama bagi pemula dan anak-anak. Dengan
Scratch, kita dapat membuat animasi, permainan, cerita interaktif, simulasi,
dan berbagai proyek kreatif tanpa harus mengetikkan kode program yang
rumit.
Salah satu hal pertama yang perlu dipahami ketika mulai
belajar Scratch adalah antarmuka Scratch (Scratch Interface). Antarmuka
adalah tampilan tempat kita bekerja untuk membuat sebuah proyek.
Dengan mengenal setiap bagian antarmuka Scratch, kita akan
lebih mudah memahami bagaimana cara membuat program, mengatur karakter,
memberikan perintah, dan melihat hasil program yang dibuat.
Apa Itu Antarmuka Scratch?
Antarmuka Scratch adalah bagian-bagian tampilan pada
Scratch yang digunakan untuk membuat dan menjalankan sebuah proyek.
Ketika membuka editor Scratch, kita akan melihat beberapa
area utama, yaitu:
- Stage
(Panggung)
- Blocks
Palette (Palet Blok)
- Coding
Area / Scripts Area (Area Kode)
- Sprite
List (Daftar Sprite)
- Tabs:
Code, Costumes, dan Sounds
- Toolbar
dan tombol pengaturan proyek
Scratch Foundation sendiri menjelaskan bahwa editor Scratch
memiliki beberapa bagian utama seperti Stage, Blocks Palette, Coding Area,
dan Sprite List.
Mari kita mengenalinya satu per satu.
1. Stage (Panggung)
Stage adalah tempat kita melihat hasil dari program
yang dibuat.
Di sinilah sprite akan bergerak, berbicara, bermain, atau
melakukan berbagai aktivitas sesuai dengan perintah yang diberikan.
Misalnya, kita membuat program:
Ketika bendera hijau diklik, kucing bergerak 10 langkah.
Ketika program dijalankan, gerakan kucing tersebut akan
terlihat di Stage.
Stage dapat dianggap sebagai layar pertunjukan dalam
sebuah proyek Scratch.
Fungsi Stage
Stage digunakan untuk:
- menampilkan
sprite;
- menampilkan
backdrop;
- melihat
animasi;
- menjalankan
permainan;
- melihat
hasil program;
- menjadi tempat interaksi antara
pengguna dan proyek.
Stage juga
menggunakan sistem koordinat x dan y.
Posisi horizontal
menggunakan x, sedangkan posisi vertikal menggunakan y. Pemahaman
mengenai koordinat x dan y sangat membantu ketika kita mulai membuat sprite
bergerak secara teratur.
Contoh
Jika kita memberikan perintah:
change x by 10
maka sprite akan bergerak ke kanan.
Sebaliknya:
change x by -10
akan membuat sprite bergerak ke kiri.
Dengan demikian, Stage Scratch sebenarnya juga dapat menjadi
media yang menarik untuk belajar koordinat Cartesius.
2. Blocks Palette (Palet Blok)
Blocks Palette adalah tempat berbagai blok perintah
Scratch.
Di sinilah kita memilih perintah yang akan digunakan dalam
program.
Berbeda dengan
bahasa pemrograman biasa yang mengharuskan kita mengetik kode seperti:
if score > 10:
Scratch menggunakan blok yang dapat disusun dan disambungkan
seperti puzzle.
Cara ini membuat konsep pemrograman lebih mudah dipahami
oleh pemula.
Kategori Blok Scratch
Blok-blok Scratch dikelompokkan berdasarkan fungsinya.
Beberapa kategori
penting antara lain:
Motion
Digunakan untuk mengatur gerakan sprite.
Contohnya:
- move
10 steps
- turn
15 degrees
- go
to x: y:
- change
x by 10
- change
y by 10
Kategori ini
sangat berguna ketika membuat animasi atau permainan.
Looks
Digunakan untuk mengatur tampilan sprite.
Contohnya:
- say
Hello!
- think
Hmm...
- switch
costume
- change
size
- show
- hide
Dengan blok Looks, sebuah karakter dapat berbicara, berubah
penampilan, atau menghilang.
Sound
Digunakan untuk mengatur suara.
Misalnya:
- memainkan
suara;
- menghentikan
suara;
- mengubah
volume.
Blok Sound sangat berguna untuk membuat permainan menjadi
lebih menarik.
Events
Blok Events digunakan untuk menentukan kapan suatu
program mulai dijalankan.
Contohnya:
when green flag clicked
Artinya program akan mulai berjalan ketika pengguna menekan bendera
hijau.
Contoh lainnya:
when this sprite clicked
Artinya program akan dijalankan ketika sprite tersebut
diklik.
Control
Kategori Control digunakan untuk mengatur alur
program.
Contohnya:
- repeat
- forever
- if
then
- if
then else
- wait
- stop
Blok-blok ini sangat penting karena mulai mengenalkan konsep
perulangan dan percabangan dalam pemrograman.
Sensing
Kategori Sensing digunakan agar program dapat
"mengetahui" keadaan tertentu.
Misalnya:
- apakah
sprite menyentuh sesuatu;
- apakah
tombol keyboard ditekan;
- posisi
mouse;
- jawaban
pengguna;
- jarak
antara sprite dan objek lain.
Dengan Sensing, proyek Scratch dapat menjadi lebih
interaktif.
Operators
Kategori Operators digunakan untuk melakukan operasi
matematika dan logika.
Contohnya:
10 + 5
atau:
10 > 5
atau:
(10) * (5)
Inilah salah satu bagian Scratch yang sangat menarik untuk
pembelajaran matematika.
Scratch dapat digunakan untuk membuat proyek tentang:
- operasi
bilangan;
- koordinat;
- pola
bilangan;
- persamaan;
- sudut;
- geometri;
- peluang;
- dan
berbagai konsep matematika lainnya.
Variables
Variables digunakan untuk menyimpan nilai yang dapat
berubah.
Misalnya kita membuat variabel:
Score
Kemudian nilainya dapat berubah:
set Score to 0
lalu:
change Score by 1
Variabel sangat penting dalam pembuatan game karena dapat
digunakan untuk menyimpan:
- skor;
- nyawa;
- waktu;
- level;
- jumlah
benda;
- dan
berbagai informasi lainnya.
3. Coding Area (Area Kode)
Coding Area adalah tempat kita menyusun blok-blok
program.
Kita dapat menarik blok dari Blocks Palette kemudian
meletakkannya di Coding Area.
Blok-blok yang sesuai dapat disambungkan satu sama lain.
Misalnya:
when green flag clicked
↓
say "Hello!"
↓
move 10 steps
Ketika bendera hijau diklik, Scratch akan menjalankan
perintah tersebut dari atas ke bawah.
Inilah inti dari pemrograman Scratch:
Kita menyusun blok untuk memberi instruksi kepada
komputer.
Menariknya, blok Scratch dibuat dengan bentuk yang
memungkinkan blok yang tidak sesuai sulit atau bahkan tidak dapat disambungkan.
Hal ini membantu siswa memahami struktur program tanpa harus berhadapan
terlebih dahulu dengan kesalahan penulisan sintaks.
4. Sprite List (Daftar Sprite)
Sprite adalah objek atau karakter yang dapat kita
program di Scratch.
Sprite yang paling terkenal tentu saja adalah Scratch Cat,
tetapi kita dapat menggunakan banyak karakter lain.
Pada bagian Sprite List, kita dapat melihat sprite
yang terdapat dalam proyek.
Kita juga dapat:
- memilih
sprite;
- menambahkan
sprite;
- menghapus
sprite;
- mengganti
sprite;
- mengatur
ukuran sprite;
- mengatur
posisi sprite.
Setiap sprite dapat memiliki programnya sendiri.
Misalnya, dalam sebuah permainan terdapat:
- pemain;
- musuh;
- bola;
- tombol;
- hadiah.
Masing-masing dapat dibuat sebagai sprite dan diberikan kode
yang berbeda.
5. Backdrop (Latar)
Selain sprite, Scratch juga memiliki Backdrop atau
latar belakang.
Backdrop adalah gambar yang digunakan sebagai latar Stage.
Misalnya kita membuat permainan tentang luar angkasa. Kita
dapat menggunakan backdrop berupa:
ruang angkasa
Kemudian menambahkan sprite:
- pesawat;
- asteroid;
- planet;
- alien.
Backdrop juga dapat diganti melalui program.
Misalnya:
switch backdrop to [Level 2]
Dengan cara
tersebut, sebuah permainan dapat memiliki beberapa level dengan latar yang
berbeda.
6. Costumes (Kostum)
Setiap sprite dapat memiliki satu atau beberapa Costumes.
Costume adalah tampilan atau bentuk sprite.
Misalnya sebuah karakter mempunyai:
- Costume
1 → berdiri
- Costume
2 → berjalan
- Costume
3 → melompat
Jika program mengganti costume secara bergantian dengan
cepat, kita dapat menciptakan efek animasi.
Contohnya:
switch costume to Costume 2
wait 0.2 seconds
switch costume to Costume 3
wait 0.2 seconds
Dengan demikian, sebuah karakter dapat terlihat seperti
sedang bergerak.
Scratch juga menyediakan editor gambar sehingga pengguna
dapat membuat atau mengubah costume sendiri.
7. Sounds (Suara)
Scratch juga menyediakan bagian Sounds untuk mengatur
suara yang digunakan dalam proyek.
Kita dapat:
- memilih
suara yang tersedia;
- merekam
suara;
- mengedit
suara;
- memainkan
suara melalui program.
Misalnya ketika pemain mendapatkan poin:
play sound [pop]
Suara tersebut dapat memberikan tanda bahwa pemain berhasil
melakukan sesuatu.
8. Code, Costumes, dan Sounds
Ketika memilih sebuah sprite, kita dapat bekerja pada
beberapa bagian utama:
Code
Digunakan untuk membuat program atau memberikan perintah
kepada sprite.
Costumes
Digunakan untuk mengubah tampilan sprite.
Sounds
Digunakan untuk mengatur suara yang digunakan sprite.
Ketiga bagian ini saling berhubungan.
Contohnya, ketika tombol ditekan:
Code → sprite bergerak → Costume berubah → Sound
dimainkan
Dengan demikian, Scratch dapat menggabungkan pemrograman,
gambar, animasi, dan suara dalam satu proyek.
9. Bendera Hijau dan Tombol Stop
Pada bagian Stage terdapat dua tombol yang sangat penting.
Bendera Hijau
Bendera hijau digunakan untuk menjalankan proyek.
Biasanya program
dimulai dengan blok:
when green flag
clicked
Ketika bendera
hijau diklik, semua skrip yang menggunakan blok tersebut akan mulai dijalankan.
Tombol Stop
Tombol stop digunakan untuk menghentikan proyek yang sedang
berjalan.
Kedua tombol ini sangat sering digunakan ketika menguji
program.
10. Bagaimana Semua Bagian Scratch Bekerja Bersama?
Sekarang kita dapat melihat hubungan antarbagian Scratch.
Misalnya kita ingin membuat proyek sederhana:
"Kucing Mengejar Bola."
Kita membutuhkan:
Stage
→ sebagai tempat permainan berlangsung.
Backdrop
→ sebagai latar permainan.
Sprite Kucing
→ sebagai karakter pemain.
Sprite Bola
→ sebagai objek yang dikejar.
Blocks Palette
→ menyediakan perintah.
Coding Area
→ tempat menyusun program.
Costumes
→ digunakan untuk membuat animasi.
Sounds
→ memberikan efek suara.
Variables
→ menyimpan skor.
Semua bagian tersebut bekerja bersama untuk membentuk satu
proyek Scratch.
11. Contoh Program Sederhana
Mari kita membuat program sederhana agar Scratch Cat
bergerak ketika tombol panah kanan ditekan.
Gunakan blok:
when green flag clicked
forever
if <key right
arrow pressed?> then
change x by 10
end
end
Program tersebut dapat dibaca dengan bahasa sederhana:
Ketika bendera
hijau diklik, terus-menerus periksa apakah tombol panah kanan ditekan. Jika
ditekan, gerakkan sprite 10 langkah ke arah kanan.
Dari contoh
sederhana ini sebenarnya kita sudah menggunakan beberapa konsep penting dalam
pemrograman:
- Event
→ kapan program dimulai;
- Loop
→ perintah dilakukan berulang-ulang;
- Condition
→ memeriksa suatu keadaan;
- Input
→ tombol keyboard;
- Output
→ sprite bergerak.
Inilah salah satu alasan Scratch sangat baik digunakan
sebagai pengantar pemrograman.
12. Antarmuka Scratch dan Pembelajaran Matematika
Scratch tidak hanya cocok untuk membuat game.
Dalam pembelajaran matematika, Scratch dapat digunakan untuk
membuat berbagai proyek interaktif.
Misalnya:
Koordinat Cartesius
Sprite bergerak berdasarkan nilai x dan y.
Transformasi Geometri
Sprite dapat:
- bergeser;
- diputar;
- diperbesar;
- diperkecil.
Operasi Bilangan
Scratch dapat membuat permainan menghitung hasil operasi
matematika.
Persamaan
Siswa dapat membuat program yang meminta pengguna memasukkan
nilai dan kemudian menghitung hasilnya.
Bangun Datar
Siswa dapat membuat program untuk menggambar persegi,
segitiga, atau bentuk lainnya.
Peluang
Scratch dapat digunakan untuk melakukan simulasi pelemparan
dadu atau koin berulang kali.
Dengan demikian,
Scratch dapat menjadi jembatan antara matematika dan pemrograman.
13. Mengapa Siswa Perlu Mengenal Antarmuka Scratch?
Memahami antarmuka Scratch adalah langkah awal sebelum
membuat proyek.
Jika siswa belum mengetahui fungsi setiap bagian, mereka
akan lebih banyak menghabiskan waktu untuk mencari tombol dan mencoba-coba
tanpa memahami alur kerja.
Sebaliknya, jika siswa sudah memahami:
Stage → Sprite → Blocks → Coding Area → Program → Output
mereka akan lebih
mudah berpikir secara sistematis.
Yang lebih
penting lagi, Scratch mengajarkan bahwa sebuah komputer tidak dapat
"menebak" apa yang kita inginkan.
Komputer harus
diberi instruksi yang jelas dan berurutan.
Kesimpulan
Antarmuka Scratch terdiri dari berbagai bagian yang memiliki
fungsi berbeda, tetapi semuanya bekerja bersama untuk membuat sebuah proyek
interaktif.
Bagian-bagian yang penting untuk dikenali antara lain:
|
Bagian |
Fungsi |
|
Stage |
Menampilkan dan menjalankan proyek |
|
Blocks Palette |
Menyediakan blok perintah |
|
Coding Area |
Tempat menyusun program |
|
Sprite List |
Mengatur sprite dalam proyek |
|
Backdrop |
Mengatur latar Stage |
|
Costumes |
Mengatur tampilan sprite |
|
Sounds |
Mengatur suara |
|
Variables |
Menyimpan nilai/data |
Setelah memahami antarmuka tersebut, siswa dapat mulai
belajar membuat program sederhana, kemudian berkembang menuju animasi, game,
simulasi, dan proyek pemrograman yang lebih kompleks.
Scratch pada akhirnya bukan hanya tentang membuat karakter
bergerak.
Scratch
mengajarkan cara berpikir secara logis, memecahkan masalah, menyusun
algoritma, mencoba, menemukan kesalahan, dan memperbaiki program.
Dan justru di
situlah bagian paling menarik dari belajar coding: siswa tidak hanya belajar
memberi perintah kepada komputer, tetapi belajar bagaimana berpikir untuk
memecahkan masalah.
Referensi
Scratch Foundation menyediakan berbagai panduan pembelajaran
dan materi resmi untuk mengenal Scratch dan Scratch Editor.
Untuk mencoba Scratch secara langsung, gunakan Scratch.
