1. Bab ini membahas tentang instalasi dan konfigurasi App Inventor untuk membangun aplikasi perangkat bergerak Android. Terdapat dua opsi penggunaan App Inventor yaitu menggunakan koneksi internet atau tanpa koneksi internet. 2. Untuk menggunakan App Inventor dengan koneksi internet, siswa perlu menginstal AI Companion di perangkat bergeraknya. Sedangkan tanpa koneksi internet, siswa perlu menginstal JDK Java, konfigurasi pathny

1. BAHAN AJAR | PEMROGRAMAN WEB DAN PERANGKAT BERGERAK 1
BAB VII - INSTALASI DAN KONFIGURASI APP INVENTOR
Tujuan Pembelajaran:
Setelah mempelajari bab ini siswa diharapkan dapat mampu :
1. Memahami tentang aplikasi App Inventor
2. Menjelaskan bagaimana menyiapkan App Inventor
3. Menerapakan persiapan untuk membangun aplikasi
App Inventor adalah aplikasi berbasis cloud, artinya Anda dapat membangun aplikasi
dengan menggunakan web browser anda. Situs web ini menawarkan semua dukungan
yang Anda perlukan untuk mempelajari cara membuat aplikasi Anda sendiri. Kunjungi
website ai2.appinventor.mit.edu. Selain itu App Inventor juga bisa digunakan dalam
bentuk offline bagi yang tidak mempunya koneksi internet selama bekerja membangun
aplikasi perangkat bergerak Android.
A. Menyiapkan App Inventor
Anda dapat menyiapkan App Inventor dan mulai membangun aplikasi dalam
hitungan menit. Designer dan Block Editor berjalan sepenuhnya di browser (alias
cloud).
Anda memiliki dua opsi untuk menyiapkan App Inventor Anda, diantaranya:
OPSI 1:
Anda menggunakan perangkat bergerak Android atau Komputer dan Anda memiliki
koneksi internet.
Anda dapat mulai membuat aplikasi tanpa mengunduh perangkat lunak apa
pun ke komputer Anda. Anda hanya butuh menginstal App Inventor Companion di
perangkat Anda.
 Hubungkan Ponsel atau Tablet Anda melalui WiFi.
 Anda dapat menggunakan App Inventor tanpa mengunduh apa pun ke komputer
Anda!
 Anda akan mengembangkan aplikasi di situs web: ai2.appinventor.mit.edu.
 Untuk melakukan pengujian langsung pada perangkat Android Anda cukup instal
aplikasi AI Companion di ponsel atau tablet Android Anda.

2. BAHAN AJAR | PEMROGRAMAN WEB DAN PERANGKAT BERGERAK 2
 Setelah Ai Companion diinstal, Anda dapat membuka proyek di App Inventor di
web, buka Companion di perangkat bergerak Anda untuk live testing aplikasi
yang sudah dibuat.
 Dan Anda dapat menjalankan aplikasi Anda saat membangunnya, seperti yang
terlihat pada gambar dibawah ini.
Gambar 2.1. Membangun Aplikasi dengan Perangkat Bergerak Android dan
Koneksi internet
Langkah-langkah berikut akan memandu Anda untuk tahapan instalasi AI
Companion
Langkah 1:
Unduh dan pasang Aplikasi MIT AI2 Companion di ponsel Anda.
 Buka pemindai kode QR perangkat Anda dan pindai kode QR di sebelah kiri di
bawah ini untuk mengunduh Aplikasi Companion dari Play Store.
 Jika Anda tidak dapat menggunakan Play Store, gunakan kode QR di sebelah
kanan untuk mengunduh Aplikasi Companion langsung ke ponsel Anda.
Play Store
Direkomendasi: Otomatis updates
Pindai kode QR ini (atau klik tautan ini)
untuk mendapatkan aplikasi dari Play
Store
APK File
Manual Updates
Pindai kode QR ini (atau klik tautan ini)
untuk mengunduh aplikasi secara
langsung
 Jika Anda membutuhkan pemindai kode QR, Anda bisa mendapatkannya dengan
mengunduh di Play Store (mis., ZXing).
 Setelah mengunduh, ikuti petunjuk untuk menginstal aplikasi Companion pada
perangkat Anda.

3. BAHAN AJAR | PEMROGRAMAN WEB DAN PERANGKAT BERGERAK 3
 Anda hanya perlu menginstal Companion MIT AI2 sekali saja, dan kemudian
meninggalkannya di ponsel atau tablet Anda setiap kali Anda menggunakan App
Inventor.
Keterangan:
1. Jika Anda tidak dapat menggunakan kode QR, Anda masih bisa menginstal
MIT2 AI Companion di ponsel atau tablet Anda. Gunakan browser Web di
perangkat Anda untuk pergi ke Google Play Store, cari MIT2 Companion di
Google Play Store. Setelah Anda menemukan Companion, klik tombol
INSTALL untuk aplikasi Al Companion.
Langkah 2:
Sambungkan komputer dan perangkat bergerak Anda ke Jaringan WiFi yang sama.
Setelah proses intalasi Companion selesai maka App Inventor akan secara otomatis
menampilkan aplikasi yang sedang Anda buat, tetapi hanya jika komputer Anda
(menjalankan App Inventor) dan perangkat bergerak Android Anda (yang
menjalankan Companion) terhubung ke Jaringan WiFi yang sama
Langkah 3:
Buka App Inventor dan buka proyek (atau create a new one -- use Project > Start
New Project dan beri nama proyek Anda).
 Kemudian Pilih "Connect" dan "AI Companion" dari menu atas di browser AI2:
Gambar Menu AI2 di Browser
 Dialog dengan kode QR akan muncul di layar PC Anda. Di perangkat bergerak
Anda, jalankan aplikasi MIT App Companion sama seperti Anda melakukan
aplikasi apa pun. Kemudian klik tombol "Scan QR code" pada Companion atau
dengan memasukkan kode karakter string yang muncul di aplikasi App Inventor
Anda dan pindai kode di jendela App Inventor, seperti yang terlihat pada gambar
dibawah ini :

4. BAHAN AJAR | PEMROGRAMAN WEB DAN PERANGKAT BERGERAK 4
 Dalam beberapa detik, Anda akan melihat aplikasi yang Anda buat di perangkat
bergerak Anda. Ini akan diperbarui saat Anda membuat perubahan pada desain
dan blok Anda, fitur ini yang disebut "live testing".
OPSI 2:
Anda menggunakan perangkat bergerak Android atau Komputer dan Anda tidak
memiliki koneksi internet.
Saat Anda menggunakan App Inventor dengan perangkat bergerak android
atau komputer, perangkat itu berkomunikasi dengan perangkat lunak App Inventor
yang berjalan di jendela browser komputer Anda. Komunikasi ini dikelola oleh
Aplikasi AI Companion yang berjalan di perangkat. Companion dapat berkomunikasi
dengan komputer Anda melalui koneksi internet secara langsung.
Namun, ada beberapa lingkungan di mana koneksi internet tidak berfungsi.
Misal di beberapa hotel, pusat konferensi, dan sekolah, yang mengkonfigurasi
jaringan internet mereka untuk melarang perangkat di jaringan untuk saling
berkomunikasi. Anda harus menginstal perangkat lunak driver android untuk
windows pada komputer Anda sehingga Anda dapat terhubung ke perangkat
bergerak Android Anda melalui USB. Opsi Koneksi USB bisa rumit, terutama pada
Windows. Gunakan ini sebagai pilihan terakhir.
Anda masih dapat menggunakan App Inventor dengan perangkat bergerak
atau komputer walaupun Anda tidak mempunya koneksi internet dengan cara
menghubungkan komputer dengan perangkat bergerak android menggunakan kabel
USB, seperti yang terlihat pada gambar dibawah ini:

5. BAHAN AJAR | PEMROGRAMAN WEB DAN PERANGKAT BERGERAK 5
Gambar 2.2. Membangun Aplikasi dengan Menggunakan USB Perangkat
Bergerak
Menyiapkan koneksi USB, terutama pada mesin Windows akan membutuhkan
perangkat lunak driver khusus untuk terhubung ke perangkat Android. Akibatnya,
Anda mungkin harus mencari di Web untuk menemukan driver yang sesuai untuk
perangkat bergerak Anda.
Berikut adalah langkah-langkah untuk mulai menggunakan App Inventor
dengan kabel USB:
Langkah 1:
Instal Perangkat Lunak JAVA.
App Inventor dikembangkan dengan Bahasa pemrograman JAVA, jadi sangat
penting untuk Anda menginstall Java Development KIT (JDK) terlebih dahulu yang
dapat didownload diwebsite resmi Java dan gratis. Setelah instalasi selesai tahap
berikutnya adalah melakukan konfigurasi setting path JAVA
Langkah 2:
Konfigurasi Setting Path JAVA
Setelah JDK terinstall, langkah berikutnya adalah seting path JAVA nya, langkah-
langkahnya:
1. Control Panel -> System -> Advance System Setting
2. Environment Variabel
3. Pada System Variabel, Klik New dan ketikkan JAVA_HOME pada Variabel Name
4. Pada Variabel Value, Klik dimana file JDK berada. Contoh: "C:Program
FilesJavajdk12.2.0" (tergantung jenis versi JDK yang saudara download)
5. Pada Sstem Variabel. Klik Path dan Klik Edit, pada Variabel Value setelah bagian
“;” dengan mengetik "C:Program FilesJavajdk12.2.0" (tergantung jenis versi
JDK yang saudara download)
6. Klik OK dan restart computer.

6. BAHAN AJAR | PEMROGRAMAN WEB DAN PERANGKAT BERGERAK 6
Langkah 3:
Install App Inventor Ultimate 2 Portable
1. Download software Instalasi App Inventor Ultimate 2 Portable yang
dikembangkan oleh Krupong yang merupakan App Inventor versi Offline di
https://sourceforge.net /projects/ai2u/
2. Pilih AI2U-portable-v4.6-64bit.zip kalau Windows sudah 64bit, atau pilih AI2U-
portable-v4.6-32bit.zip kalau Windows masih 32bit.
3. Ekstrak file yang sudah di download tadi ke salah satu folder sampai semua file
ter-ekstrak
4. Buka file folder hasil Ekstrak file tadi, buat shortcut pada file application-nya (icon
bulat dengan tulisan CD) dengan cara klik kanan mouse “Create shortcut”,
missal taruk di desktop
5. Klik File shortcut yang ber icon bulat dengan tulisan CD tadi sehingga tampil
seperti gambar dibawah ini :
6. Klik All AI2U Server atau DevServer
7. Klik Start Invent
8. Selanjutnya akan muncul Web Browser dan App Inventor akan otomatis aktif
seperti versi onlinenya. Direkomendasikan menggunakan web browser Google
Chrome untuk kompatilitas dan kestabilan sewaktu mendevelop aplikasi
9. Masukkan email Gmail Anda dan password dan klik Login
10. Berikutnya Anda akan masuk pada user Interface App Inventor versi Offline yang
sama dengan Onlinenya.
Anda sekarang siap untuk membangun aplikasi pertama Anda!

7. BAHAN AJAR | PEMROGRAMAN WEB DAN PERANGKAT BERGERAK 7
RANGKUMAN
1. App Inventor adalah aplikasi berbasis cloud, artinya Anda dapat membangun
aplikasi dengan menggunakan web browser anda. Selain itu App Inventor juga
bisa digunakan dalam bentuk offline bagi yang tidak mempunya koneksi internet
selama bekerja membangun aplikasi perangkat bergerak Android.
2. Ada 2 opsi untuk menggunakan App Inventor yaitu :
a. Anda menggunakan perangkat bergerak Android atau Komputer dan Anda
memiliki koneksi internet.
b. Anda menggunakan perangkat bergerak Android atau Komputer dan Anda tidak
memiliki koneksi internet.
3. Untuk melakukan pengujian langsung pada perangkat Android Anda cukup instal
aplikasi AI Companion di ponsel atau tablet Android Anda.
4. Setelah Ai Companion diinstal, Anda dapat membuka proyek di App Inventor di
web, buka Companion di perangkat bergerak Anda untuk live testing aplikasi
yang sudah dibuat.
5. Berikut adalah langkah-langkah untuk mulai menggunakan App Inventor dengan
kabel USB:
a. Install perangkat lunak JDK Java yang bisa didownload dari website
b. Konfigurasi setting path JDK Java yang sudah di install tadi.
c. Install App Inventor Ultimate 2 Portable yang bisa di download dari website
https://sourceforge.net /projects/ai2u/