Kreatif dan Produktif di Internet : Pengenalan dan Pelatihan Scratch

dokumen-dokumen yang mirip
Membuat Games dan Pembelajaran Berbasis Simulasi menggunakan aplikasi Scratch

Tahap 2 : Control Objek Animasi Pada Scratch

BAB IV HASIL DAN PENGUJIAN

BAB IV HASIL DAN UJI COBA

PENGENALAN INTERFACE MACROMEDIA DITECTOR MX

Materi : 1. Bing 2. Windows Live Movie Maker 3. Skydrive

Tutorial # A-02 : Slide Show

Rancang Bangun Permainan Interaktif dengan Scratch

: PEMBUATAN BAHAN AJAR INTERAKTIF DENGAN POWERPOINT. I. Tujuan Pembelajaran A. Peserta dapat membuat bahan ajar dengan menggunakan powerpoint.

MODUL I 1. MENGAKTIFKAN POWERPOINT. Untuk dapat memulai atau menjalankan program aplikasi PowerPoint dapat menggunakan perintah sebagai berikut :

PUZZLE GAME DOLPHIN PROYEK MULTIMEDIA Membuat Game Puzzle Dolphin untuk menyusun gambar yang terpisah-pisah agar menjadi gambar utuh.

MODUL III. VIDEO (Part 3) A. TUJUAN Mahasiswa mengerti cara memberikan animasi motion/grafhics dan membuat title

SIMBOL DAN LIBRARIES

Download Game Maker Disini

Gambar,Text, dan Sound di Director

Pembuatan Media Pembelajaran Menggunakan Camtasia Studio

Tutorial Membuat Slide Master di Ms. Powerpoint

IBM LOTUS SYMPHONY PRESENTATIOM

BAB III ANALISA MASALAH DAN RANCANGAN PROGRAM

MICROSOFT POWERPOINT. Pendahuluan

Ali Salim

FEB Arduino IoT Bagian I Tutorial Arduino dan Blynk

Spesifikasi: Ukuran: 19x23 cm Tebal: 162 hlm Harga: Rp Terbit pertama: Januari 2005 Sinopsis singkat:

Buku Manual. Download, Aplikasi Aspak, dan Tanya Jawab.

Modul Pengembangan Bahan Ajar Sosiologi Berbasis Teknologi Informasi Aplikasi Game Html 5 dengan Construct 2

BAB IV HASIL DAN PENGUJIAN

BAB III ANALISA DAN PEMBAHASAN MASALAH

IBM LOTUS SYMPHONY PRESENTATIOM

Workshop Singkat Membuat Game Shooter

Media Power Point 2 Materi PowerPoint (2)

CARA MENJALANKAN PROGRAM

POWER POINT. Buka Program Power Point. Pembuatan Media Pembelajaran Interaktif Dengan Power Point

Pedoman Database Koleksi Museum. cagarbudaya.kemdikbud.go.id

Microsoft PowerPoint USAID-DBE1: Management and Education Governance [MODUL POWERPOINT] Pilot Project EMIS-ICT Strengthening in Aceh

Macromedia Flash 8. Untuk dapat memahami dasar-dasar dari software macromedia flash 8 kita akan melewati beberapa tahapan belajar, yaitu:

Petunjuk Singkat Penggunaan Kuantum Gama bagi Pengajar. Yudi Wibisono Yohanes Suyanto versi dokumen: 30 Maret 2008

1 M e r a n c a n g B a h a n A j a r e - L e a r n i n g b e r b a s i s S C O R M

PROGRAM STUDI D3 JURUSAN TEKNIK KOMPUTER POLITEKNIK NEGERI SRIWIJAYA PALEMBANG TK Computer 2 (Multimedia) Hand On Lab 7

MGMP KKPI Kabupaten Sragen MACROMEDIA FLASH MX Tahun Modul Tutorial Dasar Dasar

i L i f e & M A C O S

Classic Tweening. Group dan Ungroup Group pada prinsipnya adalah mengelompokkan beberapa objek menjadi satu kesatuan.

Interface Pengguna Grafik (GUI) dbookpro

4. Kegiatan Belajar 4 : Membuat Animasi 2D ke dalam multimedia

UNTUK MEMBUAT MATERI SERTA TES LISTENING

Editing Video Menggunakan Adobe Premiere Pro

PENDAHULUAN. Gambar 1.1. GameMaker dari YoyoGames

BAB 1 PENGENALAN MICROSOFT POWERPOINT 2007

BAB V IMPLEMENTASI KARYA. Laporan tugas akhir pada BAB V dijelaskan mengenai proses atau jalan cerita

MODUL 1 INSTALASI PAKET JAVA DAN PROGRAM SEDERHANA

MEMBUAT PRESENTASI DENGAN MENGGUNAKAN MACROMEDIA FLASH MX 2004

BAB IV IMPLEMENTASI DAN UJI COBA

MODUL 4 PRESENTASI DENGAN FLASH

Tutorial ini berisi cara atau langkah - langkah membuat game yang telah saya buat

atau Double Click pada xampp-win

BAB II LANDASAN TEORI

Pindahkan slide 2 ke slide 5 dengan cara klik slide 2, lalu tekan Ctrl + X (atau pada

TUTORIAL PEMBUATAN MEDIA PEMBELAJARAN INTERAKTIF DENGAN MICROSOFT POWERPOINT 2007

Tehnik Animasi Kartun Flash

BAB IV. APLIKASI PROGRAM ANIMASI (MACROMEDIA FLASH )

Bab 5. Dasar-dasar Action Script

PROSEDUR PENGGUNAAN. Berikut merupakan prosedur penggunaan yang dapat diikuti untuk memainkan

FLASH DASAR-DASAR ANIMASI

MODUL PERKULIAHAN. Aplikasi Komputer. Microsoft Power Point Bag 2. Fakultas Program Studi Tatap Muka Kode MK Disusun Oleh

Produksi CD Multimedia Interaktif Menggunakan Macromedia Captivate

KOMPUTER Membuat Presentasi dengan Program Microsoft Powerpoint

BAB III ANALISIS DAN PERANCANGAN

BAB IV IMPLEMENTASI DAN PENGUJIAN

TUTORIAL MEMBUAT ANIMASI FILM MOBIL DAN SEKILAS TENTANG ACTIONS SCRIPT

3. Mengapa dengan Powerpoint?

dengan Android Template TAT#04

PEMBUATAN MEDIA PEMBELAJARAN INTERAKTIF DENGAN MICROSOFT POWERPOINT Disampaikan Oleh: Ali Muhson, M.Pd., Kiromim Baroroh, M.Pd., Mustofa, M.Sc.

MENGENAL POWER POINT

Prosedur Installasi Program. Perangkat Ajar Aku dan Darahku

MEMBUAT EFEK TRANSISI VIDEO

Materi Praktikum 1 MEMBUAT ANIMASI SIKLUS HIDUP KUPU-KUPU

PANDUAN PENGGUNAAN ANIMASI FLASH

Instalasi. Berikut ini adalah langkah langkah instalasi game Battle Throne: 1. Double click installer untuk membuka dialog instalasi

LAMPIRAN. 1. Apakah kamu merasa kesulitan dalam mempelajari sistem peredaran darah

Seperti yang ada dalam storyboard, multimedia pembelajaran saya terdiri dari empat menu utama yaitu:

BAB 4 IMPLEMENTASI DAN EVALUASI

PENGOPERASIAN SISTEM OPERASI

Petunjuk Penggunaan e-learning untuk Dosen Versi Dokumen Workshop E-Learning

Tutorial : Membuat Permainan Flappy Bird menggunakan Unity3D

CD Interaktif Dokumentasi Acara

LANGKAH-LANGKAH MEMBUAT MULTIMEDIA (OPERASI PADA PECAHAN)

BROWSING DAN DOWNLOAD

BAB III ANALISA DAN PERANCANGAN

DAFTAR ISI Daftar Isi Pertemuan 1 Dasar Animasi Pertemuan 2 Tombol Musik Pertemuan 3 Tombol Frame Pertemuan 4 Scroll Text Pertemuan 5 Kursor Ku

BAB IV HASIL DAN PENGUJIAN

BAB IV IMPLEMENTASI DAN PENGUJIAN. dengan 8 gambar di bidang kedua, hanya saja penenpatannya diacak.

PENGABDIAN MASYARAKAT AMIK BINA SARANA INFORMATIKA JATIWARINGIN

Eksplorasi Gradien Menggunakan Geogebra. Muh. Tamimuddin H

MICROSOFT POWERPOINT

Latihan Animasi Flash

1. MENGENAL VISUAL BASIC

Buka Start -> All Programs -> Microsoft Visual Studio - > Microsoft Visual Fox Pro 6.0

BAB III ANALISA DAN PERANCANGAN

PANDUAN UPDATING DATA LAHAN SAWAH MENGGUNAKAN GPS BAP S 852 H

(PEKERTI) MEDIA PEMBELAJARAN

MENGGUNAKAN PROGRAM CAMTASIA UNTUK MEMBUAT TUTORIAL VIDEO

Transkripsi:

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 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 Kamu juga dapat mengubah background layar dengan memilih dari library Scratch atau buat backgroundmu sendiri

Pilih Background! Klik pada Stage: Pilih, 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 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 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 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 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

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

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