Tutorial Adobe Flash Android

Sebelum mulai membuat media pembelajaran, pastikan aplikasi Adobe Flash CS6 dan Adobe Air 11
telah terinstall di perangkat komputer kalian. Jika belum maka kalian dapat mengunduh keduanya di link
Google Drive gg.gg/dmi2019.

MENGGUNAKAN TEMPLATE SWIPE

Untuk mempermudah pembuatan aplikasi pembelajaran berbasis Android maka kita akan menggunakan
template yang telah disediakan oleh Adobe Flash. Cara Membuatnya adalah:

1. Buka aplikasi Adobe Flash seperti biasa lalu pilih AIR for Android

2. Saat muncul kotak dialog, pilihlah pada menu Template  AIR for Android. Silahkan pilih jenis
Templates Swipe Gallery

© 2019 SMKN 1 Sooko Mojokerto 1

Tutorial Adobe Flash Android

3. Akan muncul tampilan seperti berikut pada stage kalian. Kotak-kotak berisi angka tersebut adalah
tempat kita akan mengisikan objek-objek untuk media kita.

4. Untuk mengetahui nama objek-objek tersebut maka kliklah objek tersebut, pada bagian properties di
sebelah kanan akan muncul informasinya nama dan jenisnya

5. Untuk menambahkan objek cukup ketikkan atau posisikan objek tersebut di area yang telah
disediakan

MENAMBAHKAN ACTION SWIPE

Action digunakan untuk memberikan perintah berupa script yang akan menentukan proses kerja media
kalian. Jenis script yang digunakan pada template Android ini adalah Action Script 3.0. untuk
menampilkan panel action caranya adalah

1. Pilih menu Window lalu pilih action atau langsung tekan tombol F9

© 2019 SMKN 1 Sooko Mojokerto 2

Tutorial Adobe Flash Android

2. Akan muncul panel baru seperti berikut

3. Pilihlah Action : Frame 1 untuk melihat action script apa saja yang ada pada Frame 1 projek kita

4. Jika memiliki lebih dari 1 materi maka gantilah atau tambahilah seluruh nama variable dan function
yang ada pada script tersebut (yang berupa tulisan berwarna hitam)

© 2019 SMKN 1 Sooko Mojokerto 3

Tutorial Adobe Flash Android

MEMBUAT TOMBOL
1. Buat bentuk tombol yang diinginkan, misalnya berbentuk persegi panjang, lalu rubahlah menjadi jenis
symbol BUTTON (JANGAN LUPA beri nama sesuai kebutuhan)

2. JANGAN LUPA beri nama instance pula

3. Klik 2 kali pada button tersebut sehingga akan muncul tampilan seperti berikut

- UP : adalah kondisi awal tombol dan kursor sedang tidak ada di atasnya

- OVER : adalah kondisi ketika kursor berada di atas button (namun tidak ditekan). Contoh
penggunaannya adalah sebagai berikut.

© 2019 SMKN 1 Sooko Mojokerto 4

Tutorial Adobe Flash Android

a. Insert keyframe baru pada frame over

b. Rubahlah warna objek, misalnya menjadi merah

- DOWN : adalah kondisi ketika button ditekan. Contoh penggunaannya adalah sebagai berikut.
a. Insert keyframe baru pada frame down

© 2019 SMKN 1 Sooko Mojokerto 5

Tutorial Adobe Flash Android

b. Rubahlah warna objek, misalnya menjadi biru

- HIT : adalah kondisi setelah tombol tersebut ditekan (setelah klik dilakukan). Contoh
penggunaannya adalah sebagai berikut.
a. Insert keyframe baru pada frame hit

b. Rubahlah warna objek, misalnya menjadi kuning

© 2019 SMKN 1 Sooko Mojokerto 6

Tutorial Adobe Flash Android

4. Setelah selesai maka klik 2 kali pada area selain objek button kalian atau langsung klik tombol panah
di bagian pojok kiri atas stage untuk kembali ke scene sebelumnya

5. Untuk melihat hasil tombol yang telah dibuat maka lakukanlah tes dengan menekan CTRL + ENTER,
coba posisikan kursor kalian di atas tombol tersebut, lalu tekanlah tombol tersebut

MENAMBAHKAN ACTION PADA BUTTON

Action pada button dapat digunakan untuk bermacam kebutuhan, mayoritan fungsinya adalah untuk
berpindah halaman setelah tombol tesebut ditekan.

1. Pastikan button kalian telah diberi nama symbol dan nama instance yang sesuai
2. Tambahkan keyrame baru

3. Tambahkan teks pada masing-masing frame untuk membedakannya

© 2019 SMKN 1 Sooko Mojokerto 7

Tutorial Adobe Flash Android

4. Buka panel Action dengan memilih WINDOW  ACTION atau langsung tekan F9

5. Posisikan kursor pada frame 1 lalu tambahkan script seperti berikut pada panel action tersebut

6. Posisikan kursor pada frame 1 lalu tambahkan script seperti berikut

7. Cek hasilnya dengan menekan tombol CTRL + ENTER, cobalah menekan masing-masing tombol
yang muncul dan perhatikan perubahannya

© 2019 SMKN 1 Sooko Mojokerto 8

Tutorial Adobe Flash Android

MENAMBAHKAN QUIZ SEDERHANA

1. Buatlah tampilan seperti berikut ini

2. Blok objek merah dan teks A lalu rubahlah menjadi button pilihan A, jangan lupa beri nama symbol
dan nama instance sesuai kebutuhan, lakukan hal yang sama pada tombol untuk pilihan B

© 2019 SMKN 1 Sooko Mojokerto 9

Tutorial Adobe Flash Android

3. Tambahkan keyframe baru

4. Buat hal yang sama seperti pada frame sebelumnya

5. Jika menggunakan tombol hasil copy dari frame sebelumnya, maka jangan lupa mengubah nama
instancenya, misalnya seperti contoh berikut

6. Tambahkan keyframe baru

© 2019 SMKN 1 Sooko Mojokerto 10

Tutorial Adobe Flash Android

7. Buatlah teks seperti berikut (biarkan salah satu teks kosong sebagai wadah skor nantinya)

8. Seleksi teks kosong tesebut lalu beri instance name

9. Buat satu teks lagi untuk ucapan nantinya, jangan lupa beri instance name juga

10. Klik pada frame 1 lalu ketikkan script berikut

© 2019 SMKN 1 Sooko Mojokerto 11

Tutorial Adobe Flash Android

11. Klik pada frame 2 lalu ketikkan script berikut

12. Klik pada frame 3 lalu ketikkan script berikut

MELIHAT PREVIEW HASIL JIKA DI ANDROID

1. Tekan CTRL + ENTER. Hasil yang akan muncul adalah seperti berikut. Karena ditujukan untuk
Android maka hasilnya akan menjadi portrait berbeda dengan hasil animasi Flash umumnya yang
landscape.

© 2019 SMKN 1 Sooko Mojokerto 12

Tutorial Adobe Flash Android

2. Jika menggunakan action swipe, perangkat komputer kita tidak dapat melakukan swipe. Untuk dapat
menggunakannya maka pada panel simulator di sebelah kiri pilih menu Touch and Gesture lalu
centang Touch Layer, setelah itu pilih Gesture : Swipe. Dengan demikian maka swipe dapat dilakukan
dengan cara klik dan drag hasil preview tersebut.

© 2019 SMKN 1 Sooko Mojokerto 13