Rabu, 15 Oktober 2014

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