Membuat Kuis Sederhana [+XML]

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

    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, yaitu radio1, radio2, radio3, 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 :

    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

    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.
    kembali_btn.onRelease=function(){
    	gotoAndStop(1);
    	counter = 0;
    	nilai = 0;
    	prosesSoal();
    }
    
  • 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.

VN:F [1.9.8_1114]
Rating: 9.2/10 (22 votes cast)
VN:F [1.9.8_1114]
Rating: +5 (from 9 votes)
Membuat Kuis Sederhana [+XML], 9.2 out of 10 based on 22 ratings

Related posts:

  1. Cara Membuat Website Flash Sederhana
  2. Membuat Presentasi Sederhana di Flash
  3. Membuat Preloader Sederhana [Actionscript 3.0]
  4. Membuat Stopwatch Sederhana [Actionscript 3.0]
  5. Membuat Health Bar (Indikator Nyawa) pada Game