22 | Penulisan Naskah dan Pengembangan Media Mobile Edukasi Modul 1
PENGEMBANGAN APLIKASI ANDROID (apk) DENGAN ADOBE FLASH PRO CS 6 INDIKATOR PENCAPAIAN HASIL BELAJAR
• Pembaca dapat membuat aplikasi android sederhana mengunakan Flash CS 6 URAIAN
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, tunggu hingga muncul tampilan seperti di halaman berikut ini
Penulisan Naskah dan Pengembangan Media Mobile Edukasi | 23 2. Selanjutnya klik open dan pilih file "Template ME 2016.fla". Segera simpan dengan
nama baru agar file asli tidak rusak.
3. Ubah scene aktif menjadi “opening” dengan cara lihat gambar berikut.
4. Ubah judul dengan melakukan doubleklik dua kali pada tulisan hingga tampilan menjadi gambar berikut ini :
Open
Cara mengubah scene aktif Scene aktif
24 | Penulisan Naskah dan Pengembangan Media Mobile Edukasi
Jika sudah berubah seperti gambar di atas anda dapat mengubah judul aplikasi sesuai dengan judul aplikasi yang anda buat. Dalam stage ini anda dapat mengubah tampilan sesuai dengan ke inginan anda.
5. Kemudian ubah animasi sesuai keinginan anda dengan mengedit gambar dan proses tween (gunakan ilmu animasi flash drawing). Saat anda mengubah opening perhatikan letak AS frame tetap pada posisi awal dan terakhir, lihat gambar dibawah ini.
6. Untuk mencoba tampilan judul anda dapat melakukannya dengan menekan control-enter. Perintah ini memerintahkan flash untuk menampilkan aplikasi dalam emulator.
7. Langkah berikutnya adalah mengubah judul di menu utama. Pindah scene aktif ke “menu” dengan cara seperti langkah 3.
8. Doubel klik judul hingga tampil seperti gambar di atas. Ubah sesuai dengan judul aplikasi yang anda buat.
9. Selanjutnya mari kita mencoba membuat aplikasi Android dengan cara mempublish template menjadi aplikasi android (apk). Langkah pertama ubah Android setting dengan mengklik “edit application setting” (icon kunci pas) seperti ditunjukkan pada gambar pada halaman berikut.
edit application setting
Penulisan Naskah dan Pengembangan Media Mobile Edukasi | 25 Tips : Untuk kemudahan dalam penanganan file, sebaiknya semua file yang
terkait dalam 1 project anda kumpulkan dalam satu folder. Misalnya file fla template, icon program, sertifikat developer dan media pendukung.
10. Setelah muncul tampilan seperti gambar di bawah ubah isian penting yang ditunjukkan anak panah 1 (nama file apk hasil publish), 2 (nama aplikasi setekah diinstall di device) dan 3 (setingan layar). Sedang isian lainnya diabaikan saja.
11. Ubah parameter selanjutnya dengan mengklik tab deployment, maka akan muncul gambar seperti di halaman berikut ini.
Tab Deployment 1. Nama file apk hasil publish 2. Nama aplikasi android setelah diinstalldi hanphone 3. Setting tampilan di layar handphone
4. Nama file sertifikat publishing Android anda
5. Password yang anda ciptkan Saat membuat sertifikat Android anda
Membuat sertifikat sendiri
26 | Penulisan Naskah dan Pengembangan Media Mobile Edukasi
12. Isi Certificate dengan mencari posisi file sertifikat berserta passwordnya dengan mengklik browse (4), contoh “flashbegincom.p12” (sertifikat yang saya miliki) dan passwordnya flashbegin (5), kemudian lanjutkan ke step 8. File ini bisa disertakan dalam file dari panitia. Bila ingin memilikinya sendiri, anda bisa membuatnya dengan mengklik tombol Create. Lalu isilah kolom isian seperti yang ditunjukkan anak panah dengan isian yang anda inginkan.
13. 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.
14. Selanjutnya ubah icon untuk aplikasi yang anda buat dengan mengklik tab Icon. Pilih ukuran gambar icon yang anda miliki, semakin besar semakin detail (saya biasa mengunakan ukuran 72 x 72). Sebaiknya anda membuat dulu gambar dengan pengolah gambar dulu kemudian export ke png (icon mengenal background transparan) dan letakkan di direktori tempat anda membuat aplikasi.
Penulisan Naskah dan Pengembangan Media Mobile Edukasi | 27 15. Tekan tombol “Publish” kemudian tunggu beberapa saat. Jika berhasil maka akan
muncul popup seperti gambar di bawah ini tekan “OK”
16. Dengan mengunakan windows explore pastikan akan muncul file apk di direktori tempat anda menyimpan fla.
Tab Icon
File apk Cari file icon
28 | Penulisan Naskah dan Pengembangan Media Mobile Edukasi
17. Selanjutnya copykan file apk yang anda buat ke device handphone anda.
18. Install aplikasi yang anda buat dengan cara seperti anda menginstall aplikasi lainnya. Jika proses install telah selesai dan berhasil maka akan muncul icon program seperti gambar di atas sebelah kanan. Gambar icon yang muncul tergantung gambar yang anda gunakan
19. Jalankan aplikasi yang anda buat seperti menjalankan aplikasi lainnya, bila muncul tampilan seperti gambar di dibawah ini, berarti ...
Penulisan Naskah dan Pengembangan Media Mobile Edukasi | 29 Modul 2
MEMODIFIKASI MENU UTAMA INDIKATOR PENCAPAIAN HASIL BELAJAR
• Penguna memodifikasi menu utama untuk aplikasi pembelajaran android memanfaatkan template mengunakan Adobe Flash Pro CS 6
URAIAN
Dalam mengembangkan media pembelajaran, pengembang harus memiliki bahan acuan yang di gunakan untuk pedoman. Bahan acuan ini diawali dengan ide/tema peta kompetensi, peta konsep, Garis Besar Isi Media, Jabaran Materi, Flowchart dan Naskah.
Semua bahan acuan itu sebagai pengendali proses pengembangan agar tidak melenceng dari konsep pengembangan awal.
Mungkin bagi anda terlalu repot menyiapkan bahan acuan, tetapi saran saya anda sebaiknya tetap memikirkan meski tidak menuangkannya dalam kertas. Bila kita mengembangankan media pembelajaran dengan acuan maka media pembelajaran yang anda kembangkan akan terarah untuk mencapai tujuan kompetensi yang ditetapkan.
LANGKAH MENYESUAIKAN
1. Buka Adobe Flash CS 6 kemudian open file " Template AMO 2016.fla ", lalu simpan dengan nama baru.
2. Sesuaikan scene yg ada di template dengan hirarki yang anda buat. Untuk memahaminya lihat contoh di halaman berikut ini :
30 | Penulisan Naskah dan Pengembangan Media Mobile Edukasi
3. Untuk melakukan penyesuaian, buka docker scene di pulldown menu Windows >
Other Panel > Scene. Jika anda benar akan muncul tampilan seperti gambar dibawah ini :
4. Gunakan perintah duplikat scene dan delete scene untuk menyesuaikan dengan hirarkinya
5. Selanjutnya pindahkan scene aktif ke “menu” dengan cara seperti yang telah dijelaskan sebelumnya. Lalu perhatikan gambar dibawah ini