Sabtu, 22 Februari 2014

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.

118 komentar:

  1. Aq Butuh totorial Adobe flash cs6 dimana aku harus beli pak

    BalasHapus
  2. Kalo mau sabar tunggu aja, lama lama tutrial disini banyak.
    Yang dicari apa tho? kalau cs6 kan gag beda jauh sama cs yg lain.
    Kalau yang dicari AS 3 banyak tuh disini... bisa dikirim pake dvd, gag perlu downlod langsung dapat 4,5 Gn tutorial dan berbagai macam contoh fla aplikasi.

    BalasHapus
    Balasan
    1. pak saya lagi butuh banget pak saya mau bikin aplikasi media pembelajaran tutorial lengkap pake flash cs 6 dan AS 3 bisa bantu pak??

      Hapus
    2. Udah bikin aplikasi pembelajarannya belom? Kalo udah bisa ajarin saya ga? Saya juga lg bikin aplikasi pembelajaran pake adobe flash cs 6 as 3

      Hapus
    3. Pak, kami butuh aplikasi soal yg dapat diedit untuk PTS dan bisa dikerjakan via android. Bisakah bantu kami? Dan maaf berapa biayanya? Terimakasih

      Hapus
  3. pak.. aku butuh bantuan tetang actionscript 3 niihhh
    tolong kirimi semua tentang as3 ke mail saya ya pak ad_fevend@yahoo.com

    BalasHapus
  4. Semua? 4 Gb lebih sanggup download... saya yg upload yg gag sangup.

    BalasHapus
  5. Klo pake cs6 ini bisa masukin suara gak? Soalnya saya mau bikin aplikasi android pembelajaran gitar. Thanks

    BalasHapus
  6. Bisa... bentar lagi sy buatkan tutorialnya disinj

    BalasHapus
  7. terima kasih sebelumnya , tutorial2 yg sdh di upload sangat bermanfaat buat saya untuk pengembangan pembuatan bahan ajar untuk guru maupun siswa

    BalasHapus
  8. Selamat malam, saya tertarik dg artikel2nya. Sy sedang mengembangkan app android untuk pembelajaran, sy sdg belajar dg as3. Apakah sy bs di shared tetang ebook atau sesuatu yg mendukung app sy. Sy buat dg flash cs6. Mohon bantuannya sobat. Trims.

    BalasHapus
  9. silahkan explore semua yang ada di blog ini, kalau kurang puas kami bisa mengirim ebook tentang flash, tengok http://blog.flashbegin.com/2010/02/ebook-tutorial-action-script-flash.html

    BalasHapus
  10. adobe flash pada dasarnya adalah sebuah program yang di ciptakan untuk membuat flash dan animasi, dan jika kalian semua tertarik ingin mencoba membuat program android, saya sangat menyarankan anda menggunakan eclipse yang sudah di sediakan google untuk para pengembang aplikasi android, silahkan anda cari di mbah google, semoga membantu

    BalasHapus
  11. Pa kalo saya mau buat game untuk android mengunakan adobe flash cs 6 untuk memasukan scrip di dalem game gimana yh.
    karna saya coba pake action script dia tida bisa.
    harus dengan cara apa saya input coding untuk game tersebut game yg saya mau buat adalah game puzle angka tapi bisa diaplikasikan didalam hp android.
    gimana yah pa untuk input scrip tersebut.
    thx

    BalasHapus
  12. Kalo Puzzle ada templatenya di DVD silahkan pesan...

    BalasHapus
  13. Cara pemesanannya gimana?
    saya butuh bahan untuk membuat kerja praktek
    serta contoh-contoh programnya
    thx

    BalasHapus
  14. Silahkan cek disini
    blog.flashbegin.com/2010/02/ebook-tutorial-action-script-flash.html?m=1

    BalasHapus
  15. Mau tanya nih, kan saya udah buat aplikasinya, terus saya pablish, kok hasil apk nya, semua sound hilang ya, jd gak ada suaranya gitu, mohon pencerahan, terimakasih

    BalasHapus
    Balasan
    1. Filenya pakai external? Kalau ya, file tsb harus diembed

      Hapus
    2. Filenya pakai external? Kalau ya, file tsb harus diembed

      Hapus
  16. Suaranya masuk dgn cara apa? As load dari library, as load dari luar/file sendir atau langsung ke frame? Setiap cara punya solusi masing. Salah satu pos sy ada yg bahas ttg itu

    BalasHapus
  17. apa judul postingan yg membahas itu gan?

    BalasHapus
  18. http://blog.flashbegin.com/2010/01/loadmovie-attachmovie-unlpadmovie-di.html

    BalasHapus
  19. wah sederhana yah contohnya tapi lumayan aku memahami bagaimana membuat aplikasi yang mdah
    http://microsoft-visio-2007.blogspot.com/

    BalasHapus
  20. memang contohnya di buat seserhana mungkin karena postingan ini hanya membahas publishnya ke apk saja, untuk materi yang lain bisa dibaca di postingan lain

    BalasHapus
  21. Harus ada aplikasi adobe air di handphone atau ditabletnya kalau mau dijalankan mas brooo
    www.kotacilegon.com

    BalasHapus
  22. Ada tugas bkin game panen cacing.. Gimana ya klo bkin d flash cs6?? Mhon bantuan tutorialx bkin game..

    BalasHapus
  23. pertanyaannya jangan begitu bro... sussah kita jawabnya, gamesnya konsepnya gimana? biar gampang jawabnya....

    BalasHapus
  24. Kalo untuk bikin semacam game advanture pake flash cs6 bisa?

    BalasHapus
  25. sebenarnya aplikasi/game apapun bisa anda buat, asal anda bisa menterjemahkan konsepnya ke dalam fasilitas software developnya.

    BalasHapus
  26. gan, mksh bgt infonya..
    Bisa ajarin ane buat aplikasi pembelajaran matematika berbentuk aplikasi android??
    Minta PIN BB/nomor hp nya gan, ane mau belajar, pliiss ajarin ane gan..mksh

    BalasHapus
  27. Pak saya sudah buat, instalan berhasil tp layar cuma hitam aja

    BalasHapus
  28. Pak saya sudah buat, instalan berhasil tp layar cuma hitam aja

    BalasHapus
  29. trus isi stagenya udah diisi?

    BalasHapus
  30. mkasih gan ,,, postingan yang bagus dan bermanfaat ini layaknya di share ajja ,, nih saya bantu ngeshare ,, ,, jgn lupa kunbal nya ,, terimakasih skali lagi gan , maju terus blog nya ,,, !

    BalasHapus
  31. Gan kalo ukuran stage layar nya auto untuk semua handphone android bisa gaa?

    BalasHapus
  32. Gan klo import video pake flvplayback.. pas debug di PC tuh lancar" aj.. tp pas dijadiin .apk dan di install ke Smartphone kok video nya gak muncul ya.? Mohon penjelasannya..

    BalasHapus
  33. Gan klo import video pake flvplayback.. pas debug di PC tuh lancar" aj.. tp pas dijadiin .apk dan di install ke Smartphone kok video nya gak muncul ya.? Mohon penjelasannya..

    BalasHapus
  34. coba lihat gambar pada langkah no 6, ada kolom include file. tambahkan file video anda. Istilahkany video anda di embed ke apk. Jadi pada saat di Hape aplikasi nyari video dan tidak ketemu.

    BalasHapus
    Balasan
    1. Pak saya mau tanya. Saya membuat aplikasi android. Dalam aplikasi ada 2 materi. Animasi sama game. Dan di kasih efek suara juga. Kalau di jadikan ke dalam android bisa masuk semua gak pak kalau pake cs6. atau lebih enak di konvert pake aplikasi apa. Mohon bantuannya pak. Terimakasih

      Hapus
  35. Bisa bro.. tetep pake cs6 nanti setiap menu/materi di pisahkan ke dalam scene masing masing.

    BalasHapus
  36. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  37. androidnya kok minta instal adobe air, emang gitu kah gan?

    BalasHapus
  38. emang di youtube bisa dapat file flanya? ada templatenya? Kalo hanya perlu tutorial aja, di blog ini ada banyak, juga gratis kok.

    BalasHapus
  39. @Galeh Nuur memang begitu bro, tapi installnya hanya sekali. Banyak juga game yg perlu adobe air

    BalasHapus
  40. saya lagi mengerjakan skripsi pengembangan media pembelajaran berbasis android. media apa yg plg mudah digunakan? klo pakai eclipse terlalu ribet klo cm buat media pembelajaran.

    BalasHapus
  41. bisa kirim tutorial yg saya butuhkan untuk pengerjaan media pembelajaran berbasis android? menggunakan media flash cs6 atau mungkin anda bisa rekomendasikan pakai media lain. ini email saya. vickayua@gmail.com

    BalasHapus
  42. kalo untuk membuat aplikasi edukasi berbasis android paling mudah memang adobe flash, apalagi bila telah mengenal adobe flash sebelumnya.

    BalasHapus
  43. apakah ada sumber terpercaya sebagai referensi saya tentang adobe flash cs 6 yang digunakan untuk membuat aplikasi android?

    BalasHapus
  44. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  45. mas tanya, utuk ukuranya biar responsive gmn ya? jadi ukurannya biar bisa menyesuaikan dengan layar smartphone nya, Trimakasih

    BalasHapus
  46. pak, aplikasi yang saya buat tidak bisa dijalankan di hp android khususnya yg kitkat,.. mohon solusinya.. dan tolong saya dikirim 1 contoh file apk dari adobe cs6 yg untuk kitkat..

    terimaksih...

    BalasHapus
    Balasan
    1. Cek di m-edukasi.kemdikbud.go.id banyak yg mengunakan adobe flash cs6

      Hapus
  47. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  48. maaf pak mau tanya itu koneksi internetnya diperlukan untuk ap ya?

    BalasHapus
    Balasan
    1. Untuk ajukan sertifikat develop dari adobe.

      Hapus
  49. Prof, gmn caranya supaya tampilan aplikasi jd auto full screen untuk semua ukuran layar hp?

    BalasHapus
  50. Gimana cara download flash cs6 ya?.mohon bantuannya..

    BalasHapus
  51. Klo pke adobe flash cs5 bisa ga gan ?

    BalasHapus
  52. Belum pernah coba di CS5, katanya bisa tapi memerlukan aplikasi tambahan.

    BalasHapus
  53. prof saya bikin game tapi object yang jatuh dari atas gak mau berhenti walaupun ud tamat

    BalasHapus
  54. mengerakkan obj pake apa? Pertanyaan yg jelas donk...

    BalasHapus
  55. kok apk saya gak bisa kebuat ya, gak ada notif apk success kayak gambar diatas. Ini kenapa ya, mohon bantuannya

    BalasHapus
  56. kok apk saya gak bisa kebuat ya, gak ada notif apk success kayak gambar diatas. Ini kenapa ya, mohon bantuannya

    BalasHapus
  57. gagalnya di bagian mana? sudah sesuai prosedure? apakah normal saat publish swf? tolong jelaskan lebih detail agar kami bisa bantu.

    BalasHapus
  58. Pak, saya ingin bertanya, saya sedang membuat aplikasi pembelajaran berbasis android, dengan flash, setelah saya publish jadi apk dan saya instal ke hp saya, malah nggak bisa terbuka dan ada pesan has been stopped, padahal nggak ada error dan saya sudah install adobe air tapi tetep nggak bisa, itu kira-kira kenapa ya ? Oh ya sekedar informasi hp saya os lollipop, apakah itu berpengaruh ? Terima kasih...

    BalasHapus
  59. Pak, saya ingin bertanya, saya sedang membuat aplikasi pembelajaran berbasis android, dengan flash, setelah saya publish jadi apk dan saya instal ke hp saya, malah nggak bisa terbuka dan ada pesan has been stopped, padahal nggak ada error dan saya sudah install adobe air tapi tetep nggak bisa, itu kira-kira kenapa ya ? Oh ya sekedar informasi hp saya os lollipop, apakah itu berpengaruh ? Terima kasih...

    BalasHapus
  60. Adobe air yg anda embed di apk sudah tidak kompatibel dengab os android yg baru. Saran saya saat publish apk gag usah embed air. Jadi nanti waktu install air diambil yg terbaru dari playstore.

    BalasHapus
  61. mas,apk bisa jalan di OS jellybean tapi ketika saya jalankan di OS kitkat dan OS lollipop malah force close dan sya jg udah gak embed air...permasalahan ada dimana tolong di bantu....terima kasih

    BalasHapus
  62. install air langsung dari playstore

    BalasHapus
  63. Mas mohon bantuannya. Apakah ada script atau cara lain agar aplikasi yang saga buat bisa fit/fullscreen di semua handphone? Karena ada beberapa handphone yang gak fullscreen setelah di instal.. Mohon bantuannya untuk skripsi

    BalasHapus
  64. gan bagaimana caranya masukin iklan di admob

    BalasHapus
  65. bagaimana cara menyambungkan aplikasi android yg sudah jadi ke server database yg sudah ada ,dan muncul di tampilan hp

    BalasHapus
  66. As3 tidak bisa berhubungan langsung dengan database, tetapi memerlukan script php untuk menjembatani. Nanti kalo ada waktu sy buatkan postingannya

    BalasHapus
  67. gan mau tanya ane udah buat kayak tutorialnya AIR for Android default (480x800) tp kok gak mau fullscreen ya?mohon pencerahannya mastah

    BalasHapus
  68. Pak, saya lg mau buat aplikasi media interaktif dan akan gunain Flash CS6. Saya udah coba gunain AIR for android, tp kenapa ga bisa masukin action script ya ? Sedangkan media interaktif saya, butuh penggunaan script untuk button. Mohon penjelasannya. Thx

    BalasHapus
  69. untuk membukan scriptnya pilih frame yang ada symbul alfa (kalo script baru klik frame yg ingin anda beri AS) kemudial tekan F9, pelajari postingan saya yang lain.

    BalasHapus
  70. Gan bisa minta contact personya? Bisa order tutorial flash cs6 to apk smpe bisa jalan d android? Saya coba buat bisa d instal tp gk bs d buka. Pas d buka aplikasi berhenti.

    BalasHapus
  71. silahkan pesan, tinggal kirim kok. untuk kontak person silahkan lihat disini
    http://blog.flashbegin.com/2010/02/ebook-tutorial-action-script-flash.html

    BalasHapus
  72. thanks gan. benar-benar sangat bermanfaat dan sangat membantu saya.

    BalasHapus
  73. apakah bisa satu apk yg dibangun di adobe flash pake air for android dijalankan di device android tanpa harus menginstal adobe air di device android tersebut?

    BalasHapus
  74. Kak cara ngpassin ukuran di hp android,biasanya ukuran 480x800, tapi ttep ga pass, gmna ya? Ukurannya harus brpa ? :(, ini saya sedang membuat game tapi ukurannya ga pas mulu di hpnya, mohon jawabannya

    BalasHapus
    Balasan
    1. Coba Capture screenshoot hape kemudian ditiru ukuran gambarnya.
      Cara kedua, bikin aja gambar background lebih besar dari Sragen.

      Hapus
  75. ada yang punya game buatan adobe flash ga?kalo ada krim lewaat gmail ya ga,tolong rheizakurniasmk1@gmail.com

    BalasHapus
  76. Mau tanya saya buat project adobe flash di android tp apknya besar sekali yaa cuma 2 frame bisa 20mb itu cara mengecilkan memorynya pake apa? Mohon bantuannya masih pemula gan

    BalasHapus
  77. Isinya apa? Besar kecilnya apk tergaring media yg disematkan bukan tergantung framenya

    BalasHapus
  78. Pak Prof, numpamg bertanya.
    Kalau adobe air di embed di aplikasi gk Ada caranya biar sukses?
    Says udah coba pakai air sdk last version. Tpi tetap gk jalan di perangkat android :(

    BalasHapus
    Balasan
    1. Paling aman Adobe airnya jangan di embedded. Hal ini yg sering jadi masalah

      Hapus
  79. mw tanya soal adobe flas , maaf masih awam ,...
    begini kalo membuat aplikasi media pembelajaran yang bisa di gunakan oleh android buatnya bisa di Adobe flash cs3 nggak????

    BalasHapus
  80. Bisa, Kan postingan ini membahas tentang yg anda tanyakan.

    BalasHapus
  81. PAK GEMANA YA BUAT AMPILAN MENU2 BISA DIPERKECIL... SOALNYA WAKTU DI PUBLISH UNTUK TOMBOL " OK, CANCEL DLL GAK DAPAT, SAYA PAKAI NOTEBOOK APA KARNA LAYAR KECIL ATAU GEMNA,,,

    BalasHapus
    Balasan
    1. Hal yg karena ukuran (hight) di layar notebook lebih kecil dari ukuran di hp. Hal ini saya siasati dengan memperkecil ukuran tetapi dgn rasio yg masih sama. Nanti saat publish bikin status fullscreen

      Hapus
  82. Pak gimana caranya kalo buatnya di cs3 kemudian dimasukkan cs6 android

    BalasHapus
    Balasan
    1. Bisa gag masalah, tetapi kadang as3 nya gag kompatibel karena beberapa perintah untuk PC beda dgn untuk android

      Hapus
  83. Pak, untuk icon nya kok gak suport ya.. Harus nya gimana? 72 x 72 pixel atau apa?

    BalasHapus
  84. Icon format PNG dan ukuran sesuai dengan pilihan. Jika memilih 72x72 ya berarti file PNG nya dengan ukuran tsb.

    BalasHapus
  85. Kalau untuk aplikasi android input data dengan akses CRUD (Create, Read, Update, Delete) seperti apa

    BalasHapus
  86. Gan, mau tanya. Apk yang udah saya buat di flash cs6 kenapa ga bisa di buka di android 7.0 ke atas ya? Mohon pencerahannya

    BalasHapus
  87. assalamuallaikum pak saya lagi butuh banget pak saya mau bikin media pembelajaran plus gamenya menggunakan flash CS6 dan AS3 bisa bantu pak?? atau minta kontaknya

    BalasHapus
  88. untuk flash dengan access database, harap tunggu postingan baru.
    Untuk wahyu silahkan cek http://ebook.flashbegin.com

    BalasHapus
  89. pak saya mau tanya kenapa setelah saya publish ke sistem file android dan ketika saya install aplikasinya di android tidak mau berjalan? apakah penyebabnya?

    BalasHapus
  90. Sudah di install adobe air?
    waktu publish embed air?

    BalasHapus
    Balasan
    1. Saya juga ndak bisa di buka di hp waktu publish embed air
      Nah itu gimana ya pak?

      Hapus
  91. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  92. hallo mas, oh iya mas disini saya membuat aplikasi android di Air 23 For Android di animate cc 17, nah pas udah saya publish ke apknya dan sudah diinstal, pas buka aplikasi malah ngelag gitu mas, kalo boleh tau apanya yg salah ya mas kira-kira? yg ngelagnya animasinya mas padahal cuma zoom dan rotasi aja, disini saya bikin fpsnya 60 mas apa ngaruh?

    BalasHapus
  93. Mau tanya pak, kalo mau dipublish dalam bentuk apk harus menggunakan as3 atau bisa juga pakai as2?
    Mohon dijawab

    BalasHapus
  94. mas mau tanya, kalo buat apk untuk mengetahui minimal running di android versi berapa bagaimana ya?

    BalasHapus
  95. Cara sambung pakai admob gimana ya gan?

    BalasHapus
  96. Mas mau tanya, saya buat aplikasi tp di buka di hp nggk bisa, di pencet langsung keluar lg malahan, kenapa itu ya?

    BalasHapus
  97. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  98. Kak gimana certifikat sama passwordnya gak bisa didownload dari yang kakak kasih

    BalasHapus
  99. untuk android versi 6 keatas butuh file tambahan kan kak? gimana cara dapet in file tambahan nya kak?

    BalasHapus