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.