TUTORIAL
PEMBUATAN TAMPILAN
APLIKASI DATA DIRI SEDERHANA
MENGGUNAKAN APLIKASI
ANDROID STUDIO
Aplikasi yang digunkan dalam pembuatan tampilan aplikasi sederhana ini adalah sebagai berikut:
- Android Studio 2.3
- Genmotion Virtual Device
Langkah-langkah pembuatan desain aplikasi sederhana:
1. Buka Aplikasi Android Studio
2. Buat New Project ( Seperti Tampak Pada Gambar )
3. Pada konfigurasi project baru, buat nama project sesuai keinginan dan disini saya menggunakan “Data Diri” ( Seperti Tampak Pada Gambar )
4. Setelah klik tombol “Next” isi target tampilan dan penggunaan perangkat untuk aplikasi yang akan kita buat nanti ( Seperti Tampak Pada Gambar )
Disini saya menggunakan Layout “ Empty Activity “ sebagai layout default pada umumnya.
6. Setelah itu kita klik “Next” lagi, kemudian kita beri nama dari layout tadi. Disini saya menggunakan nama default bawaan dari Android Studio ( Tampak Seperti Pada Gambar )
7. Setelah itu klik tombol “Finish” maka akan muncul tampilan layout untuk kita melakukan desain sederhana dari aplikasi Data Diri ( Seperti Tampak Pada Gambar )
8. Selanjutnya kita bisa buat desain sederhana dari aplikasi sederhana ini sesuai dengan keinginan kita disini saya membuat secara simple menggunakan komponen seperti “ Button “, “ Text View “ dan lain-lain yang bisa anda pilih sesuka hati ( Tampak Seperti Pada Gambar )
9. Kemudian kita aktifkan Genymotion yang akan kita gunakan untuk melihat hasil dari desain yang telah kita buat tadi. Sebenarnya banyak tools yang dapat kita gunakan dalam melihat hasil tampilan desain tersebut, namun disini di anjurkan untuk menggunakan genymotion ( Tampak Seperti Pada Gambar )
10. Setelah itu klik star pada genymotion untuk melakukan koneksi pada konfigurasi pada android studio yang sebelum nya telah kita instal plugin dari genymotion ini pada android studio ( Tampak Seperti Pada Gambar )
11. Berikut tampilan dari genymotion tersebut dan tampilan dari aplikasi sederhana yang telah kita buat tadi ( Tampak Seperti Pada Gambar )
Sekian tutorial dari saya, terimakasih.
