Friday, 19 June 2015

ACTIONSCRIPT :: Membuat Aplikasi Android sederhana dgn Adobe Flash CS 6 dan AS3


Android adalah operating system untuk handphone yang populer. Hingga November 2013, pangsa pasar Android dikabarkan telah mencapai 80%. Dari 261,1 juta telepon pintar yang terjual pada bulan Agustus, September, dan Oktober 2013, sekitar 211 juta di antaranya adalah perangkat Android.
Flash adalah software yang mampu membuat animasi dengan mudah. Untuk membuat simulasi atau animasi yang memiliki interaksi dengan penguna, animasi flash dapat ditambahkan program tambahan yang sering disebut Action Script.Animasi yang interaktif ini sangat cocok digunakan untuk membuat aplikasi pembelajaran. Selain dapat di jalankan secara mandiri/stand alone flash juga dapat dijalankan mengunakan browser internet, hingga banyak website yang menambahkan animasi untuk memperindah dan memaksimalkan fungsi web tersebut.
Dengan mengunakan Adobe Flash CS 6, kita dapat mempublish fla menjadi apk atau aplikasi untuk handphone/tablet android. Jadi bagi anda yang sudah terbiasa mengunakan flash untuk membuat berbagai macam animasi baik yang interaktif maupun tidak, anda akan dengan mudah mempublishnya menjadi aplikasi android.
LANGKAH-LANGKAH
  1. Buka Adobe Flash CS 6 kemudian “Create New” pilih AIR for Android
  2. Setelah muncul tampilan seperti dibawah ini, langkah selanjutnya adalah mengubah ukuran stage sesuai dengan layar handphone yang kita inginkan. Disini saya mengambil ukuran 480 x 800 sesuai dengan ukuran layar handphone mayoritas.
  3. Setelah mengubah ukuran state, buatlah sebuah object sederhana untuk di tampilkan di layar handphone. Kemudian save/simpan file data anda seperti biasanya. Untuk memudahkan pengaturan, buatlah direktori tersendiri pada setiap aplikasi yang anda buat.
  4. Selanjutnya mari kita mencoba membuat aplikasi Android dengan bahan yang sudah kita buat. Langkah pertama ubah Android seting dengan mengklik icon kunci pas seperti gambar yang di tunjukkan anak panah.
  5. Setelah muncul tampilan seperti gambar di bawah ubah isian penting yang ditunjukkan anak panah 1, 2 dan 3. Sedang isian lainnya diabaikan saja.
  6. Ubah parameter selanjutnya dengan mengklik tab deployment, maka akan muncul gambar seperti dibawah ini.
  7. Isi Certificate dan passwordnya jika anda memiliki file sertifikat contoh “flashbegincom.p12” (sertifikat yang saya miliki). Bila anda tidak memilikinya anda bisa membuatnya dengan mengklik tombol Create seperti yang ditunjukkan anak panah tanpa nomor. Bila gagal membuat sertifikat silahkan klik untuk mendownload sertifikat dan passwordnya
  8. Isilah kolom isian seperti yang ditunjukkan anak panah dengan isian yang anda inginkan.
  9. Sebelum anda lanjutkan, pastikan komputer anda terkoneksi internet. Setelah mengklik tombol OK akan muncul file sesuai dengan nama yang tertera pada kolom save as. Untuk melakukan proses publish sebaiknya file diletakan ke dalam direktori yang sama dengan file fla yang anda buat.
  10. Selanjutnya ubah icon untuk aplikasi yang anda buat dengan mengklik tab Icon.
  11. Pilih ukuran gambar icon yang anda miliki. Sebaiknya anda membuat gambar dengan pengolah gambar dulu kemudian export ke png (icon mengenal background transparan), copykan ke direktori tempat anda membuat aplikasi.
  12. Tekan tombol OK kemudian tunggu beberapa saat. Jika berhasil maka akan muncul popup seperti gambar di bawah ini.
  13. Dengan mengunakan windows explore pastikan akan muncul file apk di direktori tempat anda menyimpan fla.
  14. Selanjutnya copykan file apk yang anda buat ke device handphone anda.
  15. Install aplikasi yang anda buat seperti menginstall aplikasi lainnya. Jika berhasil maka akan muncul icon program seperti gambar diatas sebelah kanan.
  16. Jalankan aplikasi yang anda buat seperti menjalankan aplikasi lainnya, bila muncul tampilan seperti gambar dibawah ini,
    maka “Selamat anda bisa membuat aplikasi android!”
LATIHAN
  • Buatlah aplikasi android yang menampilkan animasi baling-baling berputar dan ada tulisannya. Publish menjadi file apk kemudian install di handphone anda.

No comments:

Post a Comment