PEMROGRAMAN MOBILE

NANDANG HERMANTO. S.Komnandang007@gmail.com

Pemrograman Mobile : Nandang Hermanto

User Interface

Pemrograman Mobile : Nandang Hermanto

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