Uploaded by hafid asari

Bikin Quiz Interactive Untuk Ulangan Sekolah

advertisement
Bikin Quiz Interactive Untuk Ulangan
Sekolah
yang pertama buka program Adobe Flashnya, dan gunakan Action Script 02.
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:
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.
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.
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.
Dokumen Pribadi (embed font)
berikutnya adalah, kita buat tombol atau button Play/Mulai dengan cara menggunakan
Rectangle lalu sisipkan text Mulai.
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.
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 :
Dokumen Pribadi (insert keyframe)
sehingga seperti ini
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.
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.
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.
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.
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.
Dokumen Pribadi (copy frame)
Dokumen Pribadi (tempatkan disini)
jika sudah ditempatkan pada frame terakhir, sekarang ubahlah form kotak putih tersebut
menjadi Dynamic text.
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 nama variabelnya
menjadi skor.
Dokumen Pribadi (dynamic text)
dna buat satu lagi dengan nama variable Prosentase.
Dokumen Pribadi (prosentase)
jika sudah selesai, sekarang kita insert keyframe pada layer Action dengan penuh dengan
cara klik kanan insert keyframe, seperti
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
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.
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.
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.
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.
Dokumen Pribadi (Script Jika Jawaban Benar)
sekarang pada jawaban yang salah.
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.
Download