BUAT APLIKASI SOAL PILIHAN GANDA

Macromedia Flash tidak hanya digunakan membuat animasi, tetapi juga bisa digunakan untuk membuat quis interaktif.

Pada tutorial kali ini saya akan berbagi bagaimana cara pembuatan soal pilihan ganda lengkap dengan skor menggunakan Macromedia Flash 8.

langsung aja… simak langkah-langkah pembuatannya sob…

1. Jalankan Macromedia Flash 8 sobat dan buat project baru dengan ukuran 800 x 600 px.

2. Buatlah 3 buah Layer dan beri nama masing-masing Layer dengan nama : latar, materi, dan action. (lihat gambar berikut )

3. Klik Frame 1 Layer “latar” dan buatlah gambar latar sesuai dengan kreasi sobat.

(berikut contoh gambar saya)

Jika gambar latar selesai sobat buat, aktifkan icon gembok agar latar tidak bergeser.

4. Klik Frame 1 Layer “materi” dan tuliskan beberapa kalimat dan sebuah tombol seperti yang ada digambar berikut :

Untuk tombol “Mulai” beri instance name dengan nama “mulai” (tanpa tanda petik).

5. Klik Frame 1 Layer “action” dan tuliskan code berikut :

Stop();
score = 0()
mulai.onPress = function () {
nextFrame();
};

6. Klik Kanan Frame 2 Layer “latar” - pilih Insert Frame, kemudian lanjutkan dengan klik Kanan Frame 2 Layer “materi” dan Layer “action” – pilih Insert Keyframe.

Mulai ketikkan soal pada frame 2 Layer “materi” (lihat contoh berikut )

7. Lakukan hal yang sama dengan langkah ke-6 untuk membuat soal nomor 2 dan seterusnya. (sebagai contoh saya membuat 5 soal pilihan ganda).

8. Kembali klik Frame 2 Layer “materi”. Klik opsi jawaban “a” kemudian tekan F8 – klik type Button - OK.

Isi instance name dengan nama “a”.

Lakukan hal yang sama untuk opsi jawaban “b”, “c” dan “d”.

9. Untuk soal pilihan ganda yang lain, lakukan hal yang sama dengan langkah nomor 8.

10. Perhatikan gambar berikut untuk 5 contoh soal yang saya buat :

11. Jika sobat selesai dengan langkah 8 dan 9, selanjutnya sobat klik Frame 2 Layer “action” dan tuliskan code berikut :

stop();
a.onPress= function() {
score += 2; //skor ditambahkan pada jawaban benar
nextFrame();
};
b.onPress= function() {
nextFrame();
};
c.onPress= function() {
nextFrame();
};
d.onPress= function() {
nextFrame();
};

Klik Frame 3 Layer “action” dan tuliskan code berikut :

stop();
a.onPress= function() {
nextFrame();
};
b.onPress= function() {
score += 2; //skor ditambahkan pada jawaban benar
nextFrame();
};
c.onPress= function() {
nextFrame();
};
d.onPress= function() {
nextFrame();
};

Klik Frame 4 Layer “action” dan tuliskan code berikut :

stop();
a.onPress= function() {
score += 2; //skor ditambahkan pada jawaban benar
nextFrame();
};
b.onPress= function() {
nextFrame();
};
c.onPress= function() {
nextFrame();
};
d.onPress= function() {
nextFrame();
};

Klik Frame 5 Layer “action” dan tuliskan code berikut :

stop();
a.onPress= function() {
score += 2; //skor ditambahkan pada jawaban benar
nextFrame();
};
b.onPress= function() {
nextFrame();
};
c.onPress= function() {
nextFrame();
};
d.onPress= function() {
nextFrame();
};

Klik Frame 6 Layer “action” dan tuliskan code berikut :

stop();
a.onPress= function() {
nextFrame();
};
b.onPress= function() {
nextFrame();
};
c.onPress= function() {
score += 2; //skor ditambahkan pada jawaban benar
nextFrame();
};
d.onPress= function() {
nextFrame();
};

Klik Frame 7 Layer “action” dan tuliskan code berikut :

onEnterFrame= function () {
nilai = +score;
};
if (score>=6) {
komentar = "Pertahankan Prestasi Sobat Ya...";
}
if (score<=4) {
komentar = "Sobat Perlu Banyak Belajar";
}
ulangi.onPress= function() {
gotoAndStop(1);
};

12. Simpan project sobat dan coba jalankan aplikasi sobat dengan menekan tombol Ctrl + Enter.

untuk contoh latihannya silahkan sobat download disini

Technorati Tags: Tutorial Flash,Tutorial Macromedia Flash,Dasar Macromedia Flash,Dasar Flash,Flash Dasar,Macromedia Flash Dasar,Petunjuk,Sinau,Belajar,E-Learning,membuat quis,buat Video Player,soal online pake flash,buat aplikasi flash,dll