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.
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.
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
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.
Dengan cara yang sama tambahkan activity_failed.xml.
Lalu masukan scriptnya di activity_failed.xml.
Maka tampilannya seperti ini nanti.
Pertama double klik pada file FailedActivity.java yang berada di project dalam folder src >> com.unpam.materiactivity, sehingga menjadi seperti berikut ini:
Kedua, dengan cara yang sama tambahkan source code untuk file SuccessActivity.java menjadi:
Ketiga, tambahkan source code di dalam file MainActivity.java sehingga menjadi berikut ini:
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.
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
Nanti akan tampil seperti ini setelah dimasukan script.<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" ><LinearLayoutandroid: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" ><TextViewandroid: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><LinearLayoutandroid: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" ><TextViewandroid:id="@+id/textView2"android:layout_width="match_parent"android:layout_height="wrap_content"android:text="User Name" /><EditTextandroid:id="@+id/userNameEditText"android:layout_width="match_parent"android:layout_height="wrap_content" ><requestFocus /></EditText></LinearLayout><LinearLayoutandroid: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" ><TextViewandroid:id="@+id/textView3"android:layout_width="match_parent"android:layout_height="wrap_content"android:text="Password" /><EditTextandroid:id="@+id/passwordEditText"android:layout_width="match_parent"android:layout_height="wrap_content"android:inputType="textPassword" /></LinearLayout><LinearLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentLeft="true"android:layout_alignParentRight="true"android:layout_below="@+id/linearLayout3" ><Buttonandroid:id="@+id/loginButton"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_weight="3"android:text="Login" /><Buttonandroid:id="@+id/tutupButton"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_weight="1"android:text="Tutup" /></LinearLayout></RelativeLayout>
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.
Setelah dimasukan, tampilannya seperti ini.<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" ><LinearLayoutandroid: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" ><TextViewandroid:id="@+id/textView1"android:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="center"android:text="Selamat Datang" /><TextViewandroid: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><LinearLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentLeft="true"android:layout_alignParentRight="true"android:layout_below="@+id/linearLayout1" ><Buttonandroid:id="@+id/logoutButton"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_weight="1"android:text="Logout" /></LinearLayout></RelativeLayout>
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" ><LinearLayoutandroid: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" ><TextViewandroid: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><LinearLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentLeft="true"android:layout_alignParentRight="true"android:layout_below="@+id/linearLayout1" ><Buttonandroid: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{@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_failed);findViewById(R.id.kembaliButton).setOnClickListener(this);}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {getMenuInflater().inflate(R.menu.activity_failed, menu);return true;}
public void onClick(View v) {// TODO Auto-generated method stubswitch (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{@Overridepublic 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);}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {getMenuInflater().inflate(R.menu.activity_success, menu);return true;}
public void onClick(View v) {// TODO Auto-generated method stubswitch (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;@Overridepublic 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);}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {getMenuInflater().inflate(R.menu.activity_main, menu);return true;}public void onClick(View v) {// TODO Auto-generated method stubswitch (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);}}
@Overridepublic 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.
alhamdulilah bisa, makasih mas
ReplyDelete