Tugas 3 (Modul 4) Membuat Tampilan Inputan dan Register Pada Android Studio

     Untuk latihan kali ini, saya akan membuat sebuah form yang didalamnya terdapat menu login dan register seperti pada gambar dibawah ini :

    Disini saya memakai beberapa komponen untuk membuat sebuah form diatas yang akan saya sebutkan sebagai berikut :

a. Pada bagian username, password, email, phone, dan website. Saya menggunakan text fields yang
    berguna agar user dapat menginputkan teks atau nomor ke dalam UI.

b. Pada bagian Jenis Kelamin (Laki-Laki / Perempuan). Saya menggunakan Dialog yang berguna untuk 
    memberikan petunjuk penting dalam alur pengguna.

c. Pada bagian Register dan Login. Saya menggunakan Button yang berguna untuk membantu user
    mengambil tindakan, seperti mengirim email, membagikan dokumen dan lain sebagainya.

Berikut langkah - langkah pembuatan form tersebut seperti pada contoh gambar diatas :

1. Seperti biasa buka aplikasi android studionya dan buat project baru (nama projectnya bebas), disini saya menggunakan spesifikasi sebagai berikut untuk membuat UI nya :
• API 16 : Android 4.1 (Jelly Bean)
• Java
  
  
2. Kemudian buka di bagian activity_main.xml lalu ketikan source code dibawah ini 
   
   
   
   
   Source codenya :
   
   

   <?xml version="1.0" encoding="utf-8"?>
   <LinearLayout
       android:orientation="vertical"
       xmlns:android="http://schemas.android.com/apk/res/android"
       xmlns:tools="http://schemas.android.com/tools"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       tools:context=".MainActivity">
   
   
       <EditText
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:hint="Username"
           android:inputType="text"
           />
   
       <EditText
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:hint="Password"
           android:inputType="numberPassword"
           android:minHeight="48dp" />
   
       <EditText
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:hint="Email"
           android:inputType="textEmailAddress"
           android:minHeight="48dp" />
   
       <EditText
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:hint="Phone"
           android:inputType="number"
           android:minHeight="48dp" />
   
       <EditText
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:hint="Website"
           android:inputType="text"
           android:minHeight="48dp" />
   
       <RadioGroup
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:orientation="horizontal">
   
           <TextView
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:text="Jenis Kelamin"
               android:textSize="16sp" />
   
           <RadioButton
               android:layout_width="match_parent"
               android:layout_height="wrap_content"
               android:layout_marginLeft="15dp"
               android:hint="Laki-Laki" />
   
           <RadioButton
               android:layout_width="match_parent"
               android:layout_height="wrap_content"
               android:layout_marginLeft="15dp"
               android:hint="Perempuan" />
       </RadioGroup>
   
       <Button
           android:layout_marginTop="15dp"
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:text="Register"
           android:backgroundTint="#009688" />
   
       <Button
           android:layout_marginTop="-10dp"
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:text="Login"
           android:backgroundTint="#4CAF50"/>
   
   </LinearLayout>
   
   

3. Klik Run, maka hasilnya akan seperti pada gambar dibawah :