Top Banner
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).
12

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

Oct 06, 2020

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: 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

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).

Page 2: 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

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

:

Page 3: 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

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

Variables…

Page 4: 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

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

Page 5: 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

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

sedang dijalankan seperti gambar dibawah ini

Page 6: 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

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.

Page 7: 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

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

14. Isikan nama project yang kita inginkan, misal TestOfline

Page 8: 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

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.

Page 9: 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

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

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

Page 10: 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

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.

Page 11: 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

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.

Page 12: 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

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