Pages

22 May 2014

Aplikasi CRUD Database Sqlite

CRUD (Create, Read, Update, Delete) di butuhkan dalam aplikasi, sesuai dengan judulnya saya akan coba membahas tentang CRUD Database Sqlite pada android, karena secara umum program aplikasi database tidak akan lepas dari select, insert, edit dan delete.
dan di akhir tutorial, saya sertakan juga contoh projectnya gratis untuk di download. ^_^

langsung ja, untuk tampilan yang nanti akan di buat seperti ini






Untuk pembuatannya seperti biasa kita membuat project terlebih dahulu, 
Project yang saya sertakan yaitu:

Nama Project   : ProjectCRUDSqlite
Target SDK      : Android 2.3.3
Nama Aplikasi : ProjectCRUDSqlite
Pakage             : com.crud.sqlite

Menentukan Nama Project

Memilih Target SDK

Menentukan nama aplikasi, pakage name, dll

setelah membuat project, buat interface untuk aplikasi dengan xml.

inputdata.xml
<?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout  xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/relativeLayout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
        
<LinearLayout
   android:id="@+id/linearlayout1"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   android:layout_alignParentLeft="true" >
   <TextView
       android:id="@+id/textview1"
       android:layout_width="90dp"
       android:layout_height="wrap_content"
       android:text="NIM : " />

   <EditText
       android:id="@+id/txtnim"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content" >
   </EditText>
</LinearLayout>
<LinearLayout
   android:id="@+id/linearlayout2"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   android:layout_below="@+id/linearlayout1"
   android:layout_alignParentLeft="true" >
   <TextView
       android:id="@+id/textview2"
       android:layout_width="90dp"
       android:layout_height="wrap_content"
       android:text="Name : " />

   <EditText
       android:id="@+id/txtnama"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content" >
   </EditText>
</LinearLayout>
<LinearLayout
   android:id="@+id/linearlayout3"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   android:layout_below="@+id/linearlayout2"
   android:layout_alignParentLeft="true" >
   <TextView
       android:id="@+id/textview3"
       android:layout_width="90dp"
       android:layout_height="wrap_content"
       android:text="Address" />

   <EditText
       android:id="@+id/txtalamat"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content" >
   </EditText>
</LinearLayout>
<Button
   android:id="@+id/btnsimpan"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_alignParentLeft="true"
   android:layout_below="@+id/linearlayout3"
   android:layout_marginLeft="20dp"
   android:text="Save" />
</RelativeLayout>

listofdata.xml
<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"  
    android:id="@+id/scrollView1"  
    android:layout_width="match_parent"  
    android:layout_height="wrap_content" >  
  
    <LinearLayout   
        android:layout_width="fill_parent"  
        android:layout_height="wrap_content"  
        android:orientation="vertical">  
        <LinearLayout  
            android:id="@+id/header"  
            android:layout_width="fill_parent"  
            android:layout_height="wrap_content"  
            android:orientation="vertical" >  
              
           <TableLayout
                android:id="@+id/tableLayout1"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" >
                <TableRow
                    android:id="@+id/tableRow1"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content" >                    
                    <Button
                         android:id="@+id/btnrefresh"
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
                         android:text="Refresh" />
                     <Button
                         android:id="@+id/btnedit"
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
                         android:text="Edit" />
                     <Button
                         android:id="@+id/btnhapus"
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
                         android:text="Delete" />
                     <Button
                         android:id="@+id/btnhapusemua"
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
                         android:text="Detele All" />
                 </TableRow>
            </TableLayout>  
        </LinearLayout>        
        <LinearLayout  
            android:id="@+id/detail"  
            android:layout_width="match_parent"  
            android:layout_height="wrap_content"  
            android:orientation="horizontal" >        
            <TableLayout  
                android:id="@+id/tableLayout"  
                android:layout_width="match_parent"  
                android:layout_height="wrap_content"  
                android:layout_gravity="center"  
                android:layout_weight="1" >  
            </TableLayout>  
        </LinearLayout>  
    </LinearLayout>  
</ScrollView> 

Dan beberapa file yang lainnya, munkin terlalu panjang jika saya post semua.
untuk projectnya bisa di DOWNLOAD Disini

Selamat Belajar!
Semoga Bermanfaat
^_^ 


READ MORE →

20 May 2014

Login Android Client Server

Bagi yang butuh untuk After Efect
Download disini

Sebuah aplikasi sudah wajib dengan adanya form Login, karena login adalah form untuk hak akases si user untuk masuk ke dalam suatu aplikasi.
kali ini saya akan Post untuk form Login android client server, di akhir tutorial saya sertakan juga project utuk dapat di download.






Sebelumnya saya akan menjelaskan bagaimana sih prosesnya?
1. android akan mengirimkan data ke PHP.
2. PHP akan menerima dan menjalan konsisi yang telah di tentukan (mencocokan) ke server.
3. PHP akan memberikan respon dan android menerima respon tersebut.

kurang lebih seperti itu

dah cukup ya basa-basinya...
sekarang gimana sich bikinnya???
saya sudah asumsikan semua sudah ada program aclipse untuk pembuatannya, karena saya menggunakan IDE Eclipse Indigo untuk pembuatan ini:

buat database dengan nama "coba"
nama tabel "user"
contohnya seperti ini:

klo sudah bikin database sekarang file login.php
login.php
<?php 
 $un = $_POST['username'];
 $pw = $_POST['password'];
 $conn = mysql_connect("localhost","root","");
mysql_select_db("coba");
 $query = "SELECT * FROM user WHERE username = '$un' AND password ='$pw'";
$result = mysql_query($query) or die("Unable to verify user because : " . mysql_error());  
if (mysql_num_rows($result) == 1){ 
     echo 1; 
 }else { 
     // print status message
    echo 0;
 } 
 ?>
Setelah Persiapan dengan database dan file login.php
jangan lupa pada htdoct buat folder dengan nama "coba" simpan file login.php pada folder coba!
dan coba jalankan pada browser masing-masing "localhost/coba/login.php
jika hasilnya adalah "0" berarti sudah berhasil/sukses.

lupakan sejenak untuk database dan file login.php!
Sekrang Membuat Project android di eclipse dengan nama ProjectLogin, contohnya bisa diliat dibawah ini.
kalo sudah menentukan nama Projectnya, lalu pilih Target SDKnya, disini saya menggunakan Android 2.3.3

setelah dipilih targetnya tentukan nama aplikasi, pakage, aktivity dan minimun SDK,yang akan tampil nanti pada aplikasi yang akan di buat!


sekarang sudah jadi untuk project yang akan kita buat dengan nama ProjectLogin, nama aplikasinya Login.
pada clas Login isikan coding seperti di bawah ini:


login.xml

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

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/relativeLayout2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" >
    <LinearLayout
        android:id="@+id/linearlayout0"
        android:layout_width="fill_parent"
        android:layout_height="match_parent"
        android:layout_alignParentLeft="true">
        <TextView
            android:id="@+id/txt1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:textSize="25dp" />    
</LinearLayout>
<LinearLayout
   android:id="@+id/linearlayout11"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   android:layout_alignParentLeft="true" 
   android:layout_marginTop="50dp"
   android:layout_marginLeft="37dp">
   <TextView
       android:id="@+id/textview11"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="Username "/>
</LinearLayout>

<LinearLayout
   android:id="@+id/linearlayout12"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   android:layout_alignParentLeft="true"
   android:layout_below="@+id/linearlayout11"
   android:gravity="center" >
   <EditText
       android:id="@+id/txtuser"
       android:layout_width="250dp"
       android:layout_height="wrap_content" />
</LinearLayout>
<LinearLayout
   android:id="@+id/linearlayout13"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   android:layout_below="@+id/linearlayout12"
   android:layout_alignParentLeft="true"
   android:layout_marginLeft="37dp">
   <TextView
       android:id="@+id/textview12"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="Password "/>
</LinearLayout>
<LinearLayout
   android:id="@+id/linearlayout14"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   android:layout_below="@+id/linearlayout13"
   android:layout_alignParentLeft="true" 
   android:gravity="center">
   <EditText
       android:id="@+id/txtpassword"
       android:layout_width="250dp"
       android:layout_height="wrap_content"
       android:inputType="textPassword"/>
</LinearLayout>

<LinearLayout
   android:id="@+id/linearlayout15"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_alignParentLeft="true"
   android:layout_below="@+id/linearlayout14"
   android:layout_marginLeft="180dp"
   android:layout_marginTop="5dp" >
   <Button
    android:id="@+id/btnlogin"
    android:layout_width="102dp"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_below="@+id/linearlayout14"
  android:text="Login"/>
</LinearLayout>
</RelativeLayout>



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

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <LinearLayout
        android:id="@+id/LinearLayout01"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginTop="70dp"
        android:orientation="vertical" >
        <TextView
            android:id="@+id/tmenuutama"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:text="MENU UTAMA" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/LinearLayout02"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginTop="120dp" 
        android:layout_marginLeft="120dp">
        <ImageButton
            android:id="@+id/btn_logout"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_launcher"
            android:onClick="allclickhandler"/>
    </LinearLayout>

    <LinearLayout
        android:id="@+id/LinearLayout03"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginTop="120dp" 
        android:layout_marginLeft="160dp">
    </LinearLayout>
    
    <LinearLayout
        android:id="@+id/LinearLayout04"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true" 
        android:layout_marginTop="215dp" 
        android:layout_marginLeft="65dp">
    </LinearLayout>

    <LinearLayout
        android:id="@+id/LinearLayout05"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true" 
        android:layout_marginTop="215dp" 
        android:layout_marginLeft="160dp">
    </LinearLayout>
    
</RelativeLayout>


Login.java
package com.login.tes;
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 {    
   EditText un,pw;
   TextView error;
   Button login;
   String i;   
   @Override    
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.login);        
        un=(EditText)findViewById(R.id.txtuser);        
        pw=(EditText)findViewById(R.id.txtpassword);        
        login=(Button)findViewById(R.id.btnlogin);        
        error=(TextView)findViewById(R.id.txt1);        
        login.setOnClickListener(new View.OnClickListener() 
        {
         public void onClick(View v) {                  
            ArrayList<NameValuePair> postParameters = new ArrayList<NameValuePair>();             
            postParameters.add(new BasicNameValuePair("username", un.getText().toString()));                
            postParameters.add(new BasicNameValuePair("password", pw.getText().toString()));                       
            String response = null;             
            try { 
             response = CustomHttpClient.executeHttpPost("http://10.0.2.2/coba/login.php", postParameters);                
               String res = response.toString();                   
               res = res.trim();                
               res = res.replaceAll("\\s+","");                
               error.setText(res);                
               if (res.equals("1"))
               {
                   error.setText("Username dan Password benar");
                   berhasil_login(v);                                    
               }
               else 
               {
               error.setText("Sorry!! Username or Password salah");
               gagal_login(v);  
               //un.setText("");
               //pw.setText("");
               }
            }
            catch (Exception e) {                
               un.setText(e.toString());                
            }     finish();           
         }            
      });
   }    
   
//=========================================================
   public void berhasil_login (View theButton)
    {
        Intent s = new Intent (this, Menu.class);
        startActivity(s);
    }
//=========================================================
    public void gagal_login (View theButton)
    {
        Intent s = new Intent (this, Login.class);
        s.putExtra("status", "baru");
        startActivity(s);
    }    
}

Menu.java
 package com.login.tes;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Toast;

public class Menu extends Activity{
public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);        
        //Memanggil layout yang pertama sekali ditampilkan
        setContentView(R.layout.menu);
        }
// Bagian ini untuk handler button pada widget
    public void allclickhandler(View view) {
     Intent i = null;    
switch (view.getId()) {
case R.id.btn_logout:
    Toast.makeText(getApplicationContext(), "LOGOUT",50).show();
    i = new Intent(this, Login.class);
    i.putExtra("status", "baru");
startActivity(i);
break;    
}
finish();
    }
}


CustomHttpClien.java
package com.login.tes; 
import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStreamReader;
import java.net.URI;
import java.util.ArrayList; 
import org.apache.http.HttpResponse;
import org.apache.http.NameValuePair;
import org.apache.http.client.HttpClient;
import org.apache.http.client.entity.UrlEncodedFormEntity;
import org.apache.http.client.methods.HttpGet;
import org.apache.http.client.methods.HttpPost;
import org.apache.http.conn.params.ConnManagerParams;
import org.apache.http.impl.client.DefaultHttpClient;
import org.apache.http.params.HttpConnectionParams;
import org.apache.http.params.HttpParams; 
public class CustomHttpClient {
   /** The time it takes for our client to timeout */
    public static final int HTTP_TIMEOUT = 30 * 1000; // milliseconds 
    /** Single instance of our HttpClient */
    private static HttpClient mHttpClient; 
    /**
     * Get our single instance of our HttpClient object.
     *
     * @return an HttpClient object with connection parameters set
     */
    private static HttpClient getHttpClient() {
        if (mHttpClient == null) {
            mHttpClient = new DefaultHttpClient();
            final HttpParams params = mHttpClient.getParams();
            HttpConnectionParams.setConnectionTimeout(params, HTTP_TIMEOUT);
            HttpConnectionParams.setSoTimeout(params, HTTP_TIMEOUT);
            ConnManagerParams.setTimeout(params, HTTP_TIMEOUT);
        }
        return mHttpClient;
    } 
    /**
     * Performs an HTTP Post request to the specified url with the
     * specified parameters.
     *
     * @param url The web address to post the request to
     * @param postParameters The parameters to send via the request
     * @return The result of the request
     * @throws Exception
     */
    public static String executeHttpPost(String url, ArrayList<NameValuePair> postParameters) throws Exception {
        BufferedReader in = null;
        try {
            HttpClient client = getHttpClient();
            HttpPost request = new HttpPost(url);
            UrlEncodedFormEntity formEntity = new UrlEncodedFormEntity(postParameters);
            request.setEntity(formEntity);
            HttpResponse response = client.execute(request);
            in = new BufferedReader(new InputStreamReader(response.getEntity().getContent())); 
            StringBuffer sb = new StringBuffer("");
            String line = "";
            String NL = System.getProperty("line.separator");
            while ((line = in.readLine()) != null) {
                sb.append(line + NL);
            }
            in.close(); 
            String result = sb.toString();
            return result;
        } finally {
            if (in != null) {
                try {
                    in.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
        }
    } 
    /**
     * Performs an HTTP GET request to the specified url.
     *
     * @param url The web address to post the request to
     * @return The result of the request
     * @throws Exception
     */
    public static String executeHttpGet(String url) throws Exception {
        BufferedReader in = null;
        try {
            HttpClient client = getHttpClient();
            HttpGet request = new HttpGet();
            request.setURI(new URI(url));
            HttpResponse response = client.execute(request);
            in = new BufferedReader(new InputStreamReader(response.getEntity().getContent()));
            StringBuffer sb = new StringBuffer("");
            String line = "";
            String NL = System.getProperty("line.separator");
            while ((line = in.readLine()) != null) {
                sb.append(line + NL);
            }
            in.close();
            String result = sb.toString();
            return result;
        } finally {
            if (in != null) {
                try {
                    in.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
        }
    }
}

Yang terakhir biasa dilupakan adalah manifest
AndroidManifest

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.login.tes"
    android:versionCode="1"
    android:versionName="1.0" >
    <uses-sdk android:minSdkVersion="10" />
<uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> 
    <application
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name" >
        <activity
            android:label="@string/app_name"
            android:name=".Login" >
            <intent-filter >
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>    
        <activity android:name=".CustomHttpClient" ></activity>
        <activity android:name=".Menu" ></activity>       
    </application>
</manifest>

Jika sudah semua jalankan aplikasnya!

Untuk download projectnya Disini
Selamat Belajar!!!
Semoga bermanfaat ^_^

READ MORE →