Tugas (Modul 3) Pengenalan Komponen UI Pada Android Studio

Pengenalan Komponen UI Pada Android Studio

1. Teori Singkat

Modul ini berfokus pada pengenalan User Interface. User Interface merupakan sesuatu yang bisa dilihat oleh user dan berfungsi sebagai media bagi user berinteraksi dengan perangkat. Activity digunakan method setContenView(R.layout.namafilexml) untuk merender tampilan layar perangkat. komponen user interface terbagi menjadi beberapa kategori:

• Layout : layout merupakan perluasan dari kelas ViewGroup. Layout berfungsi sebagai wadah komponen lainnya. Layout mengatur bagaimana komponen lainnya akan ditampilkan. jenis-jenis layout yaitu LinearLayout, RelativeLayout, FrameLayout, TableLayout, dan GridLayout.
• Widget : widget terdiri dari Button, Checbox, Textview, Switches, imageview, Progresbar, spinner, dan Webview. widget juga disebut dengan UI control.
• Text Field : Dengan komponen ini user dapat melakukan input teks.
• Container : Merupakan komponen yang umum digunakan untuk menampilkan komponen-komponen yang sama. Beberapa kontainer yaitu radio group, list view, scroll view.
• Date & Time : Komponen ini digunakan untuk menampilkan tanggal dan waktu.

Ada beberapa terminologi umum untuk user interface (Antarmuka) Android, yaitu :

• Views : view adalah base class untuk semua komponen visual (biasa disebut sebagai controls atau widgets). Semua widget UI, termasuk layout UI, mewarisi kelas view.
• View Groups: View Group adalah perluasan dari kelas view yang berfungsi menampung beberapa child View.
• Fragments : Fragments berfungsi sebagai pembungkus layout dan menoptimasi tampilan layout pada ukuran layar perangkat yang berbeda-beda.
• Activities : Activity adalah sesuatu yang ditampilkan, yang merepresentasikan windwos atau layar. Untuk menampilkan user interface maka kita melekatkan view pada activity.

untuk mempermudah dalam pengelompokkan, maka view dikelompokkan menjadi :

• Basic Views : Basic View merupakan objek view dasar yang meliputi widget (control) dan Textfield
• Picker Views : Merupakan View yang menyediakan list untuk dipilih user, seperti TimePicker dan DatePicker.
• List Views : Merupakan View yang menampilkan item list yang panjang, seperti ListView dan SpinnerView.

LATIHAN PRAKTIKUM 1.5

• Pilih Start => Android Studio
• Pilih => New Project

        

• Pilih => Empty Activity => Next
• Configure Your Project       

                           

                 Keterangan:

• Name => Modul3LatihanTugas
• Packages Name => usnadipro.blogspot.com.Modul3LatihanTugas
• Save Location => D:\Work\Mata Kuliah\Semester 6\Perangkat Aplikasi Perangkat                Bergerak\Tugas\Modul3LatihanTugas
• Language => Java
• Minimum API Level => API 14 Klik => Finish

• Setelah itu maka akan tampil IDE Android Studio, maka dari itu kita akan mengetikan sebuah   script pada sebuah file yang bernama activity_mail.xml seperti pada teks yang ada pada dibawah ini:

        

    kita menggunakan sebuah atribut "id" pada tag xml untuk memberikan identifier pada objek                    View kita. Id tersebut akan kita gunakan untuk sebuah mereferensikan objek tersebut.

• Pada tahap selanjutnya kita akan mengetikan sebuah script yang bernama file Mainactivity.java seperti pada teks yang ada dibawah ini:

• Setelah itu kita Run, di emulator maka hasilnya akan tampil seperti di bawah ini: