Kami dari kelompok 5 , akan menjelaskan bagaimana cara
membuat form login dari aplikasi android menggunakan database. Skenario nya
adalah kita membuat data berupa username dan password di dalam sql
phpmyadmin, kemudian kita juga membuat script php (php berguna sebagai server side
yang menjadi jembatan untuk mengakses data di database sehingga dapat di
tampilkan di (interface android client).
Secara garis besar, ada 3 langkah yang akan
kita jelaskan di tutorial ini :
- Membuat database di server localhost
- Membuat php script
- Membuat project di Android
Untuk
aplikasi yang kami gunakan di project ini adalah :
- Xampp = sebagai membuat database
- Notepad ++ =membuat script php
- Eclipse ide = membuat project form login aplikasi android
1. Buat database di xampp seperti ini :
2. buat folder android pada C:// > xampp > htdoc > new folder "android"
buka notepad++ dan buat script php seperti ini :
simpan file dengan nama login.php di dalam folder android.
3. Membuat aplikasi android di eclipse IDE
1.
Siapkan project baru dengan seperti ketentuan berikut
Project name
|
FormLogin
|
Build Target
|
Android
2.2
|
Aplication name
|
FormLogin
|
Package name
|
com.example.formlogin
|
Create Activity
|
formlogin
|
Min SDK version
|
8
|
- Ketik
strings.xml seperti berikut :
<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="app_name">FormLogin</string>
<string name="action_settings">Settings</string>
<string name="hello_world">Hello world!</string>
<string name="txtUser">Username</string>
<string name="txtPassword">Password</string>
<string name="btnLogin">Login</string>
</resources>
ketik activity_main.xml seperti berikut :
<LinearLayout 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:orientation="vertical"
tools:context=".MainActivity" >
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/txtUser"
android:textAppearance="?android:attr/textAppearanceMedium" />
<EditText
android:id="@+id/editUser"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ems="10"
android:inputType="text"/>
<requestFocus />
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/txtPassword"
android:textAppearance="?android:attr/textAppearanceMedium" />
<EditText
android:id="@+id/editPass"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ems="10"
android:inputType="textPassword" />
<Button
android:id="@+id/btnLogin"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/btnLogin" />
</LinearLayout>
Download source code
