Upgrading IT Skills

Apa Itu Scratch?

Bahasa Pemrograman Visual untuk pembuatan cerita interaktif, animasi, game, musik, dsb Scratch memungkinkan user untuk memanipulasi objek (gambar) yang disebut sprite dengan melakukan drag (geser) serangkaian perintah / kontrol ke objek tersebut

Tampilan Program Scratch

Mengenal Bagian-Bagian Scratch

Block Pallete

Block Pallete

Block Pallete merupakan kumpulan perintah / kontrol yang nantinya dapat diberikan kepada gambar sprite Block Pallete dalam scratch dibagi menjadi delapan bagian, yakni: Gerakan, Tampilan, Suara, Pena, Kontrol, Sensor, Operator dan Variabel

Bagian Block Pallete - Gerakan

Bagian ini berisi macam-macam perintah gerakan yang dapat diberikan kepada objek sprite

Bagian Block Pallete - Tampilan

Bagian ini berisi berbagai perintah yang berkaitan dengan tampilan objek sprite

Bagian Block Pallete - Suara

Bagian ini berisi macam-macam perintah terkait suara yang dapat dikeluarkan oleh objek sprite

Bagian Block Pallete - Pena

Bagian ini berfungsi sebagai pena pada objek sprite. Jika pena diaktifkan, pena akan menggambar garis mengikuti gerakan objek sprite

Bagian Block Pallete - Kontrol

Bagian ini berisi sekumpulan perintah-perintah kontrol untuk objek sprite

Bagian Block Pallete - Sensor

Bagian ini berisi sekumpulan perintah-perintah terkait sensor untuk objek sprite yang bersangkutan

Bagian Block Pallete - Operator

Bagian ini berisi sekumpulan perintah terkait operator logika

Bagian Block Pallete - Variabel

Bagian ini berfungsi untuk membuat variabel yang membantu pemrograman sprite

Mengenal Bagian-Bagian Scratch

Stage

Stage merupakan tempat untuk menampilkan animasi objek sprite

Background SPRITE

Mengenal Bagian-Bagian Scratch

Script Area

Tempat untuk meletakkan berbagai perintah ataupun kontrol untuk objek sprite tertentu

Latihan 1: Menggerakkan Sprite Mengelilingi Stage Searah Jarum Jam

Bagaimana Urutan Langkahnya?

Langkah 1: Tempatkan Objek Sprite ke pojok kiri atas stage

Bagaimana Urutan Langkahnya?

Langkah 2: Susun logika pergerakan spritenya sesuai dengan kasus yang akan dibuat

Logikanya:

Gerakkan objek sprite ke arah kanan sampai menyentuh batas kanan stage Putar objek sprite ke bawah Gerakkan objek sprite sampai menyentuh batas bawah kanan stage Putar Objek sprite ke arah kiri Gerakkan objek sprite sampai menyentuh batas kiri bawah stage Putar Objek sprite ke arah atas Gerakkan objek srite sampai menyentuh batas kiri atas stage

Bagaimana Urutan Langkahnya?

Langkah 3: Taruhlah perintah gerakan yang sesuai dari Block Pallete ke dalam Script Area

KLIK

Bagaimana Supaya Kucing Bisa Berputar sebanyak Lima Kali?

Bagaimana Supaya Kucing Berputar Lima Kali?

Terdapat dua cara yang bisa dilakukan:

Cara Pertama: Tambahkan blok script tadi sebanyak empat block di bawahnya Kekurangannya: Script menjadi sangat panjang hanya untuk gerakan sama yang diulang-ulang --> Sangat tidak efisien

Sangat Panjang Dan Tidak Efisien!

Bagaimana Supaya Kucing Berputar Lima Kali

Terdapat dua cara yang bisa dilakukan:

Cara Kedua: Gunakan perintah ulangi dalam opsi Kontrol di Block Pallete

Menambahkan Variabel

Dengan menggunakan variabel, bisa diketahui kucing sudah berputar berapa kali

Caranya klik Variabel di Block Pallete --> Klik buat variabel --> Beri nama Jumlah Putaran

Menambahkan Variabel

Tempatkan variabel ke tengah-tengah Sprite

Menambahkan Variabel

Sekarang kita akan membuat agar ketika kucing selesai melakukan putaran , maka variabel jumlah putaran akan ditambahkan satu Logikanya: Di akhir perulangan, nilai variabel akan ditambahkan dengan angka 1

Tambahkan Variabel

Buka Block Pallete Kontrol, lalu drag ketika bendera hijau di klik, kemudian klik variabel lalu tambahkan set jumlah putaran sebesar 0

Tambahkan Variabel

Tambahkan ubah jumlah putaran sebesar 1

Tambahkan Variabel

Gabungkan Scriptnya!

Menjalankan Animasi

Klik tombol ubah ke presentasi mode, kemudian klik tombol bendera hijau

Klik

Latihan 2: Mr. Wiggly's Dance

Bagaimana Urutan Langkahnya?

Langkah 1: Buatlah Project Baru

File --> Baru

Langkah 2: Mengganti background aplikasi

Bagaimana Urutan Langkahnya?

Langkah 2: Mengganti Background Aplikasi

Pilih tab Semua Latarbelakang Pilih Opsi Import

Bagaimana Urutan Langkahnya?

Langkah 2: Mengganti Background Aplikasi

Pilih opsi Indoors lalu pilih gambar chalkboard

Bagaimana Urutan Langkahnya?

Langkah 3: Menambahkan sprite Mr. Wiggly

Klik opsi pilih sprite baru dari file

Bagaimana Urutan Langkahnya?

Langkah 3: Menambahkan sprite Mr. Wiggly

Pilih people dan pilih roundman

Bagaimana Urutan Langkahnya?

Langkah 4: Hapus sprite cat

Bagaimana Urutan Langkahnya?

Langkah 5: Menambahkan Musik

Pilih gambar stage, kemudian klik tab Semua Jenis Suara dan klik tombol Import

Bagaimana Urutan Langkahnya?

Langkah 5: Menambahkan Musik

Pilih Music Loop dan pilih Eggs

Bagaimana Urutan Langkahnya?

Langkah 6: Memainkan Musik Pada Background

Pilih kembali gambar background

Bagaimana Urutan Langkahnya?

Langkah 6: Memainkan Musik Pada Background

Pilih tab Semua Skrip

Bagaimana Urutan Langkahnya?

Langkah 6: Memainkan Musik Pada Background

Pilih opsi Kontrol pada Block Pallete kemudian tambahkan perintah berikut pada script area

Bagaimana Urutan Langkahnya?

Langkah 6: Memainkan Musik Pada Background

Pilih opsi Suara, kemudian modifikasi perintah menjadi seperti ini (tambahkan suara eggs tadi)

Bagaimana Urutan Langkahnya?

Langkah 6: Memainkan Musik Pada Background

Beri jeda waktu 16 detik agar musik selesai dimainkan, baru dimainkan lagi (pilih Kontrol)

Bagaimana Urutan Langkahnya?

Langkah 7: Menambahkan gerakan dance Mr. Wiggly

Klik gambar sprite

Bagaimana Urutan Langkahnya?

Langkah 7: Menambahkan gerakan dance Mr. Wiggly

Tambahkan gerakan ke kanan dan ke kiri dengan logika berikut:

Gerak ke kanan 25 langkah lalu stop Gerak ke kanan 25 langkah lalu stop Gerak ke kiri 25 langkah lalu stop Gerak ke kiri 25 langkah lalu stop Gerak ke kiri 25 langkah lalu stop Gerak ke kiri 25 langkah lalu stop Gerak ke kanan 25 langkah lalu stop Gerak ke kanan 25 langkah lalu stop

Bagaimana Urutan Langkahnya?

Langkah 8: Menyimpan Aplikasi

Pilih File --> Simpan

Latihan 3: Diving Mania

Bagaimana Urutan Langkahnya?

Langkah 1: Buatlah Project Baru

File --> Baru

Langkah 2: Mengganti background aplikasi

Bagaimana Urutan Langkahnya?

Langkah 2: Mengganti Background Aplikasi

Pilih tab Semua Latarbelakang Pilih Opsi Import

Bagaimana Urutan Langkahnya?

Langkah 2: Mengganti Background Aplikasi

Pilih opsi Nature lalu pilih gambar underwater

Bagaimana Urutan Langkahnya?

Langkah 3: Hapus sprite Kucing

Klik kanan sprite kucing --> hapus

Bagaimana Urutan Langkahnya?

Langkah 4: Pilih sprite baru dari file

Bagaimana Urutan Langkahnya?

Langkah 4: Pilih sprite baru dari file

Pilih People --> diver1

Bagaimana Urutan Langkahnya?

Langkah 5: Buat agar diver bisa berenang mengikuti arah tombol panah keyboard Logikanya:

Jika tombol panah kanan ditekan, maka diver bergerak ke kanan dua langkah Jika tombol panah kiri ditekan, maka diver bergerak ke kiri dua langkah Jika tombol panah atas ditekan, maka diver bergerak ke atas dua langkah Jika tombol panah bawah ditekan, maka diver bergerak ke bawah dua langkah

Logika yang Digunakan

Jika tombol panah kanan ditekan, maka diver bergerak ke kanan dua langkah Caranya: gunakan jika di Kontrol dan apakah tombol ditekan di sensor dan bergerak sebanyak 2 langkah di gerakan

Logika yang Digunakan

Jika tombol panah kiri ditekan, maka diver bergerak ke kiri dua langkah Caranya: gunakan jika di Kontrol dan apakah tombol ditekan di sensor dan bergerak sebanyak 2 langkah di gerakan

Logika yang Digunakan

Jika tombol panah atas ditekan, maka diver bergerak ke atas dua langkah Caranya: gunakan jika di Kontrol dan apakah tombol ditekan di sensor dan bergerak sebanyak 2 langkah di gerakan

Logika yang Digunakan

Jika tombol panah bawah ditekan, maka diver bergerak ke bawah dua langkah Caranya: gunakan jika di Kontrol dan apakah tombol ditekan di sensor dan bergerak sebanyak 2 langkah di gerakan

Gabungkan Seluruh scriptnya!