Membuat Aplikasi Sederhana pada MIT App Inventor

App Inventor merupakan salah satu web media yang dapat digunakan untuk menbuat aplikasi android simple dengan mudah dan tanpa memerlukan keahlian coding yang tinggi dan dengan mudah dapat di implementasikan secara nyata langsung di smartphone android kita semua.

Kali ini kita akan membuat akun dari MIT App Inventor dan sebuah aplikasi biodata secara sederhana.

 

1. Ketik "MIT App Inventor" seperti pada gambar dibawah 

Lalu pilih yang paling atas, kemudian akan muncul website MIT App Inventor yang mana kita akan membuat sebuah akun yang nantinya akan digunakan dalam pembuatan aplikasi berbasis Android.

2. Setelah dipilih lalu akan muncul seperti berikut,

Kemudian pilih yang dilingkari atau tulisan "Create Apps"

3. Setelah itu masukkan alamat email masing-masing atau login dengan menggunakan akun google kalian.

4. Setelah login silahkan klik "I accept the terms service!" seperti pada gambar dibawah

5.  Kemudian akan dilanjutkan untuk pilihan pengguna apakah anda seorang guru/siswa/lainnya, silahkan pilih "Student" apabila seorang siswa.

6. Selanjutnya isikan detail lengkap seperti pada gambar dibawah, kemudian "Next"

7. Setelah mengisi detail data sekolah, maka akan muncul gambar seperti dibawah, klik "OK"

8. Kemudian anda akan masuk ke tampilan awal dari MIT App Inventor, namun sebelum itu silahkan klik "Continue" dan ceklis "do not show again" agar tampilan seperti gambar tidak muncul kembali

9. Selanjutnya pilih "Close"

Anda sudah berhasil membuat akun pada website MIT App Inventor yang bisa digunakan untuk mengembangkan aplikasi berbasis android.

Setelah memiliki akun MIT App Inventor kita dapat memulai untuk mebuat aplikasi dengan meng-klik menu New Project yang ada di pojok kanan atas tampilan web awal MIT App Inventor, seperti pada gambar dibawah 

1. Setelah klik New Project akan muncul tampilan seperti gambar dibawah,

Lalu isikan Project name dengan isian contoh "Project1" atau apasaja, kemudian klik OK.

 2. Setelah itu akan muncul tampilan awal seperti pada gambar dibawah 

Pada tampilan tersebut terdapat beberapa menu yang perlu kita ketahui dari Simbol, Nama, dan Fungsinya.

Untuk lebih jelasnya silahkan klik link >> https://dandiyogywp.blogspot.com/2025/04/mit-app-inventor-merupakan-platform.html lalu silahkan dipahami mengenai Simbol, Nama dan Fungsi dari beberapa menu pada MIT App Inventor.

MEMBUAT APLIKASI BIODATA SEDERHANA

Selanjutnya, kita akan membuat aplikasi biodata sederhana yang memunculkan teks apabila tombol ditekan, teks tersebut akan berisi biodata.

1. 

Untuk menambahkan menu "Button" dan menu lainnya yang ada pada "Pallete" silahkan lakukan gerakan "drag and drop" (seret dan lepas) pada mouse komputer/laptop ke layar Display/Viewer.

silahkan ulangi kegiatan tersebut hingga sesuai seperti pada gambar.

2. Setelah semuanya selesai, kemudia pilih menu "Blocks" yang ada di pojok kanan atas. Block editor pada MIT App Inventor memungkinkan kita untuk memilih perintah tersendiri dari beberapa perintah yang tersedia. Contohnya kita memilih block Button1 dan drag salah satu perintah yang diinginkan. Kali ini kita memilih perintah “when Button1 click, do”

Langkah terakhir adalah ujicoba aplikasi 

Setelah program perintah selesai kita buat, kita dapat menguji aplikasi ini secara langsung pada smartphone android yang telah terhubung dengan jaringan yang sama dengan PC kita melalui aplikasi MIT AI2 COMPANION. Apabila belum memiliki aplikasi tersebut silahkan download pada PlayStore masing-masing.

1. Pilih menu Connect, lalu pilih AI Companion ;

setelah itu akan muncul kode dan barcode 

2. Buka aplikasi MIT AI2 COMPANION yang ada pada HP masing-masing lalu pilih "SCAN QR CODE" atau "CONNECT WITH CODE"

Silahkan ujicoba aplikasi tersebut apakah sudah berhasil, apabila sudah maka aplikasi bisa berjalan sesuai dengan perintah.

Sekian,