Skip to content Skip to sidebar Skip to footer

Widget Atas Posting

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.

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