Anda di halaman 1dari 6

membuat kuis pilihan ganda sederhana

MEMBUAT KUIS PILIHAN GANDA DENGAN FLASH


Langkah-Langkah:
1. Buka Macromedia Flash
2. Pada Create New  Flash Document

3. Tekan Ctrl+J (Document Properties) untuk merubah ukuran stage dengan mengganti lebar
(width) dan tinggi (height) sesuai kebutuhan. Pilih warna background sesuai dengan pilihan
Anda (warna background dibuat sama untuk tiap stage).
4. Buat kotak background untuk pinggir halaman flash (contoh tutorial menggunakan kotak
dengan stroke hitam dan tanpa fill)

5. Klik 2 kali tulisan Layer 1 untuk mengganti nama layer, ganti dengan Latar

6.
R e c r e a t e d b y n a n a n g k r i s d i a n t o - P a g e |1

membuat kuis pilihan ganda sederhana

7. Klik gambar gembok di layer Latar untuk mengunci layer, tambahkan layer baru sebanyak 2
layer, ganti nama layer menjadi Pertanyaan dan Action

8. Buat judul untuk Quiz dan teks untuk Nama dengan menggunakan Text Tool (T)

9. Buat kotak text input di sebelah kanan NAMA : (dengan Text Tool) untuk memasukkan nama
pengguna quiz, kemudian ganti propertiesnya menjadi Input Text dan isi variabelnya di kotak
var dengan nama

10. Tambahkan teks Klik Disini dengan Text Tool, properties Static Text
11. Klik Kanan tulisan Klik Disini  Convert to Symbol  pilih Symbol  name : Symbol 1  OK
R e c r e a t e d b y n a n a n g k r i s d i a n t o - P a g e |2

membuat kuis pilihan ganda sederhana

12. Untuk membuat quiz dengan 5 soal (contoh tutorial), Klik frame ke 2 di layer Action, tekan
Shift dan klik frame ke 7 di layer Latar / = diblok, Klik Kanan pilih Convert to Keyframe /Tekan
F6

13. Klik frame ke 1 di layer Pertanyaan dan klik Klik Disini, tekan F9, ketik action script berikut
on (release){
nextFrame();
}

R e c r e a t e d b y n a n a n g k r i s d i a n t o - P a g e |3

membuat kuis pilihan ganda sederhana

14. Untuk membuat animasi quiz berhenti dan menampilkan judul di frame 1, klik frame ke 1 di
layer Action  tekan F9, ketik
stop();

15. Tambahkan script untuk menyiapkan nilai hasil quiz


score=0;
16. Untuk membuat quiz menampilkan pertanyaan dan baru pindah ke frame berikutnya setelah
diklik, maka klik frame ke 2 di layer Action  tekan F9, ketik
stop();
17. Klik setiap frame di layer Action frame ke 3,4,5,6, dan 7, dan tambahkan action script
stop();

18. Klik frame ke 2 di layer Pertanyaan, hapus semua teksnya dan ganti dengan teks pertanyaan
quiz pertama serta pilihan jawaban abcd
Catatan setiap jawaban a, b, c dan d harus dibuat dengan teks terpisah
19. Klik sembarang, kemudian Klik Kanan jawaban a, Convert to Symbol  pilih Button  OK

20. Convert to Symbol juga untuk jawaban b, c dan d, dalam bentuk Button
R e c r e a t e d b y n a n a n g k r i s d i a n t o - P a g e |4

membuat kuis pilihan ganda sederhana

21. Tekan F9 (mengaktifkan action script) pada button jawaban a (jawaban salah), ketik
on (release){
nextFrame();
}
22. Ulangi untuk button c, dan d, tekan F9, ketik
on (release){
nextFrame();
}
23. Untuk jawaban button b (jawaban benar), tekan F9, ketik
on (release){
nextFrame();
score++;
}
24. Klik frame ke 3 layer Pertanyaan, hapus semua teksnya dan ulangi membuat pertanyaan ke 2
beserta jawaban abcd, Convert to Symbol jawaban abcd nya dan tambahkan action script yang
berbeda untuk jawaban benar dan salah masing masing button jawaban (seperti langkah 18
sampai 23).
25. Ulangi langkah untuk membuat pertanyaan nomor 3 di frame ke 4, nomor 4 di frame ke 5,
nomor 5 di frame ke 6, semua di layer Pertanyaan
26. Buat teks di frame ke 7 layer Pertanyaan seperti berikut :
Properties :
Text : Dynamic Text
Var : score
Properties :
Text : Dynamic Text
Var : persentase
Properties :
Text : Dynamic Text
Var : keterangan
Properties :
Text : Static Text
Convert to Symbol
Action script

27. Klik frame ke 7 di layer Action tambahkan action script berikut :


stop();
persentase=(score/5)*100+%;

on (release){
gotoAndPlay(1);
}

R e c r e a t e d b y n a n a n g k r i s d i a n t o - P a g e |5

membuat kuis pilihan ganda sederhana

28. Klik frame ke 7 di layer Pertanyaan, tekan F9, ketik


if (score>3 {
keterangan = Selamat Anda BERHASIL Lulus dalam Tes!!!;
}
if (score<3) {
keterangan = Maaf anda GAGAL, belajar yang rajin ya!;
}
29. Klik Text Tool E X I T, Convert to Symbol  Button  OK
30. Klik Button E X I T, tekan F9, ketik
on (release) {
getURL("javascript:window.close()");
}
31. Test quiz Flash yang sudah dibuat dengan menekan tombol CTRL+ENTER, lihat hasilnya

R e c r e a t e d b y n a n a n g k r i s d i a n t o - P a g e |6

Anda mungkin juga menyukai