Bikin Quiz Interactive Untuk Ulangan Sekolah

Hallo sobbat muda  apa kabarnya ?… semoga baik-baik saja…
Sebagai seorang tenaga pendidik tentunya pernah memberikan evaluasi, entah itu ulangan harian, ulangan umum, atau ujian semester. Umumnya dari beberapa ulangan tersebut menggunakan alat tulis seperti kertas ulangan dan Ballpoint/potlot, sebagai media penilaian pastinya kita merasakan sedikit ketidak efesienan terhadap ulangan-ulangan tersebut, seperti, lembar soal yang harus di distribusikan harus di foto copy terlebih dahulu atau di catat, siswanya menyontek, mengoreksi secara manual, itu tentunya akan memakan waktu yang cukup lama, apalagi!, kelasnya banyak!..hoallaah butuh waktu 1 hari sampai 2 hari untuk mengkoreksi soal ulangan, ya kan sobb!?..
disini saya akan berbagi tips untuk membuat soal ulangan berbasis komputerisasi dengan menggunakan metode multiple choice atau pilihan ganda, yang pastinya akan membuat kita lebih mudah dalam pengerjaannya, mendistribusikannya serta penilainnya.
pada bagian ini saya buat secara sederhana saja, tanpa menggunakan database. mungkin untuk tutorial-tutorial selanjutnya saya akan share yang lebih canggih lagi yaitu menggunakan format database untuk bank soal dan hasil nilainnya.
Untuk pembuatan quiz interactive ini saya menggunakan software anyar seperti Ado Flash cs6, untuk versi dibawahny juga bisa seperti, cs3,4,5 atau proffesional. Adobe flash ini fungsi bukan hanya sebagai software  animasi atau design saja, tapi juga bisa kita gunakan untuk keperluan-keperluan pendidikan seperti, pembelajaran interactive. Sebenarnya untuk program-program quiz ini sudah banyak sekali sobb, bahkan lebih mudah dalam pengerjaannya, tapi dilain sisi kita tidak bisa membuat kerangka-kerangka layout atau design yang kita inginkan, tapi kalau di Adobe Flash kita bisa membuatnya sesuai dengan selera dan keinginan kita.
ini salah satu contoh program Soal Ulangan yang sudah saya buat, sebagai sample.(preview)
OK Sobb kita langsung saja buat projectnya..
yang pertama buka program Adobe Flashnya, dan gunakan Action Script 02.
13750226441214762095
Dokumen Pribadi (interface Adobe Flash cs 6)
setelah programnya terbuka, dan pilih As2. sekarang kita atur dimensi stage (lembar kerja) dengan cara klik kanan pada stage, pilih document properties, aturlah dimensinya dan warna backgroundnya, hingga menjadi seperti ini:
1375022841958085658
Dokumen Pribadi (Properties Stage)
setelah itu klik OK, dan buatlah Layer menjadi 3 layer dengan cara klik kanan pada layer, insert layer dan berikan namanya pada masing-masing layer.
1375023193909762790
Dokumen Pribadi (Layer)
Setelah anda membuat layernya, sekarang klik pada layer form, pilih frame 1, lalu buatlah object seperti :
1. Text Static
2. Text Input
3. Membuat nama Variabel pada Input Text
Contoh gambar dibawah ini yang merupakan text static adalah pada bagian Judul nama dan nama, kelas, L/P. yang merupakan bagian input text adalah bagian kotak putih sebagai formnya.
1375023538786996609
Dokumen Pribadi (Form isian)
cara membuatnya : anda bisa lihat di video tutorialnya di bawah.
setelah anda buat bagian form isiannya, sekarang kita akan embed font dengan cara, klik bagian kotak putih yang merupakan input text, pilih menu character pilih embed. fungsinya sebagai include font agar bisa berintegrasi dengan program.
13750238311779526108
Dokumen Pribadi (embed font)
berikutnya adalah, kita buat tombol atau button Play/Mulai dengan cara menggunakanRectangle lalu sisipkan text Mulai.
1375023960599196152
Dokumen Pribadi (button play)
setelah jadi, sekarang kita akan convert menjadi symbol button, caranya, seleksi bagian text dan button, klik kanan pilih convert to symbol, lalu pilih type button.
13750240961961591227
Dokumen Pribadi (cara membuat button)
seteelah selesai sekarang kita akan buat animasi pada button, caranya, double klik pada button yang sudah di convert, lalu insert keyframe seperti ini :
1375024222173442044
Dokumen Pribadi (insert keyframe)
sehingga seperti ini
13750242671882474528
Dokumen Pribadi (keyframe button)
pada bagian frame ke dua, ubah warnanya menjadi merah, agar ketika kursor mengarah ke arah tombol button, warnanya akan berubah menjadi merah.
13750243611046197057
Dokumen Pribadi (memberi warna pada button)
setelah proses itu selesai, double klik di luar stage.
sekarang kita akan melakukan pembuatan button pada bagian pilihan gandanya A,B,C dengan cara yang sama seperti di atas. bedanya sekarang kita akan membuatnya di bagian Frame 2 pada Layer soal. klik kanan Insert Blank Key frame.
13750245501930633301
Dokumen Pribadi (Tombol soal)
setelah sobbat buat itu, sekarang kita copy paste saja bagian ini, agar sama ukuran dan formatnya. setelah di copy paste, ubahlah bagian textnya menjadi A,B,C.
1375024656634615047
Dokumen Pribadi (frame soal)
setelah ini sudah jadi, sekarang kita isi jawaban yang benar dan yang salah, dengan static text.
Buatlah soal sampai dengan 2 soal. Sobbat muda bisa membuatnya lebih dari 2 soal seperti 10 soal 20 soal.
1375024731162779078
Dokumen Pribadi (static text
Jika sudah jadi semua sampai dengan dua soal, kita beralih ke Frame 1, layer form. Copy bagian formnya, lalu tempatkan pada baian frame 4 pada layer soal.
13750248711283128105
Dokumen Pribadi (copy frame)
13750249171630693590
Dokumen Pribadi (tempatkan disini)
jika sudah ditempatkan pada frame terakhir, sekarang ubahlah form kotak putih tersebut menjadi Dynamic text.
13750251341354741481
Dokumen Pribadi (dynamic text)
Masih di Frame terakhir layer soal, sekarang kita akan membuat hasil skor jawabannya, dengan cara, buatlah text dengan format dynamic text, dan buatlah namavariabelnya menjadi skor.
13750252812016050238
Dokumen Pribadi (dynamic text)
dna buat satu lagi dengan nama variable Prosentase.
13750253401899016310
Dokumen Pribadi (prosentase)
jika sudah selesai, sekarang kita insert keyframe pada layer Action dengan penuh dengan cara klik kanan insert keyframe, seperti
13750254361462705023
Dokumen Pribadi (layer action)
Jika sudah, Klik frame 1 pada layer Action dan masukan Scriptnya pada frame, dengan cara klik frame 1, klik kanan pilih Action, atau menekan tombol F9
1375025521242953721
Dokumen Pribadi (script)
Penjelasan Scriptnya : Stop(); ini agar movie clip tidak akan dapat berjalan, tanpa ada perintah dari eksekusi button. Skor=0; ini merupakan bagian dari variabel perintah, angka “0″ adalah nilai awal skor yang diberikan jika movie clip dijalankan.
setelah membuat ini, sekarang kita klik frame 4  pada layer Action dan masukan Action Scriptnya di frame.
13750258541799011259
Dokumen Pribadi (Action script)
Penjelasan script Prosentase :
Prosentase adalah Variabel dari dynamic text untuk prosentase yang sebelumnya kita buat, dan skor merupakan variabel dari dynamic text untuk skor yang sebelumnya kita buat, angka 2 merupakan bilangan dari jumlah soal “disini saya membuat hanya 2 soal” jika sobbat membuat soalnya 10, maka masukn valuenya 10, dan dikalikan 100.
berikutnya masukan ction script stop pada setiap frame 2,3 dan 4 agar movienya kita dapat kontrol menggunakan eksekusi Button.
13750262221485961129
Dokumen Pribadi (Script Stop)
Setelah selesai semuanya, sekarang kita beralih ke bagian button yang sudah kita buat tadi. yang pertama kita akan masukan script button pada tombol Mulai/play, yang berada di frame 1. dengan cara klik button “bukan framenya”, klik kanan pilih action, lalu masukan scriptnya.
13750263461885762041
Dokumen Pribadi (Button Script)
Penjelasan Script : on (release) jika tombol button di klik tidak langsung mengeksekusi, gotoAndPlay jika tombol button di klik lalu dilepas maka akan menuju pada frame berikutnya, dalam kasus ini saya isi frame 2
setelah selesai, sekarang kita beralih ke Button jawaban A, B, dan C. pada bagian ini ada sedikit perbedaan pada script, seperti jawaban salah dan jawaban benar, jika jawaban benar maka ada penambahan Script seperti “skor++;” tanpa tanda kutip, dan jawaban yang salah hanya script gotoAndPlay saja.
caranya klik kanan pada button/tombol jawaban yang benar, pilih action lalu masukan scriptnya.
1375026587547780759
Dokumen Pribadi (Script Jika Jawaban Benar)
sekarang pada jawaban yang salah.
1375026684286770472
Dokumen Pribadi (Script pada jawaban yang salah)
Lakukanlah cara ini sampai soal yang berikutnya.
setelah semuanya sudah jadi, sekarang kita akan coba jalankan movie projectnya dengan cara menekan tombol kombinasi CTRL+Enter… jika sudah OK, bisa anda publish dengan cara klik menu file, publish setting, lalu publish.
dibawah ini saya sajikan tutorial bentuk video, anda masih merasa kurang paham.

mungkin itu saja yang dapat saya berikan, mohon maaf jika ada kekurangan, Terima Kasih. Wasalam.


Previous
Next Post »
Comments
0 Comments
Terima Kasih Sudah Berkomentar