Pengenalan software scratch

1. Kreatif dan Produktif di Internet :
Pengenalan dan Pelatihan Scratch
Direktorat Pemberdayaan Informatika
Direktorat Jenderal Aplikasi Informatika
Kementerian Komunikasi dan Informatika

2. 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
• 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

3. 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
• 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

4. Apa itu Scratch?
• Tujuan dari Scracth :
– membantu pelajar untuk lancar
menggunakan media digital
– melakukan pemberdayaan pemanfaatan
TIK dan Internet
– mengekspresikan ide kreatif para
pelajar
• Tujuan dari Scracth :
– membantu pelajar untuk lancar
menggunakan media digital
– melakukan pemberdayaan pemanfaatan
TIK dan Internet
– mengekspresikan ide kreatif para
pelajar

5. Apa itu Scratch?
• Scratch adalah sebuah platform
pemrograman yang dibangun oleh Alan
Kay

6. 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.
• 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.

7. 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/
• 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/

8. Mari Kita Lihat Video
Scratch!

9. Mari kita mulai!
• Untuk menjalankan Scratch, klik dua
kali pada icon Scratch (gambar
kucing) atau klik Scratch.exe

10. Memulai Scratch
Sesudah meng-klik Scratch, kamu akan
melihat tampilan sebagai berikut :

11. Interface Scratch

12. 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.
• 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.

13. 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”.
• 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”.

14. 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
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

15. 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
• 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

16. 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
• Kamu dapat mengubah ukuran
Spritemu dengan menggunakan icon
“besarkan Sprite” atau “kecilkan
Sprite”
• Klik Icon tersebut dan klik pada
Sprite untuk merubah ukuran

17. 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
• 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

18. Pilih Background!
• Klik pada Stage:
• Pilih,
tab“Backgrounds” !
• Klik pada Stage:
• Pilih,
tab“Backgrounds” !

19. Rubah Background!
• Kamu dapat bereksperiment dengan
membuat atau mengimpor background
milikmu nanti, tapi saat ini gunakan
salah satu background dari library
dengan memilih Import.
• Kamu dapat bereksperiment dengan
membuat atau mengimpor background
milikmu nanti, tapi saat ini gunakan
salah satu background dari library
dengan memilih Import.

20. Rubah Background!
Dari layar ini, kamu dapat memilih
salah satu dari folder kategori, pilih
background yang kami suka

21. Sekarang, Kita siap
melakukan pemrograman!
Saat ini kamu seharusnya sudah
mempunyai Sprite dan Background
yang siap digunakan untuk membuat
animasi
Saat ini kamu seharusnya sudah
mempunyai Sprite dan Background
yang siap digunakan untuk membuat
animasi

22. 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
• 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

23. 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
• 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

24. 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
• 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

25. 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?
• 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?

26. 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
• 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

27. 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
• 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

28. Layar Scratch
• Ukuran Layar Scratch adalah 480 pixel
lebar dan 480 pixel lebar dan 360 pixel
tinggi
180
-240 240
-180

29. 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
• 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

30. Gerakan - lanjutan!
• Kamu bisa merubah derajat dengan
mengklik blok dan merubah angkanya
• Double klik pada blok untuk melihat
Sprite bergerak dan berputar
• Kamu bisa merubah derajat dengan
mengklik blok dan merubah angkanya
• Double klik pada blok untuk melihat
Sprite bergerak dan berputar

31. 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 
• 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 

32. 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
• 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

33. 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
• 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

34. Kontrol!
• Dengan blok
tersebut, selain
double klik pada
blok code, kamu
cukup mengklik
gambar bendera
warna hijau di
bagian kanan atas
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

35. Mode Presentasi
• Ketika kamu mengklik tombol Presentasi, animasi
akan memenuhi seluruh layar
• Untuk keluar dari Mode Presentasi, cukup
menekan tombol Esc
• Ketika kamu mengklik tombol Presentasi, animasi
akan memenuhi seluruh layar
• Untuk keluar dari Mode Presentasi, cukup
menekan tombol Esc

36. 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”
• 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”

37. Conditional Statements
Kode ini berarti, saat bendera dijalankan, apabila tombol a
ditekan, Sprite bergerak 30 langkah

38. 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)
• 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)

39. 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.
• 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.

40. 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.
• 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.

41. Mengimpor Suara dari
Library Suara
• Klik pada Sprite yang ingin diberikan
suara.
• Klik pada Tab semua jenis suara.
• Klik pada Sprite yang ingin diberikan
suara.
• Klik pada Tab semua jenis suara.

42. Library Suara Scratch
• Kamu akan melihat kategori berbeda
dari suara yang dapat digunakan pada
animasimu. Pilih suara yang kamu suka.

43. Memasukkan Suara
• Setelah kamu memilih suara yang
kamu suka. Klik OK
• Kamu akan melihat suara yang kamu
pilih akan muncul di bawa “Suara
baru”
• Setelah kamu memilih suara yang
kamu suka. Klik OK
• Kamu akan melihat suara yang kamu
pilih akan muncul di bawa “Suara
baru”

44. Memainkan Suara
• Juka ingin memainkan suara, klik
tombol play dan suara akan keluar
• Jangan lupa kecilkan volume laptopmu
ya 
• Juka ingin memainkan suara, klik
tombol play dan suara akan keluar
• Jangan lupa kecilkan volume laptopmu
ya 
Klik Play

45. 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
• Ok, kamu telah siap untuk
menambahkan suara ke animasi-mu.
• Klik Sprite yang ingin ditambahkan
suara
• Kemudian pilih tombol Suara

46. Menambahkan Suara
• Apabila kamu memasukkan beberapa suara,
maka pada blok mainkan suara di klik pada
pilihan dan pilih suara mana yang akan
digunakan
• Apabila kamu memasukkan beberapa suara,
maka pada blok mainkan suara di klik pada
pilihan dan pilih suara mana yang akan
digunakan

47. 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 
• 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 

48. Masukkan Suara ke
Animasi-mu!
Ketika kamu klik bendera maka lebah akan
mengeluarkan suara sambil bergerak .

49. Operator!
• Banyak efek animasi yang dapat
dibuat menggunakan Operator di
Scratch.
• Salah satu contoh efek yaitu gerakan
acak/random dari sprite.
Adventures in Animation
• Banyak efek animasi yang dapat
dibuat menggunakan Operator di
Scratch.
• Salah satu contoh efek yaitu gerakan
acak/random dari sprite.

50. 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.
• 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.

51. Gerakan Acak
• Ini adalah contoh blok code yang
digunakan jika ingin Sprite secara
acak bergeser diseluruh area layar
Scratch
• Ini adalah contoh blok code yang
digunakan jika ingin Sprite secara
acak bergeser diseluruh area layar
Scratch

52. Saatnya bermain!
• Selama 15 menit, silahkan bereksperimen
dengan Gerakan, Kontrol, Sensor, Suara
dan Operator.

53. • 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 
• 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 

54. SELAMAT
BERKREASI

SELAMAT
BERKREASI
