Kamis, April 16, 2015
0


Cara membuat kuis interaktif di flash

teguhashax.blogspot.com® Buat agan yang ingin tau cara membuat kuis sederhana di flash nih caranya,.
Mohon maaf sebelumnya bila agak ribet ;D kita mulai aja !
    1.       Buka program flash pada komputer anda
    2.       Jika sudah dibuka langsung pilih aja “flash document”


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikFICnQTmnDl5bNSaByK0wOTQOWVRizOY6wlth7PWW5KtlBhzC3Dit16x3i4CqxscfeoO_oxAP4MOn3_i1gPFeCXsMX7JA_DVdi3TMdndpXcuaLtQdyAkm2nCDXVajSbY6ZvLnjEcfFiWb/s400/cats.jpg

    3.       Setelah itu buat 3 layer baru dengan urutan dan masing-masing nama “script”, “pertanyaan” dan “backgroung”.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqP2F3S1v0Shn3ytjpmk8alu6nlkYo0dofJzl7JUWvwpwVt6pNlCoehzCtvD63xrV6lh5uEkLl5jozszuKJCW34aiQ91bhJ0ZM-69depqa9hQP452nwEj4NRXHMlT466_LiZrIFsZyuaos/s400/cats.jpg

    4. Jika sudah sekarang kita membuat hiasan halaman pertamanya dulu. Dengan cara kunci dulu layer “script” dan layer “pertanyaan”. Jika sudah di kunci, pastikan layer “background” terseleksi   kemudian  gunakan rectagle tool untuk membuat kotak dan aturlah warna kotak sesuai keinginan anda.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikiPqNDOj-MI0lDpWavw_MCp2RlbaVao2P6FnHlYKVwg9VF8stZ93YyuCBxUMDeia1pMrSwMau6wa-X_Ub4MvgrI4lrqeyyr0g3XBo5qj0Xya1mjn_LrCeHewOY5dfH9bW4aAlLdFht8Ph/s400/membuat+kotak+pertama.jpg

    5.   Jika sudah, sekaranga gantian layer background yang dikunci, terus buka kunci layer script dan layer pertanyaan. Pilih layer pertanyaan frame 1, buat teks judul, berikanlah judul sesuai keinginan anda. Jika sudah, berilah sebuah buton pada frame tersebut dengan cara masuk ke menu window -> Common libraries -> button. Pilihlah button sesuai keinginan anda kemuan drag ke stage, atau area kerja seperti pada gambar.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJH6uOWJPhSx64boDHP7dnx-yztYuzC1T4EN9hxdxTRrgHS4l5Ljcz79_iKWFLbazjqRH8JOEVQfREbNKlI7lM_GUYOdyrtMqzCrT6ZM9nVzF4U3GfiyjGc9Zu-KEvvgULOpzi09RsiE3B/s400/kasih+judul+dan+button.jpg




    6.       Sekarang kita masih bekerja pada frame 1 layer pertanyaan. Sekarang kita akan membuat link dari button yang kita buat agar bisa di play dan memulai permainan. Caranya klik kanan pada button tersebut kemudian pilih “action” dan masukanlah script ini.

on (release){
gotoAndPlay(2);
}
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_IdFU3JNRG2Px5abRTU75Ltp0xYNEFGUiOpQYqT-E3yWPK1OL6OC05301rKrnzWGFk72tgFDY4Yjr0SEKRmScZaZ-iDzZbvV1SaQjfY8NrZyEXJ5PfzbDmcOnrygYPvj2n-T0Qjp588aj/s400/kasih+script+pada+button.jpg


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_MzjNmX-lkAJwICOzQVnbvcvSbKrtn5xPUfBl_6cXauFHEVubXGJ62RMBfpLdY_sqVxJO4PcieFaDlCx4xy86fEbLWkDTDn3Ars2ZhYNS3FsmHnELIP3xqjif72GQoCRxowGfJSRuSLjP/s400/script+button+play.jpg



    7.      Jika halaman depan sudah selesai, sekarang kita lanjut ke membuat pertanyaan. Caranya adalah klilk kanan pada frame 2dengan layer pertanyaan -> pilih insert blank keyframe. Jika sudah .ketikanlah pertanyaan menggunakan “text tool” pada frame tersebut sesuai keinginan anda.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjASZOJVxyxORReCTddj_4Ht7bGBVWuntBtSIta6Q3ONmunQdWhdPu3vm673ZuT1Z6NnwyhynN36pwKs0-hgBFF2xLiPmIz5VN_13ISf1nPD33VjP7-Ts1ieRhm3tg_psmyTF6XpJnbA3nv/s400/pertanyaan.jpg

8.      Lakukan langkah yang sama untuk membuat pertanyaan - pertanyaan berikutnya.
9.   Jika semua pertanyaan sudah di buat sekarang kita akan membuatt tobol pada jawaban – jawaban setiap pertanyaan tersebuat caraya sama, masuk  ke menu window -> Common libraries -> button. Pilihlah butoon sesuiat keinginan anda. Terus geser atau drag button tersebut ke setiap  pilihan jawaban. 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJwiFTV-zsROXCQiZX4nOG4gFs8vgkDqjvElzeRqn_wvr9yUeXAewLLVtaU7wg4brRXmvZnGflsEKg-oitKeN9tVDOawiIVKOJpvRzXFk0ZS5hlaja5g0nBf9U2EMCObAFFa1w7jP0wFXy/s400/KASIH+BUTTON+PADA+JAWABAN.jpg

    10.   Lakukan langkah yang sama untuk pertanyaan – pertanyaan berikutnya.
     11.   Sekarang kita akan memberikan script pada setiap button yang kita letakan pada setiap pilihan jawaban tadi, tujuannya agar button itu dapat di tekan dan bisa berlanjut ke pertanyaan  berikutnya dan juga untuk memberkan skor yang di dapatkan. Caranya klik kanan pada button tadi kemudian pilih “Action”.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTB0MZPYFDk3G2QT7Kf03wcZVsIeUM1Rf4YCqvT0TKgvWQFaDZc4bKe2CbbUooNTzdmJDDtAwCsKQw4zETw3KZgb6-Bv4ovekckuGFofOGMY7ndtepVIvF3hlmyu55z6He3lqFkNOCi_I1/s400/KASIH+scriipt+BUTTON+PADA+JAWABAN.jpg



 Dan masukan script ini :
on(release){
gotoAndPlay(3);
}

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHX9R63NEUMoypUFzpytCjiYY2S1_9atnqbCB3EUSYUcO4-eg_W3V9FtMpnvJ4qSxP4kn7Osf4ksUZKejDG0mzDrEylGHByb-SkxFHdJjVyfD6TD0vZY1fXfU6eZCssnfzh28VKLtaEGHD/s400/kasih+script2.jpg

Lakukan langkah yang sama pada button yang lain.

*keterangan script : perhatikan bahwa angka tiga yang berwarna merha tersebut di gunakan pada button pertanyaan  frame ke 2, nah untuk frame selanjutnya anda tinggal menggantinya saja dengan angka frame selanjutnya, contoh : jika di frame 3 maka angka tersebut harus anda ganti dengan angka 4 dan seterusnya.
12.   Namun pada pertanyaan yang jawabannya benar beda lagi scriptnya. Anda tinggal ganti saja dengan script seperti ini.

on(release){
gotoAndPlay(3);
skor++;
}

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn8x67_SA1fU9knF_kjWL5nbFhd5UVCRsYwdx9zUbpomXrMXZEl7HnGRWF3HK1LS_jBLxIXXKiBwgpUikZIBpqqT159DjA3GyhLM6yemy5pOsJ8anAthzJz52x5bk-f5mPjYqEbzGUldEy/s400/sekrip+benar.jpg
*ingat angka yang berwarna merah juga harus diganti sesuai frame berikutnya.

13.   Lakukan loangkah yang sama pada button – button pilihan pertanyaan di frame frame yang lain.
14.  Jika semua tombol pilihan sudah ditambahkan script, maka langkah selanjutnya adalah
       membuat skor pada frame terakhir. Caranya pilihlah frame setelah pertanyaan terakhir yang anda buat,  kemudian ketikanlah seperti ini :
SKOR KAMU
Jumlah soal        :
Jawaban benar  :
Persentase benar :


     15.    jika sudah, buatlah dynamik text dengan menggunakan text tool dan taruhlah di sebelah “ jawaban benar” dan berilah instance name variabel benar.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7yriIfC1dkHO1ilMmvK-iOMTe5qso9goH286w4Ci0kpeXIpzYL7EGxMCq6DTKEITq_oVpscbot8mdrcS-6i3L8wM5iXOGM6u-RfGc-cBAzgdGFlI1BXy4ihjvKTfibFf6jJ4bDGh8YQkv/s400/skor.jpg






    16.  buatlah satu lagi satu lagi dynamic text namun kali ini di letakan di samping “persentase benar” dan di beri instance name variabel persentasi dan nama var nya persentasi.
    17.   Sekarang kita akan bekerja pada layer “script”, pada layer ini kita hanya akan memberikannya script saja pada setiap framenya. Caranya pada frame pertama atau ke 1 kasih script seperti ini :

Stop=();
            Skor=0:

Dan pada frame paling terakhir di layer script kasih script seperti ini :

Stop=();
              Persentase=(skor/jumlah pertanyaan yang anda buat)*100+”%”

*keterangan script : ubahlah yang berwarna merah dengan jumlah pertanyaan yang anda buat misaknya 5.
       
               Namun pada setiap frame yang dua di atas, agan Cuma tinggal kasih script seperti ini :

Stop=();


     18.  Jika semuanya sudah selesai tekan CTRL+ENTER dan agan tinggal mainin tuh.

0 komentar:

Posting Komentar