pemrograman mobile - E-Learning | STMIK AMIKOM Purwokerto

PEMROGRAMAN MOBILE
NANDANG HERMANTO. S.Kom
[email protected]
Pemrograman Mobile : Nandang Hermanto
User Interface
Pemrograman Mobile : Nandang Hermanto
Mengenal User Interface
User Interface dari aplikasi adalah
segala sesuatu yang dapat dilihat
oleh user dan dapat digunakan
oleh
user
untuk
berinteraksi
dengan aplikasi tersebut
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
Apakah Layout itu?
• Layout adalah Widget yang digunakan untuk
mengatur susunan Komponen pada layar
• Layout
Adalah
Containers
yang
bisa
menampung Widget termasuk menampung
Layout Yang lain
Pemrograman Mobile : Nandang Hermanto
Jenis Layout
Horizontal
•
Linear Layout
Vertical
• Table Layout
• Grid Layout
• Relative Layout
Pemrograman Mobile : Nandang Hermanto
Pemrograman Mobile : Nandang Hermanto
Contoh Pengaturan Letak Komponen pada Layar
Letak Komponen pada layar
Pemrograman Mobile : Nandang Hermanto
Susunan Komponen tampak
Pada Outline
Android UI Controls
Pemrograman Mobile : Nandang Hermanto
UI Controls
Beberapa UI controls dasar :
TextView
EditText
Button
Spinner
Checkbox
Radio Button
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 user
dengan 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 yang
jumlah 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 yang
jumlah pilihannya tidak terlalu banyak
• Hanya Satu Pilihan yang bisa dipilih dalam satu
saat
• Untuk mengelompokan Radio Button gunakan
RadioGroup
Pemrograman Mobile : Nandang Hermanto
Contoh Program RadioButton
Pemrograman Mobile : Nandang Hermanto
Android Notifications
Pemrograman Mobile : Nandang Hermanto
 Adalah Pesan Pemberitahuan yang dapat ditampilkan kepada
pengguna, di luar user interface dari aplikasi.
 Biasanya akan mucul jika sesuatu terjadi : diterima E-Mail
baru, Diterima Pesan Baru, Ada panggilan tidak terjawab dll
 Untuk melihat notification, user dapat membuka notification
drawer.
Pemrograman Mobile : Nandang Hermanto
Contoh Program Notifikasi
Pemrograman Mobile : Nandang Hermanto
Hasil Program Notifikasi
Pemrograman Mobile : Nandang Hermanto
Dialog
• Dialog adalah jendela kecil yang meminta
pengguna untuk membuat keputusan atau
memasukkan 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