Tugas 3 Pengenalan Komponen UI Pada Android Studio

 Pengenalan Komponen UI (User Interface) Pada 

Android Studio

    Assalamu'alaikum Wr.Wb. Untuk Pertemuan ke 3 ini akan menjelaskan tentang komponen UI pada aplikasi Android Studio beserta Tugas Latihan 3.

Penjelasan Singkat Komponen UI (User Interface) Pada Android Studio

    User Interface merupakan sesuatu yang bisa dilihat oleh user dan berfungsi sebagai media bagi user berinteraksi dengan perangkat. Activity menggunakan method setContentView (R.layout.namafilexml) untuk merender tampilan pada layar perangkat. Komponen User Inteface terbagi menjadi beberapa kategori:

1. 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.
2. Widget : Widget terdiri Button, Checkbox, Textview, Switches, Imageview, Progress bar, spinner dan Webview. Widget disebut juga dengan UI Control.
3. Text Field : Dengan komponen user dapat melakukan input teks.
4. Container : Merupakan komponen yang umum digunakan untuk menampilkan komponen-komponen yang sama. Beberapa container yaitu radio group, list view, scroll view.
5. Date & Time : Komponen ini digunakan untuk menampilkan tanggal dan waktu.

Ada beberapa terminologi umum untuk User Interface (Antarmuka) Android yaitu:

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

Untuk mempermudah dalam pengelompokkan, maka Views dikelompokkan menjadi:

1. Basic Views : Basic View merupakan objek View dasar yang meliputi Widget (Control) dan TextField.
2. Picker Views : merupakan view yang menyediakan list untuk dipilih user seperti TimePicker dan DatePicker.
3. List Views : merupakan view yang menampilkan item list yang panjang seperti ListView dan SpinnerView.

Tutorial Praktikum Modul3LatihanTugas

1. Sebelum membuat project, alangkah baiknya kita membuat project terlebih dahulu. Buka Aplikasi Android Studionya

2. Lalu klik File => New => New Project. Seperti dibawah ini:

3. Lalu akan masuk ke tampilan New Project, pilih Empity Activity lalu klik Next. Seperti dibawah ini:

4. Selanjutnya akan masuk ke tampilan Empity Activity. Seperti dibawah ini:

     Keterangan: - Name : Modul3LatihanTugas

                            - Package Name : sitimuthi.blogspot.com.modul3latihantugas 

                            - Save Location : D:\2023\TI\Semester 6\ModulLatihanTugas

                            - Language : Java

                            - Minimum SDK : API 16: Android 4.1 (Jelly Bean)

    Setelah semuanya terisi klik Finish.

5. Selanjutnya kita akan mengetikkan script pada file activity_main.xml. Cara membuka file                        activity_main.xml yaitu kita buka terlebih dahulu folder res, kemudian kita buka folder layout,                setelah itu kita buka file activity_main.xml. Silahkan ketikan script dibawah ini:

6. Setelah itu kita akan mengetikan lagi script untuk menampilkan pesan dari event handlernya, caranya     silahkan buka file yang sebelahnya yaitu MainActivity.java. Kemudian Ketikan script seperti                dibawah ini:

7. Setelah selesai mengetikan semua script, silahkan jalankan emulatornya. Ketika sudah tampil emulatornya, maka silahkan ketik pada text edit dan kemudian pilih pada radio button tersebut. Berikut tampilannya dibawah ini:

Sekian untuk pembahasan tugas pertemuan 3 di mata kuliah PAPB, kurang lebihnya mohon maaf. Wassalamu'alaikum Wr. Wb