App Inventor versi Offline di buat oleh M. Hossein ......Demikianlah tutorial untuk menjalankan App Inventor versi Offline untuk mempermudah anda dalam membuat dan menyiapkan Aplikasi

Post on 06-Oct-2020

12 Views

Category:

Documents

0 Downloads

Preview:

Click to see full reader

Transcript

App Inventor versi Offline di buat oleh M. Hossein Amerkashi yang di kembangkan dengan

nama Ai2LiveComplete. Perbedaan antara versi yang online dengan offline adalah jika kita

menggunakan App Inventor Versi Online kita membutuhkan koneksi Internet yang cukup tinggi

minimal 100 kbps, sedangkan untuk versi Offline kita tidak memerlukan koneksi internet.

Berikut langkah - langkah install App Inventor Versi Offline atau bisa disebut

Ai2LiveComplete,

1. Download Ai2LiveComplete! dilink

berikut http://sourceforge.net/projects/ailivecomplete/

2. Setelah proses download selesai, selanjutnya file Ai2LiveComplete.zip di-extract ke

direktori C (Seperti Gambar dibawah ini).

3. Sebelum dilanjutkan kembali, pastikan komputer atau laptop anda sudah ter-install JDK.

Kalo belum ada atau belum anda install, Instal terlebih dahulu JDK.

4. Setelah itu, kita atur environment variable JAVA_HOME untuk menunjuk

folder JDK yang sudah ter-install. Caranya adalah klik kanan pada My Computer di

desktop, lalu klik Properties.

5. Selanjutnya klik Advanced system settings, yang dapat anda lihat seperti dibawah ini

:

6. Maka akan muncul window System Properties, selanjutnya klik Environment

Variables…

7. Maka akan muncul jendela Environment Variables, kemudian klik New… seperti

gambar dibawah ini

8. Maka akan tampil jendela New User Variable, kemudian isi

• Variable name : JAVA_HOME

• Variable value : C:\Program Files\Java\jdk 1.7.0 atau alamat

dimana JDK kita ter-install lengkapnya seperti gambar dibawah ini

9. Buka kembali folder Ai2LiveComplete, selanjutnya klik 2 kali

pada WinStartAIServer.cmd

10. Maka akan muncul jendela cmd yang menandakan bahwa server AiLiveComplete

sedang dijalankan seperti gambar dibawah ini

11. Langkah Berikutnya buka web browser. Lalu ketikan di kotak address

http://localhost:8888, Maka akan tampil seperti dibawah ini. Silakan isi email yang

kita miliki atau langsung klik Log In

12. Dan anda berhasil Login di App Inventor versi Offline. Tampilan yang anda lihat tidak

jauh berbeda dengan tampilan App Inventor versi Online.

13. Selanjutnya kita coba buat project baru, klik New Project

14. Isikan nama project yang kita inginkan, misal TestOfline

15. Dan kita bisa langsung membuat aplikasi Android yang kita inginkan, cukup drag &

drop komponennya, lalu drag & drop block events nya.

16. Apabila kita ingin menyimpan atau men-download file .apk dari project aplikasi android

yang sudah dibuat. Langkah Pertama yang akan kita lakukan adalah, kita klik 2 kali

file WinStartBuildServerWithHeap.cmd untuk menjalankan server Build nya

pada cmd.

17. Selanjutnya kembali lagi ke browser yang sudah membuka App Inventor dan

menampilkan project Android yang ingin di-download .apk nya.

18. Pada Menu Bar, klik Build, lalu pilih App (save .apk to my computer) seperti

gambar dibawah ini.

19. Maka akan tampil Progress Bar yang menandakan bahwa project sedang di-Build

untuk menghasilkan .apk nya.

20. Apabila Progress Bar sudah menunjukkan 100% maka akan tampil tulisan “The APK

file will be saved in download folder” yang berarti file APK sudah selesai di-Build

dan siap untuk di-download.

21. Dan apabila kita cek di cmd yang udah kita buka sebelumnya maka terdapat

tulisan INFO : BUILD 1 FINISHED yang berarti file APK sudah berhasil dibuat.

22. Secara otomatis akan langsung men-download seperti gambar di bawah ini.

23. Dan terakhir coba kita cek di direktori penyimpanan folder, file Test.apk siap untuk di-

install di smartphone Android kita.

Demikianlah tutorial untuk menjalankan App Inventor versi Offline untuk mempermudah anda

dalam membuat dan menyiapkan Aplikasi Android tanpa harus terkoneksi melalui Internet.

Untuk lebih lengkapnya anda dapat blog nya M. Hossein Amerkashi di

http://amerkashi.wordpress.com/. Karena banyak sekali tutorial dan penjelasan

mengenai App Inventor / Ai2LiveComplete di blog tersebut. Atau bisa juga langsung

melihat streaming beberapa video tutorial App Inventor / Ai2LiveComplete

top related