Pertama buka App Inventor http://appinventor.mit.

edu/
Create Apps pada App Inventor

Gambar 1. Tampilan Web Inventor

Untuk melakukan create apps,harus log in menggunakan gmail.
Kedua pilih Start My Project ,isilah nama project “Latihan 1”yang akan dibuat. Klik OK.

Gambar 2. Membuat Projek Baru

Terlihat Tampilan Awal projek seperti gambar dibawah

Gambar 3. Tampilan Menu App Inventor

B. Membuat Tampilan Aplikasi

1.Buat judul nama aplikasi terlebih dahulu. Yakni dengan menyeret label pada menu user
interface. Untuk melakukan edit tulisan bisa dilakukan pada menu sebelah kanan yakni pada
menu properties. Selain itu anda bisa melakukan edit background aplikasi yakni dengan
mengklik “Screen1” pada components.
Gambar 4. Pembuatan Judul Aplikasi
Buatlah Identitas Mahasiswa,yakni berupa Nama,Nim,Alamat,Umur,dan Status. Caranya dengan
membuat layout table arrangement yang terdapat pada menu layout. Kemudian drag and drop
“Label” dan “Textbox” ke screen untuk melakukan isi data seperti tampilan dibawah:

Gambar 5. Tampilan Data

3. Setelah dilakukan pembuatan data untuk pengisian biodata, untuk mencek bahwa data tersebut
benar/salah,diperlukan suatu push button. Yakni dengan memilih “Button” pada menu user
interface. Kemudian drag and drop button tersebut ke screen dan lakukan pengeditan seperti
gambar dibawah :
Gambar 6. Tampilan Button
4. Tombol button tersebut untuk mencek bahwa data tersebut benar. Jika benar,maka perlu
ditampilkan bahwa data tersebut benar. Caranya yakni menggunakan label yang didrag and drop
ke screen. Label yang digunakan sesuai dengan data yang diinput yakni sebanyak 5 buah.
Tampilan seperti gambar dibawah :