Scribd
Unggah
464 tayangan

Tutorial From Menu App Inventor

Tutoria ini menjelaskan cara membuat aplikasi biodata melalui App Inventor 2 dengan menambahkan background image, table arrangement, label, text box, time picker, spinner dan tombol simpan. Aplikasi ini dirancang untuk mengumpulkan dan menyimpan informasi biodata siswa seperti nama, tempat lahir, tanggal lahir, jenis kelamin dan alamat.

Diunggah oleh

Safni Agustina
Hak Cipta
© © All Rights Reserved
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
464 tayangan

Tutorial From Menu App Inventor

Tutoria ini menjelaskan cara membuat aplikasi biodata melalui App Inventor 2 dengan menambahkan background image, table arrangement, label, text box, time picker, spinner dan tombol simpan. Aplikasi ini dirancang untuk mengumpulkan dan menyimpan informasi biodata siswa seperti nama, tempat lahir, tanggal lahir, jenis kelamin dan alamat.

Diunggah oleh

Safni Agustina
Hak Cipta
© © All Rights Reserved
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 12

TUTORIAL From Biodata/Daftar Melalui APP INVENTOR 2

1. Klik kiri doble aplikasi app inventor 2 nya, tunggu hingga keluar CMD, setelah keluar CMD,
Biarkan.
2. Open/Buka Browser dan ketik dibagian URL-nya ini “ http://localhost:8888 ” terus enter
3. Jika muncul ini, Pilih LOGIN saja

4. Buatlah sebuah projek baru dengan klik “start menu project”

5. Setelah itu muncul kotak dialog yang mana itu digunakan untuk memberi nama dari projek
yang baru saja kita buat.

6. Setelah itu akan muncul tampilan desain (Design View) sebuah projek baru.
TUTORIAL From Biodata/Daftar Melalui APP INVENTOR 2

7. Untuk mnambah brakground pada screen pilih “Background Image”, pilih upload file,
setelah selesai upload pilih gambar nya dan klik oke
TUTORIAL From Biodata/Daftar Melalui APP INVENTOR 2

8. Setelah itu pilih “Layout” terus pilih “Vertical Arrangement” drag ke screen

Dan klik user interface pilih “image” drang ke dalam “ vertical arrangement” di
screen

Untuk mengisi IMAGE pilih “picture”, upload file dan klik oke dan ubah width = 90
pixels dan height = 90 pixels

Setelah itu pilih “label” pada user interface Drang ke dalam vertical arrangement di
bawah image, karna Background image nya warna hitam maka teks labelnya harus
warna putih
TUTORIAL From Biodata/Daftar Melalui APP INVENTOR 2

Dan utntuk mengubah nama pada “label” pilih teks dan ubah jadi “Daftar” untuk men-center
pada label pilih width klik “fill parent”
TUTORIAL From Biodata/Daftar Melalui APP INVENTOR 2

9. Klik layout pilih “table arrangement” drag ke srcreen, pada properties masukan columns
= 2 dan rows = 5 kemudian klik width pilih “fill parent”

10. Klik user interface pilih “label” drang ke screen di dalam “table arrangement” sebanyak 5
pada baris kiri
TUTORIAL From Biodata/Daftar Melalui APP INVENTOR 2

Dan ubah nama label tersebut menjadi “ NAMA SISWA, TEMPAT LAHIR, TANGGAL
LAHIR, JENIS KELAMIN dan ALAMAT ”

11. Pada user interface klik “text box” drang ke screen pada kolom 2 baris 1 & 2
TUTORIAL From Biodata/Daftar Melalui APP INVENTOR 2

12. Untuk tanggal lahir pilih “time picker” drag ke screen colom 2 pada baris 3, sejajar
dengan label tanggal lahir.

13. Dan untuk jenis kelamin pilih “Spinner” drag ke screen ke colom 2 ke baris 4 sejajar
dengan label jenis kelamin
TUTORIAL From Biodata/Daftar Melalui APP INVENTOR 2

Menambah add item/tambah pilihan pada jenis kelamin dilakukan dengan mengketik pada
elemen from string = Laki-laki, Perempuan, dan Prompt = Jenis Kelamin

Selanjutnya Harus Juga menggunakan “Blocks” klik blocks


TUTORIAL From Biodata/Daftar Melalui APP INVENTOR 2

Maka tampilan bloks seperti ini

Pada bloks pilih screen1. Terus klik spinner dan kemudian muncul , pilih paling atas warna
coklat “ when spinner1 .afterselecting” drag ke viewer sebelah kanan
TUTORIAL From Biodata/Daftar Melalui APP INVENTOR 2

di bloks masih pilih spinner dan pilih “set spinner . elemenfromstring to ” drag dan masukan
ke dalam bagian slection yg warna coklat

kemuadian pilih “variabels” pada bloks dan pilih “get ...” drag ke viewer dan koneksikan ke
“set spinner . elemenfromstring to ” dan pada get... pilih selection
TUTORIAL From Biodata/Daftar Melalui APP INVENTOR 2

Kembali ke desinger

14. Pada label alamat, klik “text box” drang ke screen pada kolom 2 & baris 5
TUTORIAL From Biodata/Daftar Melalui APP INVENTOR 2

15. untuk tombol simpan pilih botton drag ke screen dan ubah text menjadi simpan

16. Kemudian jalan kan, Connect pilih emulator dan tunggu

Anda mungkin juga menyukai