Cara membuat kuis interaktif di flash
11:25 AM
12 Comments
teguhashax.blogspot.com® Buat agan yang ingin tau cara
membuat kuis sederhana di flash nih caranya,.
Mohon maaf sebelumnya bila agak ribet ;D kita mulai aja !
1.
Buka program flash pada komputer anda
2.
Jika sudah dibuka langsung pilih aja “flash
document”
3.
Setelah itu buat 3 layer baru dengan urutan dan
masing-masing nama “script”, “pertanyaan” dan “backgroung”.
4. Jika
sudah sekarang kita membuat hiasan halaman pertamanya dulu. Dengan cara kunci
dulu layer “script” dan layer “pertanyaan”. Jika sudah di kunci, pastikan layer
“background” terseleksi kemudian gunakan
rectagle tool untuk membuat kotak dan aturlah warna kotak sesuai keinginan
anda.
5. Jika
sudah, sekaranga gantian layer background yang dikunci, terus buka kunci layer
script dan layer pertanyaan. Pilih layer pertanyaan frame 1, buat
teks judul, berikanlah judul sesuai keinginan anda. Jika sudah, berilah sebuah
buton pada frame tersebut dengan cara masuk ke menu window -> Common
libraries -> button. Pilihlah button sesuai keinginan anda kemuan drag ke
stage, atau area kerja seperti pada gambar.
6.
Sekarang kita masih bekerja pada frame 1 layer
pertanyaan. Sekarang kita akan membuat link dari button yang kita buat agar
bisa di play dan memulai permainan. Caranya klik kanan pada button tersebut
kemudian pilih “action” dan masukanlah script ini.
on (release){
gotoAndPlay(2);
}
7. Jika halaman depan sudah selesai, sekarang kita
lanjut ke membuat pertanyaan. Caranya adalah klilk kanan pada frame 2dengan layer
pertanyaan -> pilih insert blank keyframe. Jika sudah .ketikanlah pertanyaan
menggunakan “text tool” pada frame tersebut sesuai keinginan anda.
8.
Lakukan langkah yang sama untuk membuat
pertanyaan - pertanyaan berikutnya.
9. Jika
semua pertanyaan sudah di buat sekarang kita akan membuatt tobol pada jawaban –
jawaban setiap pertanyaan tersebuat caraya sama, masuk ke menu window -> Common libraries ->
button. Pilihlah butoon sesuiat keinginan anda. Terus geser atau drag button
tersebut ke setiap pilihan jawaban.
10.
Lakukan langkah yang sama untuk pertanyaan –
pertanyaan berikutnya.
11.
Sekarang kita akan memberikan script pada setiap
button yang kita letakan pada setiap pilihan jawaban tadi, tujuannya agar
button itu dapat di tekan dan bisa berlanjut ke pertanyaan berikutnya dan juga untuk memberkan skor yang
di dapatkan. Caranya klik kanan pada button tadi kemudian pilih “Action”.
Dan
masukan script ini :
on(release){
gotoAndPlay(3);
}
Lakukan langkah yang sama pada button yang
lain.
*keterangan script : perhatikan bahwa angka
tiga yang berwarna merha tersebut di gunakan pada button pertanyaan frame ke 2, nah untuk frame selanjutnya anda
tinggal menggantinya saja dengan angka frame selanjutnya, contoh : jika di
frame 3 maka angka tersebut harus anda ganti dengan angka 4 dan seterusnya.
12.
Namun pada pertanyaan yang jawabannya benar beda
lagi scriptnya. Anda tinggal ganti saja dengan script seperti ini.
on(release){
gotoAndPlay(3);
skor++;
}
*ingat
angka yang berwarna merah juga harus diganti sesuai frame berikutnya.
13.
Lakukan loangkah yang sama pada button – button
pilihan pertanyaan di frame frame yang lain.
14. Jika semua tombol pilihan sudah ditambahkan
script, maka langkah selanjutnya adalah
membuat skor pada frame terakhir. Caranya
pilihlah frame setelah pertanyaan terakhir yang anda buat, kemudian ketikanlah seperti ini :
SKOR
KAMU
Jumlah
soal :
Jawaban
benar :
Persentase
benar :
15.
jika
sudah, buatlah dynamik text dengan menggunakan text tool dan taruhlah di
sebelah “ jawaban benar” dan berilah instance name variabel benar.
16. buatlah
satu lagi satu lagi dynamic text namun kali ini di letakan di samping “persentase
benar” dan di beri instance name variabel persentasi dan nama var nya
persentasi.
17.
Sekarang kita akan bekerja pada layer “script”,
pada layer ini kita hanya akan memberikannya script saja pada setiap framenya.
Caranya pada frame pertama atau ke 1 kasih script seperti ini :
Stop=();
Skor=0:
Dan pada frame paling terakhir di layer
script kasih script seperti ini :
Stop=();
Persentase=(skor/jumlah pertanyaan yang
anda buat)*100+”%”
*keterangan script : ubahlah yang berwarna
merah dengan jumlah pertanyaan yang anda buat misaknya 5.
Namun pada setiap frame yang dua
di atas, agan Cuma tinggal kasih script seperti ini :
Stop=();
18. Jika
semuanya sudah selesai tekan CTRL+ENTER dan agan tinggal mainin tuh.
thanks.. membantu bgt.. tapi cara penyampaiannya tolong di perbaiki lagi..
ReplyDeleteoke gan terima kasih...nanti saya perbaiki..
ReplyDeletegak bisa
ReplyDeletelangkah 11 yang di atas :
ReplyDeleteon(release){
gotoAndPlay(3);
}
pada saat frame 5, maka ganti 3 yang di atas menjadi 6.
pada saat saya kembali ke frame 2, kenapa scriptnya juga ikutan berubah seperti
on(release){
gotoAndPlay(6);
}
harusnya kan tetep 3, knp berubah terus..
gimana ya caranya?
trims..
Kalau tidak salah, script itu setelah ditulis harus dipencet script assistnya.
ReplyDeleteoke thanks. saya gak bisanya saat terakhir2 tuh, pass buat label di skornya. eh untungnya menemukan blog ini, sangat membantu lah (y)
ReplyDeletethanks saya ahirnya saya bisa juga
ReplyDeleteBahasanya gaul banget pak.. :D
ReplyDeleteTapi lumayan, dapat nambah ilmu...
Thanks.
Udah seminggu belajar bikin ini, tapi masih gagal teruss
ReplyDeleteTerimakasih tutorialnya bermanfaat banget,
ReplyDeleteIngin bisa desain grafis? Tapi bingung minta bantuan siapa? Belajar sendiri aja yuk.. kita lihat tutorialnya di
tutorial-tutorial gratis
kebetulan gue dapet tugas bikin ginian .. sipp tinggal praktek :)
ReplyDeleteItu yang layer script frame 1,kok script nya enggak bisa ya ? malah syntax eror,solusi dong
ReplyDelete