Monday 21 November 2011

Membuat Kuis Interaktif Dengan Flash

Ditengah-tengah kesibukan dan kepenatan saya dalam menyusun dan membuat proek akhir saya , yang kebetulan tema yang saya ambil adah mengenai aplikasi berbasis Flash, saya gak iseng-iseng alias bener-bener nyari script untuk membuat kuis interaktif yang berbasis flash.
Posting ini emang repost, tapi wateVer , saya hanya ingin berbagi bagi anda yang membutuhkan, hehe :D
langsung cekidot yaa..
***
Langkah 1 :
Buka macromedia flash 8, pilih Flash Document
Langkah 2 :
lakukan pengaturan document dengan tekan Ctrl + J pada keyboard atau
pada menu bar pilih Modify -> Document…
Dalam hal ini untuk Dimension, saya atur width 450 px dan height 400 px. Kemudian Background color saya pilih warna putih.
Langkah 3 :
Buat bingkai pada stage dengan klik Rectangle Tool kemudian klik icon Set Rectangle Tool, isi Corner radius 15 points. Lalu buat bingkai pada stage.
Langkah 4 :
Beri nama layer dengan cara ganti tulisan Layer 1 menjadi background dan kunci.
Kemudian tambahkan 2 layer dan beri nama masing - masing dengan nama pertanyaan dan action
Langkah 5 :
Klik layer pertanyaan, kemudian buat teks judul quiz yang akan anda buat.
Kemudian di bawah teks judul, anda buat pertanyaan nomor 1 beserta pilihan jawabannya.
Catatan :
Dalam hal membuat pilihan jawaban jangan Copy+Paste manual saja.
Langkah 6 :
Klik layer action, kemudian pada keyboard tekan tombol F9.
Tambahkan script
stop();
Klik tombol jawaban, kemudian pada keyboard tekan tombol F9
Tambahkan script
on (release) {
gotoAndPlay(2);
}

Lakukan hal yang sama terhadap tombol jawaban yang lain.
Langkah 7 :
Pilih frame 2 sampai dengan frame 5 pada semua layer, kemudian tekan tombol F6 atau klik kanan pilih Insert Keyframe.
Langkah 8 :
Ganti pertanyaan dan pilihan jawabannya pada frame 2 sampai dengan frame 5.
Langkah 9 :
Ganti script pada tombol setiap frame yang merupakan jawaban dengan script
on (release) {
gotoAndPlay(2);
skor++;
}

langkah 10 :
Pada frame 2 ganti gotoAndPlay(2) dengan gotoAndPlay(3)
pada frame 3 ganti gotoAndPlay(2) dengan gotoAndPlay(4)
dan selanjutnya pada setiap tombol jawaban.
Langkah 11 :
Pilih layer action, kemudian tambahkan script
stop();
pada frame 2 sampai dengan 5.
Langkah 12 :
Membuat penilaian terhadap jawaban user.
Pilih frame 6 kemudian klik kanan pilih Insert Keyframe.
Lalu klik layer pertanyaan, ubah teks yang ada dengan yang anda inginkan.
Kemudian tambahkan berikut :
Jumlah soal
Jawaban benar
Nilai
Langkah 13 :
Di samping teks “Jumlah soal” buat teks “5″ atau sesuai banyak soal yang anda buat.
Di samping teks “Jawaban benar” buat dynamic text : 10 atau 100 atau sesuka anda, kemudian isi “var :” dengan “skor”.
Di samping teks “Nilai” buat dynamic text : 100 atau 1000 atau sesuka anda, kemudian isi “var :” dengan “nilai”
Langkah 14 :
tambahkan script berikut
stop();
skor=0;

pada layer action frame 1
Langkah 15 :
Pada layer action frame 6 buat script berikut
stop();
nilai=(skor/5)*100;

Anda dapat menambahkan tombol untuk kembali ke soal pertama dengan membuat teks di atas tombol kemudian ubah menjadi symbol dan beri script berikut
on (release) {
gotoAndPlay(1);
}

Berikutnya anda dapat tes hasilnya dengan cara tekan kombinasi Ctrl+Enter.
***
Download Tutor lengkap DISINI lengkap dengan gambar

SELAMAT MENCOBA!!!
SEMANGAT!! :D

1 comments:

gan mau tanya, ane buat kuis pilihan ganda tapi di setiap jawaban itu ada nilai masing2, jadi gak ada jawaban yang salah semuanya benar, nah gimana actionscript untuk membuat jika nilai/score lebih dari 75 sampai 100 itu muncul tulisan "perfect" dan sebaliknya kalo dibawah nilai/score 75 muncul tulisan "belajar lagi"

Post a Comment

Enter your email address:

Delivered by FeedBurner

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More