Map It

Tutorial ini memperkenalkan:

1. Daftar manipulasi - membuat daftar, menambahkan item ke daftar
2. ListPicker - menambahkan item ke daftar, menyimpan data daftar
3. LocationSensor - mendeteksi lokasi saat ini untuk ditampilkan di Google Maps
4. ActivityStarter - digunakan untuk memulai Google Maps untuk alamat saat ini atau yang telah ditentukan
5. Notifier - menampilkan pesan
6. TinyDB - menyimpan data ke dalam database persisten
7. Lain-lain - manipulasi teks, validasi dasar

Bahan-bahan yang dibutuhkan: PC, Internet, dan smartphone Android yang telah terinstall MIT AI2 Companion

Langkah-langkah:
1. Buka MIT App Inventor kemudian Create Apps dan bikin file project baru.

2. Selanjutnya susunlah komponen pada screen1 sesuai dengan list yang ada pada Components.

3. Setelah design telah selesai, pilih Blocks dan susun block-blocknya seperti gambar berikut

- Block ini berfungsi untuk membuat prosedur yang bisa dipanggil saat aplikasi baru dimulai (diinisialisasi). Prosedur ini mengatur keadaan awal dari beberapa komponen.

- Berikut block untuk menambahkan alamat baru

- Berikut block untuk ketika user telah mengklik SubmitButton

- Berikut block untuk memilih alamat yang telah di add dalam bentuk list, block ketika ViewOnMapButton di klik, dan block untuk menampilkan lokasi dimana user berada saat ini

Setelah selesai menyusun blok seperti gambar diatas,maka klik connect dan pilih AI Companion, kemudian masuk ke aplikasi android MIT AI2 Companion dan scan barcode, maka akan muncul secara otomatis tampilan seperti berikut

[!!!] Pastikan anda memakai jaringan internet yang sama antara PC dan Android

Thank you for reading my blog ☺