Membuat dan Menghubungkan Beberapa Form Aplikasi Android Sederhana

Assalamu alaikum Wr. Wb.

Pada kesempatan ini saya akan mencoba menulis langkah-langkah membuat beberapa Form Aplikasi Android dan kemudian menguhubungkannya. Sebelumnya mari kita lihat Hasil akhir dari tulisan saya ini.

Pada kesempatan ini saya akan membuat 3 file java dan 3 file xml.

• Pertama kita buat file login.xml dengan cara klik kanan Package Explorer pada projek yg telah kita buat - new - android xml file. Jika kurang jelas berikut penampakannya.

• Ketikkan nama file xml (contoh: login) kemudian klik Finish. 
• klik ganda login.xml dan copykan code berikut:

<?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" xmlns:android="http://schemas.android.com/apk/res/android"><TextView android:id="@+id/widget33" android:layout_width="fill_parent" android:layout_height="41dp" android:text="APLIKASI AKTA KELAHIRAN" android:textSize="18sp" android:gravity="center" /><RelativeLayout android:id="@+id/widget34" android:layout_width="fill_parent" android:layout_height="wrap_content"><EditText android:id="@+id/TxtUsername" android:layout_width="200dp" android:layout_height="wrap_content" android:textSize="18sp" android:layout_alignParentTop="true" android:layout_alignParentRight="true" /><TextView android:id="@+id/widget35" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Username" android:textSize="16sp" android:layout_alignParentTop="true" android:layout_alignParentLeft="true" /></RelativeLayout><RelativeLayout android:id="@+id/widget37" android:layout_width="fill_parent" android:layout_height="wrap_content"><EditText android:id="@+id/TxtPassword" android:layout_width="200dp" android:layout_height="wrap_content" android:textSize="18sp" android:password="true" android:layout_alignParentTop="true" android:layout_alignParentRight="true" /><TextView android:id="@+id/widget38" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Password" android:textSize="16sp" android:layout_alignParentTop="true" android:layout_alignParentLeft="true" /></RelativeLayout><RelativeLayout android:id="@+id/widget40" android:layout_width="fill_parent" android:layout_height="wrap_content"><Button android:id="@+id/BtnCancel" android:layout_width="85dp" android:layout_height="wrap_content" android:text="Cancel" android:textSize="16sp" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" /><Button    android:id="@+id/BtnLogin"    android:onClick="clicklogin"    android:layout_width="85dp"    android:layout_height="wrap_content"    android:layout_alignParentRight="true"    android:layout_alignParentTop="true"    android:text="Login"    android:textSize="16sp" /></RelativeLayout><TextView android:id="@+id/widget43" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Belum punya akun? Silahkan klik Daftar!" android:textSize="16sp" /><Button android:id="@+id/BtnDaftar" android:onClick="clickdaftar" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Daftar" android:textSize="16sp" /></LinearLayout>

• Ini hasil login.xml



• Buat file daftar.xml untuk tampilan daftar pengguna baru bagi yang belum mepunyai akun. Caranya sama dengan cara membuat login.xml. Berikut code daftar.xml:

<?xml version="1.0" encoding="utf-8"?>

android:id="@+id/widget114" android:layout_width="fill_parent" android:layout_height="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android"><TableLayout android:id="@+id/widget115" android:layout_width="319dp" android:layout_height="fill_parent" android:orientation="vertical" android:stretchColumns="1"><TextView android:id="@+id/noktp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Nomor KTP" android:layout_x="5dp" android:layout_y="25dp" /><EditText android:id="@+id/fieldnoktp" android:layout_width="fill_parent" android:layout_height="wrap_content" android:textSize="18sp" android:layout_x="0dp" android:layout_y="50dp" /><TextView android:id="@+id/namalengkap" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Nama Lengkap" android:layout_x="5dp" android:layout_y="100dp" /><EditText android:id="@+id/fieldnama" android:layout_width="fill_parent" android:layout_height="wrap_content" android:textSize="18sp" android:layout_x="0dp" android:layout_y="125dp" /><TextView android:id="@+id/ttl" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Tempat Lahir" android:layout_x="5dp" android:layout_y="175dp" /><EditText android:id="@+id/fieldtempatlahir" android:layout_width="fill_parent" android:layout_height="wrap_content" android:textSize="18sp" android:layout_x="0dp" android:layout_y="200dp" /><TextView android:id="@+id/ttl2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Tanggal Lahir" android:layout_x="5dp" android:layout_y="250dp" /><DatePicker    android:id="@+id/datePicker1"    android:layout_width="284dp"    android:layout_height="wrap_content"    android:layout_x="18dp"    android:layout_y="275dp" /><TextView android:id="@+id/alamat" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Alamat" android:layout_x="5dp" android:layout_y="410dp" /><EditText    android:id="@+id/editText2"    android:layout_width="wrap_content"    android:layout_height="83dp"    android:inputType="textPostalAddress" /><TextView android:id="@+id/alamat" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Jenis Kelamin" android:layout_x="5dp" android:layout_y="485dp" /><RadioGroup android:id="@+id/rdgrup" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" android:checkedButton="1" android:layout_x="36dp" android:layout_y="510dp"><RadioButton android:id="@+id/rdbtn1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Laki - Laki" /><RadioButton android:id="@+id/rdbtn2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Perempuan" /></RadioGroup><TextView android:id="@+id/agama" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Agama" android:layout_x="5dp" android:layout_y="485dp" /><EditText android:id="@+id/fieldagama" android:layout_width="fill_parent" android:layout_height="wrap_content" android:textSize="18sp" android:layout_x="0dp" android:layout_y="510dp" /><TextView android:id="@+id/pekerjaan" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Pekerjaan" android:layout_x="5dp" android:layout_y="560dp" /><EditText android:id="@+id/fieldpekerjaan" android:layout_width="fill_parent" android:layout_height="wrap_content" android:textSize="18sp" android:layout_x="0dp" android:layout_y="585dp" /><TextView android:id="@+id/username" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Username" android:layout_x="5dp" android:layout_y="635dp" /><EditText android:id="@+id/fieldusername" android:layout_width="fill_parent" android:layout_height="wrap_content" android:textSize="18sp" android:layout_x="0dp" android:layout_y="660dp" /><TextView android:id="@+id/password" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Password" android:layout_x="5dp" android:layout_y="710dp" /><EditText    android:id="@+id/editText1"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:inputType="textPassword" android:layout_y="735dp" /><TableRow    android:id="@+id/tableRow1"    android:layout_width="wrap_content"    android:layout_height="wrap_content" >    <Button        android:id="@+id/button1"        android:layout_width="150dp"        android:layout_height="wrap_content"        android:text="Batal" />    <Button        android:id="@+id/button2"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="Daftar" /></TableRow></TableLayout></ScrollView>

<ScrollView

• Berikut hasil dari daftar.xml:

• Jika pengguna telah mempunyai akun dan login dengan password MAD, maka akan tampil menu layanan. Cara membuat menu layanan adalah dengan cara membuat file java (class). Caranya klik kanan pada Package Explorer -  New - Class.
• Copykan code berikut ini pada file MenuLayanan.java: (Perlu di PERHATIKAN, nama package fendi.lahir; disesuaikan dengan nama package anda.

package fendi.lahir;

import android.app.ListActivity;import android.content.Intent;import android.os.Bundle; import android.view.View;import android.widget.ArrayAdapter;import android.widget.ListView;
public class MenuLayanan extends ListActivity { public void onCreate(Bundle icicle) { super.onCreate(icicle); // membuat array menu pilihan String[] MenuLayanan = new String[] { "Petunjuk Pendaftaran", "Syarat-syarat pendaftaran","Form Pendaftaran Kelahiran", "Call Informasi", "Exit" }; this.setListAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, MenuLayanan)); } @Override /**method ini akan mengoveride method onListItemClick  * method ini akan dipanggil apabilai ada salah satu item dari list menu yang dipilih */ protected void onListItemClick(ListView l, View v, int position, long id) { super.onListItemClick(l, v, position, id); // Get the item that was clicked // Menangkap nilai text yang dklik Object o = this.getListAdapter().getItem(position); String pilihan = o.toString(); // Menampilkan hasil pilihan menu  tampilkanPilihan(pilihan); } protected void tampilkanPilihan(String pilihan) { try { // Intent digunakan untuk sebagai pengenal suatu activity Intent i = null; if (pilihan.equals("Form Pendaftaran Kelahiran")) { setContentView(R.layout.daftarlahir); } else if (pilihan.equals("Exit")) { Intent exit = new Intent(Intent.ACTION_MAIN); exit.addCategory(Intent.CATEGORY_HOME); } startActivity(i); } catch (Exception e) { e.printStackTrace(); } } }

• Hasil dari MenuLayanan.java adalah:

• Selanjutnya buat tampilan daftar data kelahiran baru dengan cara membua file daftarlahir.xml. Berikut kode daftarlahir.xml:

<?xml version="1.0" encoding="utf-8"?>

<AbsoluteLayout android:id="@+id/widget0" android:layout_width="fill_parent" android:layout_height="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android"><ScrollView android:id="@+id/widget32" android:layout_width="319dp" android:layout_height="433dp" android:layout_x="0dp" android:layout_y="-1dp"><TableLayout android:id="@+id/widget33" android:layout_width="320dp" android:layout_height="433dp" android:orientation="vertical"><TextView    android:id="@+id/widget40"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:layout_x="67dp"    android:layout_y="10dp"    android:text="INPUT DATA KELAHIRAN"    android:textSize="20dp" /><TextView android:id="@+id/widget41" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="DATA ANAK ANDA" android:layout_x="11dp" android:layout_y="42dp" /><TextView android:id="@+id/widget42" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Nama" android:layout_x="1dp" android:layout_y="67dp" /><EditText android:id="@+id/widget43" android:layout_width="fill_parent" android:layout_height="wrap_content" android:textSize="18sp" android:layout_x="0dp" android:layout_y="87dp" /><TextView android:id="@+id/widget44" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Tempat/ Tanggal Lahir" android:layout_x="2dp" android:layout_y="129dp" /><EditText android:id="@+id/widget45" android:layout_width="fill_parent" android:layout_height="wrap_content" android:textSize="18sp" android:layout_x="0dp" android:layout_y="150dp" /><DatePicker    android:id="@+id/datePicker1"    android:layout_width="wrap_content"    android:layout_height="wrap_content" /><TextView android:id="@+id/widget46" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Jam" android:layout_x="1dp" android:layout_y="191dp" /><TimePicker    android:id="@+id/timePicker1"    android:layout_width="wrap_content"    android:layout_height="wrap_content" /><TextView    android:id="@+id/textView1"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:text="Jenis Kelamin" /><RadioGroup    android:id="@+id/radioGroup1"    android:layout_width="wrap_content"    android:layout_height="wrap_content" >    <RadioButton        android:id="@+id/radio0"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:checked="true"        android:text="Laki - Laki" />    <RadioButton        android:id="@+id/radio1"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="Perempuan" /></RadioGroup><TextView    android:id="@+id/textView2"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:text="Anak Ke" /><EditText    android:id="@+id/editText1"    android:layout_width="wrap_content"    android:layout_height="wrap_content" >    <requestFocus /></EditText><TextView    android:id="@+id/textView3"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:text="DATA ORANG TUA" /><TextView    android:id="@+id/textView4"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:text="AYAH" /><TextView    android:id="@+id/textView5"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:text="Nama" /><EditText    android:id="@+id/editText2"    android:layout_width="wrap_content"    android:layout_height="wrap_content" /><TextView    android:id="@+id/textView6"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:text="Umur" /><EditText    android:id="@+id/editText3"    android:layout_width="wrap_content"    android:layout_height="wrap_content" /><TextView    android:id="@+id/textView7"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:text="Pekerjaan" /><EditText    android:id="@+id/editText4"    android:layout_width="wrap_content"    android:layout_height="wrap_content" /><TextView    android:id="@+id/textView8"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:text="Alamat" /><EditText    android:id="@+id/editText5"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:inputType="textPostalAddress" /><TextView    android:id="@+id/textView4"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:text="IBU" /><TextView    android:id="@+id/textView5"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:text="Nama" /><EditText    android:id="@+id/editText2"    android:layout_width="wrap_content"    android:layout_height="wrap_content" /><TextView    android:id="@+id/textView6"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:text="Umur" /><EditText    android:id="@+id/editText3"    android:layout_width="wrap_content"    android:layout_height="wrap_content" /><TextView    android:id="@+id/textView7"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:text="Pekerjaan" /><EditText    android:id="@+id/editText4"    android:layout_width="wrap_content"    android:layout_height="wrap_content" /><TextView    android:id="@+id/textView8"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:text="Alamat" /><EditText    android:id="@+id/editText5"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:inputType="textPostalAddress" /><TableRow >    <Button    android:id="@+id/btnbatal"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:text="Batal" /> <Button    android:id="@+id/btndaftar"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:text="Daftar" /></TableRow></TableLayout></ScrollView>

</AbsoluteLayout>

• Hasil dari daftarlahir.xml adalah sebagai berikut:

• Setelah semua Form dibuat, maka kita perlu menghubungkan Form-form tersebut dengan cara membuat file java dan membuat activity di AndroidManifest.
• Buat Login.java dengan cara sama yaitu klik kanan - new - class, copykan code berikut

package fendi.lahir;

import fendi.lahir.MenuLayanan;import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.view.View;import android.widget.EditText;import android.widget.Toast;public class Login extends Activity {    /** Called when the activity is first created. */    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.login);    }        public void clicklogin (View theButton){     EditText txtPassword = (EditText) findViewById (R.id.TxtPassword);     String strPass=txtPassword.getText().toString().toUpperCase();     if (strPass.compareTo("MAD")==0){     Intent s = new Intent (this,MenuLayanan.class);          startActivity(s);     }     else {     Toast.makeText(getApplicationContext(),"Password Salah", Toast.LENGTH_LONG).show();     }        }        public void clickdaftar (View theButton){     Intent s = new Intent (this,Daftar.class);     startActivity(s);         }}

import fendi.lahir.R;

• Kemudian buat file Daftar.java. Copykan code berikut:

package fendi.lahir;

import android.app.Activity;import android.os.Bundle;public class Daftar extends Activity {    /** Called when the activity is first created. */    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.daftar);    }}

Berikut tulisan singkat, sekedar berbagi dan agar dapat dibuka kembali ketika saya lupa. Semoga bermanfaat bagi kita semua.