P. 1
Membuat Kuis Flash

Membuat Kuis Flash

|Views: 9|Likes:
Dipublikasikan oleh Kiki Pratama Aizen
Falsh
Falsh

More info:

Published by: Kiki Pratama Aizen on Oct 22, 2013
Hak Cipta:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

04/29/2014

pdf

text

original

TUTORIAL Membuat Kuis Pilihan Ganda dengan Flash

Langkah-Langkah: 1. Aktifkan program Macromedia Flash anda. Pada Creat New, pilih Flash Document. 2. Opsional: Pada Frame 1 Layer 1, buat background dengan rectangle tool. Klik kanan frame 7, pilh Insert Keyframe. Kunci Layer 1. 3. Klik Insert Layer (sudut kiri bawah timeline) untuk membuat Layer baru (layer 2). 4. Klik Frame 1 Layer 2, buat judul kuis dengan Static Text. Di bawah judul, buatlah kotak nama dengan Input Text (aktifkan ‘Show border around text’). Pada Var, ketik ‘nama’. Tambahkan petunjuk pengisian kotak nama di atas Input Text. Sejauh ini hasilnya seperti gambar di bawah.

Tutorial Flash: Membuat Kuis Pilhan Ganda_mmursyidpw2010

1

lalu klik OK. letakkan di bawah kotak nama. Demikian seterusnya sampai dengan soal nomor lima yang ada di Frame 6. pilih Insert Blank Keyframe. Klik kanan Frame 2 layer 3. Buat Layer baru (Layer 3). Type-nya pilih Button. Buat soal beserta pilihan jawabannya dengan tipe teks Static. 7. 8. pilih Insert Blank Keyframe. Klik kanan pada teks ‘MULAI’ tersebut. Sampai di sini. kunci Layer 2 dan simpan dulu dengan nama file LATIHAN1. kemudian tekan F6 pada Keyboard untuk meng-copy frame sampai dengan Frame 6. Klik kanan Frame 7 Layer 2. Klik Frame 2 Layer 2. 6. Buat object kotak dengan Rectangle Tool tepat di atas pilihan jawaban A. Pilih Convert to Symbol. pilih Insert Blank Keyframe. Tekan F8 (Klik kanan 2 Tutorial Flash: Membuat Kuis Pilhan Ganda_mmursyidpw2010 . pada kotak Instance Name ketik ‘startbutton’. Pastikan Panel Properties aktif. Klik Frame 3. ganti soal beserta jawabannya. Klik Selection Tool (tanda panah kanan atas pada Tools). 9.5. Klik Frame 1. Buat teks ‘MULAI’ dengan Static Text. Klik kanan Frame 2 Layer 2.

Masih di Layer 7. kembali klik Frame 1. startbutton. simpan dulu (tekan Ctrl+S). klik OK. tekan F6 4 kali untuk men-copy frame. Klik ganda Kotak yang telah dikonversi menjadi button tersebut. Tutorial Flash: Membuat Kuis Pilhan Ganda_mmursyidpw2010 3 .onPress = function() { nextFrame(). Klik Frame 1 .Klik Frame 2 Layer 4. button_a. pilih Insert Blank Keyframe. klik kanan pada Frame Hit. onEnterFrame = function () { skor = +score. 12. }. Klik kanan pada Frame Up. 14. Klik kanan Frame 7 Layer 3. Kunci Layer 3. C. masukkan ActionScript berikut: stop(). Copy Paste 3 kali) dan masing-masing letakkan tepat di atas pilihan B. dan di atas pilihan jawaban D menjadi ‘button_d’. button_b. }. nextFrame(). Tekan F7 6 kali. Ketik ‘button_a’ pada kotak Instance Name pada Panel properties. 13.onPress = function() { score += 20. }. score = 0.Kopi button kotak tadi (klik kanan. pilih Paste Frames.Buat Layer baru (Layer 4). lalu tekan F9 untuk menampilkan panel Action dan masukkan ActionScript berikut (bisa dengan Copy-Paste): stop(). Kemudian klik Scene 1 pada Timeline. pilih Cut Frames.Convert to Symbol). Ubah Instance Name-nya menjadi ‘button_b’. Seleksi button di atas pilihan jawaban B. 10. dan D.onPress = function() { nextFrame().Klik Frame 2 Layer 3. Sampai di sini. 11.Pastikan button kotak terseleksi.}. di atas pilihan jawaban C menjadi ‘button_c’. pada Type pilih ‘Button’.

button_d. }. button_c. masukkan ActionScript berikut: stop().onPress = function() { nextFrame(). 2 kunci jawabannya A. Keterangan: Soal no.button_c. button_d.Klik Frame 3 (masih di Layer 4). nextFrame(). }. Tutorial Flash: Membuat Kuis Pilhan Ganda_mmursyidpw2010 4 .onPress = function() { nextFrame().}. button_a. Jika button_b (pilihan jawaban B) diklik skor bertambah 20 dan menuju frame berikutnya yang berisi soal berikutnya. }.onPress = function() { score += 20.onPress = function() { nextFrame(). 15. }. onEnterFrame = function () { skor = +score. Keterangan: Soal no. 1 kunci jawabannya B. button_b.onPress = function() { nextFrame(). }. Jika button_a (pilihan jawaban A) diklik skor bertambah 20 dan menuju frame berikutnya yang berisi soal berikutnya.onPress = function() { nextFrame(). }.

}.onPress = function() { nextFrame(). }. button_a.Klik Frame 5 (masih di Layer 4). }. button_b.onPress = function() { nextFrame(). Tutorial Flash: Membuat Kuis Pilhan Ganda_mmursyidpw2010 5 . button_d.onPress = function() { score += 20. button_b. onEnterFrame = function () { skor = +score. }. Jika button_a (pilihan jawaban A) diklik skor bertambah 20 dan menuju frame berikutnya yang berisi soal berikutnya. }. 17.onPress = function() { nextFrame().onPress = function() { nextFrame(). button_a.Klik Frame 4 (masih di Layer 4).16. masukkan ActionScript berikut: stop(). nextFrame(). }. masukkan ActionScript berikut: stop(). onEnterFrame = function () { skor = +score.onPress = function() { nextFrame(). button_c. 3 kunci jawabannya A. Keterangan: Soal no.}.

button_d. onEnterFrame = function () { skor = +score. 18. }. button_d. Tutorial Flash: Membuat Kuis Pilhan Ganda_mmursyidpw2010 6 . button_c. }.Klik Frame 6 (masih di Layer 4). masukkan ActionScript berikut: stop(). }.onPress = function() { score += 20. }.onPress = function() { score += 20.onPress = function() { nextFrame().onPress = function() { nextFrame().}. nextFrame(). Jika button_c (pilihan jawaban C) diklik skor bertambah 20 dan menuju frame berikutnya yang berisi soal berikutnya. nextFrame().onPress = function() { nextFrame(). Keterangan: Soal no. button_b.}. }. button_c. button_a. 4 kunci jawabannya C. }.onPress = function() { nextFrame().

Di bawah teks ‘Nilai anda:’.Selanjutnya. Di bawah ‘Dynamic Text’ dengan nama Variable ‘skor’. buat lagi Dynamic Text kosong dengan nama variable ‘keterangan’. simpan dulu (tekan Ctrl+S). 5 kunci jawabannya B.Keterangan: Soal no. Jika button_b (pilihan jawaban B) diklik skor bertambah 20 dan menuju frame berikutnya. buat Dynamic Text kosong dengan cara klik Text Tool (A) pada panel Tools. ketik ‘skor’. Copy dan Paste-kan di Frame 7 (masih di Layer 2). Tutorial Flash: Membuat Kuis Pilhan Ganda_mmursyidpw2010 7 . Di bawah kotak Input Text. 19. Sampai di sini. Tampilan Stage pada Frame 7 Layer 2 seperti Gambar di bawah. kemudian pilih Dynamic Text dengan ukuran font 50. ketik ‘Nilai anda:’ dengan ukuran Font 15 (Type Text-nya Static Text). pastikan panel Properties aktif. buka kunci Layer 2 dengan cara klik tanda gambar gembok di Layer tersebut. Klik ganda kotak Input Text dan ketik ‘tanpa nama’. Pada kotak ‘Var’. klik di bawah teks ‘Nilai anda:’ dan drag ke kanan. Kembali kunci Layer 2. ketik dengan tipe teks Static Text ‘Kriteria ketuntasan Minimal (KKM): 80’ Di bawah teks ‘Kriteria ketuntasan Minimal (KKM): 80’. Klik kanan kotak Input Text yang telah dibuat di Frame 1 Layer 2.

} Tutorial Flash: Membuat Kuis Pilhan Ganda_mmursyidpw2010 8 . Klik Frame 7 Layer 3. buka kunci Layer 3. Ketik ‘ULANGI’ dengan tipe teks Static. Kembali kunci Layer 3. Belajar lagi. ya!". pilih Convert to Symbol.20. } if (score<=60) { keterangan = "Anda belum tuntas. 21.Klik Frame 7 Layer 4 (pastikan Layer 4 tidak terkunci) kemudian tekan F9 untuk mengaktifkan panel Action dan masukkan ActionScript berikut: if (score>=80) { keterangan = "Bagus! Pertahankan Prestasi!". tipenya Button.Selanjutnya. Klik kanan teks tersebut. Pastikan panel Properties aktif dan pada kotak Instance Name ketik ‘restart_button’.

SAMPAI JUMPA LAGI PADA TUTORIAL BERIKUTNYA. Di bawah adalah tampilan akhir jendela Flash Ducument frame terakhir (7).onPress = function() { gotoAndStop(1). }. SELAMAT MENCOBA DAN MEMODIFIKASINYA. tekan Ctrl+Enter.Untuk melihat hasilnya. Salam Kreatif! M Mursyid PW 2010 Tutorial Flash: Membuat Kuis Pilhan Ganda_mmursyidpw2010 9 .restart_button. 22.Selesai dan tekan Ctrl+S untuk menyimpan. 23.

You're Reading a Free Preview

Mengunduh
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->