Follow us on Facebook

Membuat Kuis Sederhana [+XML]

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 atauFlash 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
    Components
  • Sekarang akan muncul panel seperti berikut ini, pilih radio button, drag (seret) ke dalam stage sebanyak 4 buah.
    RadioButton
    RadioButton
  • Rapikan masing-masing radio button, kemudian berikan Instance Name untuk setiap radio button yang ada, yaituradio1radio2radio3, dan radio4.
    Instance Name
    Instance Name
  • Sekarang buat Dynamic Text dengan Text Tool, letakkan di atas radio button, dynamic text ini berguna sebagai soal.
    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
    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
    data.xml
  • Isi file data.xml dengan teks berikut :
  • Sekarang saatnya kita mengetik scriptnya :) klik pada frame 1, kemudian tekan F9. Ketikkan script berikut :
  • 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
    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
    Tombol Kembali
  • Karena tombol membutuhkan script, maka kita tambahkan saja di frame 2. Klik frame 2 dan tekan F9.
    1kembali_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.

File .fla dapat dibuka dengan Adobe Flash CS 3.

Posting Komentar

0 Komentar