Kreatif dan Produktif di Internet : Pengenalan dan Pelatihan Scratch
Direktorat Pemberdayaan Informatika Direktorat Jenderal Aplikasi Informatika Kementerian Komunikasi dan Informatika
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
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
Apa itu Scratch? • Tujuan dari Scracth : – membantu pelajar untuk lancar menggunakan media digital – melakukan pemberdayaan pemanfaatan TIK dan Internet – mengekspresikan ide kreatif para pelajar
Apa itu Scratch? • Scratch adalah sebuah platform pemrograman yang dibangun oleh Alan Kay
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.
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/
Mari Kita Lihat Video Scratch!
Mari kita mulai! • Untuk menjalankan Scratch, klik dua kali pada icon Scratch (gambar kucing) atau klik Scratch.exe
Memulai Scratch Sesudah meng-klik Scratch, kamu akan melihat tampilan sebagai berikut :
Interface Scratch
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.
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”.
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
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
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
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
Pilih Background! • Klik pada Stage:
• Pilih, tab“Backgrounds” !
Rubah Background! • Kamu dapat bereksperiment dengan membuat atau mengimpor background milikmu nanti, tapi saat ini gunakan salah satu background dari library dengan memilih Import.
Rubah Background! Dari layar ini, kamu dapat memilih salah satu dari folder kategori, pilih background yang kami suka
Sekarang, Kita siap melakukan pemrograman! Saat ini kamu seharusnya sudah mempunyai Sprite dan Background yang siap digunakan untuk membuat animasi
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
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
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
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?
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
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
Layar Scratch • Ukuran Layar Scratch adalah 480 pixel lebar dan 480 pixel lebar dan 360 pixel tinggi 180
-240
240
-180
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
Gerakan - lanjutan! • Kamu bisa merubah derajat dengan mengklik blok dan merubah angkanya • Double klik pada blok untuk melihat Sprite bergerak dan berputar
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
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
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
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
Mode Presentasi
• Ketika kamu mengklik tombol Presentasi, animasi akan memenuhi seluruh layar
• Untuk keluar dari Mode Presentasi, cukup menekan tombol Esc
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”
Conditional Statements
Kode ini berarti, saat bendera dijalankan, apabila tombol a ditekan, Sprite bergerak 30 langkah
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)
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.
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.
Mengimpor Suara dari Library Suara • Klik pada Sprite yang ingin diberikan suara. • Klik pada Tab semua jenis suara.
Library Suara Scratch • Kamu akan melihat kategori berbeda dari suara yang dapat digunakan pada animasimu. Pilih suara yang kamu suka.
Memasukkan Suara • Setelah kamu memilih suara yang kamu suka. Klik OK • Kamu akan melihat suara yang kamu pilih akan muncul di bawa “Suara baru”
Memainkan Suara • Juka ingin memainkan suara, klik tombol play dan suara akan keluar • Jangan lupa kecilkan volume laptopmu ya Klik Play
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
Menambahkan Suara • Apabila kamu memasukkan beberapa suara, maka pada blok mainkan suara di klik pada pilihan dan pilih suara mana yang akan digunakan
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
Masukkan Suara ke Animasi-mu! Ketika kamu klik bendera maka lebah akan mengeluarkan suara sambil bergerak .
Operator! • Banyak efek animasi yang dapat dibuat menggunakan Operator di Scratch. • Salah satu contoh efek yaitu gerakan acak/random dari sprite.
Adventures in Animation
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.
Gerakan Acak
• Ini adalah contoh blok code yang digunakan jika ingin Sprite secara acak bergeser diseluruh area layar Scratch
Saatnya bermain! • Selama 15 menit, silahkan bereksperimen dengan Gerakan, Kontrol, Sensor, Suara dan Operator.
• 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
SELAMAT BERKREASI
