Login - Android Eclipse

Membuat Halaman Login menggunakan Android Eclipse

Untuk menjaga keamanan sebuah aplikasi diperlukan beberapa metode keamanan salah satunya dengan LOGIN, jadi intinya sebuah jika user ingin menggunakan aplikasi harus login terlebih dahulu sehingga aplikasi tidak bisa dipakai oleh orang/user yang tidak mempunyai hak ases. Berikut cara pembuatan Halaman Login sederhana menggunakan Editor Eclipse :

1. Buka Eclipse, pastikan komputer / PC anda sudah terinstal JDK, jika belum tahu cara menginstal 

silahkan baca postingan sebelumnya Cara Instal Eclipse

2. Eclipse sudah terbuka buat project baru dengan cara :  klik menu File àAndroid Project, pada 

jendela New Android Project silahkan beri Project Name : latLogin  

3. jika sudah membuat project silahkan buat tampilan seperti berikut di main.xml :

Source Code main.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="Halaman Login"
        android:layout_margin="10dp" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="UserName" />

    <EditText
        android:id="@+id/editText1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <requestFocus />
    </EditText>

    <TextView
        android:id="@+id/Password"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView" />

    <EditText
        android:id="@+id/editText2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="textPassword" />

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Login"
        android:onClick="aksiLogin" />

</LinearLayout>

3. Buat Layout baru caranya : klik kanan folder res/LayoutàNewàAndroid XML File, pada 

jendela New Android XML File ketikkan File = halutama kemudian klik Finish, dengan tampilan sebagai berikut :

Source Code halutama.xml :

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >


    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Selamat Datang, "
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:layout_gravity="center" />

    <TextView
        android:id="@+id/txtTampil"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Large Text"
        android:layout_gravity="center"
        android:textAppearance="?android:attr/textAppearanceLarge" />

</LinearLayout>

4. Buat kelas java baru, caranya : klik kanan folder paket (sesuaikan nama paket (package) yang 

sudah dibuat) arum.com àNEW àClass, akan muncul jendela New Java Class isi Name : halamanuatama , SuperClass : android.app.Activity , kemudian hilangkan ceklis/centang pada Inherited abstract methods  àFinish

5. Daftarkan Class halamanutama.java di AndroidManifest.xml caranya : buka file AndroidManifest.xml  à pilih tab AndroidManifest.xml, tambahkan kode dibawah ini :

(sesudah kode </activity> )

 <activity 

            android:name=".halamanutama" >

   </activity>

6. Source Code lengkap LatLoginActivity.java :
package arum.com;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.EditText;
import android.widget.Toast;

public class LatLoginActivity extends Activity {
EditText nm, pswd;
String pas, us;

/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

nm = (EditText) findViewById(R.id.editText1);
pswd = (EditText) findViewById(R.id.editText2);

}

public void aksiLogin(View v) {
pas = pswd.getText().toString();
us = nm.getText().toString();

// Percabangan
if (us.equals("admin") && pas.equals("1") || us.equals("petugas")
&& pas.equals("2") || us.equals("fun") && pas.equals("3")) {
Intent i = new Intent(this, halamanutama.class);
i.putExtra("User", nm.getText().toString());
startActivity(i);
} else {
Toast.makeText(getApplicationContext(),
"Password atau username salah, silahkan diulang",
Toast.LENGTH_LONG).show();
}
}
public void batal(View v){
nm.setText("");
pswd.setText("");
nm.requestFocus();
}
}

7. Source  Code lengkap halamanutama.java :
package arum.com;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.widget.TextView;

public class halamanutama extends Activity {
TextView tampilnama;

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.halutama);

tampilnama = (TextView)findViewById(R.id.txtTampil);

Intent ambilNama = getIntent();
tampilnama.setText(ambilNama.getStringExtra("User"));
}


}

8. Jalankan (Run As) projectnya caranya : Klik kanan nama project "latLogin" àRun As à1 Android Application, jika BERHASIL berikut hasilnya :

Jika Login Gagal:

Sekian dulu, semoga bermanfaat ya ☺

-Salam Giat-

Socializer Widget By Blogger Yard

SOCIALIZE IT →

Tweet

FOLLOW US →

SHARE IT →