Membuat Quiz Sedeharna dengan

Skor di Adobe Flash

BY INDRA FADHILAH · PUBLISHED JANUARY 6, 2017 · UPDATED NOVEMBER 21, 2017
Quiz Interaktif merupakan sebuah fitur interaktif yang biasanya disediakan untuk
latihan soal setelah pengguna aplikasi mempelajari materi CD Tutorial/Interaktif.
Quiz tentu saja harus berisikan soal yang bermuatan materi yang terkait dalam CD
Tutorial/Interaktif tersebut.

Biasanya dalam Quiz Interaktif terdapat fitur Skor untuk melihat skor yang
berhasil dicapai user setelah menjawab soal, selain itu pada Quiz juga terdapat
tombol Reset/Ulangi untuk mengulang latihan. Quiz Interaktif bisa berupa model
soal Pilihan Ganda, soal Uraian, soal Gambar, dan soal mencocokkan. Pada
kesempatan ini, mimin akan memberikan tutorial membuat Quiz dengan soal
pilihan ganda saja.

Sebelum memulai tutorial ini, mimin sarankan kamu baca artikel Cara Membuat
Hidden Button di Adobe Flash, karena nanti akan berkaitan dengan tutorial ini.
Kita mulai saja yuk..

1. Buatlah sebuah Document Flash baru sesuai kebutuhan kamu, atau kamu bisa
menentukan Properties Document seperti gambar berikut :
2. Setelah itu, ubahlah nama Layer 1 menjadi “soal”

3. Kemudian buatlah objek seperti tampilan gambar berikut :

tampilan soal. no. 1 pada frame ke-1 Layer “soal”

Bagi kamu yang belum mengerti tentang cara membuat Hidden Button, klik
disini Cara Membuat Hidden Button
4. Setelah kita membuat soal dan opsi jawaban yang sudah diberi Hidden Button,
klik pada frame ke 2 Layer “soal” kemudian Insert Keyframe (F6)

5. Lalu ubahlah objek-objek pada stage untuk tampilan soal no. 2, seperti contoh
gambar berikut :

tampilan soal. no. 2 pada frame ke-2 Layer “soal”

6. Lakukan berulang sampai dengan jumlah soal yang kamu inginkan. Di sini
mimin hanya mencontohkan 3 tampilan soal saja, maka mimin melakukan
Insert Keyframe pada frame ke 3 untuk tampilan soal no. 3 dan mengganti
objek pada Stage kembali.
 tampilan soal no. 3 pada frame ke-3 Layer “soal”

Catatan : Setiap 1 Frame berisi 1 tampilan soal

7. Kemudian berikan ActionScript “stop()” pada frame ke 1 Layer “soal”

8. Selanjutnya, buatlah layer baru dengan nama “skor”, kemudian lakukan Insert
Keyframe pada frame setalah frame terakhir di layer “soal”. Pada contoh ini
mimin hanya membuat 3 soal, maka Keyframe pada layer “soal” juga hanya
sampai frame ke 3, oleh karena itu mimin meng-Insert Keyframe pada frame
 ke 4 layer “skor”. Perhatikan gambar berikut :

9. Setelah membuat Keyframe pada layer “skor”, buatlah objek pada Stage
seperti gambar berikut :

Keterangan :
Dynamic Text di tengah berfungsi untuk menampilkan skor hasil menjawab
soal, dan Button Ulangi digunakan untuk mereset skor dan mengulang latihan
10. Kemudian agar Button Ulangi dapat berfungsi, pada Button tersebut kita beri
script berikut ini :
 on(release){
skor = 0;
gotoAndStop(1);
}

Penjelasan :
script skor = 0 berfungsi menginisialisasi nilai dari variabel skor yaitu 0 (nol)
11. Sekarang buatlah Layer baru dan beri nama “action”. Kemudian pada frame
pertama layer ini beri script berikut :

skor = 0;
 Penjelasan :
script skor = 0 berfungsi menginisialisasi nilai dari variabel skor yaitu 0 (nol)
12. Terakhir, berikan script untuk setiap Hidden Button di opsi jawaban.
– Untuk opsi jawaban yang benar kita berikan Hidden Button-nya script
berikut :

on(release){
skor += 10;
nextFrame();
}

– dan untuk opsi jawaban yang salah kita berikan Hidden Button-nya script
berkut :
 on(release){
nextFrame();
}

Penjelasan :
script on(release) berfungsi menjalankan perintah dibawahnya saat kondisi
button diklik kemudian dilepas.
script skor += 10; berfungsi memberikan nilai 10 pada variabel skor
script nextFrame(); berfungsi menjalankan perintah untuk pindah dan
berhenti di frame berikutnya.
13. Sekarang kamu sudah bisa melakukan Test Movie (Ctrl+Enter). Maka hasilnya
seperti gambar berikut :

Jika suka dengan artikel ini, jangan lupa like & share ya, terima kasih