dengan Android Template

TAT#03
 Modul Bedah Template
MENGEMBANGKAN MULTIPLE CHOICE
DENGAN ADOBE FLASH PRO CS 6 ANDROID
TEMPLATE

INDIKATOR PENCAPAIAN HASIL BELAJAR

 Penguna membuat aplikasi quis pilihan ganda berbasis

android memanfaatkan template mengunakan Adobe Flash
Pro CS 6

URAIAN

Template Multiple Choice ini berisi soal dan jawaban yang

dapat dipilih. Meskipun hanya sederhana tetapi dapat
dikembangkan menjadi berbagai aplikasi bahkan games yang
mengasikkan. Salah satu games yang dapat dikembangkan dari
template ini adalah games tebak suara. Jadi alur gamesnya
pertama tama muncul suara kemudian ada pilihan jawaban berupa
gambar yang menyatakan sumber bunyinya. Atau berbagai macam
aplikasi lain yang mengandalkan soal dan pilihan ganda.
Dalam template terdapat quis multiple choice yang berisi 15
macam soal yang tampil random 10 soal. Frame pertama adalah
pembuka quis, frame ke 2 – 31 berisi soal dan penyelesaian, serta
frame 32 berisi resume hasil quis. Masing masing soal terdiri dari 2
frame, 1 frame berisi soal dan 1 frame berisi penyelesaian. Bila
anda ingin mengubah macam soal, susuaikan dengan aturan yang
dipakai. Misalnya ada ingin membuat macam soalnya ada 20 maka
aturannya sebagai adalah frame 1 pembuka, frame 2 – 41 berisi
soal dan penyelesaian, serta 42 berisi resume hasil quis. Langkah
mengeditnya sebagai berikut.
Toni Setyawan, S.T., M.Pd. - flashbegin.com 1
LANGKAH-LANGKAH

1. Untuk mengubah isi quis, langkah pertama adalah

memperhatikan timeline dari template ini.

Layer AS yang berisi

action script

Frame di layer isi yang

berisi pembuka, soal,
penyelesaian dan resume

2. Sebelum mengisi tampilan soal atur dulu bentuk quis di Action

Script pada frame 1 seperti gambar di halaman berikut

1 //sesuaikan macam soal, tampil soal, respon dan

penyelesaian;
2 macamnya = 15;
3 tampilnya = 10;
4 bikinrandom(true);
5 adarespon = true;
6 adapenyelesaian = true;

Toni Setyawan, S.T., M.Pd. - flashbegin.com 2

 Keterangan Action Script
 Line 2 : macamnya = 15 artinya macam soalnya ada
15.
 Line 3 : tampilnya = 10 artinya quis yang ada buat
tampil 10 soal.
 Line 4 : dirandom = true artinya munculnya soal dibuat
random bukan urutan, bila anda ingin tidak
random maka kata true diubah menjadi false.
 Line 5 : adarespon = true artinya quis yang anda buat
menampilkan respon benar salah pada setiap
soal. Ubah jadi false bila tidak menginginkan.
 Line 6 : adapenyelesaian = true; artinya quis yang
anda buat menampilkan penyelesaian soal.
Ubah jadi false bila tidak menginginkan.

3. Dalam template ini frame pertama adalah pembuka quis dan

frame terakhir adalah resume quis. Sesuaikan jumlah frame
dengan macam soal yang ada set untuk quis yang anda buat.
Bila dikurangi, anda tinggal menghapus frame antara 2 - 31
sesuai dengan set quis anda. Bila ditambah, anda tinggal
memperbanyak dengan mengkopy frame 2-31. Harus di ingat
bahwa 1 soal diwakili dengan dua frame, jadi untuk mengkopi
atau menghapus harus sepasang. Sesuaikan dulu jumlah frame
dengan soal yang akan anda buat.
4. Selanjutnya ubah tampilan soal dengan cara mengedit dan
mengatur posisi seperti editing flash biasa. Selain teks yang
ada dalam gambar di atas, soal bisa juga ditambahkan gambar
atau animasi. Cara menambahkannya sama seperti pada
animasi flash lainnya. Semua tampilan pada gambar di
halaman berikut ini bisa di sesuaikan posisinya. Tetapi dalam
merubahnya jangan diubah secara radikal karena akan tidak
sedap dipandang mata. Usahakan setiap soal tampil serasi
hingga akan lebih bagus. Tombol navigasi sebaiknya juga tidak
diubah posisinya agar sinkron dengan soal dan tampilan
lainnya. Untuk jelasnya perhatikan gambar di halaman
selanjutnya.
Toni Setyawan, S.T., M.Pd. - flashbegin.com 3
 Teks ini akan di generate
automatis tetapi ubah untuk
mengindentifikasikan “soal
ke”.
Double klik untuk
mengubahnya

Teks ini berisi soal yang ingin

anda tampilkan dalam quis.
Double klik untuk
mengubahnya

Teks ini berisi jawaban yang

ingin anda tampilkan dalam
quis. Double klik untuk
mengubahnya

Tombol Navigasi

5. Setelah tampilan soal di sesuaikan, jangan lupa untuk

mengubah action script di atasnya yang berisi kunci jawaban.
Caranya ditunjukkan pada gambar dibawah ini

1 //sesuaikan kuncinya Sesuaikan dengan kunci

2 kuncinya("b"); jawaban pada soal yang
ditampilkan

Keterangan Action Script

 Line 2 : huruf “b” pada perintah function menandakan
kunci jawaban soal di frame adalah b.
Sesuaikan dengan kunci jawaban pada soal
yang ditampilkan

Toni Setyawan, S.T., M.Pd. - flashbegin.com 4

6. Selanjutnya ubah tampilan soal dengan cara yang ditunjukkan
pada gambar di halaman berikut ini

Tombol untuk menuju

soal berikutnya

Teks ini hasil generate

automatis tidak usah
diubah.

Teks ini berisi penjelasan

yang ingin anda
tampilkan dalam quis.
Double klik untuk
mengubahnya

Tombol Navigasi

Semua tampilan di
atas dapat diubah
posisinya sama
seperti langkah ke
4

7. Action script yang ada diatas frame penyelesaian tidak perlu

diubah karena akan merusak semua alur yang telah dibuat.
Biarkan saja seperti gambar di bawah ini.

1 //jangan diubah
2 dipenyel();
3

Keterangan Action Script

 Line 2 : Jangan mengubah Action Script di frame ini

Toni Setyawan, S.T., M.Pd. - flashbegin.com 5

8. Selanjutnya ubah tampilan resume sesuai dengan selera anda.
Cara mengubahnya sama seperti mengubah tampilan yang lain
yang sudah dibahas sebelumnya. Untuk lebih jelasnya
perhatikan keterangan pada gambar di halaman berikut ini

Jumlah jawaban benar

Jumlah jawaban salah

Nilai yang diperoleh

Respon jawaban tiap soal

Komentar hasil quis

Tombol untuk mengulang

Tes

Tombol Navigasi

Semua tampilan
di atas dapat
diubah posisinya
sama seperti
langkah ke 4

9. Bila soal yang ingin anda tampilkan tidak 10, maka anda bisa
merubah jumlah Respon jawaban tiap soal sesuai dengan
keinginan anda. Copykan saja movieclip kotak dibawah soal.
Jangan lupa sesuaikan Instan name nya dengan soal yang di
responnya. Perhatikan gambar di halaman berikut :
Toni Setyawan, S.T., M.Pd. - flashbegin.com 6
 res10 berarti respon untuk
soal no 10

10. Ubah juga action script pada frame di atas frame resume
dengan cara yang ditunjukkan pada gambar dibawah ini

1 //AS memberi komentar, sesuaikan

2 if (betul == 10)
3 {
4 komentar.text = "Jawaban Anda sempurna";
5 }
6 else
7 {
8 if (betul>7)
9 {
10 komentar.text = "Masih ada
salahnya, belajar lagi ya!";
11 }
12 else
13 {
14 komentar.text = "Anda harus
belajar lagi!";
15 }
16 }

Toni Setyawan, S.T., M.Pd. - flashbegin.com 7

 Keterangan Action Script
 Line 2 : angka sepuluh menunjukkan benar semua.
 Line 4 : "Jawaban Anda sempurna" adalah komentar
yang muncul jika benar semua (10).
 Line 8 : 7 adalah batas kelulusan yang ditentukan.
 Line 10 : " Anda lulus tapi masih ada salahnya, belajar
lagi ya!" adalah komentar yang muncul jikan
nilai melewati batas kelulusan(7).
 Line 14 : " Anda tidak lulus, ayo belajar lebih giat lagi!"
adalah komentar yang muncul jika nilai kurang
dari batas kelulusan.

Tips : ubah AS3 sesuai saran yang ditunjukan, jangan

merubah Action Script yang lain.
11. Coba fungsi masing masing tombol pada menu utama beserta
navigasinya dengan emulator yang disediakan flash atau tekan
ctrl-enter.

PENUTUP

Langkah terakhir agar dokumen flash ini dapat di publish

menjadi aplikasi android atau file apk pernah kami bahas di blog.
Untuk mempelajarinya silahkan berkunjung ke :

http://flashbegin.com
Setelah ada mempelajari dan memahami bedah modul ini
berarti anda sudah mampu membuat aplikasi media pembelajaran
berbasis android. Selanjutnya untuk mengetahui cara mendapatkan
file “AT Multiple Choice Quis.fla” kunjungi blog kami di.

http://ebook.flashbegin.com

Toni Setyawan, S.T., M.Pd. - flashbegin.com 8

 flashbegin.com
Tutorial Android Template (TAT)

Bila anda menyukai modul ini, kunjungi blog kami. Di

blog kami terdapat artikel yang menjelaskan banyak hal
tentang Adobe Flash baik tutorial drawing, tips dan trik flash,
tutorial action script 2, tutorial action script 3, ebook,
template, file experimen, ide-ide baru dan lain lain.

Cara mendapatkan template

http://ebook.flashbegin.com

Bila ada yang perlu ditanyakan silahkan hubungi saya di :

Handphone : 08164881971

PIN BBM : 75909060

email pribadi : tonimation@gmail.com

Alamat blog : http://flashbegin.com

Profil FB : https://www.facebook.com/tonimation

Toni Setyawan, S.T., M.Pd. - flashbegin.com