Pertemuan 3, Membuat form Log in dengan Eclipse, 12 Oktober 2014

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.syifa.login

Activity                     : login

Min SDK                    : 9

1. login.java

Ubahlah file login.java menjadi seperti ini :

1. package com.wilis.uicoding6;  
2.   
3. import android.app.Activity;  
4. import android.os.Bundle;  
5.   
6. public class uicoding6 extends Activity {  
7.     /** Called when the activity is first created. */  
8.     @Override  
9.     public void onCreate(Bundle savedInstanceState) {  
10.         super.onCreate(savedInstanceState);  
11.         setContentView(R.layout.main);  
12.     }  
13. }  

2.main.xml (Menggunakan ScrollView)

Ubah file main.xml menjadi seperti ini :

1. <?xml version="1.0" encoding="utf-8"?>  
2. <scrollview   
3.  xmlns:android="http://schemas.android.com/apk/res/android"      
4.     android:layout_width="fill_parent"  
5.     android:layout_height="wrap_content"  
6.     android:scrollbars="vertical"  
7.     >  
8. <linearlayout   
9.  android:orientation="vertical"  
10.     android:layout_width="fill_parent"  
11.     android:layout_height="fill_parent"  
12.     >  
13. <textview   
14.  android:text="Login"   
15.     android:layout_width="fill_parent"   
16.     android:layout_height="wrap_content"       
17.     />  
18. <textview   
19.  android:text="User Name :"   
20.     android:layout_width="fill_parent"   
21.     android:layout_height="wrap_content"       
22.     />  
23. <EditText  
24.  android:id="@+id/username"  
25.  android:layout_width="fill_parent"  
26.  android:layout_height="wrap_content"  
27.  android:hint="Input Username"  
28.  />  
29. <textview   
30.  android:text="Password"   
31.     android:layout_width="fill_parent"   
32.     android:layout_height="wrap_content"       
33.     />  
34. <EditText  
35.  android:id="@+id/password"  
36.  android:layout_width="fill_parent"  
37.  android:layout_height="wrap_content"  
38.  android:inputType="textPassword"  
39.  />  
40. <Button  
41.  android:id="@+id/loginbutton"  
42.  android:layout_width="wrap_content"  
43.  android:layout_height="wrap_content"  
44.  android:text="Login"  
45.  />  
46. <textview   
47.  android:id="@+id/status"   
48.     android:layout_width="fill_parent"   
49.     android:layout_height="wrap_content"  
50.     android:textStyle="normal"  
51.     android:text="Enter Username and Password"  
52.     />  
53.   
54. </LinearLayout>  
55. </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 :

1. <?xml version="1.0" encoding="utf-8"?>  
2. <resources>  
3.     <string name="hello">Hello World, uicoding6!</string>  
4.     <string name="app_name">uicoding6</string>  
5. </resources>  

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