PEMROGRAMAN MOBILE - AMIKOM Purwokertoelearning.amikompurwokerto.ac.id/index.php/download/...•...
Transcript of PEMROGRAMAN MOBILE - AMIKOM Purwokertoelearning.amikompurwokerto.ac.id/index.php/download/...•...
User Interface dari aplikasi adalahsegala sesuatu yang dapat dilihatoleh user dan dapat digunakanoleh user untuk berinteraksidengan aplikasi tersebut
Mengenal User Interface
Pemrograman Mobile : Nandang Hermanto
Cara Membuat UI
• Procedural– Dibuat dengan menggunakan kode JAVA
• Declarative– Dibuat dengan menggunakan kode XML
Pemrograman Mobile : Nandang Hermanto
Contoh Membuat UI dengan kode JAVA
Pemrograman Mobile : Nandang Hermanto
Contoh Membuat UI dengan XML
Pemrograman Mobile : Nandang Hermanto
Merancang UI dengan mudah• Kombinasikan XML dengan tampilan Graphical
Layout
Pemrograman Mobile : Nandang Hermanto
Android Layouts
Pemrograman Mobile : Nandang Hermanto
• Layout adalah Widget yang digunakan untukmengatur susunan Komponen pada layar
• Layout Adalah Containers yang bisamenampung Widget termasuk menampungLayout Yang lain
Apakah Layout itu?
Pemrograman Mobile : Nandang Hermanto
• Linear Layout
• Table Layout
• Grid Layout
• Relative Layout
Horizontal
Vertical
Jenis Layout
Pemrograman Mobile : Nandang Hermanto
Pemrograman Mobile : Nandang Hermanto
Contoh Pengaturan Letak Komponen pada Layar
Letak Komponen pada layar Susunan Komponen tampakPada OutlinePemrograman Mobile : Nandang Hermanto
Android UI Controls
Pemrograman Mobile : Nandang Hermanto
Beberapa UI controls dasar :TextViewEditTextButtonSpinnerCheckboxRadio Button
UI Controls
Pemrograman Mobile : Nandang Hermanto
TextView• Digunakan untuk menampilkan tulisan• Tidak digunakan untuk inputan oleh user• Mengisi tulisan : Settext;• Mangambil Tulisan : Gettext
EditText
• Digunakan untuk menampilkan dan memasukan tulisan• Bisa digunakan untuk memasukan data oleh user• Bisa dikhususkan untuk jenis data tertentu (Lihat pada Pallette –
TextFields)• Mengisi tulisan : Settext;• Mangambil Tulisan : Gettext
Pemrograman Mobile : Nandang Hermanto
Button
• Digunakan untuk menerima perintah dari userdengan cara di click
• Hampir pasti ada di setiap aplikasi
Pemrograman Mobile : Nandang Hermanto
Contoh Penggunaan Button• Buat tampilan pada Activity• Buat kode Program
Pemrograman Mobile : Nandang Hermanto
Spinner• Digunakan untuk menampilkan pilihan yang jumlah
pilihannya banyak• Cara mengisi daftar pilihan pada spinner
– Melalui Kode XML– Melalui Code JAVA
Pemrograman Mobile : Nandang Hermanto
Mengisi daftar pilihan melalui kode XML
Pada String.XML Buatkan
Pada Activity.XML Buatkan
Pemrograman Mobile : Nandang Hermanto
Mengisi daftar pilihan melalui kode JAVA
Pemrograman Mobile : Nandang Hermanto
Mendapatkan pilihan pada spinner• Dari kejadian saat spinner dipilih
• Dari kejadiaan saat tombol ditekan
Pemrograman Mobile : Nandang Hermanto
Checkbox
• Digunakan untuk menampilkan pilihan yangjumlah pilihannya tidak terlalu banyak
• Mengijinkan dipilih lebih dari satu pilihan
Pemrograman Mobile : Nandang Hermanto
Mengetahui pilihan pada checkbox sedang dipilih atau tidak
• Dari kejadian saat Checkbox dipilih
• Dari kejadiaan saat tombol ditekan
Ada yang bisa ?Pemrograman Mobile : Nandang Hermanto
RadioButton
• Digunakan untuk menampilkan pilihan yangjumlah pilihannya tidak terlalu banyak
• Hanya Satu Pilihan yang bisa dipilih dalam satusaat
• Untuk mengelompokan Radio Button gunakanRadioGroup
Pemrograman Mobile : Nandang Hermanto
Contoh Program RadioButton
Pemrograman Mobile : Nandang Hermanto
Android Notifications
Pemrograman Mobile : Nandang Hermanto
Adalah Pesan Pemberitahuan yang dapat ditampilkan kepadapengguna, di luar user interface dari aplikasi.
Biasanya akan mucul jika sesuatu terjadi : diterima E-Mailbaru, Diterima Pesan Baru, Ada panggilan tidak terjawab dll
Untuk melihat notification, user dapat membuka notificationdrawer.
Pemrograman Mobile : Nandang Hermanto
Contoh Program Notifikasi
Pemrograman Mobile : Nandang Hermanto
Hasil Program Notifikasi
Pemrograman Mobile : Nandang Hermanto
Dialog
• Dialog adalah jendela kecil yang memintapengguna untuk membuat keputusan ataumemasukkan informasi tambahan.
• Contoh– Saat akan keluar dari program muncul pertanyaan
Apakah yakin akan keluar• jika user menjawab yes maka program akan dihentikan• jika user menjawab no maka program akan dilanjutkan
Pemrograman Mobile : Nandang Hermanto
Contoh Dialog
Pemrograman Mobile : Nandang Hermanto
Pemrograman Mobile : Nandang Hermanto
Pemrograman Mobile : Nandang Hermanto
Pemrograman Mobile : Nandang Hermanto