Anda di halaman 1dari 21

MODUL KURSUS

“BELAJAR CODING
YANG MUDAH MENYENANGKAN DAN
APLIKATIF DENGAN SCRATCH”

MODUL INI MILIK


NAMA

KELAS :

SEKOLAH :

DIPERSEMBAHKAN OLEH :

HOTLINE (WA) : 082244463300(TRI)


PENDAHULUAN
Apa itu Coding ?
Coding adalah salah satu tindakan dari langkah-langkah pemrograman dengan menuliskan kode atau skrip
dalam bahasa pemrograman
Dengan kata lain coding merupakan kegiatan yang dimana kamu memberitahukan komputer apa yang harus
dia kerjakan untuk kamu.

simulasi 1: https://www.google.com/doodles/celebrating-50-years-of-kids-coding
Kamu akan diminta memberi instruksi pada seekor kelinci, ke mana ia harus melompat untuk makan
wortel yang ada di sekitarnya

Apa itu Scratch ?


Scratch dibaca “skretc”
Scratch adalah bahasa pemrograman yang menggunakan model Blok Kode.
Logo Scratch adalah kucing warna oranye.
Memakai Scratch ibarat bermain dengan Lego, cara pakainya bongkar
pasang.
Dengan Scratch dapat dibuat cerita interaktif, games, animasi dan banyak lagi.
Scratch membantu anak belajar berpikir kreatif dan sistematis, serta berkolaborasi, yang
merupakan ketrampilan hidup (life skills) penting di abad 21.

Sejarah Singkat Scratch


Scratch dibuat oleh Lifelong Kindergarten Group dari MIT Media Lab (Massachusetts Institute of
Technology) USA.
Meski Scratch dibuat untuk pembelajaran pemrograman (koding) level dasar untuk anak SD
hingga SMP (usia 8 sd 16) tetapi Scratch dapat digunakan oleh semua orang di semua usia.
Scratch ada yang versi Online dan versi Offline, mulai versi 1.4, lalu versi 2.0 hingga
3.0 saat ini. Scratch versi online bisa diakses di : https://scratch.mit.edu/ dengan
berbagai perangkat.
Scratch versi offline (Scratch Desktop) bisa diunduh di : https://scratch.mit.edu/download yang
mendukung pemakaian di Windows dan Mac OS.

Mengenal Editor Scratch Desktop


Secara bawaan, bahasa yang digunakan pada Scratch adalah Bahasa Inggris, meskipun demikian
Scratch mendukung penggunaan dalam berbagai bahasa di dunia.

Untuk kemudahan belajar Scratch, ubah dulu bahasa


yang digunakan Scratch menjadi Bahasa Indonesia,
caranya klik ikon seperti Globe (bola dunia), lalu pilih
Bahasa Indonesia
Galatia 1:12

Karena aku bukan menerimanya dari manusia, dan bukan manusia yang mengajarkannya kepadaku, tetapi

aku menerimanya oleh penyataan Yesus Kristus.

1
Bagian-bagian Penting Editor Scratch
Stage (Latar/Panggung) tempat tampilan hasil program yang dibuat
Sprite (sprait) obyek-obyek yang tampil di stage
Area Kode Blok tempat meletakkan Kode Blok untuk membuat program
Palet Kode Blok koleksi berbagai Kode Blok terdiri kategori Gerakan, Tampilan, Suara, Kejadian,
Kontrol, Sensor, Operator, Variabel, Balok Saya dan Ekstension (tambahan)
Suara memilih dan mengatur suara/efek untuk program
Kostum variasi tampilan dari Sprite

Lebih jelasnya lihat gambar berikut

Bagian-bagian penting editor Scratch.

Galatia 1:12

Karena aku bukan menerimanya dari manusia, dan bukan manusia yang mengajarkannya kepadaku, tetapi

aku menerimanya oleh penyataan Yesus Kristus.

2
Proyek #1 :
Kucing Omong
: Kucing mengatakan sesuatu seperti di komik

1. Mulai Koding. Klik pada Palet Kode Blok bagian Tampilan


(warna ungu).

2. Pilih blok Katakan. Klik pada blok “katakan halo selama 2


detik” lalu seret ke kanan ke bagian Area Kode Blok

3. Ulangi sekali lagi. Seret blok kedua ke atas blok pertama,


lepaskan tombol mouse, maka kedua blok akan mengunci
seperti bagian pazel.

4. Ubah teks pada blok kedua. Klik bagian berwarna putih


lalu ketik teks yang baru.

5. Lengkapi kode. Klik pada Palet Kode Blok bagian Kejadian

(warna oranye). Pilih , seret ke atas dua kode


sebelumnya, maka blok ini akan menempel di atas kedua
blok.

6. Jalankan kode.
- Untuk menjalankan kode-kode (program) yang telah
disusun, klik bendera hijau
- Untuk menstop program, klik segidelapan merah
- Untuk menampilkan Panggung (Stage) sepenuh layar
(full screen), klik ikon 4 panah

7. Lihat aksi program. Saat bendera hijau diklik, kucing


Scratch akan berkata “Halo” selama 2 detik, lalu berkata
“Saya belajar Scratch” selama 2 detik juga.

Galatia 1:12

Karena aku bukan menerimanya dari manusia, dan bukan manusia yang mengajarkannya kepadaku, tetapi

aku menerimanya oleh penyataan Yesus Kristus.

3
2 detik
2 detik
8. Simpan program kamu ! Selamat, kamu berhasil membuat
program (kode) pertamamu dengan Scratch. Simpan
programu dengan mengklik menu Berkas dan memilih
Simpan ke komputermu, berilah nama berkas
programmu, misal : Kucing Omong, lalu klik Save (simpan).

Galatia 1:12

Karena aku bukan menerimanya dari manusia, dan bukan manusia yang mengajarkannya kepadaku, tetapi

aku menerimanya oleh penyataan Yesus Kristus.

4
Proyek #2 : Kucing
Bergerak
Tujuan : Kucing bergerak ke kanan dan ke kiri bolak balik

1. Agar tampilan program tidak membosankan dan


sesuai, maka kita bisa ubah Latar (backgdrop) dari
Panggung (stage), klik di pojok kanan bawah.

Pilihlah latar yang diinginkan atau sesuai. Banyak


macam latar yang bisa dipilih atau bisa juga kita
mengunggah gambar untuk latar yang diinginkan.

2. Susunlah blok-blok kode di samping.

: agar program berjalan terus menerus sejak dimulai sampai distop

: menggerakan sprite Kucing ke kanan sejauh 10


langkah.

Bingung cari blok kode ada dimana ?


Lihat warna blok kode lalu cari di Palet Kode Blok mana
yang warnanya sama, di sanalah blok kode yang dicari.
Misal : blok kode ‘gerak 10 langkah’ ada dimana ya ? warnanya biru muda, oh itu di palet kode blok
bagian yang warnanya biru muda juga, itu Gerakan, ketemu deh 

Galatia 1:12

Karena aku bukan menerimanya dari manusia, dan bukan manusia yang mengajarkannya kepadaku, tetapi

aku menerimanya oleh penyataan Yesus Kristus.

5
3. Coba jalankan ! Apa yang aneh ? yaa, kucing jalanya kok
ngesot ya, juga kucing tidak bisa bergerak saat sampai
di ujung layar. Ayo dimodif programnya !

Tambahkan blok kode di samping.

: biasanya sprite punya satu atau lebih penampilan


(kostum), perintah ini mengganti kostum sprite yang berikutnya, digunakan saat
animasi agar sprite terlihat bergerak
: jika sprite telah mencapai ujung layar, maka
sprite akan bergerak ke arah sebaliknya seperti memantul

4. Coba jalankan ! Apa yang aneh lagi ? yaa, kucingnya


jalannya terbalik atas bawah atau kucingnya berjalan
mundur atau kucing jalannya cepat sekali. Ayo dimodif lagi
programnya ! Tambahkan blok kode berikut.

5. Coba jalankan ! Nah sudah normal kan jalannya si


Kucing. Silahkan simpan programmu dulu.
: menentukan arah perputaran sprite, coba diutak atik pilihan gaya rotasinya.

: menunda/menunggu proses selanjutnya selama 0.25 detik (1/4 detik).

Galatia 1:12

Karena aku bukan menerimanya dari manusia, dan bukan manusia yang mengajarkannya kepadaku, tetapi

aku menerimanya oleh penyataan Yesus Kristus.

6
Latihan
dulu kuy !

2.Coba tambahkan blok yang diletakkan sebelum blok selamanya, coba amati apa
pengaruhnya !

Galatia 1:12

Karena aku bukan menerimanya dari manusia, dan bukan manusia yang mengajarkannya kepadaku, tetapi aku

menerimanya oleh penyataan Yesus Kristus.

7
Proyek #3 : Kucing
Warna-Warni
Tujuan : Banyak kucing jalan-jalan warna warni

Tampilan program

1. Susunlah blok-blok kode di samping.

2. Lho blok kode warna hijau kok gak ada


ya ? Dimana ya carinya ?

Lihat ke pojok kiri bawah, klik


Akan muncul blok kode tambahan (Ekstension) seperti
gambar di samping.
Pilih yang Pena. Maka akan muncul di Palet Blok Kode,
bagian Pena.

3. Coba jalankan program ini ! Jangan lupa disimpan dulu ya ...


: membersihkan panggung dari semua tampilan sebelumnya

: sprite berpindah posisi mengikuti posisi penunjuk mouse (tetikus)

: ubah efek warna sprite sebesar nilai 25

Galatia 1:12

Karena aku bukan menerimanya dari manusia, dan bukan manusia yang mengajarkannya kepadaku, tetapi aku

menerimanya oleh penyataan Yesus Kristus.

8
: menggandakan gambar sprite seperti stempel

Proyek #4 : Ayo Konser !!


Tujuan : Aneka gerak beberapa sprite diiringi musik latar

Skenario Program :
Program akan memakai latar/panggung seperti
konser yang menampilkan 3 artis, panggung akan
diiringi suara musik berulang, masing-masing artis
akan bergerak berbeda gaya.

Skenario Latar/Panggung : Tampilan latar/panggung seperti konser yang akan memutara suara musik
berulang.
1. Atur latar panggung menjadi Concert di kategori Musik.
2. Tambahkan 3 sprite dan atur ukuran masing-masing,
yaitu :
sprite 1 : Champ99 (di kategori Orang/Menari)
ukuran : 60
sprite 2 : Dinosaur4 (di kategori Hewan)
ukuran : 50 Cara menambah sprite
sprite 3 : Chassy Dance (di kategori Orang/Menari)
ukuran : 75
Tambahkan 3 sprite ini

Ubah ukuran masing-masing sprite seperti di atas.


Atur posisi sprite sedemikian rupa agar
tidak bertumpuk tindih.

Galatia 1:12

Karena aku bukan menerimanya dari manusia, dan bukan manusia yang mengajarkannya kepadaku, tetapi aku

menerimanya oleh penyataan Yesus Kristus.

9
3. Tambahkan dulu suara ke program
klik bagian Suara di pojok kiri atas

lalu klik di pojok kiri bawah untuk menambahkan


Suara

Ada banyak aneka suara yang disediakan yang bisa


dipilih. Pilihlah suara yang diinginkan atau sesuai. Bisa
juga kita mengunggah (upload) suara/musik untuk latar
Pilih suara Dance Magic.
yang diinginkan.

Pilihlah suara Dance Magic di bagian Loops untuk


program yang dibuat sekarang.

4. Susun blok kode untuk Latar berikut (klik dulu bagian


Latar untuk mengaktifkannya) :

: memainkan/memutar suara yang dipilih (misal


Dance Magic) sampai selesai

Skenario Penari Pria : penari pria akan “bergerak” dengan berganti-ganti kostum sprite secara berurutan.

1. Susun blok kode untuk sprite Champ99 berikut


(klik dulu sprite Champ99 untuk mengaktifkannya) :

Galatia 1:12

Karena aku bukan menerimanya dari manusia, dan bukan manusia yang mengajarkannya kepadaku, tetapi aku

menerimanya oleh penyataan Yesus Kristus.

10
Skenario Dinosaurus : dinosaurus akan “bergerak” dengan berganti-ganti kostum sprite yang ditentukan.

1. Susun blok kode untuk sprite Dinosaur4


berikut (klik dulu sprite Dinosaur4 untuk
mengaktifkannya) :

: mengganti kostum sprite yang ditentukan, bisa dicek kostum tersedia


di bagian Kostum (sebelah kiri Suara)

Skenario Penari Wanita : penari wanita akan “bergerak” dengan berganti-ganti kostum sprite yang
ditentukan sambil berpindah posisi secara mendatar dari kiri ke kanan dan sebaliknya.
1. Susun blok kode untuk sprite Chassy Dance
berikut (klik dulu sprite Chassy Dance
untuk mengaktifkannya) :

Galatia 1:12

Karena aku bukan menerimanya dari manusia, dan bukan manusia yang mengajarkannya kepadaku, tetapi aku

menerimanya oleh penyataan Yesus Kristus.

11
2. Simpanlah dulu program yang baru dibuat lalu
coba dijalankan !

Galatia 1:12

Karena aku bukan menerimanya dari manusia, dan bukan manusia yang mengajarkannya kepadaku, tetapi aku

menerimanya oleh penyataan Yesus Kristus.

12
Proyek #5 : Tangkap
Apelnya !
Tujuan : menggerakan Kucing untuk menangkap apel yang berjatuhan dari atas
Link contoh project : https://scratch.mit.edu/projects/592433666

Skenario Program :
Program akan memakai latar/panggung di luar
ruangan, sprite utama Kucing dengan memakai
mangkuk akan bergerak kesana kemari berusaha
menangkap apel yang jatuh dari atas secara acak.

Skenario Latar/Panggung : Latar digambarkan berlokasi di luar ruangan, selama permainan


berjalan akan terdengar suara musik mengiringi (musik latar).

1. Atur latar dengan gambar : Blue Sky di kategori Luar


Ruangan.

2. Tambahkan 2 sprite lagi dan atur ukuran masing-masing,


yaitu :
sprite 2 : Bowl (di kategori Makanan) ukuran : 100
sprite 3 : Apple (di kategori Makanan) ukuran : 50

2. Tambahkan suara untuk latar dan sprite berikut :


Untuk latar, tambahkan suara : Xylo3 (di bagian
Loops). Bisa gunakan Cari untuk menemukan suara
tertentu.
3. Susun blok kode untuk Latar berikut (klik dulu bagian
Latar untuk mengaktifkannya) :

: pengaturan nilai awal variabel Skor untuk menyimpan nilai/skor game (jumlah
apel yang berhasil ditangkap), penjelasan lebih lengkap di bagian akhir modul.

Galatia 1:12

Karena aku bukan menerimanya dari manusia, dan bukan manusia yang mengajarkannya kepadaku, tetapi aku

menerimanya oleh penyataan Yesus Kristus.

13
Skenario Kucing : Kucing harus bergerak ke sana kemari untuk menangkap apel memakai mangkuk yang
dibawahnya. Kucing dapat bergerak karena mengikuti posisi penunjuk/panah mouse. Setiap apel yang berhasil
ditangkap akan menambah skor.

1. Susun blok kode untuk Sprite 1 (Kucing) berikut (klik


dulu sprite Kucing untuk mengaktifkannya) :

: agar sprite Kucing berpindah tempat mengikuti posisi penunjuk/panah


(pointer) mouse

Skenario Mangkuk : Mangkuk harus bergerak mengikuti Kucing, seakan-akan Kucing memegang mangkuk.

1. Susun blok kode untuk sprite Bowl berikut (klik dulu sprite
Bowl untuk mengaktifkannya) :

: agar sprite Bowl berpindah tempat mengikuti posisi Sprite1 (Kucing), sehingga
terlihat seperti mangkuk dipegang Kucing

Ukuran layar (panggung/latar) pada Scratch

Layar atau latar/panggung pada Scratch berukuran 480 x 360 (panjang x lebar) dengan sistem posisi
seperti sistem koordinat kartesius dengan sumbu x mendatar (horizontal) dari nilai -240 hingga 240 dan sumbu
y tegak (vertikal) dari nilai -180 hingga 180. Pusat sumbu yaitu x = 0 dan y = 0.

Galatia 1:12

Karena aku bukan menerimanya dari manusia, dan bukan manusia yang mengajarkannya kepadaku, tetapi aku

menerimanya oleh penyataan Yesus Kristus.

14
Sprite dapat diletakkan pada lokasi yang diinginkan dengan menentukan posisi x dan posisi y dari sprite.

Galatia 1:12

Karena aku bukan menerimanya dari manusia, dan bukan manusia yang mengajarkannya kepadaku, tetapi aku

menerimanya oleh penyataan Yesus Kristus.

15
Skenario Apel : Saat awal, Apel yang berada di tengah layar bagian atas, selanjutnya akan berpindah secara
acak di bagian atas. Apel jatuh ke bawah secara perlahan. Jika Apel berhasil ditangkap Mangkuk, maka Skor
akan bertambah dan Apel akan menghilang (seakan-akan masuk mangkuk) dan pindahkan apel ke lokasi acak
selebar layar. Ulangi dari awal skenario Apel.

1. Susun blok kode untuk sprite Apple


berikut (klik dulu sprite Apple untuk
mengaktifkannya) :
,

: memindahkan sprite Apel ke posisi tengah layar bagian atas. Lihat pembahasan di
bawah untuk koordinat layar.

: agar sprite Apel tampak/tampil, berpasangan dan berkebalikan fungsi dengan blok kode
sembunyikan.

: mengubah posisi vertikal/tegak (sumbu Y) dari sprite, sehingga sprite akan naik/turun,
jika nilai positif (misal : 10), maka sprite akan naik, jika nilai negatif (misal : -10), maka
sprite akan turun.
: akan menguji apakah Mangkuk (bowl) berhasil menangkap
Apel, dalam bahasa koding, menangkap artinya menyentuh, jika
Apel menyentuh Mangkul (bowl) maka lakukan blok-blok kode
di dalam lingkup jika ... maka.

: menambah nilai variabel Apel yang menyimpan skor dengan 1 (+1).

: agar sprite Apel menghilang/tersebunyi, berpasangan dan berkebalikan fungsi dengan blok kode
tampilkan.

Galatia 1:12

Karena aku bukan menerimanya dari manusia, dan bukan manusia yang mengajarkannya kepadaku, tetapi aku

menerimanya oleh penyataan Yesus Kristus.

16
memindahkan sprite Apel ke lokasi x yang acak
dan y = 180, lokasi x = acak antara -150 hingga

Jangan Lupa ! Selalu simpan programmu


sebelum dijalankan.
MEMAKAI VARIABEL untuk menyimpan nilai skor.
Variabel ibarat wadah untuk menyimpan sesuatu, dalam hal ini menyimpan poin skor.

1. Untuk memanfaatkan variabel, gunakan bagian Variabel


di Palet Kode Blok.

klik tombol Buat sebuah variabel untuk membuat variabel


baru, beri nama variabel barunya, misal Skor, lalu klik OK.

Agar nilai variabel tampil di Panggung, maka beri centang


(✔) pada nama variabelnya (Skor).
Posisi variabel di layar dapat dipindah/digeser sesuai
keinginan.
2. Sebelum variabel digunakan, di awal program, variabel diberi
nilai awal, misal 0 (nol). Misal diletakkan di blok kode pada
Latar (lihat di Skenario Latar).

Galatia 1:12

Karena aku bukan menerimanya dari manusia, dan bukan manusia yang mengajarkannya kepadaku, tetapi aku

menerimanya oleh penyataan Yesus Kristus.

17
Proyek #6 : animasi huruf
Apelnya !
Tujuan : membuat animasi nama
Skenario Program:
Program dengan latarbelakang circles, menampilkan
huruf-huruf yang membentuk nama, setiap huruf
diberikan effect suara, gerak, berganti warna setiap
mouse menyentuh huruf

Skenario Latar/Panggung : Tampilan latar/panggung seperti wallpaper contoh latarbelakang circles


1. Atur latar panggung menjadi Circles di kategori
Patterns.
Tambahkan 5 sprite huruf yaitu :
sprite 1 : Glow-F
sprite 2 : Glow-A
sprite 3 : Glow-I
sprite 4 : Glow-T
sprite 5 : Glow-H
Tata sprith hurufnya hingga membentuk nama.

Tambahkan audio pada sprite 1 alien creak2

Susun blok kode untuk sprite 1 berikut :(klik terlebih


dahulu sprite 1)

agar sprite berjalan jika sprite di klik

: agar sound di jalankan hingga selesai

Galatia 1:12

Karena aku bukan menerimanya dari manusia, dan bukan manusia yang mengajarkannya kepadaku, tetapi aku

menerimanya oleh penyataan Yesus Kristus.

18
Susun blok kode untuk sprite 2 berikut :(klik terlebih
dahulu sprite 2)

: mengganti warna dengan nilai 25


Susun blok kode untuk sprite 3 berikut :(klik terlebih
dahulu sprite 3)

sprite akan di putar kekanan sebesar 15 derajat


Susun blok kode untuk sprite 4 berikut :(klik terlebih
dahulu sprite 4)

sprite akan di tambah ukurannya senilai 10

Galatia 1:12

Karena aku bukan menerimanya dari manusia, dan bukan manusia yang mengajarkannya kepadaku, tetapi aku

menerimanya oleh penyataan Yesus Kristus.

19
Tambahkan extension text to
speech,

Susun blok kode untuk sprite 5 berikut :(klik terlebih


dahulu sprite 5)

: merubah text yang bertuliskan hello kedalam suara

Galatia 1:12

Karena aku bukan menerimanya dari manusia, dan bukan manusia yang mengajarkannya kepadaku, tetapi aku

menerimanya oleh penyataan Yesus Kristus.

20

Anda mungkin juga menyukai