01 pengenalan scratch

6

Click here to load reader

Upload: nisfu-sani

Post on 12-Jul-2015

356 views

Category:

Education


6 download

TRANSCRIPT

Page 1: 01 pengenalan scratch

By [email protected] Dipersilahkan menggunakan, menggandakan, mengubah isi dari tutorial

PENGENALAN SCRATCH

Scratch merupakan sebuah bahasa pemrograman untuk lingkungan belajar yang memungkinkan pemula untuk

mendapatkan hasil tanpa harus belajar menulis sintaksis yang benar terlebih dahulu. Bahasa pemrograman ini dibuat

oleh MIT Media Lab dari Massachusetts Institute of Technology.[1] Dengan Scratch, pengguna dapat membuat animasi,

permainan dan lain-lain. Mari kita mulai saja tutorial dengan megenal scratch :

1. Scratch dapat dieksekusi online melalui http://scratch.mit.edu/ dengan link

http://scratch.mit.edu/projects/editor/?tip_bar=getStarted

2. Atau dapat didownload sehingga tidak harus selalu terhubung dengan internet

http://scratch.mit.edu/scratch2download/ dengan 2 file umum yang harus didownload adobe air dan scratch

offline itu sendiri, saat ini scratch versi 2. Install dan buka scratch

Gambar 1 Tampilan Scratch

Sebelum berselancar dengan scratch kita harus mengenal istilah Sprite, sprite merupakan objek dalam animasi. Sprite

dapat diganti, ditambahkan sesuai dengan keinginan. Sprite standar adalah kucing.

3. Gambar 1 menunjukkan tampilan utama scratch, berikut ini keterangan :

a. Nomor 1 adalah menu utama, alih bahasa, file, edit, tips, dan menu tentang

b. Nomor 2 window utama, digunakan untuk display utama

c. Nomor 3 Start dan stop, untuk memulai dan menghentikan animasi.

d. Nomor 4 tab Script, Kostum, dan Suara. Script berisi blok-blok. Kostum berisi perunahan kostum sprite

e. Nomor 5 Komponen Script. Perintah-perintah dengan kategori gerakan, tampilan, sampai custom blok

f. Nomor 6 Daftar sprite yang digunakan

Page 2: 01 pengenalan scratch

By [email protected] Dipersilahkan menggunakan, menggandakan, mengubah isi dari tutorial

A. Memulai Scratch

1.1. Membuat sprite bergerak

1. Buka scratch, ganti menjadi bahasa Indonesia 2. Drag dan Drop blok GERAK dari script GERAKAN ke

area script 3. Lalu klik blok Gerak tersebut, dan kucing akan

bergerak kedepan 10 langkah

1.2. Menambahkan suara

1.3. Membuat sprite berjoged

1. Drag dan Drop blok GERAK dari script GERAKAN ke area script. Letakkan dibawah blok yang sudah ada

2. Ubah isian yang ada di gerak, menjadi -10 langkah 3. Lalu klik blok Gerak tersebut, dan kucing akan

bergerak kedepan 10 langkah, terdapat suara drum, dan kucing mundur

4. Drag dan Drop blok MAINKAN DRUM dari script SUARA ke area script. Letakkan dibawah blok Gerak yang sudah ada

5. Ubah isian yang ada di mainkandrum, menjadi 4 atau pilih simbal

6. Klik pada sembarang blok dan lihat sendiri efeknya

1. Drag dan Drop blok MAINKAN DRUM dari script SUARA ke area script. Letakkan dibawah blok Gerak yang sudah ada

2. Lalu klik blok Gerak atau MAINKAN DRUM tersebut, dan kucing akan bergerak kedepan 10 langkah dan terdapat suara drum

Page 3: 01 pengenalan scratch

By [email protected] Dipersilahkan menggunakan, menggandakan, mengubah isi dari tutorial

1.4. Membuat sprite berjoged berulang-ulang

1. Drag dan Drop blok ULANGI SEBANYAK dari script KONTROL ke area script seolah menelan empat blok yang sudah ada

2. Jalankan dengan menekan sembarang blok. Kucing akan maju mundur 10 kali

1.5. Membuat sprite berbicara

1. Drag dan Drop blok KATAKAN dari script TAMPILAN ke area script. Letakkan disembarang tempat .

2. Ubah isian blok katakan, menjadi aku bisa joged lho

3. Pindahkan blok Katakan dari tempat semula ke

bagian atas blok ulangi sebanyak (Pada saat menambah blok tidak harus selalu ditempelkan langsung dengan blok yang lain. Anda bisa mengubah letak blok sesuai dengan keinginan kapanpun)

4. Jalankan dengan menekan sembarang blok

1.6. Memanfaatkan bendera hijau

Bendera hijau digunakan untuk memulai permainan, seperti tombol play atau start pada game-game umumnya

1. Drag dan Drop blok Ketika bendera hijau diklik dari script KEJADIAN ke area script. Tempelkan ke bagian atas blok yang sudah ada

2. Blok yang Anda punya akan dijalankan ketika tombol bendera hijau diklik. Cobalah menekan tombol Bendera HIJAU

Page 4: 01 pengenalan scratch

By [email protected] Dipersilahkan menggunakan, menggandakan, mengubah isi dari tutorial

3. Pindahkan blok Katakan dari tempat semula ke bagian atas blok ulangi sebanyak

4. Jalankan dengan menekan Bendera Hijau

1.7. Membuat berganti warna dan interaktif

1. Drag dan Drop blok UBAH EFEK dari script TAMPILAN ke area script. Letakkan disembarang tempat .

2. Drag dan Drop blok Ketika Tombol dari script

KEJADIAN ke area script. Tempelkan ke bagian atas

blok UBAH EFEK

3. Jalankan dengan menekan bendera hijau, lalu tekan tombol spasi di keyboard (anda bisa mengubah isian tombol yang diinginkan)

1.8. Mengganti latar/background dan menambah sprite

Page 5: 01 pengenalan scratch

By [email protected] Dipersilahkan menggunakan, menggandakan, mengubah isi dari tutorial

1. Klik pilih latar dari pustaka 2. Pilih latar yang Anda suka, misal “spotlight-stage”.

Lalu pilih Oke

3. Klik pilih sprite dari pustaka 4. Pilih sprite yang Anda suka, misal "Cassy Dancing".

Lalu pilih Oke

1.9. Menambah Animasi

Page 6: 01 pengenalan scratch

By [email protected] Dipersilahkan menggunakan, menggandakan, mengubah isi dari tutorial

1. Klik sprite "Cassy Dancing". Area Script kosong, jangan khawatir blok apapun yang Anda letakkan tadi adalah milik sprite cat

2. Lalu tambahkan susun blok seperti gambar disamping kanan a. Blok Ketika bendera hijau diklik dari script KEJADIAN

(menunggu bendera hijau diklik) b. Blok selamanya dari script KONTROL

(mengulang semua yang berada pada blok selamanya) c. Blok kostum berikutnya dari script KOSTUM

(mengganti kostum sprite ke kostum berikutnya) d. Blok tunggu dari script KONTROL

(berhenti sejenak selama 1 detik)

3. Jalankan dengan menekan bendera hijau. (Kucing tetap berjoged maju mundur. Sedangkan “cassy dancing” akan berjoged terus menerus sampai tombol stop warna merah ditekan)

4. Tekan tombol merah untuk menghentikan animasi

Referensi :

Step-by-Step Guides, scracth v2