Kali ini saya akan menjelaskan bagaimana cara menginstall AppInventor secara offline. Perlu diketahui AppInventor adalah sebuah aplikasi berbasis drag n drop yang di develop oleh MIT bersama Google untuk membuat suatu aplikasi android, dan ini sangatlah mudah digunakan.
Hal pertama yang harus kalian lakukan adalah mendownload 2 file dibawah ini, yang satu untuk instalasi emulator android dan yang satu lagi untuk aplikasi AppInventor itu sendiri, oh ya pastikan juga di komputer/laptop kalian sudah terinstal Java jdk versi 1.7.
- AppInventor (https://drive.google.com/file/d/0B7t2jVfonddZcjZPWU9pdDFpNkE/view?usp=sharing)
- Emulator Android ()
Kemudian Install emulator android nya, tinggal klik-klik next aja kok, setelah selesai maka akan terinstall di C:/Program Files/AppInventor seperti gambar di bawah ini
Setelah itu kita akan menambahkan JAVA_HOME pada environment variables dengan cara klik kanan pada my computer>pilih properties>lihat bagian kiri, klik advanced system settings>pilih environment variables pada kanan bawah. Sehingga muncul dialog window seperti dibawah ini
pada system variables klik new dan beri nama JAVA_HOME dan beri value sesuai dengan path java jdk 1.7 yang sudah diinstal
kemudian pada user variable for ‘nama user’ klik 2x pada path dan masukkan path java jdk 1.7 yang tadi dimasukkan sebelumnya di baris paling akhir, jangan lupa beri tanda ‘;’ sebelum memasukkan path java jdk
Setelah semua beres klik ok dan ok. Kemudian Extract lah file .zip AppInventor yang telah kalian download, terserah mau dimana di extractnya. Setelah di extract, buka AppIn>AppEngine dan klik kanan ‘startAI’ pilih run as administrator
Kemudian sebuah console akan keluar dan tunggulah beberapa saat, hingga tampilannya seperti ini
sehingga ada tulisan ‘INFO: Dev App Server is now running’
Setelah itu buka browser kalian dan ketik pada bar, ‘localhost:8888′, kemudian isi beberapa form disana, ada email dan kemudian klik klik saja yang ada disana hingga tampilannya seperti dibawah ini
Setelah website bisa dibuka maka kalian telah berhasil meng-Install AppInventor secara offline
Kemudian kita akan membuat suatu aplikasi sederhana yang apabila kita men-click tombolnya maka aplikasi tersebut akan memutar sebuah lagu. Cara yang pertama dilakukan adalah men-click tombol new dan beri nama project kalian. Kemudian tampilan browser kalian akan seperti ini
Karena kita akan membuat suatu aplikasi sederhana, yaitu apabila sebuah ‘tombol’ ditekan maka sebuah ‘musik akan ter play’. Oleh karena itu pada ‘Palette’ sebelah kiri klik and drag ‘Button’ pada Basic dan klik and drag ‘Player’ pada Media.
Ubah nama value dari button1 pada Properties sebelah kanan dan lihat ada kolom Text, ganti ‘Text for Button1′ menjadi ‘Play/Pause’. Kemudian pada kolom ‘Components’ disebelah kanan, klik Player1 dan pada propertiesnya, klik form source dan akan muncul dialog baru dan kalian masukkan lagu yang ingin diputar Upload new>Choose File> OK
Setelah selesai semua , klik ‘Open the Block Editor’ pada kolom kanan atas dan nanti akan muncul dialog box untuk menyimpan file dengan format .jnlp, save dimana saja file itu untuk membuka block editor aplikasi nantinya
Setelah file berhasil di download, jangan langsung dibuka. Karena kita harus memberi exeception pada Java sehingga bisa menjalankan file yang ‘self-signed’, caranya dengan search ‘Configure Java’ pada komputer anda dengan memanfaatkan fungsi search, kemudian klik tab security pada exception site list masukkanlah ‘http://localhost:8888′ setelah selesai klik ok ok dan buka lah file yang tadi di download
pada saat membuka file akan ada sebuah warning, lewati warning tersebut dengan men check ‘I accpet….” lalu klik run. Dan sebuah tampilan seperti dibawah ini akan muncul
Ini adalah tampilan logika (kalau menurut saya) sebuah aplikasi yang telah kita buat dengan berbasis blok blok seperti puzzle anak TK, dan ini digunakan sebegai pengganti ‘coding’ saat membuat aplikasi. Cara membacanya pun sangatlah gampang.
Ok untuk membuat aplikasi pemutar musik, kita pilih ‘My Block’ pada sisi sebelah kiri. Kemudian kalian akan melihat tulisan ‘My Definitions’, ‘Button1′, ‘Player1′,’Screen1′. klik Button1 dan akan muncul beberapa pilihan
jangan bingung dan jangan panik, block block tersebut mudah dibaca, coba baca dan pahami sebentar. ok kita akan menggunakan block paling atas yang artinya ‘Apabila Button1 di click makan akan dilakukan/terjadi…..’ klik and drag block itu ke dalam canvas disebelah kanan.
setelah itu klik ‘Built-In’ pada menu sebelah kiri dan pilih ‘Control’ drag block ifelse dan masukkan pada blok Button1 yang telah dimasukkan sebelumnya
ini seperti if else pada bahasa pemrograman, cara membacanya ‘Apabila …….(suatu kondisi) makan lakukan…….selain itu laukan…..). Logika yang akan kita pakai yaitu, apabila musik belum terputar makan lakukan pemutaran musik, selain itu matikan musik.
Pilih Logic dan klik and drag block ke 4 atau block yang berwarna hijau, kemudian pasangkan pada block if else di paling atas, kemudian klik ‘My Blocks’ pilih Player1 dan pilih block ‘Player1.IsPlaying’ dan pasangkan pada block yang sebelumnya sudah dimasukkan dan masukkan block ‘False’ yang bisa ditemukan di menu Logic. Tampilan sementara Block kalian adalah seperti ini
yang kalau dibaca ‘Apabila Player1.IsPlaying = False’ atau ‘Apabila lagu pada Player1 tidak diputar’ maka tambah block pada Player1 yaitu ‘call Player1.Start’ dan pasangkan pada block if else ‘then-do’ kemudian ambil block ‘call Player1.Pause’ pada block Player1 dan pasangkan pada kolom ‘else-do’ seperti ini adalah tampilan block terakhir kalian
bila dibaca seperti ini, saat Button1 di click maka dia akan melakukan pemutaran musik apabila musik tersebut berhenti (tidak diputar) dan atau pemberhentian musik apabila musik itu terputar.
Setelah beres lihat kanan atas layar kalian maka kalian akan menemukan tombol new emulator dan Connect to Device
untuk mecoba menjalankan aplikasi ini, kita harus membuat emulator android dulu dengan men click new emulator, tunggu beberapa saat sehingga ada window baru muncul dan tunggu hingga Android tersebut selesai booting
Setelah emulator android ready, klik tombol Connect to Device dan pilih emulator-5554 yang artinya aplikasi yang telah kita buat akan di coba di emulator android yang telah dibuka sebelumnya, tunggu beberapa saat hingga tampilan emulatir menjadi seperti ini
wah tampilannya seperti yang kita lihat pada saat pembuatan aplikasi ya dan apabila tombol ‘Play/Pause’ di klik maka musik akan terputar wuhuuuuu, dan apabila musik sudah terputar dan kalian klik tombol ‘Play/Pause’ itu kembali maka musik akan berhenti.
