Tuesday, 6 January 2015

Membuat form Log in dengan Eclipse




kali ini kita akan membuat form login dengan java di dalam aplikasi android. saya tidak perlu menjelaskan apa itu form login kan pasti anda sudah pada mengenalnya.
Buatlah Sebuah Project Android Baru
Sebelum anda memulai membuat project, apa bila anda baru memulai membuat aplikasi android dan belum menginstal software yang diperlukan harap di instal terlebih dahulu, untuk cara penginstalan software yang di butuhkan baca di google.
Buka eclipse anda buatlah new android aplication project dengan ketentuan berikut :
Project Name          : UIcoding6
Build Target             : Android 2.3
Application name   : login
Package name        : com.deny.login
Activity                     : login
Min SDK                    : 9
1. login.java
Ubahlah file login.java menjadi seperti ini :
package com.wilis.uicoding6;  
  
import android.app.Activity;  
import android.os.Bundle;  
  
public class uicoding6 extends Activity {  
    /** Called when the activity is first created. */  
    @Override  
    public void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.main);  
    }  
}  


2.main.xml (Menggunakan ScrollView)
Ubah file main.xml menjadi seperti ini :
<?xml version="1.0" encoding="utf-8"?>  
<scrollview   
 xmlns:android="http://schemas.android.com/apk/res/android"      
    android:layout_width="fill_parent"  
    android:layout_height="wrap_content"  
    android:scrollbars="vertical"  
    >  
<linearlayout   
 android:orientation="vertical"  
    android:layout_width="fill_parent"  
    android:layout_height="fill_parent"  
    >  
<textview   
 android:text="Login"   
    android:layout_width="fill_parent"   
    android:layout_height="wrap_content"       
    />  
<textview   
 android:text="User Name :"   
    android:layout_width="fill_parent"   
    android:layout_height="wrap_content"       
    />  
<EditText  
 android:id="@+id/username"  
 android:layout_width="fill_parent"  
 android:layout_height="wrap_content"  
 android:hint="Input Username"  
 />  
<textview   
 android:text="Password"   
    android:layout_width="fill_parent"   
    android:layout_height="wrap_content"       
    />  
<EditText  
 android:id="@+id/password"  
 android:layout_width="fill_parent"  
 android:layout_height="wrap_content"  
 android:inputType="textPassword"  
 />  
<Button  
 android:id="@+id/loginbutton"  
 android:layout_width="wrap_content"  
 android:layout_height="wrap_content"  
 android:text="Login"  
 />  
<textview   
 android:id="@+id/status"   
    android:layout_width="fill_parent"   
    android:layout_height="wrap_content"  
    android:textStyle="normal"  
    android:text="Enter Username and Password"  
    />  
  
</LinearLayout>  
</ScrollView>  


Jika kalian lihat di sana terdapat tiga tipe element user interface yaitu :
<TextView/> : Untuk menampilkan text didalam user interface android
<EditText/>   : Adalah form input text
<Button/>      : Adalah tombol
3. string.xml
Ubah file string.xml menjadi seperti ini :
<?xml version="1.0" encoding="utf-8"?>  
<resources>  
    <string name="hello">Hello World, uicoding6!</string>  
    <string name="app_name">uicoding6</string>  
</resources>  


jika anda jalankan aplikasi anda maka hasilnya akan seperti gambar dibawah ini


No comments:

Post a Comment