Modul 1

Perkenalan Scratch

Scratch adalah bahasa pemrograman grafis yang dapat digunakan

secara gratis dan memungkinkan pemula belajar membuat program
tanpa memikirkan benar atau salah penulisan sintaksis. Dengan
fitur drag and drop balok pemrograman, pengguna dapat belajar
program sambil bermain dan menghasilkan projek cerita, games,
animasi, musik, seni dan presentasi. Kategori balok pemrograman
dibedakan berdasarkan warna-warna, dan balok-balok tersebut dapat
cocok disusun jika pengertian komputasinya sesuai, sehingga
pengguna dapat fokus belajar logika pemrograman tanpa
mendapatkan kesalahan error karena sintaksis. Scratch dibuat oleh
MIT Media Lab dari Massachusetts Institute of Technology dan dapat
digunakan secara online dengan mengakses pada laman berikut:
https://Scratch.mit.edu/ atau offline dengan install installer-nya
terlebih dahulu di PC masing-masing.

Gambar 1 Tampilan Awal Website Scratch

1
 Jika ingin menggunakan aplikasi Scratch versi desktop atau
offline, installer aplikasi dapat diunduh dari laman berikut:
https://Scratch.mit.edu/download. Aplikasi desktop dapat menjadi
pilihan jika pengguna tidak selalu memiliki akses internet. Namun
pada versi desktop tidak terdapat fitur komunitas, dimana pengguna
bisa berdiskusi di dalam komunitas, bisa melihat projek lain yang
dibagikan pengguna lainnya atau bisa berbagi projek yang sudah
dibuat dengan komunitas. Fitur komunitas ini hanya terdapat di versi
online. Kita dapat memilih yang sesuai dengan kebutuhan ya!

1. Bagian-Bagian Scratch
Untuk dapat menggunakan Scratch, kita harus mengenali
beberapa bagian dalam Scratch. Masing-masing bagian
merepresentasikan fitur atau fungsi yang dapat kita manfaatkan untuk
membuat project.

Gambar 2 Tampilan Dekstop Scratch

Keterangan :
A = Sprite G = Tutorial
B = Backdrops H = Judul Project
C = Script/Code I = Share Project
D = Costumes J = Run Project
E = Sounds K = Stop Project
F = File L = Ubah Tampilan

2
 Berikut ini adalah penjelasan untuk masing-masing bagian pada
Scratch:
A. Sprite
Sprite adalah gambar objek yang dapat diprogram dengan
menambahkan blok-blok program di dalamnya. Sprite
memiliki pengaturan sebagai berikut:
● Nama sprite pada kolom Sprite yang bisa kita ubah
sesuai yang diinginkan
● X (angka) dan y (angka) adalah titik koordinat
letak suatu sprite, bisa di customize maupun
digerakkan dengan pointer
● Size adalah ukuran dari sprite, bisa diubah sesuai
yang diinginkan
● Direction adalah arah sudut suatu sprite, bisa
diubah sesuai kebutuhan
● Choose a sprite adalah pilihan model atau gambar
sprite. Bisa memilih dari daftar gambar sprite yang
disediakan, menggambar sprite sendiri atau upload
gambar yang kita punya untuk menjadi sprite.

B. Backdrop
Backdrop adalah gambar latar belakang pada kanvas. Tekan
tombol Backdrops untuk mengganti latar belakang yang
diinginkan. Backdrops ini terletak di sebelah kanan tombol
sprite. Terdapat tombol Choose a backdrop untuk pilihan
gambar backdrop. Bisa memilih dari daftar gambar
backdrop yang disediakan, menggambar backdrop sendiri
atau unggah gambar yang kita punya untuk menjadi
backdrop. Selain itu juga terdapat stage untuk melihat layar
backdrop yang ada sprite nya.

C. Script/Code
Scripts adalah kumpulan blok blok perintah yang akan kita
gunakan untuk memprogram. Masing-masing blok memiliki
warna dan fungsi yang berbeda. Beberapa menu yang
terdapat dalam script (menu code):

3
 ● Motion ● Sensing
● Looks ● Operators
● Sound ● Variables
● Events ● My blok
● Control
Setiap script/code yang dipilih akan memiliki beberapa jenis
blok program yang muncul di panel. Kita dapat drag and
drop sesuai kebutuhan.

D. Costumes
Costumes digunakan untuk memodifikasi tampilan dari
sprite yang akan kita pakai dalam sebuah project. Satu sprite
dapat memiliki lebih dari satu costumes dimana costume
tersebut dapat kita ganti ganti saat menjalankan projek nanti.

Gambar 3 Tampilan Costumes

Menu costumes memiliki tombol tombol sebagai berikut

● Nama costumes yang dapat kita ubah ubah sesuai
keinginan kita
● Tombol select yang berfungsi untuk memindah
memilih dan memindahkan object pada costumes sprite
yang kita pilih

4
 ● Tombol reshape yang berfungsi untuk mengubah
bentuk dari suatu object pada sebuah sprite
● Tombol brush yang berfungsi untuk mencoret coret
area yang ingin kita coret menggunakan mouse.
● Tombol eraser yang berfungsi untuk object maupun
coretan yang ada pada sprite
● Tombol fill yang berfungsi untuk mengisi warna
pada area object yang diinginkan
● Tombol text untuk menambahkan tulisan pada sprite
● Tombol line yang berfungsi untuk menambahkan
garis pada sprite
● Tombol circle yang berfungsi untuk menambahkan
shape lingkaran pada sprite
● Tombol rectangle yang berfungsi untuk
menambahkan shape segi empat pada sprite
● Tombol flip horizontal yang berfungsi untuk
mengubah tampilan sprite/object secara horizontal (kiri
ke kanan dan kanan ke kiri/mencermin)

● Tombol flip vertikal yang berfungsi untuk

mengubah tampilan sprite/object secara vertikal(atas ke
bawah dan bawah ke atas)

E. Sounds
Sounds digunakan untuk menambahkan dan memodifikasi
suara yang dapat dipakai oleh sprite yang ada di dalam
sebuah project. Satu sprite dapat memiliki lebih dari 1 sound
untuk dimainkan pada projek nanti.

5
 Gambar 4 Tampilan Script

Menu Sounds memiliki tombol tombol sebagai berikut:

● Tombol faster yang berfungsi untuk mempercepat

suara.

● Tombol slower yang berfungsi untuk

memperlambat suara

● Tombol louder yang berfungsi untuk

memperkeras atau menaikkan volume suara

● Tombol softer yang berfungsi untuk

memperlembut atau mengecilkan volume suara

● Tombol mute untuk mematikan suara

● Tombol fade in berfungsi untuk mengatur

volume suara dari kecil ke keras

6
 ● Tombol fade out berfungsi untuk mengatur
volume suara dari besar ke kecil

● Tombol reverse berfungsi untuk membuat suara

menjadi terbalik

● Tombol robot berfungsi untuk mengubah suara

menjadi suara robot

F. File
File adalah fitur untuk membuat projek (New), menyimpan
projek (Save to your computer) dan membuka project yang
lalu yang sudah di save (Load from your computer)

G. Tutorial

7
Gambar 5 Tampilan Script
Tutorial adalah fitur berisi video-video singkat contoh
projek Scratch.

H. Judul
Judul atau nama projek dapat diisi pada kotak judul pada
bagian atas projek

I. Share Project
Hasil dari projek yang kita buat dapat kita sebarkan ke orang
orang agar mereka dapat melihat hasil karya kita yang kita

8
 buat di projek tersebut. Hanya dengan meneka tombol share
yang terletak pada bagian atas projek, maka projek akan
langsung di share di halaman website tersebut. Fitur ini
hanya ada di scratch online.

J. Run dan Stop Project

Simbol bendera hijau untuk untuk menjalankan projek. yang
sudah kita buat dan simbol lingkaran merah untuk
menghentikan projek.

Gambar 6 Tampilan Run Project

K. Ubah Tampilan
Ada 3 model layar yang dapat dipilih sesuai kenyamanan.

2. Motion
Motion adalah salah satu fungsi di dalam Script/Code yang
memiliki blok-blok program untuk mengatur semua gerakan sprite
yang ada di dalam projek kita. Blok tersebut diantaranya adalah:
Tabel 1 Blok Motion

Blok Penjelasan

Blok ini berfungsi untuk

memindahkan sprite secara
horizontal (sesuai garis x). Angka
yang dimasukkan ke dalam blok ini
bisa berupa angka negatif maupun
angka positif.

Jika angka yang dimasukkan positif,

maka sprite akan berpindah ke arah
kanan (ke posisi x yang lebih besar)

Jika angka yang dimasukkan adalah

negatif, maka sprite akan berpindah

9
Mari Belajar Scratch Untuk Pemula

Blok Penjelasan

ke arah kiri (posisi x yang lebih kecil)

Blok ini berfungsi untuk

memutarkan sprite yang ada di
projek kita sesuai arah jarum jam dan
derajat yang kita inginkan.

Blok ini berfungsi untuk

memutarkan sprite yang ada di
projek kita berlawanan arah jarum
jam dan derajat yang kita inginkan.

Blok ini berfungsi untuk

memindahkan sprite yang ada di
projek kita ke posisi tertentu. Kita
dapat memilih posisi pemindahan
sprite sesuai dengan pilihan yang
disediakan oleh Scratch .

Jika kita memilih random position,

maka sprite akan berpindah ke tempat
acak yang ada di area output projek
kita.

Jika kita memilih mouse-pointer,

maka Scratch akan berpindah menuju
kursor mouse kita.

Kita juga dapat memindahkan posisi

sprite kita ke posisi sprite lainnya jika
kita memiliki lebih dari satu sprite
dalam satu projek.

Blok ini berfungsi untuk

memindahkan sprite ke koordinat x
dan y yang telah kita tentukan.

9
Mari Belajar Scratch Untuk Pemula

Blok Penjelasan

Blok ini berfungsi untuk membuat

sprite kita bergerak menuju posisi
tertentu yang kita inginkan.

Berbeda dari sebelumnya dimana

sprite akan langsung muncul di posisi
yang kita inginkan, blok ini membuat
sprite “bergerak” menuju posisi yang
kita inginkan.

Kita juga dapat menentukan berapa

lama waktu yang diperlukan oleh
sprite untuk berpindah ke posisi
tersebut dengan satuan detik.

Sprite juga dapat berpindah ke sprite

lain jika didalam projek terdapat lebih
dari 1 sprite

Blok ini berfungsi untuk membuat

sprite bergerak menuju koordinat x
dan y yang diinginkan dengan waktu
tertentu.

Blok ini berfungsi untuk mengubah

hadapan sprite sehingga sprite akan
menghadap ke arah yang telah
ditentukan.

10
Mari Belajar Scratch Untuk Pemula

Blok Penjelasan

Menu ini berfungsi untuk membuat

sprite yang ada di obyek kita
menghadap ke objek yang telah kita
tentukan. Contohnya jika kita
memilih mouse-pointer, saat blok
tersebut dijalankan, maka sprite
tersebut akan menghadap ke arah
kursor mouse kita.

Kita juga dapat membuat sprite kita

menghadap ke arah sprite lain jika kita
memiliki lebih dari 1 sprite didalam
sebuah projek.

Kedua blok di atas berfungsi untuk

mengubah posisi sprite yang ada
pada projek kita berdasarkan garis x
(horizontal) dan garis y (vertikal).

Perhitungan angka pada blok ini

dihitung berdasarkan posisi sprite
sekarang. Angka yang ada di blok
akan ditambahkan dengan angka pada
posisi koordinat sprite sekarang.
Misalkan posisi sprite kita berada di
x=5 dan y=10. Jika kita memakai
kedua blok disamping, maka sprite
akan berada di posisi x=15 dan y=20
Change x by.. Memiliki fungsi yang
sama dengan blok move .. Steps yang
sudah dijelaskan sebelumnya

11
Mari Belajar Scratch Untuk Pemula

Blok Penjelasan

Kedua blok di atas berfungsi untuk

memindahkan sprite kita pada
posisi x dan y tertentu yang telah kita
masukkan pada blok. Jika kita
memakai blok “set x to 10”, maka
sprite akan berpindah posisi secara
horizontal menuju titik x=10. Begitu
juga dengan blok “set y to..”

Blok ini berfungsi untuk

memindahkan sprite ke dalam kotak
area output jika sprite tersebut
posisinya keluar dari kotak.

Contohnya terdapat pada gambar

diatas. Jika kita memakai blok ini,
maka sprite akan berpindah kembali
ke dalam kotak menjadi:

12
Mari Belajar Scratch Untuk Pemula

Blok Penjelasan

Blok disamping berfungsi untuk

memodifikasi jenis arah pandang
dari sprite jika rotasi/direction nya
kita ubah.

Jika kita memilih left-right, maka jika

arah hadapan dari sprite dibawah 0,
maka arah hadapannya akan
berpindah kekiri seperti gambar
dibawah.

Jika arah hadapannya lebih besar dari

0, maka sprite akan menghadap ke
arah sebaliknya (kanan).

Jika kita memilih don’t rotate, maka

perubahan hadapan berapapun tidak
akan mempengaruhi sprite. Sprite
akan menghadap ke arah yang sama.

Jika kita memilih all around, maka

gambar dari sprite akan berputar
sesuai dengan derajat angka yang ada
di arah hadapan. Seperti gambar
dibawah

13
Mari Belajar Scratch Untuk Pemula

Blok Penjelasan

3. Looks
Looks adalah salah satu fungsi di dalam Script/Code yang
memiliki blok-blok program untuk mempengaruhi tampilan pada
output/stage yang merupakan tempat dari hasil projek kita. Blok-blok
tersebut diantaranya adalah:
Tabel 2 Blok Looks

Blok Penjelasan

Kedua blok disamping berfungsi

untuk memunculkan sebuah kotak
dialog yang dijadikan sebagai
gambaran bahwa sprite yang ada di
projek kita sedang berbicara.

Pada blok pertama (say … for ..

seconds), waktu dari berapa
lamanya kotak dialog tersebut ingin
kita tampilkan dapat ditentukan
dengan memasukkan berapa detik
kotak dialog tersebut ingin kita
tampilkan. Setelah waktu habis,
maka kota dialog akan menghilang.
Pada blok kedua (say…), kotak
dialog tersebut tidak akan hilang
sampai sprite tersebut
mengucapkan dialog lainnya.

14
Mari Belajar Scratch Untuk Pemula

Blok Penjelasan

dialog sebelumnya. Yang

membedakannya adalah kotak
dialog yang muncul dari blok ini
digambarkan dengan bentuk bulat
putus putus yang menggambarkan
ilustrasi
Blok di bahwa
sampingsprite yang fungsi
memiliki ada di
projek kita sedang berpikir
yang mirip dengan blok kotak

Blok ini berfungsi untuk mengubah

kostum pada sprite yang ada di
projek kita yang dapat kita atur pada
menu costume seperti pada
penjelasan sebelumnya.

Blok ini berfungsi untuk mengubah

backdrop atau latar pada projek
kita yang dapat kita pilih pada menu
backdrop.

15
Mari Belajar Scratch Untuk Pemula

Blok Penjelasan

Blok ini berfungsi untuk mengubah

ukuran dari sprite kita. Change
size by… berarti bahwa kita akan
mengubah ukuran sprite kita dengan
menambahkan angka yang ada di
dalam blok dengan ukurang sprite
kita yang sekarang.

Jika ukuran sprite kita yang

sekarang adalah 100. Maka, jika
blok dijalankan ukurang sprite
tersebut akan berubah menjadi 110.

Set size to .. % berfungsi untuk

mengubah ukuran dari sprite kita
dengan menetapkan ukuran sprite
kita dengan hitungan persen.
Ukuran default dari semua sprite
yang ada adalah 100%

Blok disamping berfungsi untuk

mengubah grafis dari sprite kita.
Blok ini mirip dengan saat kita
mengedit sebuah foto dengan
menggunakan efek efek tertentu.
Blok ini dapat dipakai sesuai selera
masing masing.

Kedua blok disamping berfungsi

untuk menampilkan dan
menyembunyikan sprite yang ada
di projek kita. Jika blok hide
dijalankan, maka sprite akan

16
Mari Belajar Scratch Untuk Pemula

Blok Penjelasan

menghilang dari stage atau kota

output kita. Jika blok show
dijalankan, maka sprite akan
muncul kembali.

Kedua blok disamping berfungsi

untuk mengatur posisi sprite
apakah sprite tersebut berada di
bagian depan atau berada di bagian
belakang.

Blok ini biasanya akan dipakai jika

kita memiliki lebih dari satu sprite
dalam sebuah proyek dan jika sprite
tersebut saling menimpa, kita dapat
mengatur yang mana di depan dan
yang mana di belakang dengan
menggunakan blok ini.

4. Sound
Sound adalah salah satu fungsi di dalam Script/Code yang
memiliki blok-blok program untuk mengatur suara pada project yang
kita buat. Menu menu tersebut diantaranya adalah:

Tabel 3 Blok Sound

Blok Penjelasan

Blok disamping berfungsi untuk

menambahkan suara pada sprite
yang ada di projek kita. Suara
tersebut dapat kita pilih apakah
suara tersebut mau kita ambil
melalui suara yang telah
disediakan oleh Scratch atau suara

17
Mari Belajar Scratch Untuk Pemula

Blok Penjelasan

yang mau kita rekam sendiri.

Jika kita ingin merekam suara kita

sendiri, maka kita tinggal memilih
pilihan record dan kita akan
langsung diarahkan ke halaman
perekaman suara seperti gambar
dibawah.

Setelah terekam, kita dapat

menyimpan suara rekaman kita
pada menu ini

Lalu kita tinggal memilih rekaman

tersebut

18
Mari Belajar Scratch Untuk Pemula

Blok Penjelasan

Blok play sound.. Until done akan

memainkan suara sampai selesai
lalu akan menjalankan blok lain
jika blok tersebut dijalankan.
Sedangkan start sound … akan
menjalankan suara yang dipilih
sambil menjalankan blok blok
berikutnya yang kita pasangkan
bersama blok ini.

Suara suara tersebut dapat kita

hentikan dengan menggunakan
blok stop all sound yang ada di
menu ini

Blok ini berfungsi untuk mengedit

suara baik dari segi ketinggian
nada maupun posisi suaranya.
Ketinggian nada dapat dibuat dari
rendah ke tinggi sedangkan posisi
suara dapat dibuat dari kiri ke
kanan.