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();
};
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();
};
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();
};
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();
};
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();
};
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();
};
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);
};
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
+ comments + 49 comments
gan, izin kopas boleh?
@Gery CagivaSilahkan Gan....
Buat frame 7 nya gimana itu Bos....???
@cho kyuhyunlihat langkah 6 untuk membuat frame gan
bisa tolong jelaskan cara buat frame ke 7 nya ?
kok punya saya nilai akhirnya jadi NaN ? gimana cara yang bener dan jelaskan lebih detail ya kak... Makasih :)
untuk cara membuat frame ke 7 silahkan lihat di sini : https://www.facebook.com/photo.php?v=10200116275028357&set=vb.1794864886&type=2&theater
thnks bgt mas bagus handoko
maaf, mau izin minta filenya, tertarik ingin mempelajrinya, untuk uji coba buat soal Agama...terima kasih ya...(semoga saya bisa mempeljarinya...)
Silahkan gan....... moga bermanfaat dan terima kasih sdh berkunjung....
Terimakasih banyak gan
Terima Kasih Kunjungannya Gan.....
Moga bermanfaat.....
kok Nan tulisannya
@Fitri Handasaricoba periksa ulang AS-nya sis.
Gan gua izin copas boleh ??
@adik zahraSilahkan...............
Terima kasih telah berbagi
Maaf....ijin copas pak....ingin belajar...
terima kasih
@Joko HeriSilahkan copas Pak.....
kak maaf itu untuk bikin frame di layer action nya pake apa ya? insert frame atau apa ya?
@fikri sanusi baca ulang dari awal........
Sip. Thanks bro
cara membuat frame ke 7 gan caranya gimana
@veari innountuk cara membuat frame ke 7 silahkan lihat di sini : https://www.facebook.com/photo.php?v=10200116275028357&set=vb.1794864886&type=2&theater
sekalian apl nya gaes
@henri agungutk contohnya download di http://www.4shared.com/zip/bgCnyYwT/kuis.html
maaf gan saya mau nanya . Jadi kalau cara melihat jawaban dari pilihan berganda itu yang benar gmna? Apa ads value yang harus kita ketahui?
kak buat yg frame kke-7 nya gimana? kok nilainya ga mau muncul?
@Ditha Rizka Fadillah
untuk cara membuat frame ke 7 silahkan lihat di sini : https://www.facebook.com/photo.php?v=10200116275028357&set=vb.1794864886&type=2&theater
ga bisa kak, halaman nya tidak tersedia. itu udh bner link nya?
menarik infomasinya.... thanks....
@Ditha Rizka Fadillah
link udh bener....
utk buat tombolnya :
- klik Window - Common Libraries - Buttons
- pilih button yg adk inginkan
- seret button ke Frame1 Layer "Materi"
selanjutnya,
klik button dan pada kolom properties ganti isi instancename-nya dengan "mulai" (tanpa tanda petik)
@Cto NET
terima kasih kunjungannya ya......
makasih ya kak.. udh bisa nih trus kalau mau buat munculin nilai nya pake apa kak?
nilainya kok bacaannya "nan" ya kak?
Mantab Chris
Ako Gwap0
nilainya kok bacaannya "nan" ya kak?
Langkah No 5 yg bener ini :
stop();
score = 0;
mulai.onPress = function () {
nextFrame();
};
kok gak keluar ya nilainya
mantap ,i like it :)
My blog
gan yang frame action ke 7 gmana caranya nilainya gag keluar
gan mau tanya.
saya buat frame 1 -20 itu materi, lalu frame 21 itu halaman awal soal, frame 22-30 halaman soal. Pas dijalankan frame 1-20 nya masih terikut, bagaimana agar yg terbaca dan dirandom itu dari frame 22-30 saja.
terima kasih gan sebelumnya
gimana membuat movieclip (tanda benar ata salah)dari jawaban yang dipilih sebelum ke frame (soal) selanjutnya ?
terimakasih
bermanfaat sekali :)
ijin copas gan...
terima kasih...
mas mau tanya, bisa ga soal gandanya acak misal nih dari 5 materi ada 10 soal nah jadi total keseluruhan materi 50 soal ganda, nah pertanyaan nya bisa kah aplikasi macromedia flash8 dalam 50 soal di ambil 10 soal setiap materi dan soal yang di ambil secara acak.?
kalo misalkan bisa, membuat soal acak bagaimana contohnya ?
mohon kejelasan nya mas...
gan sory ko pas di jumlah nilainya ngga ada nilainya ya?jadi ukan jumlah nilai malah cuma tulisan NaN itu kenapa ya tolong pencerahannya
Post a Comment
Terima Kasih Sudah Meninggalkan Komentar...