Bagian-Bagian Scratch

Mengenal Bagian-Bagian di 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.

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 = Sound                        K= Stop Project

 F = File                             L= Ubah Tampilan

    Berukut 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:

1. Nama sprite pada kolom Sprite yang bisa kita ubah sesuai yang diinginkan

2. X (angka) dan y (angka) adalah titik koordinat letak suatu sprrite, bisa di customize maupun digeserkan dengan pointer

3. Size adalah ukuran dari sprite, bisa diubah sesuai yang diinginkan

4. Direction adalah arah sudut suatu sprite, bisa diubah sesuai kebutuhan

5. Choose a sprite adalah pilihan model atau gambar sprite.
Bisa memilih dari daftar gambar sprite yang disediakan,
menggambar sprite sendiri atau upload

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

        Script 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): 

• Motion 
• Looks
• Sound
• Events
• Control
• Sensing
• Operators
• Variables
• My blok

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 costumes tersebut dapat kita ganti ganti saat menjalankan projek nanti.

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.

-Tombol reshape   yang berfungsi untuk mengubah bentuk dari suatu object pada sebuah sptrite.

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

Tampilan Menu sounds

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 menaikan 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

 

-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)

Tampilan Menu File

G. Tutorial

 

      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 buat di projek tersebut. Hanya dengan menekan 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 Project 

    Simbol bendera hijau    untuk menjalankan projek. yang sudah kita buat

K. Stop Project

    Simbol lingkaran merah  untuk menghentikan projek

L. Ubah Tampilan

    Ada 3 model layar yang dapat dipilih sesuai kenyamanan.

 

Perkenalan Scratch

    Perkenalan Tentang Program 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 persentasi. 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.

Tampilan Awal Website Scratch

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

Projek Scratch Menggunakan Variabel

Projek Scratch Menggunakan Variabel

Projek 1
Perbedaan Menggunakan Variabel dan Tidak Menggunakan Vaariabel

Mengenal Variabel & Operator pada Scratch

 Variabel & Operator

1. Variabel

    Variabel (Variable) adalah suatu nilai yang berubah atau mampu diubah yang disimpan dalam memori Scratch. Berbeda dengan daftar, variabel tidak mampu menampung lebih dari satu nilai pada waktu yang bersamaan. Nilai-nilai yang disimpan dapat angka atau untaian (string).

Membuat Project scratch

Membuat Project Scratch

Project 1 

Kucing mengatakan  "Hello World"

Misi                 : Membuat seekor kucing mengatakan "Hello World"

Manfaat           : Mengetahui bagaimana input-proses output yang terjadi di prosesor komputer Input berupa blok (Lookssay)
akan di proses oleh scratch (prosesor)
kemudian keluar sebuah output "Hello".

Langkah-Langkah :

1. Buat sebuah file project dengan klik menu "Create" Pada web atau klik menu File→ New pada aplikasi desktop. Beri nama project dengan "Kucing".

2. Tampil default sebuah Sprite berbentuk kucing dengan backdrop berwarna putih seperti ini:

 

3. Pada bagian " Script/Code" pilih "Looks" lalu drag and drop "say hello" ke panel kerja.

4. Pada bagian "Script/Code" pilih "Event" lalu drag and drop logo "bendera hijau" ke panel kerja.

5. Run project dan lihat hasilnya.

Project 2

Kucing mengatakan "Selamat Belajar Scratch"

Misi               : Membuat seekor kucing di lapangan jerami mengatakan "Selamat Belajar Scratch". Tulisan ini muncul selama 10 detik.

Manfaat        : Mengetahui bahwa proses yang terjadi di komputer dapat terjadi selama satuan waktu tertentu, dengan belajar menggunakan blok Looks "say-for".

  Langkah-Langkah:

1.  Pada file projek sebelumnya, tekan tombol backdrop dan pilih tema "Hay Field".

2.  Lalu pilih sprite cat

3. Pada bagian "Script/Code" pilih "Look" lalu drag and  drop "say hello for 2 seconds" ke panel kerja. Arahkan kursor ke tulisan "hello" dan ubah menjadi "Selamat belajar Scracth" serta ubah angka 2 menjadi 10.

4. Pada bagian "Script/Code" pilih "Event"  lalu drag and drop logo "bendera hijau" ke panel kerja.

 5. Jalankan projek. Muncul tampilan seperti berikut.

 

Project 3
Huruf letters berputar dan berubah warna

Misi           : Membuat sebuah huruf Letters jika ditekan akan memutar 15 derajat kekanan dan warna akan berubah.

Manfaat     :  Mengetahui bagaimana menggunakan beberapa masukan atau perintah untuk diproses scratch. Pada percobaan ini mengenal 2 blok sekaligus, yaitu: turn dan change

Langkah-langkah :

1. Pada file projek  sebelumnya , tekan tombol backdrop dan pilih tema "Boardwalk".

2. Lalu pilih sprite dengan menekan "Choose a sprite" dan pilih "Letters" di ujung kanan, lalu pilih huruf "Blok-D"

3. Masukan atau drag bllok-blok yang diambil dari menu Event yaitu blok "When this sprite cliked" lalu drag blok dari menu Looks yaitu blok "Change Color" 

4. Run Project dan lihat hasilnya seperti ini.

 

Project 4

Kucing berjalan lalu berbicara dan hilang setelah 1 detik

Misi        : Membuat kucing berjalan dan mengatakan "Hello World!" dan kucing akan menghilang setelah satu detik mengatakan "Hello World!" dan akan muncul kembali setelah 1 detik menghilang. 

Manfaat    : Mengetahui bagaimana menggunakan beberapa masukan atau perintah untuk diproses scratch. Pada percobaan ini mengenal beberapa blok sekaligus, yaitu say, hide, wait dan show.

Langkah-langkah    : 

1. Buatlah halaman baru di Scratch lalu Pilih backdrops Desert

2. Pilih sprite nya Cat sehingga tampilannya menjadi seperti ini

3. Masukan atau drag blok blok kode berikut ini

4. Run Project dan lihat hasilnya

 

Project 5

Kucing berjalan dengan efek suara langkah kaki yang sesuai dengan posisinya

Misi        : Membuat seekor kucing berjalan melewati stage dengan efek suara langkah kakinya, Jika kucing yang sedang berjalan posisinya  masih berada di sebelah kiri, maka suara langkah kakinya akan berada di sebelah kiri. Jika kucing yang sedang berjalan posisinya sudah berada di sebelah kanan, maka suara langkah kakinya akan berada di sebelah kanan.

Manfaat  : Mengetahui bagaimana menggunakan blok yang lebih bervariasi, seperti: sound, go to dan glide.

Langkah-langkah    :  

1. Buatlah sebuah proyek lalu pilih backdrop witch house sehingga tampilannya menjadi seperti ini.

2. Buka menu sounds  lalu cari dan pilih suara footsteps dengan cara menekan tombol choose a sound yang terletak pada bagian bawah layar.

3. Besarkan volume suara footsteps agar suara dapat terdengar lebih jelas dengan menekan tombol louder 

4. Tambahkan blok-blok berikut.

5. Run project dengan menekan bendera hijau. Catatan: gunakan headset/handsfree untuk merasakan efek suara lebih baik

Project 6
Kucing dan Time Lapse sederhana

Misi     : Membuat sebuah timelapse sederhana dimana digambarkan  seekor kucing sedang berjalan dari waktu ke waktu ke tempat yang berbeda-beda.

Manfaat : Mengetahui bagaimana konsep perulangan sederhana di program komputer dengan menggunakan blok-blok yang sama berulang kali.

Langkah-langkah :

1. Buatlah sebuah proyek baru lalu ubah pilihlah 5 buah backdrop outdoor secara acak sesuka hati kalian sehingga saat dicek, akan terlihat seperti ini.

 2. Masukan blok berikut:

 3. Run project dengan menekan bendera hijau.

 

Project 7
Kucing berjalan lalu berbicara

Misi          : Membuat seekor kucing berjalan 10 langkah ke depan lalu mengatakan  "Hello World!" selama 2 detik.

Manfaat    : Mengetahui bagaimana konsep perulangan di program komputer menggunakan blok "forever" sehingga tidak perlu berulang kali menggunakan blok yang sama. Untuk membuat pergerakan kaki natural dari kiri ke kanan digunakan blok "next costume".

Langkah-langkah    : 

 1. Pada file projek sebelumnya, tekan tombol backdrop dan pilih tema backdrops BlueSkay.

 2. Pilih sprite nya Cat sehingga tampilannya menjadi seperti ini.

3. Masukkan atau drag blok-blok kode berikut ini 

 

4. Lalu jalankan dengan klik bendera hijau.

 

Project 8
Kucing berjalan mundur lalu berbicara

Misi    : Membuat seekor kucing berjalan mundur 10 langkah ke belakang lalu mengatakan "Hello World!" selama 2 detik.

Manfaat    : Mengetahui bagaimana pengaruh nilai masukan positif atau negatif terhadap perbedaan arah gerak objek.

Langkah-langkah    :

1.    Pada file projek sebelumnya, ubah angka 10 menjadi -10.

2.    Jalankan projek dan amati hasilnya.

 

Project 9
Kucing berjalan mundur lalu berbicara

Misi    : Kucing akan bolak-balik mengeong dan berputar-putar

Manfaat    : Mengetahui bagaimana konsep kondisi menggunakan blok "if". 

Langkah-langkah    :  

1. Pilih backdrops berikut, pada bagian ini kita memakai sprite default kucing.

 

 

 

2. Tambahkan sintak berikut untuk menjalankan program. 

 

 4. Jalankan program dengan menekan tombol    pada tampilan scratch.

Project 10
Kucing berjalan lalu berbicara dengan suara

Misi    : Membuat kucing berjalan berpindah tempat dan terus mengatakan "Hmm..aku lapar" berusara " Meow" dan akan berhenti jika di tekan bendera hijau.

Manfaat    : Mengetahui bahwa untuk memulai program itu ada 2 cara, bisa otomatis ketika program dijalankan dan bisa dengan kondisi tertentu, misal hanya jika objek sprite di-klik.

Langkah-langkah    :

 1. Buatlah halaman baru di Scratch lalu pilih backdrops Boardwalk

 2. Pilih sprite nya Cat sehingga tampilannya menjadi seperti ini

 

 3. Masukan atau drag blok blok kode berikut ini (disini memakai Blok dari menu control yaitu forever yang nanti akan kita pelajari di materi looping dan selection) 

4. Run Project dengan mengklik blok "When the sprite clicked" dan untuk  menghentikan kucing klik bendera hijau.

 

 

Project 11
Bermain Piano

Misi    : Ketika sprite piano di klik, maka akan diputar sound "Guys, kita akan belajar piano dulu ya". Kemudian setelah sound tersebut maka akan muncul lagi suara sound piano sebanyak 5 kali berulang-ulang. Dan terhakir, akan ada sound lagi "Okay guys, jadi kalo untuk bermain piano begitu ya caranya".

Manfaat    : Mengetahui bagaimana konsep perulangan di program komputer selain blok "forever", yaitu menggunakan blok "repeat"

Langkah-langkah :

1. Pilih lah backdrop dengan menekan tombol berikut

2. Lalu pilih backdrop "blue sky" 

 3. Tekan tombol sprite

 4. Pada bagian music, lalu pilih sprite "Keyboard"

 5. Tampilan stage yang akan muncul adalah seperti berikut:

 6. Tambahkan syntax berikut, untuk dapat menjalankan permainan musik

 

7. Jalankan program dengan mengklik sprites piano. Maka suara akan diputar.

 

Project 12
Sepasang sprite ingin pergi liburan

Misi    : Membuat sepasang sprite berdialog lalu sprite menghilang dan bus bergerak ke depan dengan menggunakan sound.

Manfaat    :  Mengetahui bagaimana mengkolaborasikan 2 objek sprite dengan perintah proses bloknya masing-masing.

Langkah-langkah    :

1. Di menu file tekan new dan pilih backdrop  "night city street 2"

2. Lalu pilih sprite "kucing" dan "ballerina"

 

3. Klik sprite ballerina dan pilih when flag clicked di menu event.

4. Masuk ke menu looks lalu drag blok show, switch backdrop to night city with street 2, say Hai kucing for 4 second

5. Pilih event lagi lalu tekan broadcast ballerina.

 6. Tekan sprite kucing lalu pergi ke menu Events pilih when I receive ballerina1, jika ballerina1 belum ada wajib buat terlebih dahulu dengan cara klik new message lalu tuliskan namanya setelah itu di enter.

7. Tekan menu looks lalu drag switch backdrop to (night City With street2), show, say for 2 second, say for 2 second.

 8. Drag wait 2 second dan broadcast kucing1

 

9. Kembali ke sprite Ballerina lalu pilih when I receive kucing1. Pilih juga say iya for 2 second di menu looks, lalu pilih wait 3 second & broadcast busway.

 

10. Balik ke sprite kucing lalu pilih when I receive kucing1. Pilih juga say let's go!!! for 2 second di menu looks.

11. Masih di sprite kucing, pilih when I receive busway. Pilih juga switch backdrop to night city with street2 dan drag hide pada menu looks.

 

12. Masuk ke dalam sprite Ballerina ulangi langkah ke 11.

13. Masuk ke dalam sprite City Bus dan drag blok-blok di menu events, control, motion  dan sound berikut:

 

14. Run project

Latihan 

 1. Buat dan tampilkan sprite "orang" yang mengucapkan "Perkenalkan nama ku (Harli)! ". Silahkan diisi menggunakan nama masing-masing, lalu ubah backdrop default, atur size dan posisi sprite sesuai kreatifitas masing-masing contoh tampilan seperti dibawah ini!

 

2. Buatlah sebuah animasi yang menampilkan seorang anak laki-laki berjalan dan mengatakan "Halo! Selamat Pagi"disertai dengan suara "Pop" dengan tampilan seperti dibawah ini!