App Inventor. Kartika Dwintaputri S, ST., MMSI

Transkripsi

1 App Inventor Kartika Dwintaputri S, ST., MMSI

2 Apa itu MIT App Inventor? MIT App Inventor adalah aplikasi inovatif yang dikembangan Google dan MIT untuk mengenalkan dan mengembangkan pemrograman android dengan mentrasformasikan bahasa pemrograman yang kompleks berbasis teks menjadi berbasis visual (drag and drop) berbentuk blok-blok.

3 Membuat Projek Baru

4 Membuat Projek Baru

5 Membuat Projek Baru Login ke dalam akun gmail Pilih I Accept the Term of Services

6 Membuat Projek Baru

7 Membuat Projek Baru

8 Membuat Projek Baru

9 Membuat Projek Baru

10 Mengenal Design View Design View terdiri dari lima komponen dasar: Palette Viewer Component Media Properties

11 Mengenal Design View 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 Mengenal Design View Viewer Terdiri dari tampilan telepon selular dan komponenkomponen yang bisa di klik.

13 Mengenal Design View Component Terdiri dari daftar komponen apa saja yang telah ditambahkan ke dalam projek. Tampilannya berupa susunan atau daftar yang memudahkan kita untuk mengatur komponen atau melihat apa saja yang berbentuk seperti direktori.

14 Mengenal Design View Media Terletak 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 Mengenal Design View Property Mengatur komponen bagaimana dia berinteraksi dengan pengguna maupun dengan komponen lain, atau bagaimana tampilannya. Setiap komponen memiliki kolom properties yang berbeda-beda.

16 Mengenal Code Blocks Code block pada App Inventor digunakan untuk melakukan atau mengatur jalannya program. Code block terdiri dari beberapa grup yang memilki fungsi berbedabeda. Grup yang ada pada Code block Antara lain: Colors blocks Control blocks Logic blocks Variables blocks Math blocks Procedure blocks Text blocks List blocks

17 Mengenal Code Blocks

18 Mengenal Code Blocks

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

20 Mengenal Code Blocks 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 Mengenal Code Blocks Math Blocks Block ini digunakan untuk memanipulasi angka dan memasukkan angka.

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

23 Mengenal Code Blocks List Blocks Block yang berada dalam grup ini digunakan untuk memanipulasi, mengolah, dan menyeleksi list atau kumpulan dari nilai (variabel).

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

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

26 Mengenal Code Blocks 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/Ekspor Aplikasi

28 Instalasi/Ekspor Aplikasi Testing AI Companion Emulator USB Building Download APK

29 Instalasi/Ekspor Aplikasi Testing: AI Companion Requirement Komputer Perangkat Android Koneksi Wi-Fi Tahap Instal aplikasi MIT AI2 Companion di PlayStore Koneksikan perangkat android dan komputer pada Wi-fi yang sama Pada aplikasi App Inventor, pilih menu Connect AI Companion Scan QRCode dengan menggunakan perangkat Android

30 Instalasi/Ekspor Aplikasi 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 Instalasi/Ekspor Aplikasi Testing: USB Requirement Komputer Perangkat Android Kabel USB Tahap 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 Instalasi/Ekspor Aplikasi 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