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

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

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

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

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

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

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

buka kunci Layer 3. } Tutorial Flash: Membuat Kuis Pilhan Ganda_mmursyidpw2010 8 . Belajar lagi.Selanjutnya. Ketik ‘ULANGI’ dengan tipe teks Static. Klik Frame 7 Layer 3.20. Kembali kunci Layer 3. Pastikan panel Properties aktif dan pada kotak Instance Name ketik ‘restart_button’. Klik kanan teks tersebut. pilih Convert to Symbol. ya!".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!". 21. tipenya Button. } if (score<=60) { keterangan = "Anda belum tuntas.

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

lalu ketik "stop(). Seleksi Frame 10 pada pada kedua Layer. Kembali pada "Scene 1". Seleksi Frame 5 pada Layer "sript". Pilih Movie Clip dan berilah nama ( gb 02 ). Seleksi di Frame 5 pada kedua layer. Seleksi layer pertama pada kedua layer. http://img17.us/img10/9366/gb03.imageshack. 3.".Langkah .us/img8/1473/gb13. Seleksi Frame 5 pada Lyer BG.us/img18/9942/gb01. Seleksi layer Text. http://img8. Double klik Movie Clip. lalu klik tombol Text untuk menulis kata "ASA STUDIO Tutorial" ( gb 05 ). lalu rubah warna ( gb 09 ).jpg 11. 16. klik kanan lalu Convert To Symbol.imageshack.jpg 17. klik kanan dan pilih "Paste Frame" ( gb 11 ). lalu ketik "stop().us/img22/813/gb08. Beri nama pda Instance Name seperti pada gambar 03 yaitu "asaButtonMc". Tambahkan satu Layer lagi dan beri nama "sript". klik kanan.jpg 12. Seleksi Frame 1 pada pada kedua Layer. lalu pilih "Create Classic Tween" ( gb 06 ). Sekarang kita telah mempunyai animasi pada "asabutton ( Movie Clip )".jpg 7.us/img10/7206/gb12. klik kanan dan pilih "Actions".jpg 9. Klik kanan dan pilih "Actions". Seleksi Frame 5 pada Layer Text. 5. http://img18.us/img6/9189/gb06. 13. http://img11.imageshack.imageshack. http://img18. klik kanan dan pilih "Insert Keyframe".jpg 8. http://img22. Seleksi Frame 1 pada Layer "sript". http://img7. http://img25.jpg 10. http://img6.us/img17/5189/gb11.imageshack. lalu rubah posisi dan warna ( gb 08 ).jpg 6. klik kanan dan pilih "Copy Frame" ( gb 10 ). klik kanan dan pilih "Insert Keyframe" ( gb 07 ). 15.us/img7/5106/gb05n. gb 04 ).jpg 2.jpg Tutorial Flash: Membuat Kuis Pilhan Ganda_mmursyidpw2010 1 0 .imageshack. lalu beri nama pada layer ( BG & Text. Seleksi kotak tersebut. 18.us/img25/1420/gb07. Tambahkan satu Layer dan beri nama seperti gambar 13.imageshack. http://img10.imageshack.imageshack. http://img10.us/img18/1796/gb10. dan tambahkan satu layer. Tekan "Enter" untuk melihat hasil animasi. 14.us/img11/5686/gb09." seperti pada gambar 12.imageshack. Buatlah kotak sepeti pada gambar 01.jpg 4.imageshack.langkahnya sebagai berikut : 1.

19. http://img7.us/img7/6872/gb14. sekarang "Test Movie" atau "Ctr+Enter". Tutorial telah selesai. Seleksi Frame 1 pada Layer Cript. Tutorial Flash: Membuat Kuis Pilhan Ganda_mmursyidpw2010 1 1 . Lalu ketik seperti gambar 14.imageshack.jpg 20. lalu tekan F9 untuk mengeluarkan "Actions Script Panel".

Sign up to vote on this title
UsefulNot useful

Master Your Semester with Scribd & The New York Times

Special offer for students: Only $4.99/month.

Master Your Semester with a Special Offer from Scribd & The New York Times

Cancel anytime.