MIT APP INVENTOR

 

Hai, Guys! Jadi kali ini kita mau menjelaskan kepada kalian bagaimana cara membuat aplikasi di MIT APP INVENTOR. 

Sebelumnya, kenalin kami Elya dan Sarah yang akan memandu kalian belajar membuat aplikasi dengan MIT APP INVENTOR sesuai pengalaman kami.

Pertama-tama, kita bakalan memberikan perkenalan singkat tentang Apa Sih MIT APP INVENTOR Itu?

Jadi, App Inventor adalah aplikasi web sumber terbuka  yang awalnya dikembangkan oleh Google, dan saat ini dikelola oleh Massachusettes Institute of Technology (MIT).

MIT APP INVENTOR adalah platform pemrograman visual yang memungkinkan pengguna untuk membuat aplikasi untuk ponsel pintar dan tablet. MIT APP INVENTOR merupakan hasil kolaborasi antara Google dan MIT. 

Keunggulan MIT APP INVENTOR :

1. Dapat digunakan oleh semua orang, termasuk anak-anak

2. Tidak perlu mempelajari bahasa pemrograman yang rumit

3. Dapat membuat aplikasi dunia nyata

4. Dapat digunakan untuk pembelajaran mandiri

Menurut pengalaman kami, membuat aplikasi di MIT APP INVENTOR sangatlah mudah. Kami akan memberi tutorial CARA MEMBUAT APLIKASI BERMAIN TEBAK GAMBAR yang pernah kami buat pada proyek sebelumnya:

1. Buka web MIT APP INVENTOR (https://appinventor.mit.edu/) 

2. Klik tombol Create Apps! pada bagian kiri atas sebelah logo

3. Log In akun Google kalian 

4. Klik OK jika muncul seperti ini 

5. Klik NEW PROJECT di barisan atas, jangan lupa beri nama project 

6. Klik User Interface pada bagian kiri, kemudian tarik option yang kalian butuhkan ke dalam layar handphone yang ada di tengah

7. Di screen pertama, kalian bisa tambahkan option Label untuk menulis judul aplikasi yang kalian buat. Kemudian, tambah option button yang berguna sebagai tombol untuk lanjut ke screen selanjutnya. Kalian bisa juga bisa menambahkan background aplikasi sesuai keinginan dengan menambahkan option Image ke dalam layar dan menambahkan foto background yang kalian pilih di BackgroundImage di bagian sebelah kanan layar.

8. Atur posisi agar Label dan Button berada di tengah layar dengan cara, klik screen 1 di barisan All Component. Kemudian, klik AlignHorizontal lalu pilih Center : 3. 

9. Di screen kedua, kalian bisa menambahkan background juga sama seperti di step sebelumnya. Kemudian tambahkan option Image untuk menambahkan gambar yang diinginkan dengan memilih Appereance Picture. 

10. Kemudian tambahkan TableArrangement dari barisan Layout, ubah Columns menjadi 4. Tambahkan 4 Button ke dalam TableArrangement untuk opsi tebak-tebakan.

11. Kemudian tambahkan TableArrangement dan letakkan di bagian paling atas layar. 

 Lalu tambahkan Button ke dalam TableArrangement yang Columns dan Rows-nya sudah dirubah menjadi 1, rubah juga Width menjadi Fill parent. Button ini nantinya akan berfungsi sebagai tombol kembali ke halaman utama. 

Oke, Guys! Kayaknya segitu aja dari kami, see u in next content! Bye-bye~

e