Pemrograman Mobile Android # 5

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

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

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

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

LinearLayout#3 Code XML ajib susanto fik Udinus

LinearLayout#4 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

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

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

RelativeLayout#4 Edit relativelayout.xml 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

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

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

Notification - Alert ajib susanto fik Udinus

Methode duaAlert ajib susanto fik Udinus

Methode tigaAlert ajib susanto fik Udinus

Referensi FelkerD.; Dobbs J, 2011, Android Application Development For Dummies, Wiley Publishing Inc., USA Official Android Developer Documentation 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

Ada Pertanyaan ? ajib susanto fik Udinus

Tugas 5 Buat aplikasi form data diri 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

Rehat Sejenak Berkeringat Big Package ajib susanto fik Udinus

Pemrograman Mobile Android # 5

Presentasi serupa

Presentasi berjudul: "Pemrograman Mobile Android # 5"— Transcript presentasi:

Presentasi serupa

Tentang proyek

Tanggapan

Masuk

Otorisasi melalui jaringan sosial:

Pemrograman Mobile Android # 5

Presentasi serupa

Presentasi berjudul: "Pemrograman Mobile Android # 5"— Transcript presentasi:

Presentasi serupa

Tentang proyek

Tanggapan