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 :
Gambar 187. Pengaturan awal asset aplikasi kuis
2. Seleksi dynamic text untuk soal kemudian buka panel properties kemudian atur jenis huruf, matikan opsi selectable dan opsi line type menjadi multi line. Opsi multi line digunakan agar sebuah dynamic text mampu menampilkan beberapa baris teks. Selain itu anda harus menekan tombol embed untuk menyertakan file huruf ke dalam aplikasi, sehingga aplikasi dapat dijalankan di semua tempat tanpa mengalami distorsi huruf. Perhatikan gambar :
Gambar 188. Pengaturan dynamic text
3. Untuk membuat tombol pilihan jawaban, buatlah sebuah Movieclip baru dengan memilih menu Insert > New Symbol. Berikan nama “alternatif jawaban” dan registrasi point berada di tengah, lalu tekan OK.
Selanjutnya buatlah 2 buah Layer, pada Layer 2 (atas) buatlah sebuah dynamic text untuk menampilkan jawaban. Klik dynamic text tersebut, buka panel properties dan tambahkan instance name "jawaban_txt". Pada Layer 1 (bawah) buatlah sebuah background berupa kotak.
Untuk mendapatkan efek mouse over, klik frame 2 layer 1 tambahkan KeyFrame (F6), lalu ubah warna background jawaban menjadi warna lain.
Selanjutnya klik frame 2 layer 2 dan tambahkan Frame (F5). (Catatan : Efek mouse over dapat ditampilkan secara otomatis pada symbol bertipe button, akan tetapi button atau tombol tidak dapat menampilkan objek lain seperti dynamic text di dalamnya, sehingga kita harus menggunakan symbol bertipe Movieclip). Perhatikan gambar
Gambar 189. Susunan movieclip “alternatif jawaban”
4. Kembali ke Scene 1 dengan menekan Ctrl+E, kemudian drag Movieclip alternative jawaban dari Library ke Stage sebanyak 4 kali. Atur posisinya masing-masing.
5. Agar masing-masing objek dapat diakses oleh kode, maka perlu ditambahkan instance name, klik objek, kemudian buka panel properties, dan ketikan instance name sesuai dengan gambar berikut:
Gambar 190. Pengaturan instance name
6. Kemudian untuk menampilkan apakah jawaban pemain benar atau salah, digunakan metode pop up dengan sedikit animasi. Untuk itu diperlukan sebuah movieclip yang di dalamnya terdapat beberapa pesan pop up.
Untuk membuatnya buatlah sebuah tampilan popup ketika jawaban benar seperti pada gambar, lalu seleksi dan Convert to Symbol dengan nama hasil_mc, registrasi point tepat di tengah, centang opsi Export for Actionscript, lalu tekan OK. Perhatikan gambar:
Gambar 191. Pengaturan popup jawaban pada movieclip “hasil_mc”
7. Edit Movieclip hasil_mc dengan cara dobel klik movieclip tersebut, kemudian klik frame 2 dan tambahkan Keyframe (F6), lalu edit konten di frame 2 menjadi tampilan ketika jawaban salah. Dengan cara yang sama pada frame 3 buatlah tampilan ketika permainan berakhir (soal telah habis). Perhatikan gambar :
Gambar 192. Struktur movieclip “hasil_mc”
Thanks for reading Aplikasi Kuis. Please share...!
