Monday, October 1, 2012

Tugas Kedua MAD: Aplikasi Akta Kelahiran

Mendesain Tampilan User Interface Aplikasi Akta Kelahiran

Untuk mendesain tampilan aplikasi  ini, kita membutuhkan empat desain tampilan yaitu: tampilan Login, tampilan form pendaftaran user, tampilan form menu layanan dan tampilan form pendaftaran kelahiran.

1. Tampilan Login

 

untuk membuat tampilan diatas kita, dibawah ini adalah code xml user interface tampilan login

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    android:id="@+id/widget32"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    android:background="#CE3E9A"
    xmlns:android="http://schemas.android.com/apk/res/android">
<TextView
    android:id="@+id/widget33"
    android:layout_width="wrap_content"
    android:layout_height="40dp"
    android:textColor="#0000ff"
    android:text="Aplikasi Akta Kelahiran"
    android:textSize="20sp"
    android:typeface="serif"
    android:textStyle="bold|italic"
    android:gravity="left"
    android:layout_gravity="center_horizontal" />
<TextView
    android:id="@+id/widget34"
    android:layout_width="wrap_content"
    android:layout_height="40dp"
    android:text="Menu Login"
    android:textSize="20sp"
    android:textStyle="bold"
    android:layout_gravity="center_horizontal" />
<RelativeLayout
    android:id="@+id/widget64"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
<EditText
    android:id="@+id/editUsername"
    android:layout_width="200dp"
    android:layout_height="wrap_content"
    android:textSize="18sp"
    android:layout_alignParentTop="true"
    android:layout_alignParentRight="true" />
<TextView
    android:id="@+id/txtUsername"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Username"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:textColor="#c0c0c0ff" />
</RelativeLayout>
<RelativeLayout
    android:id="@+id/widget79"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
<EditText
    android:id="@+id/editPassword"
    android:layout_width="200dp"
    android:layout_height="wrap_content"
    android:textSize="18sp"
    android:layout_alignParentTop="true"
    android:layout_alignParentRight="true" />
<TextView
    android:id="@+id/txtPassword"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Password"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:textColor="#c0c0c0ff" />
</RelativeLayout>
<RelativeLayout
    android:id="@+id/widget83"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
<Button
    android:id="@+id/btnLogin"
    android:layout_width="100dp"
    android:layout_height="wrap_content"
    android:text="Cancel"
    android:layout_alignParentTop="true"
    android:layout_alignParentRight="true" />
<Button
    android:id="@+id/btnCancel"
    android:layout_width="100dp"
    android:layout_height="wrap_content"
    android:text="Login"
    android:layout_alignParentTop="true"
    android:layout_toLeftOf="@+id/btnLogin" />
</RelativeLayout>
<TextView
    android:id="@+id/widget89"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="10dp"
    android:textColor="#c0c0c0ff"
    android:text="Belum terdaftar, Silahkan Klik Tombol Registrasi!" />
<Button
    android:id="@+id/widget90"
    android:layout_width="100dp"
    android:layout_height="wrap_content"
    android:text="Registrasi"
    android:layout_gravity="center_horizontal" />
</LinearLayout>

2. Tampilan Form Pendaftaran User


 

untuk membuat tampilan diatas kita, dibawah ini adalah code xml user interface tampilan form pendaftaran user:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    android:id="@+id/widget54"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    android:background="#CE3E9A"
    xmlns:android="http://schemas.android.com/apk/res/android">
   
<TextView
android:layout_gravity="center_horizontal"
android:id="@+id/widget227"
android:layout_width="wrap_content"
android:textSize="20sp"
android:text="Form Pendaftaran User"
android:textStyle="bold"
android:layout_height="40dp">
</TextView> />
  
   <ScrollView
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        android:layout_weight="0.01">
       
        <LinearLayout
            android:id="@+id/linearLayout1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical" >

            <RelativeLayout
                android:id="@+id/relativeLayout1"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="right" >
           <EditText
                   android:id="@+id/editKTP"
                   android:layout_width="200dp"
                   android:layout_height="40dp"
                   android:layout_alignParentRight="true"
                   android:layout_alignParentTop="true"
                   android:textSize="18sp" />

           <TextView
                    android:id="@+id/txtKTP"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:text="Nomor KTP"
                    android:textColor="#c0c0c0ff"
                    />
            </RelativeLayout>

            <RelativeLayout
                android:id="@+id/relativeLayout2"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="right" >

                <EditText
                    android:id="@+id/editNama"
                    android:layout_width="200dp"
                    android:layout_height="40dp"
                    android:layout_alignParentRight="true"
                    android:layout_alignParentTop="true"
                    android:textSize="18sp" />

                <TextView
                    android:id="@+id/txtNama"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:text="Nama"
                    android:textColor="#c0c0c0ff"
                     />
            </RelativeLayout>

            <RelativeLayout
                android:id="@+id/relativeLayout3"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="right" >

                <EditText
                    android:id="@+id/editTempat"
                    android:layout_width="200dp"
                    android:layout_height="40dp"
                    android:layout_alignParentRight="true"
                    android:layout_alignParentTop="true" />

                <TextView
                    android:id="@+id/txtTempat"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:text="Tempat Lahir"
                    android:textColor="#c0c0c0ff"
                     />
            </RelativeLayout>

            <RelativeLayout
                android:id="@+id/relativeLayout31"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="right" >

                <TextView
                    android:id="@+id/txtTanggal"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:text="Tanggal Lahir"
                    android:textColor="#c0c0c0ff"
                     />

                <DatePicker
                    android:id="@+id/datePicker1"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentRight="true"
                    android:layout_alignParentTop="true" />
            </RelativeLayout>

            <RelativeLayout
                android:id="@+id/relativeLayout4"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="right" >

                <EditText
                    android:id="@+id/editAlamat"
                    android:layout_width="200dp"
                    android:layout_height="40dp"
                    android:layout_alignParentRight="true"
                    android:layout_alignParentTop="true"
                    android:textSize="18sp" />

                <TextView
                    android:id="@+id/txtAlamat"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:text="Alamat"
                    android:textColor="#c0c0c0ff"
                     />
            </RelativeLayout>

            <RelativeLayout
                android:id="@+id/relativeLayout5"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="left"
                android:gravity="center" >

                <RadioGroup
                    android:id="@+id/rg_kelamin"
                    android:layout_width="200dp"
                    android:layout_height="wrap_content"
                    android:layout_alignParentRight="true"
                    android:layout_alignParentTop="true"
                    android:orientation="vertical" >

                    <RadioButton
                        android:id="@+id/rb_pria"
                        android:layout_width="196dp"
                        android:layout_height="wrap_content"
                        android:layout_gravity="right"
                        android:text="Pria"
                        android:textColor="#c0c0c0ff"/>

                    <RadioButton
                        android:id="@+id/rb_wanita"
                        android:layout_width="195dp"
                        android:layout_height="wrap_content"
                        android:layout_gravity="right"
                        android:text="wanita"
                        android:textColor="#c0c0c0ff" />

                </RadioGroup>

                <TextView
                    android:id="@+id/txtKelamin"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:text="Jenis Kelamin"
                    android:textColor="#c0c0c0ff"
                     />

            </RelativeLayout>

            <RelativeLayout
                android:id="@+id/relativeLayout6"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="right" >

                <TextView
                    android:id="@+id/txtAgama"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:text="Agama"
                    android:textColor="#c0c0c0ff"
                     />

                <Spinner
                    android:id="@+id/spinner1"
                    android:layout_width="200dp"
                    android:layout_height="40dp"
                    android:layout_alignParentRight="true"
                    android:layout_alignParentTop="true"
                    android:textSize="18sp">
                    </Spinner>

            </RelativeLayout>

            <RelativeLayout
                android:id="@+id/relativeLayout7"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="right" >

                <EditText
                    android:id="@+id/editJob"
                    android:layout_width="200dp"
                    android:layout_height="40dp"
                    android:layout_alignParentRight="true"
                    android:layout_alignParentTop="true"
                    android:textSize="18sp" />

                <TextView
                    android:id="@+id/txtJob"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:text="Pekerjaan"
                    android:textColor="#c0c0c0ff"
                     />
            </RelativeLayout>

            <RelativeLayout
                android:id="@+id/relativeLayout8"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="right" >

                <EditText
                    android:id="@+id/editUsername"
                    android:layout_width="200dp"
                    android:layout_height="40dp"
                    android:layout_alignParentRight="true"
                    android:layout_alignParentTop="true"
                    android:textSize="18sp" />

                <TextView
                    android:id="@+id/txtUsername"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:text="Username"
                    android:textColor="#c0c0c0ff"
                    />
            </RelativeLayout>

            <RelativeLayout
                android:id="@+id/relativeLayout9"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="right" >

                <EditText
                    android:id="@+id/editPassword"
                    android:layout_width="200dp"
                    android:layout_height="40dp"
                    android:layout_alignParentRight="true"
                    android:layout_alignParentTop="true" />

                <TextView
                    android:id="@+id/txtPassword"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:text="Password"
                    android:textColor="#c0c0c0ff"
                    />
            </RelativeLayout>
        </LinearLayout>
    </ScrollView>

    <RelativeLayout
        android:id="@+id/relativeLayout10"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0.00"
        android:gravity="right" >

        <Button
            android:id="@+id/Submit"
            android:layout_width="100dp"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_toLeftOf="@+id/button1"
            android:text="Submit"
            android:onClick="menulogin"/>

        <Button
            android:id="@+id/Cancel"
            android:layout_width="100dp"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:text="Cancel" />

    </RelativeLayout>

    </LinearLayout>

3.  Tampilan Form Menu Layanan 


 untuk membuat tampilan diatas kita, dibawah ini adalah code xml user interface tampilan menu layanan

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    android:id="@+id/widget32"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    android:background="#CE3E9A"
    xmlns:android="http://schemas.android.com/apk/res/android">
<TextView
    android:id="@+id/widget33"
    android:layout_width="wrap_content"
    android:layout_height="40dp"
    android:text="Menu Layanan"
    android:textSize="20sp"
    android:textStyle="bold"
    android:gravity="center"
    android:layout_gravity="center_horizontal" />
<Button
    android:id="@+id/widget34"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:padding="10dp"
    android:text="Petunjuk Pendaftaran"
    android:textColor="#0000ff"
    android:textStyle="bold" />
<Button
    android:id="@+id/widget35"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:padding="10dp"
    android:text="Syarat-syarat Pendaftaran"
    android:textColor="#0000ff"
    android:textStyle="bold" />
<Button
    android:id="@+id/widget36"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:padding="10dp"
    android:text="Form Pendaftaran Kelahiran"
    android:textColor="#0000ff"
    android:textStyle="bold" />
<Button
    android:id="@+id/widget37"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:padding="10dp"
    android:text="Call Informasi"
    android:textColor="#0000ff"
    android:textStyle="bold" />
<Button
    android:id="@+id/widget39"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:padding="10dp"
    android:text="Exit"
    android:textColor="#0000ff"
    android:textStyle="bold" />
</LinearLayout>

4. Tampilan Form Pendaftaran Kelahiran



untuk membuat tampilan diatas kita, dibawah ini adalah code xml user interface tampilan form pendaftaran kelahiran

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="#CE3E9A" >
   
   <TextView
android:layout_gravity="center_horizontal"
android:id="@+id/widget227"
android:layout_width="wrap_content"
android:textSize="20sp"
android:text="Form Pendaftaran Kelahiran"
android:textStyle="bold"
android:layout_height="40dp">
</TextView> />
  
   <ScrollView
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        android:layout_weight="0.01" >

  <LinearLayout
            android:id="@+id/linearLayout1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical" >

            <RelativeLayout
                android:id="@+id/relativeLayout2"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="right" >

                <EditText
                    android:id="@+id/editNama"
                    android:layout_width="200dp"
                    android:layout_height="40dp"
                    android:layout_alignParentRight="true"
                    android:layout_alignParentTop="true"
                    android:textSize="18sp" />

                <TextView
                    android:id="@+id/txtNama"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:text="Nama"
                    android:textColor="#c0c0c0ff"
                     />
            </RelativeLayout>
            <RelativeLayout
                android:id="@+id/relativeLayout3"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="right" >

                <EditText
                    android:id="@+id/editTempat"
                    android:layout_width="200dp"
                    android:layout_height="40dp"
                    android:layout_alignParentRight="true"
                    android:layout_alignParentTop="true" />

                <TextView
                    android:id="@+id/txtTempat"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:text="Tempat/ Tanggal Lahir"
                    android:textColor="#c0c0c0ff"
                     />
            </RelativeLayout>
            <RelativeLayout
                android:id="@+id/relativeLayout31"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="right" >

                <TextView
                    android:id="@+id/txtTanggal"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                     />

                <DatePicker
                    android:id="@+id/datePicker1"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentRight="true"
                    android:layout_alignParentTop="true" />

            </RelativeLayout>
            <RelativeLayout
                android:id="@+id/relativeLayout4"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="right" >

                <TextView
                    android:id="@+id/textJam"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:text="Jam"
                    android:textColor="#c0c0c0ff"
                     />

                <TimePicker
                    android:id="@+id/timeJam"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentRight="true"
                    android:layout_alignParentTop="true" />

            </RelativeLayout>
            <RelativeLayout
                android:id="@+id/relativeLayout5"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="left"
                android:gravity="center" >

                <RadioGroup
                    android:id="@+id/rgKelamin"
                    android:layout_width="200dp"
                    android:layout_height="wrap_content"
                    android:layout_alignParentRight="true"
                    android:layout_alignParentTop="true"
                    android:orientation="vertical" >

                    <RadioButton
                        android:id="@+id/rbLaki"
                        android:layout_width="196dp"
                        android:layout_height="wrap_content"
                        android:layout_gravity="right"
                        android:text="Laki-Laki"
                        android:textColor="#c0c0c0ff" />

                    <RadioButton
                        android:id="@+id/rbPr"
                        android:layout_width="195dp"
                        android:layout_height="wrap_content"
                        android:layout_gravity="right"
                        android:text="Perempuan"
                        android:textColor="#c0c0c0ff" />

                </RadioGroup>
                <TextView
                    android:id="@+id/txtKelamin"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:text="Jenis Kelamin"
                    android:textColor="#c0c0c0ff"
                     />

            </RelativeLayout>
          
           
           
  <RelativeLayout
                android:id="@+id/relativeLayout11"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="right" >

                <EditText
                    android:id="@+id/editAnak"
                    android:layout_width="200dp"
                    android:layout_height="40dp"
                    android:layout_alignParentRight="true"
                    android:layout_alignParentTop="true" />

                <TextView
                    android:id="@+id/txtAnak"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:text="Anak yang ke"
                    android:textColor="#c0c0c0ff"
                     />
</RelativeLayout>
<RelativeLayout
   android:id="@+id/relativeLayout12"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:gravity="left" >

               <TextView
                    android:id="@+id/txt1"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Bahwa benar anak kandung dari :"
                     android:textColor="#c0c0c0ff"/>
</RelativeLayout>
<RelativeLayout
   android:id="@+id/relativeLayout13"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:gravity="left" >

<TextView
                    android:id="@+id/txtAyah"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Ayah"
                    android:textColor="#c0c0c0ff"
                     />         
            </RelativeLayout>
<RelativeLayout
                android:id="@+id/relativeLayout14"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="right" >

                <EditText
                    android:id="@+id/editNamaAyah"
                    android:layout_width="200dp"
                    android:layout_height="40dp"
                    android:layout_alignParentRight="true"
                    android:layout_alignParentTop="true" />

                <TextView
                    android:id="@+id/txtNamaAyah"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:text="Nama"
                    android:textColor="#c0c0c0ff"
                     />
                </RelativeLayout>
<RelativeLayout
                android:id="@+id/relativeLayout15"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="right" >

                <EditText
                    android:id="@+id/editUmurAyah"
                    android:layout_width="200dp"
                    android:layout_height="40dp"
                    android:layout_alignParentRight="true"
                    android:layout_alignParentTop="true" />

                <TextView
                    android:id="@+id/txtUmurAyah"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:text="Umur"
                    android:textColor="#c0c0c0ff"
                     />
            </RelativeLayout>

<RelativeLayout
                android:id="@+id/relativeLayout16"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="right" >

                <EditText
                    android:id="@+id/editJobAyah"
                    android:layout_width="200dp"
                    android:layout_height="40dp"
                    android:layout_alignParentRight="true"
                    android:layout_alignParentTop="true" />

                <TextView
                    android:id="@+id/txtJobAyah"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:text="Pekerjaan"
                    android:textColor="#c0c0c0ff"
                     />
</RelativeLayout>

<RelativeLayout
                android:id="@+id/relativeLayout17"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="right" >

                <EditText
                    android:id="@+id/editAlamatAyah"
                    android:layout_width="200dp"
                    android:layout_height="40dp"
                    android:layout_alignParentRight="true"
                    android:layout_alignParentTop="true" />

                <TextView
                    android:id="@+id/txtAlamatAyah"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:text="Alamat"
                    android:textColor="#c0c0c0ff"
                   />
</RelativeLayout>  

<RelativeLayout
   android:id="@+id/relativeLayout18"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:gravity="left" >

<TextView
                    android:id="@+id/txtIbu"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Ibu"
                    android:textColor="#c0c0c0ff"
                     />         
            </RelativeLayout>
<RelativeLayout
                android:id="@+id/relativeLayout19"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="right" >

                <EditText
                    android:id="@+id/editNamaIbu"
                    android:layout_width="200dp"
                    android:layout_height="40dp"
                    android:layout_alignParentRight="true"
                    android:layout_alignParentTop="true" />

                <TextView
                    android:id="@+id/txtNamaIbu"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:text="Nama"
                    android:textColor="#c0c0c0ff"
                    />
                </RelativeLayout>
<RelativeLayout
                android:id="@+id/relativeLayout20"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="right" >

                <EditText
                    android:id="@+id/editUmurIbu"
                    android:layout_width="200dp"
                    android:layout_height="40dp"
                    android:layout_alignParentRight="true"
                    android:layout_alignParentTop="true" />

                <TextView
                    android:id="@+id/txtUmurIbu"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:text="Umur"
                    android:textColor="#c0c0c0ff"
                    />
            </RelativeLayout>

<RelativeLayout
                android:id="@+id/relativeLayout21"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="right" >

                <EditText
                    android:id="@+id/editJobIbu"
                    android:layout_width="200dp"
                    android:layout_height="40dp"
                    android:layout_alignParentRight="true"
                    android:layout_alignParentTop="true" />

                <TextView
                    android:id="@+id/textJobIbu"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:text="Pekerjaan"
                    android:textColor="#c0c0c0ff"
                     />
</RelativeLayout>

<RelativeLayout
                android:id="@+id/relativeLayout22"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="right" >

                <EditText
                    android:id="@+id/editAlamatIbu"
                    android:layout_width="200dp"
                    android:layout_height="40dp"
                    android:layout_alignParentRight="true"
                    android:layout_alignParentTop="true" />

                <TextView
                    android:id="@+id/txtAlamatIbu"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:text="Alamat"
                    android:textColor="#c0c0c0ff"
                    />
</RelativeLayout>  

 </LinearLayout>
    </ScrollView>
    <RelativeLayout
        android:id="@+id/relativeLayout10"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0.00"
        android:gravity="right" >

        <Button
            android:id="@+id/Submit"
            android:layout_width="100dp"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_toLeftOf="@+id/button1"
            android:text="Submit" />



        <Button
            android:id="@+id/Cancel"
            android:layout_width="100dp"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:text="Cancel" />

    </RelativeLayout>
</LinearLayout>

Sekian post untuk membuat tampilan user interface aplikasi akta kelahiran, untuk selanjutnya akan membahas cara menglink-kan antara satu tampilan dengan tampilan lainnya.