Pertemuan 3, "Membuat form Log in ", 12 Oktober 2014

Pertemuan 3, "Membuat form Log in ", 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.isbi.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

Android Lifecycle Aplikasi

   Setiap aplikasi yang jalan pada os android memiliki sebuah siklus hidup. Yah, ibaratnya seperti manusia yang bermula dari dalam kandungan kemudian lahir, tumbuh sampai kemudian mati . Sedangkan aplikasi android mempunyai siklus mulai dari onCreate, kemudian runnning  hingga akhirnya onDestroy. Berikut analogi agar lebih mudah memahami siklus hidup aplikasi android.

   lihat gambar dibawah ini (state- state aplikasi android den metode yang dipanggil),

 setelah aplikasi running perhatikan status yang tampil dilayar melalui pesan toast. Kemudian klik button Back di emulator/hp. Setelah itu launch kembali aplikasi ini melalui emulator (bukan dari eclipse seperti diawal). Setelah aplikasi kembali running normal, sekarang silakan klik button Home dan lihat lagi status yang muncul dalam pesan Toast. Lakukan berulang-ulang secara bergantian sambil melihat tiap status yang muncul. Maka Kamu akan mengerti kapan status-status siklus hidup diatas dieksekusi.