Kreatif dan Produktif di Internet : Pengenalan dan Pelatihan Scratch

Transkripsi

1 Kreatif dan Produktif di Internet : Pengenalan dan Pelatihan Scratch Direktorat Pemberdayaan Informatika Direktorat Jenderal Aplikasi Informatika Kementerian Komunikasi dan Informatika

2 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

3 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

4 Apa itu Scratch? Tujuan dari Scracth : membantu pelajar untuk lancar menggunakan media digital melakukan pemberdayaan pemanfaatan TIK dan Internet mengekspresikan ide kreatif para pelajar

5 Apa itu Scratch? Scratch adalah sebuah platform pemrograman yang dibangun oleh Alan Kay

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

7 Menggunakan Scratch Kita dapat secara online menggunakan Scratch di Untuk penggunaan secara offline Untuk penggunaan secara offline dapat mendownload Scratch di

8 Mari Kita Lihat Video Scratch!

9 Mari kita mulai! Untuk menjalankan Scratch, klik dua kali pada icon Scratch (gambar kucing) atau klik Scratch.exe

10 Memulai Scratch Sesudah meng-klik Scratch, kamu akan melihat tampilan sebagai berikut :

11 Interface Scratch

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

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

14 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

15 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

16 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

17 Pilih Background! Saat ini kamu memiliki background layar berwarna putih. Membosankan bukan? Kamu juga dapat mengubah Kamu juga dapat mengubah background layar dengan memilih dari library Scratch atau buat backgroundmu sendiri

18 Pilih Background! Klik pada Stage: Pilih, Pilih, tab Backgrounds!

19 Rubah Background! Kamu dapat bereksperiment dengan membuat atau mengimpor background milikmu nanti, tapi saat ini gunakan salah satu background dari library dengan memilih Import.

20 Rubah Background! Dari layar ini, kamu dapat memilih salah satu dari folder kategori, pilih background yang kami suka

21 Sekarang, Kita siap melakukan pemrograman! Saat ini kamu seharusnya sudah mempunyai Sprite dan Background yang siap digunakan untuk membuat animasi

22 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

23 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 Kita akan bereksperimen dengan tombol motion atau gerakan

24 Gerakan Ketika kamu klik tombol motion, kamu akan melihat blok program yang dapat digunakan di Sprite-mu. Kita coba dengan satu blok program Kita coba dengan satu blok program dahulu dan kemudian silahkan bereksperimen dengan Motion

25 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?

26 Gerakan Kamu juga bisa men-set angka dengan angka negatif dengan mengetikan tombol - sebelum angka Dengan melakukan hal tersebut, akan Dengan melakukan hal tersebut, akan menggerakkan sprite-mu sejumlah angka ke arah yang berlawanan

27 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

28 Layar Scratch Ukuran Layar Scratch adalah 480 pixel lebar dan 480 pixel lebar dan 360 pixel tinggi

29 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

30 Gerakan - lanjutan! Kamu bisa merubah derajat dengan mengklik blok dan merubah angkanya Double klik pada blok untuk melihat Sprite bergerak dan berputar

31 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

32 Kontrol! Kategori berikutnya dari tombol pemrograman yang akan kita experimenkan adalah kategori Kontrol Kategori ini sangat penting karena Kategori ini sangat penting karena mengatur berapa lama event terjadi, berapa kali terjadi, atau kapan event terjadi

33 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

34 Dengan blok tersebut, selain double klik pada blok code, kamu cukup mengklik gambar bendera warna hijau di bagian kanan atas Kontrol! Klik di sini untuk memulai

35 Mode Presentasi Ketika kamu mengklik tombol Presentasi, animasi akan memenuhi seluruh layar Untuk keluar dari Mode Presentasi, cukup menekan tombol Esc

36 Kembali ke Kontrol! Blok yang sangat bermanfaat dari kategori Kontrol adalah blok yang menangani conditional statements. Conditional statements pada umumnya Conditional statements pada umumnya dicontohkan dengan pernyataan jika x atau pernyataan jika x maka y

37 Conditional Statements Kode ini berarti, saat bendera dijalankan, apabila tombol a ditekan, Sprite bergerak 30 langkah

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

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

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

41 Mengimpor Suara dari Library Suara Klik pada Sprite yang ingin diberikan suara. Klik pada Tab semua jenis suara.

42 Library Suara Scratch Kamu akan melihat kategori berbeda dari suara yang dapat digunakan pada animasimu. Pilih suara yang kamu suka.

43 Memasukkan Suara Setelah kamu memilih suara yang kamu suka. Klik OK Kamu akan melihat suara yang kamu pilih akan muncul di bawa Suara baru

44 Memainkan Suara Juka ingin memainkan suara, klik tombol play dan suara akan keluar Jangan lupa kecilkan volume laptopmu ya Klik Play

45 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

46 Menambahkan Suara Apabila kamu memasukkan beberapa suara, maka pada blok mainkan suara di klik pada pilihan dan pilih suara mana yang akan digunakan

47 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

48 Masukkan Suara ke Animasi-mu! Ketika kamu klik bendera maka lebah akan mengeluarkan suara sambil bergerak.

49 Operator! Banyak efek animasi yang dapat dibuat menggunakan Operator di Scratch. Salah satu contoh efek yaitu gerakan acak/random dari sprite. Adventures in Animation

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

51 Gerakan Acak Ini adalah contoh blok code yang digunakan jika ingin Sprite secara acak bergeser diseluruh area layar Scratch

52 Saatnya bermain! Selama 15 menit, silahkan bereksperimen dengan Gerakan, Kontrol, Sensor, Suara dan Operator.

53 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

54 SELAMAT BERKREASI