Form Login Client-Server

Assalamualaikum Wr. Wb.

Pada Pertemuan Kali Ini saya akan membuat aplikasi Client-Server form login, Tapi pada blog kali ini saya hanya akan fokus pada Clientnya saja.
Ok, langsung saja ...
a. langkah pertama yang harus kita lakukan adalah membuat project baru pada Aplikasi ADT atau sejenisnya .
dengan cara klik pada menu file -> new -> Android Application Project
kemudian kita beri nama disni nama project saya adalah "akta" dengan nama file xml "login".
dengan format project seperti pada gambar di bawah ini:

login.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
android:id="@+id/widg37"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
xmlns:android="http://schemas.android.com/apk/res/android">

<TableLayout
android:id="@+id/widget37"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical" >   
   
   
<TableRow
android:id="@+id/widget45"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:id="@+id/widget47"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Username   :" />

<EditText
    android:id="@+id/txtusername"
    android:layout_width="200dp"
    android:layout_height="wrap_content"
    android:text=""
    android:textSize="18sp" />

</TableRow>
<TableRow
android:id="@+id/widget46"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:id="@+id/widget55"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Password    :" />
<EditText
android:id="@+id/txtpassword"
android:layout_width="200dp"
android:layout_height="wrap_content"
android:text=""
android:password="True"
android:textSize="18sp" />
</TableRow>
 </TableLayout>

<TableLayout
android:id="@+id/w7"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
> 

<TableRow
android:id="@+id/widget65"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<Button
android:id="@+id/btnlogin"
android:onClick="login"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="L O G I N" />
<Button
android:id="@+id/btndaftar"
android:onClick="daftar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="DAFTAR" />
</TableRow>
 </TableLayout>
<TextView
android:id="@+id/txtstatus"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="" />
</LinearLayout>


- daftar_user.xml

<?xml version="1.0" encoding="utf-8"?>
<ScrollView
android:id="@+id/widget124"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
xmlns:android="http://schemas.android.com/apk/res/android">

<LinearLayout
android:id="@+id/widget124"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
>
<TableLayout
android:id="@+id/widget125"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical">
<TableRow
android:id="@+id/widget126"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:id="@+id/widget127"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Nomor KTP" />
<EditText
android:id="@+id/txtnomorktp"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text=""
android:textSize="18sp" />
</TableRow>

<TableRow
android:id="@+id/widget129"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:id="@+id/widget130"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Nama" />


<EditText
android:id="@+id/txtnama"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text=""
android:textSize="18sp" />

</TableRow>
<TableRow
android:id="@+id/widget132"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:id="@+id/widget133"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="T.T.L" />
<EditText
android:id="@+id/txtttl"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:textSize="18sp" />
</TableRow>
<TableRow
android:id="@+id/widget135"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:id="@+id/widget136"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Alamat" />
<EditText
android:id="@+id/txtalamat"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:textSize="18sp" />
</TableRow>
<TableRow
android:id="@+id/widget138"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:id="@+id/widget139"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Jenis Kelamin     " />
<RadioGroup
android:id="@+id/jekel"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal">
<RadioButton
android:id="@+id/pria"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Pria" />

<RadioButton
android:id="@+id/perempuan"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Perempuan" />
</RadioGroup>

</TableRow>
<TableRow
android:id="@+id/widget143"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:id="@+id/widget144"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Agama" />
<EditText
android:id="@+id/txtagama"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:textSize="18sp" />
</TableRow>
<TableRow
android:id="@+id/widget146"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:id="@+id/widget147"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Pekerjaan" />
<EditText
android:id="@+id/txtpekerjaan"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:textSize="18sp" />
</TableRow>
<TableRow
android:id="@+id/widget149"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:id="@+id/widget150"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Username" />
<EditText
android:id="@+id/txtusername"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:textSize="18sp" />
</TableRow>
<TableRow
android:id="@+id/widget152"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:id="@+id/widget153"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Password" />
<EditText
android:id="@+id/txtpassword"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:password="True"
android:textSize="18sp" />
</TableRow>
</TableLayout>

<TableLayout
android:id="@+id/widget125"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical">
<TableRow
android:id="@+id/widget155"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<Button
android:id="@+id/btnsimpan"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="SIMPAN" />
<Button
android:id="@+id/btnexit"
android:onClick="keluar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="E X I T" />
</TableRow>

</TableLayout>
<TextView
android:id="@+id/txtstatus"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="" />
</LinearLayout>
</ScrollView>

-activity_layanan.xml

<RelativeLayout 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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".Layanan" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="29dp"
        android:text="Layanan Caffe"
        android:textAppearance="?android:attr/textAppearanceLarge" />
   
    <Button
        android:id="@+id/button1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView1"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="24dp"
        android:text="Costumer" />

    <Button
        android:id="@+id/button2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/button1"
        android:layout_below="@+id/button1"
        android:text="Supplier" />

    <Button
        android:id="@+id/button3"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/button2"
        android:layout_below="@+id/button2"
        android:text="Makanan" />

    <Button
        android:id="@+id/button4"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignRight="@+id/button3"
        android:layout_below="@+id/button3"
        android:text="Minuman" />

    <Button
        android:id="@+id/button5"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/button4"
        android:layout_below="@+id/button4"
        android:text="Transaksi" />

</RelativeLayout>

kemudian untuk srcipt file java :
- login.java

package com.wilis;

import java.util.ArrayList;

import org.apache.http.NameValuePair;
import org.apache.http.message.BasicNameValuePair;


import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;

public class login extends Activity {
    /** Called when the activity is first created. */
EditText username,password;
TextView status;
Button login,daftar;


    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.login);
       
        username=(EditText) findViewById(R.id.txtusername);
        password=(EditText) findViewById(R.id.txtpassword);
        status=(TextView) findViewById (R.id.txtstatus);
       
        login=(Button) findViewById (R.id.btnlogin);
        daftar=(Button) findViewById (R.id.btndaftar);
       
        login.setOnClickListener(new View.OnClickListener() {
           
            @Override
           
            public void onClick(View v) {
             
               // TODO Auto-generated method stub
             
               ArrayList<NameValuePair> postParameters = new ArrayList<NameValuePair>();
             
               postParameters.add(new BasicNameValuePair("username", username.getText().toString()));
                 
               postParameters.add(new BasicNameValuePair("password", password.getText().toString()));
             
   /*            String valid = "1";*/     
             
               String response = null;
             
               try {
                 
                  response = CustomHttpClient.executeHttpPost("http://10.0.2.2/akta/check.php", postParameters);
                 
                  String res = response.toString();
                 
                  res = res.trim();
                 
                  res = res.replaceAll("\\s+","");
                 
                  status.setText(res);
                 
                  if (res.equals("1"))
                  {
                   status.setText("Correct Username or Password");
                   berhasil(v);
                 
                  }
                  else {
                    status.setText("Sorry!! Wrong Username or Password Entered");
                   
                       }
               }
             
               catch (Exception e) {
                 
                  status.setText(e.toString());
                 
               }
             
            }
           
            });
     
     // penutup buka dari public void onCreate
    } 
       

 
   
    public void daftar (View theButton)
    {
    Intent d = new Intent (this,daftar_user.class);
    startActivity(d);
    }
   

// apabila user berhasil login.
   
    public void berhasil (View theButton)
    {
    Intent s = new Intent (this, Layanan.class);
    startActivity(s);
    }
   
}

- daftar_user.java:

package com.wilis;

import java.util.ArrayList;

import org.apache.http.NameValuePair;

import org.apache.http.message.BasicNameValuePair;

import android.app.Activity;

import android.content.Intent;

import android.os.Bundle;

import android.view.View;

import android.widget.Button;

import android.widget.EditText;

import android.widget.RadioGroup;

import android.widget.TextView;

public class daftar_user extends Activity {

   

   EditText ktp,nama,ttl,alamat,agama,pekerjaan,username,password;

   RadioGroup jk;

   TextView status;

   Button simpan;

   

   

    /** Called when the activity is first created. */

   

   @Override

   

   

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.daftar_user);

       

        

        ktp=(EditText)findViewById(R.id.txtnomorktp);

        nama=(EditText)findViewById(R.id.txtnama);

        ttl=(EditText)findViewById(R.id.txtttl);

        jk=(RadioGroup) findViewById(R.id.jekel);

        alamat=(EditText)findViewById(R.id.txtalamat);

        agama=(EditText)findViewById(R.id.txtagama);

        pekerjaan=(EditText)findViewById(R.id.txtpekerjaan);

        username=(EditText)findViewById(R.id.txtusername);

        password=(EditText)findViewById(R.id.txtpassword);

           

        

        simpan=(Button)findViewById(R.id.btnsimpan);

       // keluar=(Button)findViewById(R.id.btnexit);

        status=(TextView)findViewById(R.id.txtstatus);

        

        simpan.setOnClickListener(new View.OnClickListener() {

         

         @Override

         

         public void onClick(View v) {

            

            // TODO Auto-generated method stub

         

        //atur variabel utk menampung pilihan jenis kelamin

        String type=null;

        switch (jk.getCheckedRadioButtonId()) {

        case R.id.pria:

        type="Pria";

        break;

        case R.id.perempuan:

        type="Perempuan";

        break;

        }

               

            

            ArrayList<NameValuePair> postParameters = new ArrayList<NameValuePair>();

            postParameters.add(new BasicNameValuePair("nomor_ktp", ktp.getText().toString()));

            postParameters.add(new BasicNameValuePair("nama", nama.getText().toString()));

            postParameters.add(new BasicNameValuePair("ttl",ttl.getText().toString()));

            postParameters.add(new BasicNameValuePair("alamat", alamat.getText().toString()));

            postParameters.add(new BasicNameValuePair("jekel", type));

            postParameters.add(new BasicNameValuePair("agama", agama.getText().toString()));

            postParameters.add(new BasicNameValuePair("pekerjaan", pekerjaan.getText().toString()));

            postParameters.add(new BasicNameValuePair("username", username.getText().toString()));

            postParameters.add(new BasicNameValuePair("password", password.getText().toString()));

            

/*            String valid = "1";*/      

            

            String response = null;

            

            try {

               

               response = CustomHttpClient.executeHttpPost("http://10.0.2.2/akta/daftar_user.php", postParameters);

               

               String res = response.toString();

               

               res = res.trim();

               

               res = res.replaceAll("\\s+","");

               

               status.setText(res);

               

               if (res.equals("1")) status.setText("Data tidak Tersimpan Ke server");

               

               else status.setText("Data berhasil disimpan ke server");

               

            }

            

            catch (Exception e) {

               

               username.setText(e.toString());

               

            }

               

         }

            

            

      });

    }

   

    public void keluar (View theButton)

    {

    Intent a = new Intent (this,login.class);

    startActivity(a);

    }

}

- Hasil running :