pengenalan app inventor

2. ●

3. http://appinventor.mit.edu/

5. ●
Login ke dalam akun gmail
Pilih “I Accept the Term of Services”
●

10. Design View terdiri dari lima komponen dasar:
COLORINGTHE GLOBALFUTURE
http://www.gunadarma.ac.id
●
Palette
Viewer
Component
Media
Properties
●
●
●
●

11. Pallete
Palette terdiri dari objek apa
saja yang bisa anda
gunakan ke dalam aplikasi
anda. Palette terdiri dari
beberapa grup, semuanya
dikelompokkan ke dalam
satu grup jika memiliki
tema/fungsi yang sama.

12. Viewer
Terdiri dari tampilan
telepon selular dan
komponen–komponen
yang bisa di klik.

13. Component
● T
erdiri dari daftar
komponen apa saja yang
telah ditambahkan ke
dalam projek.
T
ampilannya berupa
susunan atau daftar yang
memudahkan kita untuk
mengatur komponen atau
melihat apa saja yang
berbentuk seperti direktori.
●

14. Media
● T
erletak di bawah dari
kolom Component.
Digunakan untuk mengatur
semua media komponen
untuk mendukung aplikasi.
Gambar, clip art, musik,
dan video.
Tidak boleh melebihi 5 MB
●
●
●

15. Property
● Mengatur komponen
bagaimana dia
berinteraksi dengan
pengguna maupun dengan
komponen lain, atau
bagaimana tampilannya.
Setiap komponen memiliki
kolom properties yang
berbeda-beda.
●

16. Code block pada App Inventor digunakan untuk
melakukan atau mengatur jalannya program. Code block
terdiri dari beberapa grup yang memilki fungsi berbeda-
beda. Grup yang ada pada Code block Antara lain:
●
Control blocks
Logic blocks
Math blocks
T
ext blocks
List blocks
●
●
●
●
●
Colors blocks
Variables blocks
Procedure blocks
●
●

19. Control Blocks
● Code blocks pada
pada grup ini
digunakan untuk
mengatur bagaimana
alur aplikasi yang kita
buat itu berjalan.

20. Logic Blocks
● Nilai boolean. Biasanya
digunakan untuk
menentukan kondisi
Operator. Digunakan untuk
memanipulasi nilai boolean.
Jadi logic block biasanya
berhubungan dengan if else
dan while yang berada
dalam control blocks.
●
●

21. Math Blocks
● Block ini digunakan
untuk memanipulasi
angka dan memasuk-
kan angka.
COLORINGTHE GLOBALFUTURE
http://www.gunadarma.ac.id

22. Text Blocks
● Block yang berada
dalam grup ini
digunakan untuk
memanipulasi,
mengolah, dan
menyeleksi argumen
dalam bentuk text.

23. List Blocks
● Block yang berada
dalam grup ini di-
gunakan untuk me-
manipulasi, meng-
olah, dan menyeleksi
list atau kumpulan
dari nilai (variabel).

24. Colors Blocks
● Block yang berada
dalam grup ini
digunakan untuk
memanipulasi dan
mengolah warna.

25. Variable Blocks
● Block yang berada
dalam grup ini
digunakan untuk
memanipulasi dan
mengolah variabel.

26. Procedure Blocks
● Block yang berada
dalam grup ini
digunakan untuk
membuat dan
memanggil
procedure, jadi kita
tidak akan menulis
ulang kode yang
sama.

27. Instalasi/EksporAplikasi

28. ●
T
esting
–
–
–
AI Companion
Emulator
USB
●
Building
– Download APK

29. Testing: AI Companion
●
Requirement
–
–
–
Komputer
Perangkat Android
Koneksi Wi-Fi
●
T
ahap
–
–
–
–
Instal aplikasi “MITAI2 Companion” di PlayStore
Koneksikan perangkat android dan komputer pada Wi-fi yang sama
Pada aplikasiApp Inventor, pilih menu Connect – AI Companion
Scan QRCode dengan menggunakan perangkat Android

30. Testing: Emulator
●
Requirement
– Komputer
●
Tahap
–
–
–
Instal aplikasi desktop App Inventor
Jalankan aplikasi desktop App Inventor
Pada aplikasi web App Inventor, pilih menu
Connect – Emulator

31. Testing: USB
●
Requirement
–
–
–
Komputer
Perangkat Android
Kabel USB
●
T
ahap
–
–
–
–
Instal aplikasi desktop App Inventor
Jalankan aplikasi desktop App Inventor
Atur pengaturan USB pada perangkat Android “USB Debugging ON”
Pada aplikasi web App Inventor, pilih menu Connect – USB

32. Building: Scan QRCode
● APK dapat didownload dengan memindai QRCode
yang telah disediakan ketika memilih menu
Build – Provide QRCode for Apk
Building: Simpan ke komputer
●
APK dapat disimpan ke dalam komputer Anda dengan
memilih menu Build – Save .apk to My Computer