PENDAHULUAN

SCRATCH adalah aplikasi untuk membuat program animasi dengan

menggunakan bahasa code yang sederhana, interaktif dan mudah dipahami. Aplikasi ini
dirancang untuk usia 8-13 tahun. Scratch dikembangkan oleh MIT Media Lab dari
Massachusetts Institute of Technology (MIT). Dengan scracth, pemakai bisa membuat
program sendiri dengan bantuan aplikasi scratch yang interaktif dan visual.

Contoh Animasi dengan menggunakan Scratch

1. Animasi Nama yang bergerak,
2. Animasi Virtual Pet, 3. Animasi People Dancing,
4. Animasi Kartu.
Scratch adalah bahasa pemrograman grafis yang dapat Anda gunakan secara
gratis. Hanya dengan drag and drop sebuah blok warna , Anda dapat membuat cerita,
games, animasi, musik, seni, dan presentasi. Anda dapat meng-upload hasil proyek
Scratch ke Internet untuk berbagi dengan programmer Scratch dari seluruh dunia.
Scratch dirancang untuk bermain, pembelajaran sendiri dan animasi.
Mengapa dinamakan Scratch? Scratch merupakan nama cara untuk hip-hop disc
jockeys (DJ) dalam menggabungkan potongan musik, menggunakan teknik yang disebut
scratching. Dengan cara yang sama, programmer Scratch menggabungkan media yang
berbeda seperti (gambar, foto, efek suara, dan sebagainya) dengan cara menarik untuk
menciptakan sesuatu yang baru.
Scratch dikembangkan untuk orang berusia 8 dan lebih untuk membantu mereka
mengembangkan keterampilan belajar yang kreatif pada abad ke-21. Pada saat orang
membuat program, mereka belajar matematika dan konsep komputer yang meningkatkan
pemikiran kreatif mereka, penalaran logis, pemecahan masalah, dan kolaborasi
keterampilan. Merancang proyek Scratch membuat orang dapat berpikir kreatif.
Merancang proyek Scratch juga membuat orang dapat belajar bagaimana mengatasi
hambatan dan memecahkan masalah.
Scratch dirancang untuk mencegah perangkap umum bagi pemula dalam bahasa
pemrograman, seperti kesalahan ejaan dan kesalahan dalam konsisten. Scratch dilakukan
hanya dengan drag and drop untuk menggabungkan pemrograman blok. Scratch memiliki
antarmuka grafis yang membuat pengguna dengan mudah mengontrol cara di mana
berbagai jenis perintah bereaksi satu sama lain.
Masing-masing blok perograman dapat cocok dengan yang lainnya hanya jika
blok tersebut mempunyai pengertian komputasi. Pengkategorian yang memiliki warna
MODUL PRAKTIKUM SCRATCH
1
tertentu membantu membedakan dari setiap grup untuk merelasikan perintah fungsi
khusus. Scratch dapat berjalan secara real time, sehingga dapat diedit dan diuji pada saat
tertentu, bahkan ketika program sedang berjalan.
Scratch dapat digunakan dalam 50 bahasa yang berbeda. Anda dapat memilih
bahasa dari menu pull-down di bagian bawah.
Instisuti pendidikan dapat menggunakan Scratch untuk membantu pengajar dalam
mata pelajaran matematika, music, seni, desain, dan teknologi informasi. Scratch
dirancang untuk eksplorasi dan eksperimen, sehingga mendukung banyak gaya belajar
yang berbeda. Dengan terlibat dalam kegiatan desain berbasis individual atau dalam
kelompok, siswa akan termotivasi untuk belajar.
Anda dapat bergabung dengan Komunitas Scratch dengan cara mengunjungi
halaman website (http://scratch.mit.edu/) dan klik join to Scratch untuk mendaftar (Anda
hanya perlu mendaftar sekali). Masukan username dan kemudian mengisi informasi. Jika
pengguna di bawah umur 13 tahun , Scratch akan meminta alamat email dari orang tua.

MATERI 1
Instalasi Dan Interface Scratch
Scratch merupakan suatu aplikasi yang berjalan dalam internet atau aplikasi yang
berbasiskan web browser, namun Scratch juga menyediakan untuk versi offline.

MODUL PRAKTIKUM SCRATCH

1
1.1 Instalasi Online
Langkah Menggunakan Scratch Versi Online
1. Buka web browser, lalu masukan alamat http://scratch.mit.edu/, klik Join Scratch.

Gambar 1: Tampilan web scratch

2. Masukan Username, Password, dan Konfirmasi Password, lalu
Klik Next

Gambar 2: Tampilan sign up scratch

3. Masukan Pilihan Birth Moth and Year, Gender, serta Country, lalu Klik Next

MODUL PRAKTIKUM SCRATCH

1
 Gambar 3: Tampilan Join scratch 1

4. Masukan alamat email address dan confirm email address, lalu Klik Next

Gambar 4: Tampilan Join scratch 2

5. Tampil pesan yang menjelaskan Anda dapat memulai project Scratch, selanjutnya klik
konfirmasi link pada email Anda, Klik OK Lets Go!

MODUL PRAKTIKUM SCRATCH

1
 Gambar 5: Tampilan Join scratch 3

6. Cek kotak masuk email Anda, lalu masuk Pesan Please confirm your email address
for Scratch Klik link konfirmasi email

Gambar 6: Tampilan Web Scratch

7. Setelah konfirmasi email, Anda dapat memilih kategori yang ada lalu Klik OK, Lets
go!

MODUL PRAKTIKUM SCRATCH

1
 Gambar 7: Tampilan Web Scratch

8. Kategori Learn How Make a Project in Scratch, Anda akan diberikan tutorial awal
menggunakan Scratch.

Gambar 8: Tampilan Aplikasi Scratch Online

9. Kategori Try Out Starter Project, Anda dapat memulai Project dari project yang
telah ada sebelumnya.

MODUL PRAKTIKUM SCRATCH

1
 Gambar 9: Tampilan Aplikasi Scratch Online

10. Kategori Connect with other Scratchers, Anda dapat melihat project yang
dibagikan programmer lainnya.

Gambar 10: Tampilan Aplikasi Scratch Online

1.2 Instalasi Offline

Langkah Instalasi Scratch Offline
1. Buka web browser, lalu masukan alamat http://scratch.mit.edu/scratch2download/,
Ikuti Langkah 1

MODUL PRAKTIKUM SCRATCH

1
 Gambar 11: Tampilan Instalasi Aplikasi Scratch Offline

2. Download Adobe Air, pada link yang disediakan

Gambar 12: Tampilan Instalasi Adobe Air

3. Instal Adobe Air

MODUL PRAKTIKUM SCRATCH

1
 Gambar 13: Tampilan Instalasi Adobe Air

4. Setelah instalasi Adobe Air selesai, selanjutnya download dan instalasi Aplikasi
Scratch Pada Link yang disediakan

Gambar 14: Tampilan Instalasi Aplikasi Scratch Offline

5. Setelah Scratch selesai didownload maka selanjutnya proses instalasi Scratch, Pilih
lokasi instalasi, kemudian klik Continue

MODUL PRAKTIKUM SCRATCH

1
 Gambar 15: Tampilan Instalasi Aplikasi Scratch Offline

6. Tunggu proses instalasi Scracth selesai, Lalu akan muncul jendela aplikasi Scratch
Offline yang telah siap digunakan.

Gambar 16: Tampilan Instalasi Aplikasi Scratch Offline

1.3 Interface Scratch

Berikut ini merupakan tampilan awal aplikasi scratch yang sudah terinstal di komputer:

MODUL PRAKTIKUM SCRATCH

1
 Gambar 17: Interface Scratch 1

MODUL PRAKTIKUM SCRATCH

1
 Gambar 18: Interface Scratch 2

Gambar 19: Toolbar Scratch

Gambar 20: Block Tab Scratch

1.3.1 Block Script
Block script adalah perintah atau coding yang digunakan sebagai
instruksi kepada sprite untuk melaksanakan suatu perintah atau algoritma yang
dibuat. Tipe – tipe block script antara lain:
1. Stack Block
2. Hats
3. Reporters

MODUL PRAKTIKUM SCRATCH

1
 Gambar 21: Block Script Scratch
Tipe Stack Block
Block yang memiliki benjolan dan lengkungan diatas atau dibawahnya, sehingga
kita bisa menggabungkannya dengan block yang lain.
Contoh:

Beberapa block memilik inputan di dalamnya, dimana pengguna dapat

memasukan nilai berupa angka atau memilih nilai dalam menu pulldown yang ada
didalamnya.
Contoh:

Beberapa block ada yang berbentuk seperti huruf “C” dimana dapat digabungkan
beberapa stack di dalamnya.
Contoh:

Tipe Hats Block

Hats Block yang memiliki ciri lengkungan di atasnya. Block ini diletakkan paling
atas dari susunan stack. Biasanya block ini berfungsi untuk event atau kejadian seperti bila
suatu tombol ditekan.
Contoh:

Tipe Reporters Block

Block ini digunakan untuk masuk dalam input block lain.

Contoh:

MODUL PRAKTIKUM SCRATCH

1
 1.3.2 Script Area
Script Area berfungsi membuat Sprite melakukan sebuah gerakan
animasi yang menarik. Pada script area, Anda dapat melakukan drag and
drop pada block script yang telah disediakan. Block script akan menunjukan
warna putih, jika antar block script tersebut dapat berhubungan satu dengan
yang lainnya. Block script akan menghilangkan kesalahan pengetikan yang
cenderung terjadi ketika orang menggunakan pemrograman berbasis teks.

Gambar 22: Block Script Scratch

Block Costumes
Anda dapat mengubah sprite dengan mengubah kostum yang berisi
sebuah gambar. Block Costumes berisi semua yang dibutuhkan untuk
mengatur kostum pada sprite. Seperti lemari pakaian yang berisi banyak
costume, sprite dapat memakai satu per satu.

Gambar 23: Mengubah Costumes Sprite

MODUL PRAKTIKUM SCRATCH

1
 Block Sound
Block Sound membuat sprite dapat memutar suara pada saat
menjalankan program. Block Sounds akan membantu untuk mengatur suara
yang berbeda pada saat sprite dijalankan. Pada block sounds, Anda dapat
memilih suara dari library sound pada Scratch, merekam suara baru dengan
mikrofon, atau mengimpor suara dari komputer.

Gambar 24: Mengubah Sounds Sprite

MATERI 2
Object & Motion Scratch
MODUL PRAKTIKUM SCRATCH
1
2.1 Stage atau Backdrop
Pada menu ini anda dapat mengubah gambar latar belakang Stage dengan
menggunakan tab Backdrop. Sebagai contoh, jika membuat games, Anda mungkin
menunjukkan satu latar belakang tertentu. Dalam membuat Backdrop terdapat
beberapa pilihan antara lain:
 Memilih backdrop yang ada pada library
 Membuat dari awal menggunakan paint backdrop
 Mengupload file yang ada pada komputer
 Membuat backdrop dari capture kamera komputer
Backdrop pada Library
Aplikasi scratch sudah menyediakan beberapa pilihan backdrop pada menu
“library”-nya yang dapat digunakan sesuai kebutuhan projek

Gambar 25: Pilihan Backdrop pada Library

Paint Backdrop
Pada menu ini anda dapat membuat backdrop sesusai dengan keinginan anda
untuk melengkapi projek yang sedang dikerjakan.

Gambar 26: Tampilan Paint Backdrop

Upload File Backdrop
Pada menu ini anda dapat mengimpor file backdrop yang tersimpan pada
komputer anda.

MODUL PRAKTIKUM SCRATCH

1
 Gambar 27: Tampilan Upload Backdrop
Capture Backdrop lewat Kamera Laptop/Komputer
Pada menu ini anda dapat melakukan capture backdrop yang ingin
digunakan melalui kamera yang ada pada laptop atau eksternal kamera pada
komputer.

Gambar 28: Tampilan Capture Backdrop

2.2 Sprite
Sprite merupakan actor utama dalam program Anda. Dalam suatu stage bisa
terdiri atas beberapa sprite. Dalam membuat sprite terdapat beberapa pilihan antara lain:
 Memilih sprite yang ada pada library

Gambar 29: Tampilan Sprite pada Library

 Membuat dari awal menggunakan paint sprite

MODUL PRAKTIKUM SCRATCH

1
 Gambar 30: Tampilan pada paint Sprite

 Mengupload file yang ada pada komputer

Gambar 31: Tampilan pada Upload Sprite

 Membuat sprite dari capture kamera komputer

Gambar 32: Tampilan pada Capture Camera

2.3 Motion
Motion merupakan menu pada scratch yang berisikan block untuk pergerakan
sprite. Pada skrip motion menjelaskan tentang perintah yang berhubungan dengan
MODUL PRAKTIKUM SCRATCH
1
 pergerakan seperti maju, mundur, memutar, pindah posisi, ubah posisi pada scripts
scratch.

Gambar 33: Tampilan Script Motion

Pilihan Scripts Pada Motion

Dalam materi ini, Anda akan melakukan hal berikut :

• Jelajahi gerak dan pena perintah Scratch ini
• Menghidupkan sprite dan memindahkan mereka sekitar Panggung
• Menggambar artistik, pola geometris dan membuat game
• Pelajari mengapa sprite kloning adalah alat yang berharga
1. Absolute Motion
Absolute Motion bekerja pada stage berukuran 480 × 360 persegi panjang.
Jaringan yang pusatnya dimulai dari titik (x,y) = (0,0). Scratch memiliki empat
perintah absolute motion (go to, glide to, set x to, and set y to) yang memungkinkan

MODUL PRAKTIKUM SCRATCH

1
 Anda memberitahu sprite Anda berada di mana untuk pergi pada grid tersebut menuju
target.
Pengenalan Cara Kerja Absolute Motion (1)
1. Disamping adalah salah satu
contoh pergerakkan sprite
dimulai dari titik 0 menuju x
(200), y (150) menuju target,
dengan :
 Gambar (x) koordinat
terletak di sisi kanan
memberitahu sprite
seberapa jauh bergerak
horizontal menuju target.

 Gambar (y) koordinat

mengatakan itu seberapa
jauh bergerak secara
vertikal menuju target.

Pengenalan Cara Ker ja Absolute Motion (2)

2. Disamping adalah salah

satu contoh pergerakkan
sprite dimulai dari titik x
(200) menuju y (150)
sebagai target, dengan :
 Step 1 : Gambar (x)
koordinat terletak di
sisi kanan memberitahu
sprite seberapa jauh
bergerak horizontal
menuju target.

 Step 2 : Gambar (y)

koordinat mengatakan
itu seberapa jauh
bergerak secara vertikal

MODUL PRAKTIKUM SCRATCH

1
 Pengenalan Cara Ker ja Absolute Motion (3)
3. Pada contoh gambar
disamping menggambarkan
tentang :

 Mouse1 Sprite :
Perjalan mou se1 sprite
dari titik mulai menuju
finish x (0) dan y (0)

 Mouse2 Sprite :
Perjalan mouse1 sprite
dari titik mulai menuju
finish x (100) dan y
(100) menuju target.

2. Relative Motion
Relative Motion Bekerja pada stage berukuran 480 × 360 persegi panjang.
Jaringan yang pusatnya dimulai dari titik (x,y) = (0,0). Titik awal di mulai dengan
ketentuan bebas. Pada gerak relatif ini, perubahan yang di perlihatkan berupa perubahan
gerak dengan langkah yang perubahannya terjadi secara berulang menuju target dengan
beberapa langkah.
Pengenalan Cara Kerja Relative Motion (1)
1. Pada gambar disamping
merupakan contoh dari
pergerakkkan mutlak , yang
diatur pergerakkan secara 4
langkah ke arah target,
yaitu ;

 Mulai dari titik (0,0)

 Perpindahan 3 langkah
menuju baris target
 Perpindahan berbelok
kekanan
 Perpindahan 2 langkah
menuju target

Pengenalan Cara Kerja Relative Motion (2)

2. Pada contoh gambar disamping
menjelaskan tentang pergerakkan
berkelok dengan perulangan titik x
menuju titik y secara berulang 3 kali
dengan titiik x (50) dan (50) menuju
target (x,y) = 150,150)

MODUL PRAKTIKUM SCRATCH

1
  Tititk 0” berada diatas tengah
sebagai titik koordinat (0,0)
 Titik 90” berada disebelah kanan
koordinat x ( 0,90) dan y (90,0)
 Tititk -90” berada disebelah kiri
koordinat x (0,270) dan y (360,0)

3. Arah Konvensi Pada Scratch Di

dalam scartch :

4. Implementasi Motions

Latihan Mandiri :

Buatlah objek kucing yang dapat bergerak dan berputar pada sisi pojok layar dan
buatlah alur secara sirkuit yaitu dari star menuju star kembali seperti contoh yang ada

pada video disamping kanan slide

MODUL PRAKTIKUM SCRATCH

1
 MATERI 3
Looks & Sounds Scratch
3.1 Looks Scratch
Pada skrip looks kita belajar tentang cara menambahan perintah pada sprite
untuk berkata dengan komentar berupa teks, merubah background, merubah warna
objek dan merubah ukuran.

Gambar 34: Tampilan Script Looks

Script Pada Looks

MODUL PRAKTIKUM SCRATCH

1
 3.1.1 Looks Pallete
Pada gambar disamping menggambarkan tentang contoh perintah yang
ada pada looks yaitu skrip “Next Costume” untuk menciptakan ilusi animasi yang beralih
di antara kostum yang berbeda.

MODUL PRAKTIKUM SCRATCH

1
 3.1.2 Images Effect
Pada effect image pada scratch ada beberapa dan kita pelajari di dalam
skrip pada looks dan macam – macam tampilannya seperti gambar pada perintah
“set color effect to”

3.1.3 Changing Costume to Animated

Pengimplementasian perintah pada looks untuk animasi smile seperti
contoh yang ada pada pada gambar disamping dengan menambahkan perintah
“next costume” untuk perubahan tampilan smile dan perintah “switch backdrop
to” untuk merubah backdrop sesuai perubahan smile.

3.1.4 Sprites That Speak and Think

Say and Think : pada perintah ini menjelaskan tentang saat sprite1 berkata hello,
sprite2 sambil berfikir dan berkata hmmm..
Say for ... Second : pada perintah ini menjelaskan tentang sprite1 dan sprite2
yang sama – sama berkata hello dengan jeda waktu 2 detik antar sprite

MODUL PRAKTIKUM SCRATCH

1
 3.1.5 Layer
Pada gambar disamping menjelaskan tentang fungsi perintah “go to
front” dan “go back … layer” pada looks untuk bermain pada tampilan layer
dengan beberapa perubahan.

Latihan Mandiri :
Buatlah 3 objek pada latihan mandiri
ada modul
p looks ini yang terdiri dari kucing,
bola dan seorang pelatih dengan pergerakkan seperti yang terdapatlide
di video dis

3.2 Sound Scratch

Sound pada scratch membahas tentang sound library, atau rekaman. Suara dapat
dimainkan dengan menggunakan blok suara untuk mengontrol volume suara maupun
tempo pada program.

Gambar 35: Tampilan Script Sound

MODUL PRAKTIKUM SCRATCH

1
 Script pada Sound

Implementasi Sound 1
Pada gambar disamping menjelaskan
tentang salah satu contoh perintah
pada script yang ada pada modul
sound untuk memainkan musik.

Implementasi Sound 2
Pada gambar di bawah merupakan contoh perintah tentang pengaturan
pemakaian alat musik drum dengan pengaturan beats dengan menggunakan script.

MODUL PRAKTIKUM SCRATCH

1
 Script Beat Drums

Implementasi Sound 3

Implementasi Sound 4
Langkah 1:

Langkah 2:

MODUL PRAKTIKUM SCRATCH

1
 Langkah 3:

Di bawah ini adalah hasil dari circles dog dari langkah – langkah di atas.

Latihan Mandiri :

MODUL PRAKTIKUM SCRATCH

1
 Buat 1 buah aktor yang dapat mengungkapkan sesuatu kepada sesorang dengan di

iringi suara seperti yang terdapat di video di slide

MODUL PRAKTIKUM SCRATCH

1
 MATERI 4
Pen & Control Scratch
4.1 Pen Scretch
Pen digunakan untuk mengontrol aspek pena untuk membuat gambar dan
lintasan pada program scratch.

Gambar 36: Tampilan Script Pen Script

pada Pen

MODUL PRAKTIKUM SCRATCH

1
 Implementasi Pen 1

Implementasi Pen 2

Implementasi Pen 3

Latihan Mandiri :
Buatlah sebuah objek dengan perintah pen dengan pergerakkan menggunakan tombol
right dan left, sedangkan untuk membuat effect drawing pada pen dengan
mengguna
kan tombol up and down

MODUL PRAKTIKUM SCRATCH

1
4.2 Control Scretch
Perintah yang ada di blok control menjelaskan tentang cara mengatur pergerakkan di
dalam objek untuk mengulangi perintah gerakan secara terus – menerus dan berhenti dengan
kondisi yang diinginkan.

Gambar 37: Tampilan Script Control

Script pada Control

MODUL PRAKTIKUM SCRATCH

1
 Implementasi Control 1

Hasil Implementasi Control 1

MODUL PRAKTIKUM SCRATCH

1
 Implementasi Control 2

Latihan Mandiri :

Latihan mandiri pada modul control kali ini kita akan menggabungkan pergerakkan

dengan menggunakan 4 sprite cat, dog1, dog2 dan bone untuk memperebutkan bone
antara dog1 dan dog2 seperti contoh video di slide

MATERI 5
MODUL PRAKTIKUM SCRATCH
1
 Sensing & Operator Scratch
5.1 Sensing Scratch
Sensing adalah script untuk memberi perintah dengan menggunakan sensor.

Gambar 38: Tampilan Script Sensing

Script pada Sensing

MODUL PRAKTIKUM SCRATCH

1
 Implementasi Sensing 1

Implementasi Sensing 2

MODUL PRAKTIKUM SCRATCH

1
 Implementasi Sensing 3

Latihan Mandiri :
Buatlahagar 1 buah object sprite balon yang akan selalu turun ke bawah.
Sprite balon akan berubah warna dan ke atas jika tersentuh oleh sensor gerak pada
Video

5.2 Operator Scratch

Operator adalah script yang berfungsi untuk memberikan pernyataan atau
perhitungan untuk sebuah script dalam sebuah project pada Stage.

Gambar 39: Tampilan Script Operator

MODUL PRAKTIKUM SCRATCH

1
 Script pada Operator

5.2.1 Aritmetic Operator

MODUL PRAKTIKUM SCRATCH

1
 5.2.2 Random Operator

5.2.3 Mathematical Function

Implementasi Operator 2

MATERI 6
Data (Variabel & List) Scratch
6.1 Variabel dalam Scratch
Variabel adalah penamaan nilai pada memori komputer. Anda dapat menganggapnya
sebagai sebuah kotak yang menyimpan data, termasuk angka dan teks, untuk program yang
mengakses jika diperlukan.

MODUL PRAKTIKUM SCRATCH

1
 Gambar 40: Tampilan Script Data (Variabel)
Pembuatan variable memerlukan memori yang cukup untuk menyimpan nilai
variabel dan tag memori yang dialokasikan dengan Nama variabel. Setelah membuat
variabel, Anda dapat menggunakan namanya dalam program Anda untuk menyimpan
suatu nilai.

Script pada Variabel

Penggunaan Operator Tanpa Variabel

Implementasi Operator 1

MODUL PRAKTIKUM SCRATCH

1
 Penggunaan Operator Dengan variabel

Implementasi Variabel 1

Implementasi Variabel 2

MODUL PRAKTIKUM SCRATCH

1
6.2 List Pada Scratch
List seperti sebuah wadah di mana Anda dapat menyimpan dan mengakses
beberapa nilai. Anda dapat menganggapnya sebagai lemari dengan banyak laci, dengan
masing-masing laci menyimpan item tunggal. Ketika Anda membuat list, Anda dapat
memanggil nama list tersebut seperti pada variabel.

Gambar 41: Tampilan Script Data (List)

Anda dapat mengakses setiap elemen list dengan menggunakan posisi
penyimpanan dalam daftar. Gambar di samping menggambarkan daftar nama dayList
yang menyimpan nama-nama dari tujuh hari dalam seminggu.

MODUL PRAKTIKUM SCRATCH

1
MODUL PRAKTIKUM SCRATCH
1
 Script pada List

Pembuatan List 1

MODUL PRAKTIKUM SCRATCH

1
Pembuatan List 2

Perintah Add dan Delete

Perintah Insert dan Replace List

MODUL PRAKTIKUM SCRATCH

1
Mengakses Isi Nilai List

Block Contains pada List

Dynamic List

MODUL PRAKTIKUM SCRATCH

1
Implementasi List 1

Implementasi List 2

MODUL PRAKTIKUM SCRATCH

1
MODUL PRAKTIKUM SCRATCH
1