Pemrograman Mobile Android # 5 Komponen user interface pada Aplikasi Mobile ajib susanto fik Udinus

ajib susanto fik Udinus TIK Mahasiswa dapat menyebutkan beberapa komponen user interface pada aplikasi mobile. Mahasiswa mampu membuat desain tampilan aplikasi mobile, baik menggunakan GUI maupun XML. ajib susanto fik Udinus

ajib susanto fik Udinus UI Layout Layout merupakan bagian yang mendefinisikan bagaimana keadaan view dalam aplikasi. File layout defaultnya berada di direktori res/layouts. ADT secara default akan membuat file main.xml pada direktori tersebut ajib susanto fik Udinus

ajib susanto fik Udinus LinearLayout Layout yang menyusun bagian-bagiannya dalam satu baris LinearLayout ada 2 jenis :  LinearLayout (Vertical) LinearLayout (Horizontal) Buka project atau buat project baru, klik di layout. ajib susanto fik Udinus

ajib susanto fik Udinus LinierLayout#2 Klik kanan pada layout  default vertical ajib susanto fik Udinus

ajib susanto fik Udinus LinearLayout#3 Code XML ajib susanto fik Udinus

ajib susanto fik Udinus LinearLayout#4 ajib susanto fik Udinus

ajib susanto fik Udinus RelativeLayout Layout yang menampilkan elemen-elemen view dalam posisi relatif. Posisi dari sebuah view dapat diletakkan relatif terhadap posisi elemen view di sekitarnya atau relatif terhadap area layout utama. Sebuah desain tampilan aplikasi bisa dibuat lebih mudah dan sederhana menggunakan RelativeLayout dibandingkan dengan LinearLayout. ajib susanto fik Udinus

ajib susanto fik Udinus RelativeLayout#2 Buat file xml baru dengan nama relativelayout.xml. New XML ajib susanto fik Udinus

ajib susanto fik Udinus RelativeLayout#3 File relativelayout Root element : RelativeLayout Klik Finish ajib susanto fik Udinus

ajib susanto fik Udinus RelativeLayout#4 Edit relativelayout.xml ajib susanto fik Udinus

ajib susanto fik Udinus Table Layout Layout yang menampilkan elemen view dalam suatu posisi baris dan kolom dalam suatu representasi tabel. Bagi yang sudah pernah mempelajari HTML, penggunaan TableLayout disini seperti penggunaan table dengan tag <table> dan <tr>. ajib susanto fik Udinus

ajib susanto fik Udinus Table Layout#2 ajib susanto fik Udinus

Input Control Button, TextField, CheckBox, Radio Button, Spinner, Picker ScrollView  LiniearLayout Textview EditView Spinner DatePicker ajib susanto fik Udinus

Input Control RadioGroup  RadioButton Checkbox Button ajib susanto fik Udinus

ajib susanto fik Udinus Notification - Alert Method setTitle() berguna untuk Setting Judul di alert dialog.  setMessage() digunakan untuk Setting pesan yang di tampilkan di alert dialog.  setIcon() berguna untuk mengatur icon. ajib susanto fik Udinus

ajib susanto fik Udinus Notification - Alert ajib susanto fik Udinus

ajib susanto fik Udinus Methode duaAlert ajib susanto fik Udinus

ajib susanto fik Udinus Methode tigaAlert ajib susanto fik Udinus

ajib susanto fik Udinus Referensi FelkerD.; Dobbs J, 2011, Android Application Development For Dummies, Wiley Publishing Inc., USA Official Android Developer Documentation http://developer.android.com/. Esposito, Dino, Architecting Mobile Solutions for the Enterprise, 2012, O’Reilly Media. Iversen, Jakob & Eierman, Michael, Learning Mobile App Development A Hands-on Guide to Building Apps with iOS and Android , 2014, Pearson Education. Meier, Reto, Professional Android 4 Application Development, 2012, John Wiley and Sons. McWherter, Jeff & Gowell, Scott, Professional Mobile Application Development, 2012, John Wiley & Sons ajib susanto fik Udinus

ajib susanto fik Udinus Ada Pertanyaan ? ajib susanto fik Udinus

ajib susanto fik Udinus Tugas 5 Buat aplikasi form data diri ajib susanto fik Udinus

ajib susanto fik Udinus Ketentuan Gunakan ScrollView agar form dapat di scroll atas bawah Kota menggunakan Spinner utk combo box Tanggal menggunakan datepicker Klik OK ada alert utk pemberitahuan yakin data di simpan OK, Cancel ajib susanto fik Udinus

ajib susanto fik Udinus Rehat Sejenak Berkeringat Big Package ajib susanto fik Udinus