Cara Membuat Aplikasi Activity Login dan Logout Menggunakan Eclipse/Android Studio (Mobile Programming)

Activity merupakan salah satu komponen aplikasi yang digunakan untuk menyediakan sebuah layar bagi user agar dapat berinteraksi dengan aplikasi, misalnya mengirim SMS (Short Message Service), menelpon, mengambil foto, mengirim e-mail, melihat peta, dan lain-lain.

Membuat Activity

Untuk membuat sebuah activity, kita harus membuat sebuah subclass dari activity (atau subclass yang sudah ada).

Dalam subclass yang dibuat, kita harus mengimplementasikan metode pemanggilan kembali yang akan dipanggil sistem saat transisi antar state (keadaan) yang bervariasi dari siklus hidupnya.

Metode pemanggilan kembali yang paling penting ada dua, yaitu OnCreate() dan onPause().

Nah, pada artikel kali ini saya akan memberi tahu bagaimana cara membuat activity login dan logout menggunakan eclipse/android studio. Memang sangat sederhana, tapi semoga membantu kalian untuk belajar android.

Langsung saja di simak.

Membuat Project Activity

Untuk membuat project baru, klik menu File >> New >> Other. Sehingga tampil kotak dialog seperti gambar dibawah.

Pilih "Android Applicaton Project" di dalam folder Android, kemudian klik tombol "Next".

Setelah tampil kotak dialog pengaturan beri nama aplikasi "MateriActivity" dan pada nama package ubah "example" menjadi "unpam" setelah itu, klik "Next.

Untuk melanjutkan sehingga tampil seperti gambar di bawah. Atur icon sesuai selera kalian sendiri ya. Jika Sudah selesai klik "Next".

Selanjutnya pilih "Blank Activity" untuk jenis Activity dari aplikasi yang akan di buat. Lanjutkan dengan mengklik "Next". Ubah judul (Title) aplikasi menjadi "MateriActivity". Jika Sudah klik "Finish"

Setelah itu akan tampil seperti gambar di bawah ini.

Selanjutnya masukkan script dibawah ini di dalam activity_main.xml 

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent" >

<LinearLayout

android:id="@+id/linearLayout1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_alignParentRight="true"

android:layout_alignParentTop="true" >

<TextView

android:id="@+id/textView1"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:gravity="center"

android:text="Form Login"

android:textAppearance="?android:attr/textAppearanceMedium" />

</LinearLayout>

<LinearLayout

android:id="@+id/linearLayout2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_alignParentRight="true"

android:layout_below="@+id/linearLayout1"

android:orientation="vertical" >

<TextView

android:id="@+id/textView2"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:text="User Name" />

<EditText

android:id="@+id/userNameEditText"

android:layout_width="match_parent"

android:layout_height="wrap_content" >

<requestFocus />

</EditText>

</LinearLayout>

<LinearLayout

android:id="@+id/linearLayout3"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_alignParentRight="true"

android:layout_below="@+id/linearLayout2"

android:orientation="vertical" >

<TextView

android:id="@+id/textView3"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:text="Password" />

<EditText

android:id="@+id/passwordEditText"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:inputType="textPassword" />

</LinearLayout>

<LinearLayout

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_alignParentRight="true"

android:layout_below="@+id/linearLayout3" >

<Button

android:id="@+id/loginButton"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="3"

android:text="Login" />

<Button

android:id="@+id/tutupButton"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="1"

android:text="Tutup" />

</LinearLayout>

</RelativeLayout>

Nanti akan tampil seperti ini setelah dimasukan script.

Selanjutnya tambahkan activity baru dengan cara klik kanan pada project, pilih New dan Other (atau ctrl+N) pilih "Android Activity" klik "Next".

Ubah nama activity menjadi "SuccessActivity" dan ubah judul menjadi "Login Success" lalu "Finish"

Masukan script activity_success.xml.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent" >

<LinearLayout

android:id="@+id/linearLayout1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_alignParentRight="true"

android:layout_alignParentTop="true"

android:orientation="vertical" >

<TextView

android:id="@+id/textView1"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:gravity="center"

android:text="Selamat Datang" />

<TextView

android:id="@+id/namaUserTextView"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:gravity="center"

android:text="Nama User"

android:textAppearance="?android:attr/textAppearanceMedium" />

</LinearLayout>

<LinearLayout

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_alignParentRight="true"

android:layout_below="@+id/linearLayout1" >

<Button

android:id="@+id/logoutButton"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="1"

android:text="Logout" />

</LinearLayout>

</RelativeLayout>

Setelah dimasukan, tampilannya seperti ini.

Dengan cara yang sama tambahkan activity_failed.xml.

Lalu masukan scriptnya di activity_failed.xml.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent" >

<LinearLayout

android:id="@+id/linearLayout1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_alignParentRight="true"

android:layout_alignParentTop="true" >

<TextView

android:id="@+id/textView1"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:text="User name atau password salah"

android:textAppearance="?android:attr/textAppearanceMedium" />

</LinearLayout>

<LinearLayout

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_alignParentRight="true"

android:layout_below="@+id/linearLayout1" >

<Button

android:id="@+id/kembaliButton"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="1"

android:text="Kembali" />

</LinearLayout>

</RelativeLayout>

Maka tampilannya seperti ini nanti.

Mengubah Source Code

Setelah selesai mengatur desain activity diatas, selanjutnya kita menambahkan source code java.

Pertama double klik pada file FailedActivity.java yang berada di project dalam folder src >> com.unpam.materiactivity, sehingga menjadi seperti berikut ini:

package com.unpam.materiactivity;

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

import android.view.View;

import android.view.View.OnClickListener;

public class FailedActivity extends Activity implements OnClickListener{

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_failed);

findViewById(R.id.kembaliButton).setOnClickListener(this);

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

getMenuInflater().inflate(R.menu.activity_failed, menu);

return true;

}

public void onClick(View v) {

// TODO Auto-generated method stub

switch (v.getId()){

case R.id.kembaliButton:

finish();

}

}

}

Kedua, dengan cara yang sama tambahkan source code untuk file SuccessActivity.java menjadi:

package com.unpam.materiactivity;

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.TextView;

public class SuccessActivity extends Activity implements OnClickListener{

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_success);

TextView namaUserTV = (TextView) findViewById(R.id.namaUserTextView);

namaUserTV.setText( getIntent().getExtras().getString("namaUser"));

findViewById(R.id.logoutButton).setOnClickListener(this);

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

getMenuInflater().inflate(R.menu.activity_success, menu);

return true;

}

public void onClick(View v) {

// TODO Auto-generated method stub

switch (v.getId()){

case R.id.logoutButton:

finish();

}

}

}

Ketiga, tambahkan source code di dalam file MainActivity.java sehingga menjadi berikut ini:

package com.unpam.materiactivity;

import android.os.Bundle;

import android.app.Activity;

import android.content.Intent;

import android.view.Menu;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.EditText;

public class MainActivity extends Activity implements OnClickListener{

private String[][] dataUser = {{"ADMIN","ADMIN","Administrator"},

{"user1","password1","Nama User 1"},

{"user2","password2","Nama User 2"}};

private EditText userNameET, passwordET;

private final int SUCCESS=1;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

userNameET = (EditText) findViewById(R.id.userNameEditText);

passwordET = (EditText) findViewById(R.id.passwordEditText);

findViewById(R.id.loginButton).setOnClickListener(this);

findViewById(R.id.tutupButton).setOnClickListener(this);

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

getMenuInflater().inflate(R.menu.activity_main, menu);

return true;

}

public void onClick(View v) {

// TODO Auto-generated method stub

switch (v.getId()){

case R.id.loginButton:

int i=0;

boolean success=false;

while ((i<dataUser.length) && (!success)){

if ((userNameET.getText().toString().equals(dataUser[i][0])) &&

(passwordET.getText().toString().equals(dataUser[i][1]))){

success=true;

} else {

i++;

}

}

Intent intent;

if (success){

intent = new Intent(this, SuccessActivity.class);

intent.putExtra("namaUser", dataUser[i][2]);

startActivityForResult(intent,SUCCESS);

} else {

intent = new Intent(this, FailedActivity.class);

startActivity(intent);

}

startActivity(intent);

break;

case R.id.tutupButton:

System.exit(0);

}

}

@Override

public void onActivityResult(int requestCode, int resultCode, Intent data){

switch (requestCode) {

case SUCCESS:

userNameET.setText("");

passwordET.setText("");

break;

}

}

}

Menjalankan Aplikasi

Untuk mengekseskusi, klik kanan pada nama project atau pilih menu Run, kemudian pilih Run As >> Android Application. Jika tidak error maka akan terlihat seperti ini tampilannya.

Sekian tutorial Cara Membuat Aplikasi Activity Login dan Logout Menggunakan Eclipse/Android Studio Mobile Programming, semoga kalian bisa menerapkannya dan semoga bermanfaat untuk tugas kalian.

Jangan lupa kunjungi maswijaba untuk artikel bermanfaat lainnya.