Cara membuat kuis pilihan ganda dengan flash ~ Top Magazine

Monday 18 March 2013

Cara membuat kuis pilihan ganda dengan flash

March 18, 201311 comments

share

http://www.4shared.com/document/IVSFvB2b/buat_kuis_pilihan_ganda.html

<p>Your browser does not support iframes.</p>
Maaf baru bisa upload tutorial yang baru karena kami mengalami masalah pada wordpress saat mengupdatenya menjadi versi 2.8 sehingga kami harus merubahnya kembali ke versi 2.7. Dalam soal pilihan ganda berikut kita akan membuat soal muncul secara acak sehingga soal-soal yang muncul akan terlihat berbeda peletakannya setiap dimainkan.
1. Buatlah sebuah flash document.
2. Buatlah sebuah static text bertuliskan Soal Pilihan Ganda.
3. Buatlah sebuah static text bertuliskan Mulai.
4. Buatlah sebuah persegi panjang dengan panjang dan lebar sama dengan static text bertuliskan Mulai.
5. Seleksi static text bertuliskan Mulai dan persegi panjang kemudian tekan F8. Pada panel yang muncul masukkan mulai_btn sebagai name dan button sebagai type lalu tekan ok.
6. Letakkan seluruh objek di frame 1 seperti gambar di bawah ini :

7. Klik frame 1 dan tekan F9. Pada panel actions yang muncul masukkan script berikut :

stop();
benar = 0;
salah = 0;
total_frame = 11;
array_frame = [];
for (i=2; i<=total_frame; i++) {
 array_frame.push(i);
}
array_frame.sort(function () {
 return random(2) ? 1 : -1;
});
jumlah_frame = array_frame.length;

8. Klik kanan frame 2 dan pilih Insert Blank Keyframe. Pada frame 2 buatlah sebuah static text yang berfungsi sebagai soal dengan bertuliskan 11 + 1 = …..
9. Buatlah 4 buah static text yang berfungsi sebagai jawaban dengan masing-masing bertuliskan a. 11 b. 12 c. 13 d. 14
10. Buatlah sebuah invisible button. Seleksi invsible button di stage dan tekan Ctrl+D sebanyak 3 kali sehingga terdapat 4 buah invisible button di stage.
11. Tempatkan dan atur letak ke-empat invisible button tersebut sehingga menutupi masing masing static text yang berfungsi sebagai jawaban.
12. Atur letak seluruh objek di stage pada frame 2 seperti gambar di bawah ini :

13. Klik frame 2 dan masukkan script berikut pada panel actions :

stop();

14. Klik kanan frame 2 dan tekan Copy Frames. Klik kanan frame 3 dan tekan Paste Frames. Klik kanan frame 4 dan tekan paste Frame. Lakukan hal yang sama sampai frame 11. Sehingga dari frame 2 sampai frame 10 berisi copyan dari frame 2.
15. Ubah soal dan jawaban sesuai keinginan anda.
16. Masukkan script berikut pada invisible button yang memiliki jawaban benar :

on (release) {
 benar += 1;
 if (jumlah_frame>=0) {
  jumlah_frame--;
  gotoAndStop(array_frame[jumlah_frame]);
 }
 if (jumlah_frame<0) {
  gotoAndStop(12);
 }
}

17. Masukkan script berikut pada invisible button yang memiliki jawaban salah :

on (release) {
 salah += 1;
 if (jumlah_frame>=0) {
  jumlah_frame--;
  gotoAndStop(array_frame[jumlah_frame]);
 }
 if (jumlah_frame<0) {
  gotoAndStop(12);
 }
}

18. Klik kanan frame 12 dan pilih Insert Blank Keyframe.
19. Pada stage di frame 12 buatlah 2 buah static text bertuliskan Benar : dan Salah :.
20. Buatlah 2 buah dynamic text. Tekan Ctrl+F3 untuk memunculkan panel properties. Seleksi salah satu dynamic text tersebut dan masukkan benar_tampil dalam kotak Var. Seleksi dynamic text yang satunya lagi dan masukkan salah_tampil dalam kotak Var.
21. Buatlah sebuah static text bertuliskan Main Lagi.
22. Buatlah sebuah persegi panjang dengan panjang dan lebar sama dengan static text bertuliskan Main Lagi.
23. Seleksi static text bertuliskan Main Lagi dan persegi panjang kemudian tekan F8. Pada panel yang muncul masukkan mainlagi_btn sebagai name dan button sebagai type lalu tekan ok.
24. Letakkan seluruh objek di frame 12 seperti gambar di bawah ini :

25. Klik frame 12 dan masukkan script berikut pada panel actions :

1
2
3

stop();
benar_tampil = benar;
salah_tampil = salah;

26. Tekan Ctrl+Enter untuk melihat hasilnya.

Sourcenya dapat di download di sini

Apakah tutorial di atas menarik atau bermanfaat bagi anda? Bantulah Warung Flash agar tetap ada dan memberikan tutorial-tutorial yang lebih bagus dan bermanfaat lagi. Silahkan klik link berikut ini untuk lebih jelasnya : Bantu Warung Flash