Praktikum Mobile

Programming
Program Studi Sistem Informasi Industri Otomoti f

Layout (Tata Letak) | Pertemuan ke 5

 Materi Minggu Ke-4
Activity, Intent dan Layout

Gambar 1. Ilustrasi Sederhana dari siklus proses Aktivitas

 Course Outline
Sub CPMK 3: Mahasiswa mampu mempraktekkan penggunaan komponen-komponen Pemograman Java
Android (Acticity, Intent, Layout, Widget,Menyimpan Data Menggunakan Array / File dan Menu)

Sub CPMK 3: Mahasiswa mampu mempraktekkan penggunaan komponen-komponen Pemograman Java

Android (Widget - Microteaching 20 Menit).

Pengertian Widget

Widget Dasar
 Pengertian Widget
Widget merupakan object view, yang dapat berupa subclass dari android. Object view selalu
dibungkus oleh Object ViewGroup untuk menentukan letak di tampilan antarmuka pengguna.
Dengan kata lain widget merupakan sesuatu yang dapat berinteraksi langsung dengan pengguna

Gambaí 1. Ilustíasi daíi hieíaíki tampilan, yang mendefinisikan tata letak

UI
 Widget Dasar
Widget dasar merupakan bagian-bagian antarmuka yang sering digunakan dalam sebuah aplikasi
mobile berbasis android, seperti button, edittext, textview, imageview, imagebutton.

Semua widget atau object view akan diletakkan didalam sebuah file xml yang dibungkus oleh
layout.
 Widget Dasar Lanjutan
Button merupakan bagian antarmuka yang dapat ditekan atau diketuk untuk melakukan sebuah
aksi. Terdapat pada android.widget.Button
Contoh button submit.

Gambaí 1. Button Pada Antaí Gambaí 1. Scíipt/Code Pada Andíoid Studio

Muka
 Widget Dasar Lanjutan
Edittext merupakan bagian antarmuka yang memungkinkan pengguna mengisi inputan. Terdapat
pada android.widget.EditText

Gambaí 1. Editľext Pada Antaí Gambaí 1. Scíipt/Code Pada Andíoid Studio

Muka
 Widget Dasar Lanjutan
Textview merupakan bagian antarmuka yang menampilkan text kepada pengguna. Terdapat pada
android.widget.Textview

Gambaí 1. ľextview Pada Antaí Gambaí 1. Scíipt/Code Pada Andíoid Studio

Muka
 Widget Dasar Lanjutan
ImageView merupakan bagian antarmuka yang menampilkan gambar kepada pengguna. Terdapat
pada android.widget. Imageview

Gambaí 1. ImageView Pada Antaí Gambaí 1. Scíipt/Code Pada Andíoid Studio

Muka
 Widget Dasar Lanjutan
ImageButton merupakan bagian antarmuka yang menampilkan gambar kepada pengguna dan
dapat ditekan atau diketuk untuk melakukan sebuah aksi. Terdapat pada android.widget.
ImageButton

Gambaí 1. ImageButton Pada Antaí Gambaí 1. Scíipt/Code Pada Andíoid Studio

Muka
Apa yang sudah anda dapatkan hari ini?

A IMageView

B EditText

C Button
D TextView
 Latihan Praktikum
• Membuat program aplikasi android dengan menerapkan salah satu atau lebih layout yang ada dan menggunakan
minimal 3 buah widget
• Tampilan antarmuka seperti dibawah, dimana aplikasi menerima inputan username dan password (gambar 1),
kemudian Ketika user menekan tombol L o g in akan masuk ke activity baru dengan menampilakan pesan seperti
pada gambar 2

Gambar 1 Gambar 2
"Kesulitan dalam hidupmu tidak datang
untuk menghancurkanmu, tetapi untuk
membantumu menyadari potensi
tersembunyi dirimu."
Terima kasih