Sunday 31 May 2015

ANDROID :: Membuat Aplikasi Berbasis Android dengan App Inventor (++ Cara Instalasi App Inventor)


  1. Langkah pertama, pastikan kita telah menginstall java di laptop/komputer kita (maksimal jdk 1.7)
  2. Kemudian pada pengaturan system di komputer lakukan hal berikut :
buke control panel >> system and Security >> System >> Advance >> Pilih Environment Variables. Pilih Path, kemudian klik edit. Letakkan cursor di akhir, tambahkan alamat anda menginstal jdk 1.7 tersebut (C:\Program Files\Java\jdk1.7.0\bin)Capture12333. Kemudian buat variabel baru, pada System variables, klik new kemudian beri nama JAVA_HOME, dan pada variable valuenya tuliskan kembali tempat install javanya. Hal ini dilakukan untuk menghindari bugs-bugs yang terjadiCapture1234. Selanjutnya jalankan installer app inventornya (versi AppInventor_2.1) bisa download di Google. Pada installernya, klik kanan kemudian Run as Administrator. 5. Kemudian jalankan servernya, pada AppEngine pilih startAI klik kanan kemudian Run as Administrator. Sehingga akan keluar cmd (Command line), tunggu hingga keluar kata : “INFO: Dev App Server is now running”.Capture12331Ingat : jangan meng-close cmd tersebut selama menjalankan AppInvertor, jika telah selesai membuat aplikasi berbasis androidnya, pada cmd tersebut tekan tombol Ctrl + C pada keybord anda, kemudian ketik Y, lalu close cmd-nya. 6. Selanjutnya, buka Web Browser, buka url :http://localhost:8888/ 7. Centang Sign in as dministrator, kemudian klik Log InCapture1234Maka akan tampil App InventornyaCapture12318. Pada App Inventor tersebut klik new, kemudian pada project name-nya buat nama projeknya sesuai keinginan anda, lalu klik OK. Maka akan tampil Screen yang akan kita kembangkan. 9. Untuk mengatur background scrennya, pilih backgroundImage pada menu properties di bagian kanan, klik Upload new >> Choose File, pilih gambar dari computer/laptop anda yang nantinya akan dijadikan background. Kemudian klik Ok. 10. Misalnya kita ingin membuat aplikasi berbasis android yang mampu memutar music, maka pada screen tersebut tambahkan 2 button yang nantinya akan digunakan untuk menge-play dan menge-stop musik. Untuk menambahkan button pada screen, pilih basic pada menu Palette di bagian kiri, kemudian pilih button lalu drag (seret) ke screen. 11. Untuk mengganti id button tersebut, klik button-nya lalu pada Components di bagian bawah pilih Rename, beri namanya (cth : btnPlay dan btnStop) lalu Ok. 12. Untuk mengganti nama button tersebut, klik button-nya lalu pada properties pilih Text dan ubah namanya sesuai keinginan anda. 13. Jika kita ingin menambahkan fungsi Player (pemutar musik), pada Palette pilih media, kemudian pilih Player, lalu drag (seret) ke screen. Maka akan terlihat di bawah screen 14. Untuk memasukkan lagu apa aja yang dapat diputar oleh player, pilih player tersebut yang telah di drag, kemudian pada properties pilih Source lalu klik Upload new >> Choose File, pilih music (.mp3) dari computer/laptop anda yang nantinya akan nantinya akan diputar. Kemudian klik Ok. 15. Untuk menjalankannya, pada menu bagian atas, pilih “Open the Bloks Editor” 16. Maka pada web broswer anda akan terlihat seperti kita mendowload file “AppInventorForAndroidCodeblocks”. 17. Buka hasil download “AppInventorForAndroidCodeblocks” tersebut, maka kan muncul message dialog, pilih RunCapture1234518. Maka akan tampilCapture12345119. Pilih “My Blocks”, maka akan muncul field-field yang telah kita buat pada screen. 20. Kemudian untuk memberikan fungsi pada button Play yang telah kita buat sebelumnya, pilih btnPlay, maka akan tampilCapture12345221. Drag (seret) btnPlay.Click keluar/kesamping, begitu juga dengan btnStop Kemudian untuk memberikan fungsi jika button tersebut di klik, pilih Player1 (merupakan player yang kita drag pada screen sebelumnya). 22. Kemudian drag Player1.Strat untuk btnPlay dan Player1.Stop untuk btnStop. Hal ini dilakukan untuk memberikan aksi Strat dan Stop musik/player jika button tersebut di klik. Hal ini sangat memudahkan kita, kita diajak seperti bermain puzzleCapture12345323. Untuk menjalankan aplikasi yang telah dibuat, pilih “New emulator” pada menu bagian atas, lalu pilih Ok, maka akan muncul emulator yang akan menjalankan aplikasi kita. Tunggu hingga muncul seperti tampilan android, lalu buka kuncinya. 24. Pada “Connect to Device” tepat di sebelah New emulator pilih nama emulator yang sedang dijalankan (emulator 5554). Tunggu hingga beberapa saat, setelah prosesnya selesai maka akan muncul apilkasi yang kita buat. Anda dapat mencobanya untuk Play dan Stop musikCapture123454          ***SELESAI*** :D

No comments:

Post a Comment