Cara Membuat Aplikasi :
Untuk membuat aplikasi menggunakan App Inventor ini kita harus memiliki akun gmail terlebih dahulu. Jika belum ada silahkan untuk membuat akun gmail terlebih dahulu. jika sudah ada silahkan login pada akun gmail tersebut. Jika sudah login ke akun gmail silahkan kunjungi halaman App Inventor 2.
Langkah - langkah untuk membuat new project :
- Jika sudah mengunjungi halaman App Inventor 2, maka akan muncul tampilan pada browser seperti gambar di bawah ini :
- Setelah muncul halaman web page-nya klik create app yang terdapat pada ujung kanan atas web page.
- Apabila tampilan pada web page sudah seperti gambar 2. Maka kita sudah bisa membuat aplikasi android. Untuk membuat projek baru, silahkan klik start new project yang terdapat pada lingkaran pada gambar.
Gambar 2 Tampilan Project - Setelah itu masukkan nama project yang akan di buat. Dan akan muncul tampilan screen android yang masih kosong.
- Buat lah design aplikasi yang akan di buat dengan cara memilih tool yang ingin di gunakan pada aplikasi android pada pallete yang terdapat pada web page. Setiap tool yang telah di pilih dapat di lihat pada kolom komponen. Pada kolom komponen kita dapat mengganti nama tool yang di gunakan dan juga menghapus dan memindahkan letak dari tool tersebut. Properties di gunakan untuk mengedit tool seperti mengedit ukuran, tulisan, gambar, warna dan lain-lain seperti pada gambar 3.
Gambar 3 Tampilan Screen Android - Jika design aplikasi sudah selesai, kita dapat membuat program tool yang kita gunakan agar dapat berfungsi sesuai kemauan kita. Dengan cara memilih mode block pada sudut kanan atas seperti yang di tunjukkan pada gambar 4
Gambar 4 Memilih Mode - Setelah masuk ke mode block, kita sudah bisa untuk membuat program pada setiap tool yang telah di gunakan pada design screen sebelumnya dengan bantuan yang telah tersedia dan di tunjukkan pada gambar 5
Gambar 5 Mode Block - Setelah desain dan program aplikasi android yang anda buat telah selesai, anda bisa mencobakannya menggunakan android anda tanpa harus mencopy aplikasi yang anda buat berkali-kali apabila ada kesalahan. Mit app inventor 2 ini memiliki aplikasi pendukung agar penggunanya dapat menguji coba aplikasi yang telah di buat, yaitu MIT AI2 Companion. Aplikasi ini dapat anda download melalui google app store yang terdapat pada android anda. Anda bisa mencarinya pada pencarian yaitu MIT AI2 Companion dan menginstall nya di android anda. Aplikasi ini memiliki lambang seperti gambar 6.
Gambar 6. Logo MIT AI2 Companion - Jika sudah selesai menginstall aplikasi MIT AI2 Companion, kita bisa menghubungkan MIT App Inventor dengan MIT AI2 Companion. Sebelum anda menghubungkan kedua aplikasi pastikan anda sudah terhubung dalam satu jaringan. Contoh, anda menghubungkan jaringan pc anda menggunakan jaringan hotspot android anda. Jika kedua perangkat sudah dalam satu jaringan anda bisa menghubungkan kedua peraangkat dengan men-klik toolbar connect pada MIT App Inventor. Disitu akan terdapat pilihan Al Companion. Setelah anda pilih Al Companion anda akan mendapatkan kode yang dapat anda masukkan pada perangkat anda. Dengan cara menscan barcode yang tertera di layar browser pc anda seperti pada gambar 7. Tetapi, jika kamera anda mengalami masalah, jangan khawatir, MIT AI2 memiliki pilihan untuk menginputkan kode yang tertera pada layar browser anda. Seperti yang ada lihat pada gambar 8.
Gambar 7. Cara menghubungkan perangkat menggunakan barcode
Gambar 8. Cara menghubungkan perangkat menggunakan Code - Jika kedua perangkat sudah bisa terhubung anda dapat melakukan percobaan terhadap aplikasi yang telah anda buat. Jika anda merasa masih ada kurang terhadap applikasi anda, anda bisa melakukan pengeditan pada MIT App Inventor. Setiap anda melakukan pengeditan MIT AI2 Companion dapat mengupdatae secara otomatis. Maka anda dapat terus menguji coba aplikasi yang anda buat tanpa harus menkoneksikannya secara terus menerus.
- Jika anda telah selesai. Anda bisa memutuskan koneksi kedua perangkat dengan cara men-klik toolbar koneksi nya kembali dan memilih reset connection.
 |
| Gambar 1 Tampilan Awal Web Page |
Mungkin saya rasa cukup sekian tutorial penggunaan MIT App Inventor kali ini. Semoga bisa bermanfaat untuk para pembaca blog ini. Jika anda ingin mengetahui tentang aplikasi ini lebih lanjut anda bisa mengikuti perkembangan blog ini dengan terus melihat update-updatetan terbarunya. Terima kasih telah berkunjung:)