Membuat Kuis Interaktif dengan Adobe Flash CS3 Part 1

20 Januari 2012

Membuat Kuis Interaktif dengan Adobe Flash CS3 Part 1

17.31 Unknown 2 comments

Dalam contoh aplikasi kuis sederhana ini, digunakan file xml sebagai sumber data soal, untuk menyederhanakan pembahasan "MARI LANGSUNG KITA PRAKTEKKAN "
Contoh file xml yang kita pakai di dalam kuis ini dapat dilihat pada link berikut ini :
<?xml version="1.0" encoding="iso-8859-1"?>
<KumpulanSoal>
<Soal>
<Pertanyaan>Dengan kedalaman maksimum 1637 m, danau Baikal merupakan danau terdalam di dunia. Danau ini terletak di : </Pertanyaan>
<Gambar>images/Gambar01.jpg</Gambar>
<Jawaban>A</Jawaban>
<Pilihan>
   <PilihanA>Siberia, Rusia</PilihanA>
   <PilihanB>Andez, Chili</PilihanB>
   <PilihanC>Greenland, Kanada</PilihanC>
   <PilihanD>Buku peta</PilihanD>
   <PilihanE>Kilimanjaro, Afrika</PilihanE>
</Pilihan>
</Soal>
<Soal>
<Pertanyaan>Peta ini menunjukkan dua rute imigrasi dari benua Asia ke Amerika pada zaman es, dimana permukaan laut yang rendah memungkinkan dilakukannya perjalanan darat antar dua benua tersebut. Masa itu berlangsung pada :</Pertanyaan>
<Gambar>images/Gambar02.jpg</Gambar>
<Jawaban>B</Jawaban>
<Pilihan>
   <PilihanA>130 juta s/d 100 juta tahun yang
lalu</PilihanA>
   <PilihanB>23000 s/d 19000 tahun yang
lalu</PilihanB>
   <PilihanC>10000 s/d 8000 tahun yang
lalu</PilihanC>
   <PilihanD>2500 s/d 1500 tahun yang
lalu</PilihanD>
   <PilihanE>Kemaren sore waktu tukang es
lewat</PilihanE>
</Pilihan>
</Soal>
<Soal>
<Pertanyaan>Ini adalah kucing pertama hasil percobaan teknologi kloning di sebuah universitas di Texas. Kucing ini kemudian diberi nama "CC", yang merupakan singkatan dari :</Pertanyaan>
<Gambar>images/Gambar03.jpg</Gambar>

Jawaban>C</Jawaban>
<Pilihan>
   <PilihanA>Cell Clone</PilihanA>
   <PilihanB>College Cat</PilihanB>
   <PilihanC>Carbon Copy</PilihanC>
   <PilihanD>Cewek Cakep</PilihanD>
   <PilihanE>Ching Ching</PilihanE>
</Pilihan>
</Soal>
<Soal>
<Pertanyaan>Foto ini menunjukkan para ilmuwan yang sedang mempersiapkan Challenger Deep, untuk meneliti palung terdalam di dunia, yang memiliki kedalaman lebih dari 11 km, yaitu :</Pertanyaan>
<Gambar>images/Gambar04.jpg</Gambar>
<Jawaban>D</Jawaban>
<Pilihan>
   <PilihanA>Palung Jawa</PilihanA>
   <PilihanB>Palung Liberty</PilihanB>
   <PilihanC>Palung Atlantis</PilihanC>
   <PilihanD>Palung Mariana</PilihanD>
   <PilihanE>Palung Philipina</PilihanE>
</Pilihan>
</Soal>
<Soal>
<Pertanyaan>Garis berwarna coklat pada peta ini menunjukkan bentuk pertama dari Tembok Besar China yang dibangun pada masa Dynasti Qin, yang memerintah pada :</Pertanyaan>
<Gambar>images/Gambar05.jpg</Gambar>
<Jawaban>E</Jawaban>
<Pilihan>
   <PilihanA>zaman baheula</PilihanA>
   <PilihanB>1300 M s/d 1500 M</PilihanB>
   <PilihanC>1500 SM s/d 1000 SM</PilihanC>
   <PilihanD>205 SM s/d 265 M</PilihanD>
   <PilihanE>221 SM s/d 206 SM</PilihanE>
</Pilihan>
</Soal>
</KumpulanSoal>

Script yang kita pergunakan di dalam kuis untuk membaca file xml tersebut adalah :

var xmlSoal:XML = new XML();
var aDaftarSoal:Array = new Array();

bacaXML();

function bacaXML():Void {
xmlSoal.ignoreWhite = true;
xmlSoal.onLoad = function(bSukses:Boolean):Void {
if (bSukses) {
   var xnKumpulanSoal:XMLNode = this.firstChild;
   var nJumlahSoal:Number =
xnKumpulanSoal.childNodes.length;
   for (var i:Number = 0; i<nJumlahSoal; i++) {

aItemSoal:Array = new Array();
    var xnSoal:XMLNode =
xnKumpulanSoal.childNodes[i];
    var sPertanyaan:String =
xnSoal.childNodes[0].childNodes;
    aItemSoal.push(sPertanyaan);
    var sFileGambar:String =
xnSoal.childNodes[1].childNodes;
    aItemSoal.push(sFileGambar);
    var sJawaban:String =
xnSoal.childNodes[2].childNodes;
    aItemSoal.push(sJawaban);
    var aSubItemSoal:Array = new Array();
    var xnPilihan:XMLNode =
xnSoal.childNodes[3];
    var nJumlahPilihan:Number =
xnPilihan.childNodes.length;
    for (var j:Number = 0; j<nJumlahPilihan;
j++) {
     var sPilihan:String =
xnPilihan.childNodes[j].childNodes;
     aSubItemSoal.push(sPilihan);
    }
    aItemSoal.push(aSubItemSoal);
    aDaftarSoal.push(aItemSoal);
   }
}
};
xmlSoal.load("soal2.xml");