Kreatif dan Produktif di Internet :

Pengenalan dan Pelatihan Scratch

Direktorat Pemberdayaan Informatika

Direktorat Jenderal Aplikasi Informatika
Kementerian Komunikasi dan Informatika
 Apa itu Scratch?
• Scratch adalah toolkit pemrograman
gratis yang memungkinkan pelajar
untuk membuat mainan, animasi dan
seni interaktif mereka sendiri
• Para pelajar dapat berbagi hasil
kreasinya melalui Internet
 Apa itu Scratch?
• Scratch dibuat mencontoh tradisi
dari permainan lego namun mengambil
keuntungan dari ide komputasi dan
kemampuan dari komputer yang
mempermudah pelajar terutama anak
– anak untuk belajar pemrograman
serta dapat menciptakan sebuah
kreasi unik hasil buatan sendiri
 Apa itu Scratch?
• Tujuan dari Scracth :
– membantu pelajar untuk lancar
menggunakan media digital
– melakukan pemberdayaan pemanfaatan
TIK dan Internet
– mengekspresikan ide kreatif para
pelajar
 Apa itu Scratch?
• Scratch adalah sebuah platform
pemrograman yang dibangun oleh Alan
Kay
 Apa itu Scratch?
• Scratch kemudian oleh grup peneliti
yang tergabung dalam Lifelong
Kindergarten di MIT Media Lab,
bekerjasama dengan KIDS research
group di UCLA Graduate School of
Education & Information Studies.
 Menggunakan Scratch
• Kita dapat secara online menggunakan
Scratch di
https://scratch.mit.edu/projects/editor/?tip_bar=getStarted

• Untuk penggunaan secara offline

dapat mendownload Scratch di
https://scratch.mit.edu/scratch2download/
Mari Kita Lihat Video
Scratch!
 Mari kita mulai!
• Untuk menjalankan Scratch, klik dua
kali pada icon Scratch (gambar
kucing) atau klik Scratch.exe
 Memulai Scratch
Sesudah meng-klik Scratch, kamu akan
melihat tampilan sebagai berikut :
Interface Scratch
 Pilih Sprite!
• Kamu akan menemukan bahwa sprite
standar scratch yaitu kucing berwarna
oranye.
(sprite adalah grafis kecil yang dapat
digerakkan secara independen pada layar
dan memproduksi efek animasi)
• Kamu dapat memilih sprite yang berbeda
dari library di Scratch atau kamu dapat
menggambar sendiri Sprite-mu! Kamu
dapat membuat Sprite-mu sendiri nanti.
 Pilih Sprite-mu !
• Untuk memilih
Sprite dari library
Scratch, klik icon
folder dengan
bintang. Ketika
kamu mengarahkan
mousemu ke icon
itu akan muncul
tulisan “Pilih Sprite
Baru dari File”.
 Pilih Sprite-mu!
Buka folder dari
berbagai kategori
Sprite. Pilih salah satu
yang ingin kamu
gunakan dengan double
click pada sprite
tersebut. Kamu bisa
menggunakan lebih
dari satu sprite di
animasimu
 Pilih Sprite-mu!
• Ketika kamu sudah memilih
Sprite yang ingin di prigram,
kamu dapat menghapus Sprite
kucing dengan mengklik icon
bergambar gunting dan klik
pada Sprite kucing
• Kamu juga bisa melakukan klik
kanan dari Sprite dan pilih
hapus untuk membuang Sprite
Rubah Ukuran Sprite-mu!
• Kamu dapat mengubah ukuran
Spritemu dengan menggunakan icon
“besarkan Sprite” atau “kecilkan
Sprite”
• Klik Icon tersebut dan klik pada
Sprite untuk merubah ukuran
 Pilih Background!
• Saat ini kamu memiliki background
layar berwarna putih. Membosankan
bukan?
• Kamu juga dapat mengubah
background layar dengan memilih dari
library Scratch atau buat
backgroundmu sendiri
 Pilih Background!
• Klik pada Stage:

• Pilih,
tab“Backgrounds” !
 Rubah Background!
• Kamu dapat bereksperiment dengan
membuat atau mengimpor background
milikmu nanti, tapi saat ini gunakan
salah satu background dari library
dengan memilih Import.
 Rubah Background!
Dari layar ini, kamu dapat memilih
salah satu dari folder kategori, pilih
background yang kami suka
 Sekarang, Kita siap
melakukan pemrograman!
Saat ini kamu seharusnya sudah
mempunyai Sprite dan Background
yang siap digunakan untuk membuat
animasi
Pemrograman di Scratch
• Hal pertama yang harus dilakukan yaitu klik
pada Sprite yang ingin di program dan pilih
tab “Scripts”.
• Karena hanya sprite yang dapat
dianimasikan, pastikan Sprite telah dipilih
• Area Script adalah tempat dimana kamu
melakukan pemrograman dengan blok
program
Pemrograman di Scratch
• Di bagian atas kiri dari interface scratch,
kamu akan melihat 8 tombol
• Setiap tombol memilik blok program
• Kita akan bereksperimen dengan tombol
motion atau gerakan
 Gerakan
• Ketika kamu klik tombol motion, kamu
akan melihat blok program yang dapat
digunakan di Sprite-mu.
• Kita coba dengan satu blok program
dahulu dan kemudian silahkan
bereksperimen dengan Motion
 Gerakan
• Geser blok “bergerak sebanyak 10 step” ke
area script

• Ubah angka “10” menjadi “50” dengan

mengklik blok tersebut dan ketikkan angka
50
• Untuk melihat sprite-mu bergerak 50
pixel, double klik pada blok di area script.
Keren bukan?
 Gerakan
• Kamu juga bisa men-set angka dengan
angka negatif dengan mengetikan
tombol “-” sebelum angka
• Dengan melakukan hal tersebut, akan
menggerakkan sprite-mu sejumlah
angka ke arah yang berlawanan
 Apa itu Pixel?
• Pixel adalah satu satuan unit kecil yang
membuat gambar di komputer atau layar
televisi
• Kata Pixel berasal dari kata picture
(gambar) and element (elemen) untuk
membentuk satu Pixel
 Layar Scratch
• Ukuran Layar Scratch adalah 480 pixel
lebar dan 480 pixel lebar dan 360 pixel
tinggi
180

-240 240

-180
 Gerakan - lanjutan!
• Sekarang, tambahkan blok “berputar
15 derajat” di bawah blok lainnya
• Ketika kamu melihat garis putih
diantara 2 blok, kamu dapat melepas
mouse. Tanda putih tersebut berarti
2 blok akan terhubung satu sama lain
 Gerakan - lanjutan!
• Kamu bisa merubah derajat dengan
mengklik blok dan merubah angkanya
• Double klik pada blok untuk melihat
Sprite bergerak dan berputar
Bereksperimen dengan Gerakan!
• Kita telah menggunakan 2 Blok dari kategori
Gerakan.
• Untuk 15 menit, silahkan bereksperimen dengan
berbagai blok di tombol Gerakan.
• Jika ingin melihat apa efek dari blok, cukup klik
kanan dari blok dan pilih tolong, penjelasan dari
fungsi blok akan muncul.
• Jika ingin menghapus code cukup menggeser code
tersebut dari area Script
• Selamat mencoba selama 15 menit 
 Kontrol!
• Kategori berikutnya dari tombol
pemrograman yang akan kita
experimenkan adalah kategori Kontrol
• Kategori ini sangat penting karena
mengatur berapa lama event terjadi,
berapa kali terjadi, atau kapan event
terjadi
 Kontrol!
• Blok pertama yang kita coba gunakan
adalah “ketika bendar di klik”:

• Geser blok ini dan pasangkan di atas blok

yang telah ada di area script
 Kontrol! Klik di sini untuk memulai
• Dengan blok
tersebut, selain
double klik pada
blok code, kamu
cukup mengklik
gambar bendera
warna hijau di
bagian kanan atas
 Mode Presentasi
• Ketika kamu mengklik tombol Presentasi, animasi
akan memenuhi seluruh layar

• Untuk keluar dari Mode Presentasi, cukup

menekan tombol Esc
 Kembali ke Kontrol!

• Blok yang sangat bermanfaat dari

kategori Kontrol adalah blok yang
menangani conditional statements.
• Conditional statements pada umumnya
dicontohkan dengan “pernyataan jika
x” atau pernyataan “jika x maka y”
Conditional Statements

Kode ini berarti, saat bendera dijalankan, apabila tombol a

ditekan, Sprite bergerak 30 langkah
 Sensor!
• Conditional statements harus
digunakan bersamaan dengan blok
sensor. (Perhatikan bentuk dari blok
sensor. Jika bentuknya cocok dan pas,
memiliki 6 sisi, maka dapat diletakkan
dalam Conditional Statement)
 Kembali ke Kontrol!
• Untuk 15 menit, silahkan
bereksperimen dengan kategori pada
tombol Gerakan, Kontrol, and Sensor.
• Ingat, apabila membutuhkan
keterangan dari blok program, cukup
klik kanan dan pilih “tolong” untuk
mendapatkan fungsi dan bantuan dari
blok tersebut.
 Suara!
• Mari kita tambahkan suara di animasi yang
kita buat
• Terdapat banyak cara untuk mendapatkan
suara di animasi yang akan dibuat
• Cara pertama, kita akan bereksperimen
dengan mengimport suara dari library
Scratch.
 Mengimpor Suara dari
Library Suara
• Klik pada Sprite yang ingin diberikan
suara.
• Klik pada Tab semua jenis suara.
 Library Suara Scratch
• Kamu akan melihat kategori berbeda
dari suara yang dapat digunakan pada
animasimu. Pilih suara yang kamu suka.
 Memasukkan Suara
• Setelah kamu memilih suara yang
kamu suka. Klik OK
• Kamu akan melihat suara yang kamu
pilih akan muncul di bawa “Suara
baru”
 Memainkan Suara
• Juka ingin memainkan suara, klik
tombol play dan suara akan keluar
• Jangan lupa kecilkan volume laptopmu
ya 
Klik Play
 Menambahkan Suara ke
Animasi-mu
• Ok, kamu telah siap untuk
menambahkan suara ke animasi-mu.
• Klik Sprite yang ingin ditambahkan
suara
• Kemudian pilih tombol Suara
 Menambahkan Suara
• Apabila kamu memasukkan beberapa suara,
maka pada blok mainkan suara di klik pada
pilihan dan pilih suara mana yang akan
digunakan
 Jika ingin merekam
suara, klik Rekam
• Klik pada tab semua
suara
• Klik pada tombol Rekam
• Klik pada tombol merah
• Klik tombol kotak untuk
menghentikan rekaman
• Kamu dapat merubah
nama suara sesukamu 
 Masukkan Suara ke
Animasi-mu!
Ketika kamu klik bendera maka lebah akan
mengeluarkan suara sambil bergerak .
 Operator!
• Banyak efek animasi yang dapat
dibuat menggunakan Operator di
Scratch.
• Salah satu contoh efek yaitu gerakan
acak/random dari sprite.

Adventures in Animation
 Gerakan Acak
• Ingat, area animasi scratch adalah
480 pixel lebar dan 360 pixel tinggi
• Berarti jarak sumbu horinsontal dari
-240 ke 240.
• Jarak sumbu vertikal dari
-180 ke 180.
 Gerakan Acak
• Ini adalah contoh blok code yang
digunakan jika ingin Sprite secara
acak bergeser diseluruh area layar
Scratch
 Saatnya bermain!
• Selama 15 menit, silahkan bereksperimen
dengan Gerakan, Kontrol, Sensor, Suara
dan Operator.
• Terdapat 2 Kategori Tombol lainnya
yaitu Pena dan Variabel.
• Untuk Pena diperlukan stylus agar
dapat digunakan
• Sedangkan Variabel digunakan untuk
mengeksekusi kemungkinan –
kemungkinan saat membuat Game
• Silahkan dieksplorasi secara mandiri
2 kategori tersebut 
SELAMAT
BERKREASI
