19
May

Membuat Kuis Sederhana

Kuis sering sekali kita butuhkan ketika membuat sebuah media pembelajaran dengan flash. Di sini kita tidak akan membuat kuis dari template yang ada di flash, meskipun template tersebut sangat mudah dikostumisasi, namun yang saya tawarkan di sini adalah membuat kuis dengan data yang diambil dari XML.

Kuis ini dibuat dengan menggunakan Actionscript 2.0, sehingga kita dapat menggunakan Macromedia Flash 8 atau Flash CS 3 dan lebih.

Mari kita mulai pembuatannya.

  • Langkah awal adalah membuat layout untuk kuis, kuis ini hanya berisi multiple choice (pilihan ganda), jadi di sini saya menggunakan radio button.
  • Untuk mengambil radio button, kita cukup mengambilnya pada menu Window -> Components, atau cukup tekan Ctrl + F7.

Components

  • Sekarang akan muncul panel seperti berikut ini, pilih radio button, drag (seret) ke dalam stage sebanyak 4 buah.

RadioButton

  • Rapikan masing-masing radio button, kemudian berikan Instance Name untuk setiap radio button yang ada, yaitu radio1, radio2, radio3, dan radio4.

Instance Name

  • Sekarang buat Dynamic Text dengan Text Tool, letakkan di atas radio button, dynamic text ini berguna sebagai soal.

Soal

  • Jangan lupa untuk meng-embed-kan font, hal ini penting, karena jika tidak, maka font kita tidak akan tampil pada komputer yang tidak memiliki font tersebut. Lebih jelasnya dapat dilihat di sini : Memasukkan Font ke dalam Flash.
  • Sekarang kita menambahkan frame lagi, sehingga total framenya ada 2. Klik kanan pada frame 2, pilih insert blank keyframe. Sehingga hasilnya seperti ini:

Insert Blank KeyFrame

  • Simpan file flash ini sekarang pada suatu folder.
  • Buat sebuah file data.xml yang berada satu folder dengan file flash kita.

data.xml

  • Isi file data.xml dengan teks berikut :

data.xml

  • Sekarang saatnya kita mengetik scriptnya klik pada frame 1, kemudian tekan F9. Ketikkan script berikut :

kuis_as_part1

  • Koding di atas menjelaskan jika soal habis, maka kita menuju frame 2. Nah, berarti sekarang klik frame 2, tambahkan sebuah dynamic text dengan nama variabel yaitu nilai. Jangan lupa untuk tidak mencentang Auto Kern.

Nilai

  • Kurang lengkap rasanya jika tidak kita berikan tombol kembali. Buat tombol kembali seperti di bawah ini, beri instance name berupa kembali_btn.

Tombol Kembali

  • Karena tombol membutuhkan script, maka kita tambahkan saja di frame 2. Klik frame 2 dan tekan F9.
1 kembali_btn.onRelease=function(){
2     gotoAndStop(1);
3     counter = 0;
4     nilai = 0;
5     prosesSoal();
6 }
  • Sekarang test movienya..
    Silakan dilihat di Sini

Catatan : XML sewaktu-waktu dapat diedit tanpa harus melakukan publish pada file flash kita.

 

Sumber : http://flashindonesia.com/

© Copyright 2010-2014 She2 Creative Created by She2 Creative