Nama : Neva Bella Oktavia

NIM : 180321614525

LAPORAN LANGKAH PEMBUATAN MIT APP INVENTOR DENGAN

MENGGUNAKAN KOMPUTER

1. Pastikan komputer atau laptop yang akan digunakan sudah terhubung dengan wi-fi.
2. Pastikan anda memiliki akun gmail, agar saat pendaftaran pada laman web MIT App
Inventor anda tinggal memasukkan akun gmail yang sudah anda miliki.
3. Klik ikon google untuk mencari MIT App inventor pada web browser.
4. Setelah masuk pada web browser google, kemudian ketik MIT App Inventor pada
laman google.
5. Maka setelah itu akan muncul laman web seperti gambar dibawah ini.
6. Kemudian klik web yang bertuliskan “MIT App Inventor”, jika laman web telah di
klik maka akan muncul laman MIT App Inventor seperti gambar dibawah ini.

7. Klik “Create Apps!” kemudian akan muncul dialog box untuk memasukkan akun
gmail anda seperti gambar dibawah ini.
8. Setelah anda memasukkan alamat akun gmail, kemudian akan muncul dialog box
untuk memasukkan password gmail yang anda miliki.

9. Setelah anda berhasil melakukam login menggunakan akun gmail yang anda miliki,
selanjutnya akan muncul dialog box seperti berikut.

10. Kemudian klik “Star New Project”, maka akan muncul laman dialog untuk mengetik
nama project yang akan dibuat. Setelah memberi nama project kemudian klik tombol
OK.
11. Selanjutnya akan muncul laman web pada MIT App Inventor seperti berikut.

12. setelah itu klik “text box” yang tertera pada user interface, kemudian menyeret ke
dalam dialog box hp yang tertera pada gambar berikut.
13. Kemudian klik “Button” yang tertera pada user interface dan menyeretnya ke dalam
dialog box hp, yang tertera pada gambar berikut.
14. Selanjutnya beralih ke laman blocks yang berada di samping tombol designer.

15. Klik tombol blocks, kemudian akan muncul laman dialog seperti berikut.

16. Klik tombol “button 1” maka akan muncul laman dialog box seperti gambar berikut.
Lalu pilih box yang anda inginkan sesuai kebutuhan yang di perlukan.
17. Selanjutnya klik tombol “text box 1” maka akan muncul laman dialog box seperti
gambar di bawah ini. Lakukan pemilihan box sesuai kebutuhan dan pastikan box
dapat terpasang sesuai dengan box yang pada button 1.

18. Untuk menyambung box pada text box 1 dibutuhkan box baru yang dapat dipilih
dengan mengklik tombol “Text”. Fungsi dari box text ini adalah untuk memberi nama
yang di inginkan.

19. Jika tahap pada 18 telah dilakukan pemberian nama pada box yang bewarna pink,
selanjutnya kembali ke halaman designer untuk membuat tampilan text box 1 dan
button 1agar posisinya berada tepat di tengah layar hp maka dapat diatur dengan
mengklik”Align Horizontal” ubahlah ke center : 3
20. Pada tahap ini tulisan yang berada di dalam button 1 “text for button 1” dapat diubah
sesuai keinginan anda , dengan cara mengklik text. Contoh, KLIK DISINI.

21. Untuk menghubungkan laman MIT App Inventor yang ada pada komputer ke Hp
adalah dengan cara mengklik tombol connect lalu pilihlah AI Companion.
22. Pastikan anda telah menginstal MIT App Inventor pada HP android anda,
pengunduhan dapat dilakukan di play store. Setelah mengklik AI Companion maka
akan muncul text box seperti gambar dibawah ini.

23. Setelah barcode muncul, buka aplikasi MIT App Inventor pada HP android, kemudian
klik scan QR code. Jika scaning code telah dilakukan tunggu beberapa saat hingga
program dapat diterima di hp anda.
24. Jika sudah selesai di coding oleh HP, maka anda telah dapat menggunakannya pada
hp anda. Anda dapat mengklik tombol “KLIK DISINI” setelah itu nama anda akan
muncul dalam text box 1.