pemrograman mobile - amikom purwokertoelearning.amikompurwokerto.ac.id/index.php/download/...•...

PEMROGRAMAN MOBILE

NANDANG HERMANTO. [email protected]

Pemrograman Mobile : Nandang Hermanto

User Interface


mailto:[email protected]

User Interface dari aplikasi adalahsegala sesuatu yang dapat dilihatoleh user dan dapat digunakanoleh user untuk berinteraksidengan aplikasi tersebut

Mengenal User Interface


Cara Membuat UI

• Procedural– Dibuat dengan menggunakan kode JAVA

• Declarative– Dibuat dengan menggunakan kode XML


Contoh Membuat UI dengan kode JAVA


Contoh Membuat UI dengan XML


Merancang UI dengan mudah• Kombinasikan XML dengan tampilan Graphical

Layout


Android Layouts


• Layout adalah Widget yang digunakan untukmengatur susunan Komponen pada layar

• Layout Adalah Containers yang bisamenampung Widget termasuk menampungLayout Yang lain

Apakah Layout itu?


• Linear Layout

• Table Layout

• Grid Layout

• Relative Layout

Horizontal

Vertical

Jenis Layout


Contoh Pengaturan Letak Komponen pada Layar

Letak Komponen pada layar Susunan Komponen tampakPada OutlinePemrograman Mobile : Nandang Hermanto

Android UI Controls


Beberapa UI controls dasar :TextViewEditTextButtonSpinnerCheckboxRadio Button

UI Controls


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


Button

• Digunakan untuk menerima perintah dari userdengan cara di click

• Hampir pasti ada di setiap aplikasi


Contoh Penggunaan Button• Buat tampilan pada Activity• Buat kode Program


Spinner• Digunakan untuk menampilkan pilihan yang jumlah

pilihannya banyak• Cara mengisi daftar pilihan pada spinner

– Melalui Kode XML– Melalui Code JAVA


Mengisi daftar pilihan melalui kode XML

Pada String.XML Buatkan

Pada Activity.XML Buatkan


Mengisi daftar pilihan melalui kode JAVA


Mendapatkan pilihan pada spinner• Dari kejadian saat spinner dipilih

• Dari kejadiaan saat tombol ditekan


Checkbox

• Digunakan untuk menampilkan pilihan yangjumlah pilihannya tidak terlalu banyak

• Mengijinkan dipilih lebih dari satu pilihan


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


Contoh Program RadioButton


Android Notifications


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.


Contoh Program Notifikasi


Hasil Program Notifikasi


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


Contoh Dialog


pemrograman mobile - amikom purwokertoelearning.amikompurwokerto.ac.id/index.php/download/...•...

Documents