Siapkan file suara bertipe MP3 atau WAV kemudian copy ke folder yang sama dengan folder aplikasi Buatlah sebuah layer baru layer 2. Klik frame 1 layer 2 buka panel Action F9
7. Klik video, kemudian buka Properties. Selanjutnya di bagian component parameter
pilih skin none untuk menghilangkan skin dari video tersebut. 8. buatlah sebuah layer baru di atas layer video, kemudian ubah nama layer menjadi layer tombol. Klik frame 1 layer tombol, kemudian buatlah sebuah tombol play . Gambar 184.Tombol play alternatif 9. Untuk tombol stop atau pause kita membutuhkan sebuah tombol yang tidak terlihat. Untuk membuatnya - Klik layer tombol, kemudian buatlah sebuah kotak dengan ukuran yang sama dengan ukuran video. Seleksi kotak tersebut dan Convert to Symbol menjadi button dengan nama “invisible”. 10. Dobel klik tombol invisible, untuk mengeditnya. Kemudian drag keyframe UP menuju frame HIT. Gambar 185. Mengatur tombol invisible 145 11. Kembali ke scene 1 dengan menekan Ctrl+E. 12. Tahapan selanjutnya adalah memberi instance name pada masing-masing object. Berikan nama videoku untuk video, t_play untuk tombol play dan t_stop untuk tombol invisible.13. Buatlah sebuah layer baru layer 2. Klik frame 1 layer 2 kemudian ketikan
kode berikut : 1. function klikVideo e : MouseEvent : void { 2. var nama_tombol : String = e . currentTarget . name ; 3. if nama_tombol == t_play { 4. videoku . play ; 5. t_play . visible = false ; 6. t_stop . visible = true ; 7. } 8. if nama_tombol == t_stop { 9. videoku . stop ; 10. t_play . visible = true ; 11. t_stop . visible = false ; 12. } 13. } 14. 15. t_play . addEventListener MouseEvent . CLICK , klikVideo ; 16. t_stop . addEventListener MouseEvent . CLICK , klikVideo ; 14. Jalankan aplikasi dengan menekan Ctrl+Enter. Klik pada video untuk memainkan video dan klik kembali untuk menghentikan sementara pause 147Bab X Aplikasi Kuis
Salah satu bentuk kompleksitas dari multimedia pembelajaran interaktif adalah adanya evaluasi. Evaluasi dapat digunakan sebagai salah satu indikator atau tolak ukur untuk menguji kefektifan penyampaian materi. Salah satu bentuk evaluasi yang umum ditemukan adalah kuis. Model kuis dengan soal yang acak dan jawaban acak menjadi sebuah daya tarik tersendiri dalam sebuah media pembelajaran. Akan tetapi para pemula pemrograman biasanya mengalami kesulitan dalam membuat sistem soal acak, jawaban acak dan sistem penilaian. Pada tutorial berikut ini akan dijelaskan secara sederhana tentang pembuatan kuis interaktif dengan sistem pengacakan soal, pengacakan jawaban dan sistem penilaian. Hasil akhir dari aplikasi ini dapat dikembangkan lebih lanjut menjadi sesuatu yang lebih kompleks semacam game Who Want to be Millionaire, Who has biggest brain dan sebagainya. Hasil akhir yang diharapkan kurang lebih sebagai berikut : Gambar 186. Rencana layout kuis Untuk membuat aplikasi kuis tersebut, perhatikan langkah-langkah berikut : 1. Buatlah sebuah file baru. Selanjutnya buatlah sebuah tampilan untuk aplikasi kuis meliputi background, beberapa static text sebagai pemanis tampilan, dan dynamic text untuk soal dan untuk score. Perhatikan gambar :Parts
» Desain dan Pemrograman Multimedia Pembel
» Pendahuluan Desain dan Pemrograman Multimedia Pembel
» Media Pembelajaran Desain dan Pemrograman Multimedia Pembel
» Prinsip Kesebandingan Proporsi Prinsip Penekanan Emphasis
» Prinsip Keseimbangan Balance Desain Media Pembelajaran
» Prinsip Irama Ritme Prinsip Keselarasan Harmony
» Prinsip Kesatuan Unity Desain Media Pembelajaran
» Adobe Flash Desain dan Pemrograman Multimedia Pembel
» Animasi Motion Guide yaitu animasi motion tween yang menggunakan lintasan
» Frame KeyFrame Blank KeyFrame
» Pada panel pilihan New Document, pilih type Actionscript 3.0. Actionscript 3.0
» Selanjutnya klik frame ke 2, dan tambahkan Blank Keyframe. Ketika ada
» Non aktifkan Onion Skin, lalu jalankan animasi dengan menekan tombol Ctrl+Enter
» Simpan file, kemudian jalankan animasi dengan menekan tombol Ctrl+Enter
» Setelah pengaturan pivot point kedua pendulum, dengan menggunakan Free Transform Tool
» kemudian pertahankan posisi mouse, klik kanan dan pilih Insert Key Frame
» Untuk membuat animasi tersebut lebih terkesan realis, perlu ditambahkan ease.
» Jalankan aplikasi dengan menekan Ctrl+Enter. Maka animasi pendulum yang
» Selanjutnya untuk menambahkan rotasi, klik frame 1 layer 3 pada panel Properties
» Seleksi gambar tersebut dan Convert to Symbol menjadi Movieclip
» Buatlah sebuah file baru. Selanjutnya klik menu File Import Import to Library
» Klik kanan frame 100 layer bukit kemudian pilih Insert frame. Penambahan
» Klik body-mobil kemudian pilih menu Modify Convert to symbol. Ketikan
» Klik frame 1 layer guide, kemudian dengan menggunakan Pencil Tool atau Pen Tool
» Selanjutnya klik movieclip mobil pada frame 1 kemudian drag ke awal lintasan
» Klik kanan frame 50 Layer body-mobil kemudian pilih Create Classic Tween
» Untuk menambahkan gerbong ke dua, Copy
» Sebagai sentuhan akhir, buatlah sebuah layer baru dan buatlah gambar lintasan rel
» Untuk menambahkan pola lintasan bulan klik kanan layer bulan dan pilih Add Classic Guide
» Selanjutnya buat file baru, dan Import to Stage gambar tersebut.
» Seleksi kedua gambar peta tersebut, kemudian Convert to Symbol menjadi
» Klik frame 1 layer 1 Membuat animasi sederhana
» Klik kanan frame 10, kemudian pilih Create Shape Tween. Jalankan animasi
» Jalankan aplikasi dengan menekan Ctrl+Enter. Maka akan muncul panel Output
» Case Sensitive Semicolons Dasar Pemrograman Action Script 3
» Whitespace Dasar Pemrograman Action Script 3
» Buatlah sebuah file baru. Kemudian dengan teknik Motion Tween, buatlah
» Buatlah sebuah layer baru layer 2, selanjutnya klik frame 1 layer Buka panel Action F9
» Jalankan aplikasi dengan menekan Ctrl+Enter. Maka aplikasi akan
» Klik frame 1 layer 2, kemudian drag Keyframe tersebut menuju ke frame 15.
» Jalankan aplikasi dengan menekan Ctrl+Enter. Maka akan didapati bola tersebut
» Jalankan aplikasi dengan menekan Ctrl+Enter. Klik tombol tersebut dan
» Jalankan kembali aplikasi dengan menekan Ctrl+Enter, dan burung akan
» Jalankan aplikasi dengan menekan Ctrl+Enter. Coba gerakkan mouse ke atas
» Klik frame 1 layer tombol kemudian buatlah symbol button Dengan cara yang sama, buatlah 3 tombol
» Klik kanan frame 10 layer halaman isi kemudian pilih Insert Blank Keyframe
» Klik kanan frame 10 layer label kemudian Insert Blank Keyframe. Lalu buka properties
» Dengan cara yang sama tambahkan instance name “tombol_materi”,
» Jalankan aplikasi dengan menekan Ctrl+Enter. Uji coba tombol dan
» Simpan file dan ujicoba dengan menekan Ctrl+Enter. Jika proses dan kode
» Jalankan aplikasi dengan menekan Ctrl+Enter. Cobalah klik tombol materi dan
» Jalankan aplikasi dengan menekan Ctrl+Enter. Text akan muncul, dan scroll
» Jalankan aplikasi dengan menekan Ctrl+Enter. Uji coba dengan memasukkan
» Jalankan aplikasi dengan menekan Ctrl+Enter. Maka suara akan terdengar dan
» Klik video, kemudian buka Properties. Selanjutnya di bagian component parameter
» Kembali ke Scene 1 dengan menekan Ctrl+E, kemudian drag Movieclip alternatif jawaban
» Keluar dari mode edit dengan menekan Ctrl+E. Kemudian buatlah sebuah layer baru
» Jalankan aplikasi dengan menekan Ctrl+Enter. Ujicoba kuis mulai dari awal
» Simpan, kemudian jalankan aplikasi dengan menekan Ctrl+Enter. Lalu coba klik
Show more