Membuat Aplikasi Biodata Dengan App Inventor 2

Membuat Aplikasi Biodata Dengan App Inventor 2 - Hallo sahabat Cerita Horror, Pada Artikel yang anda baca kali ini dengan judul Membuat Aplikasi Biodata Dengan App Inventor 2, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Android, Artikel Aplikasi, Artikel Tutorial, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Membuat Aplikasi Biodata Dengan App Inventor 2
link : Membuat Aplikasi Biodata Dengan App Inventor 2

Baca juga


Membuat Aplikasi Biodata Dengan App Inventor 2

Membuat Aplikasi Biodata dengan App Inventor 2

Membuat aplikasi biodata dengan App Inventor 2. Membuat sebuah aplikasi di app inventor tidaklah sulit karena kita lebih banyak menggunakan logika dan tidak sama sekali membuat rangkaian kode (coding). Jadi sebelum membuat aplikasi di app inventor terlebih dahulu mengetahui apa itu app inventor.

App Inventor adalah sebuah lingkungan pemrograman visual yang intuitif yang memungkinkan setiap orang bahkan anak untuk membangun aplikasi yang berfungsi penuh untuk smartphone dan tablet.

Dilansir dari situs appinventor.mit.edu bahwa mereka yang baru menggunakan MIT App Inventor dapat membuat aplikasi yang sederhana dan berjalan dalam waktu kurang dari 30 menit.

Baca Juga : Cara Aktivasi Microsoft Office 2016 Dengan CMD

App inventor dilegkapi dengan alat berbasis blok yang memfasilitasi pembuatan aplikasi yang kompleks dan berdampak tinggi dalam waktu yang jauh lebih sedikit dibandingkan Lingkungan pemrograman tradisional.

Membuat aplikasi dengan app inventor dapat menggunakan dua cara, yang pertama secara online dengan mengunjungi appinventor.mit.edu dan secara offline dengan mendownload terlebih dahulu app inventor.


Langsung ke cara pembuatan aplikasi biodatanya.

Cara Membuat Aplikasi Biodata Dengan App Inventor

Buatlah sebuah projek, setelah itu buka projeknya maka kita kaan dibawa menuju halaman pembuatan aplikasi andorid.

1. Mendesain Screen1

Desain screen1
Desain screen1

Pertama-tama drag vertical arrangement dimenu sebelah kiri bagian layout. Setelah itu di bagian properties ubah AlignHorizontal menjadi : Center 3 dan AlignVertikal menjadi : Top 1.
Berikut setting lengkapnya :

Item-item yang ada di screen1
Components screen1

Pastikan di Components item-itemnya sudah seperti gambar diatas. Kemudian ke bagian components klik screen1, pada Properties ubah menjadi seperti dibawah ini.

Properties setting center screen1
Kode warna = #0f5b94
Beralih ke blocks, di menu atas sebelah kanan klik blocks. Kemudian akan dialihkan ke halaman yang mengatur fungsi dari screen1.

2. Membuat Fungsi Di Screen1 Dengan Block

Block Fungsi di Screen1
Block Screen1
Pada menu Blocks di sebelah kiri pilih item Clock1. Kemudian Drag when Clock1 .Timer
Setelah itu sesuaikan seperti pada gambar diatas.

Penjelasan dari gambar block diatas yaitu membuat fungsi timer, ketika time interval sudah tercapai maka akan menutup screen1 dan berpindah ke screen home.

Buatlah screen baru dengan cara :

Menambah screen
Menambah screen
Pada menu atas sebelah kiri klik Add Screen berinama home. Kemudian akan dialihkan ke screen home.

3. Mendesain Screen Home

Desain screen home
Desain Screen Home
Pastikan item-item di Components dan setting di Properties sudah seperti gambar dibawah.

Components, Properties screen home
Components, Properties home.
Seperti yang telah dijelaskan sebelumnya untuk menjadikan item yang berada di dalam layout seperti VerticalArrangement maupun screen menjadi posisi ditengah dengan mengubah Properties VerticalArrangement1 yang berupa AlignHorizontal dan AlignVertical menjadi Center : 3 dan Top : 1.

Kemudian pada Components klik VerticalArrangement1, Properties width : Fill parent.

4.  Membuat Fungsi Di Home Dengan Block

Block Fungsi Screen Home
Block Screen Home
Buat block menjadi seperti gambar diatas.
Block tersebut berfungsi ketika tombol btn_new di klik maka akan berpindah ke screen create_bd.

Setelah itu buat screen baru lagi dan berinama create_bd.

5. Mendesain Screen Create_bd

Desain Screen Create_bd
Desain Screen Create_bd
Desainlah screen create_bd seperti contoh gambar diatas.
Dengan item-item components sebagai berikut :

Item-item yang ada di Components create_bd
Components create_bd
Untuk mengisi spinner jk dengan cara pada components klik item jk (spinner) kemudian pada Properties, isi kolom String dengan Laki-laki,Perempuan. Tanda koma ( , ) sebagai pemisah antar string.

6. Membuat Fungsi Di Create_bd Dengan Block

Block Fungsi Screen Create_bd

Block Fungsi Screen Create_bd
Block fungsi create_bd
Sesuaikan blocks menjadi seperti gambar diatas.

Penjelasan fungsi dari block-block diatas yaitu :

1. Ketika spinner dipilih maka yang akan tampil di jk yaitu text hasil pilihan tadi dengan menggunakan get selection.
2. Menginsialisasi masing-masing variabel global menjadi text kosong.
3. Mengisi tiap varibel global dengan masing-masing isian.
4. Setelah tanggal dipilih makan yang akan tampil adalah tanggal yang dipilih tadi.
5. Ketika tombol save di klik maka akan melakukan set kepada tiap variabel global dengan masing-masing isian dari input textbox. Kemudian membuka screen show_bd dan mengirimkan list variabel global yang telah bernilai.
6. Ketika screen lain ditutup dan mengarah ke screen create_bd maka set semua inputan menjadi kosong.

Buatlah screen baru dengan nama show_bd.

7. Membuat Desain Screen Show_bd

Desain Screen Show_bd
Desain Screen Show_bd
Desainlah screen show_bd menjadi seperti gambar diatas.
Dengan item-item Components sebagai berikut :
Item-item yang ada di Components Screen Show_bd

Item-item yang ada di Components Screen Show_bd
Item-item Components show_bd

8. Membuat Fungsi Di Show_bd Dengan Block

Block Fungsi Screen Show_bd
Block Screen Show_bd
Sesuaikanlah blocks menjadi seperti pada gambar diatas.
Penjelasan fungsi dari block-block diatas yaitu ketika screen show_bd dibuka maka akan menampilkan text yang diambil dari list yang berisi variabel-variabel global setelah dikirim dari screen create_bd dan ditampilkan sesuai indexnya berurutan.

Kemudian ketika tombol button1 di klik makan akan menutup screen dan berpindah ke screen home.

Demikianlah tutorial cara membuat aplikasi biodata dengan app inventor 2. Jika ada yang kurang dimengerti tanyakanlah di kolom komentar saya akan usahakan untuk menjawabnya. Semoga bermanfaat dan terima kasih.


Demikianlah Artikel Membuat Aplikasi Biodata Dengan App Inventor 2

Sekianlah artikel Membuat Aplikasi Biodata Dengan App Inventor 2 kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Membuat Aplikasi Biodata Dengan App Inventor 2 dengan alamat link https://horrorgila.blogspot.com/2019/10/membuat-aplikasi-biodata-dengan-app.html

Subscribe to receive free email updates:

0 Response to "Membuat Aplikasi Biodata Dengan App Inventor 2"

Posting Komentar