cara membuat aplikasi user login tanpa database android
Cara Membuat Aplikasi User Login Sederhana Tanpa
Database Android
Oleh Ricky Candra
20 januari 2018
Form User Login banyak digunakan di berbagai
platform Aplikasi baik Desktop, Web ataupun Mobile. Untuk keperluan security
,dan juga menjaring akun user ,untuk mendapatkan hak akses ke dalam fitur
Aplikasi tersebut. Nah untuk mendapatkan user login ,seseorang biasanya harus
mendaftarkan atau membuat akun user terlebih dahulu. Seperti halnya jika
kita ingin menggunakan akun Facebook ,kita di haruskan untuk membuat akun
Facebook terlebih dahulu, dengan cara mengisi Form Register. Setelah kita
membuat akun Facebook ,kita dapat mengakses dan menggunakan akun Facebook
,dengan mengisi Username (Email dan Phone) dan Password kita. pada Form User
Login di Facebook.
Pada artikel tutorial belajar android kali ini ,kita akan
mencoba membuat Aplikasi User Login Sederhana ,Tanpa Database pada platform
Mobile, khususnya Android. Jadi disini kita tidak menggunakan Database seperti SQLite
atau MySQL. Mungkin Aplikasi ini bisa disebut juga semacam
purwarupa (prototype atau bentuk awal) jika kalian ingin membuat Aplikasi,
dengan Form User Login. Sisanya kalian bisa kembangkan sendiri Aplikasi ini.
1. Pertama
kalian buat Project Baru atau Project yang sudah ada di Android Studio.
2. Disini sebagai contoh , kita akan menggunakan 2 Activity dan 2 Layout . dan settingan di Android Manifest.
2. Disini sebagai contoh , kita akan menggunakan 2 Activity dan 2 Layout . dan settingan di Android Manifest.
Jadi ketika kita menginputkan Username dan Password
, pada widget EditText, jika cocok atau sesuai, maka akan
masuk ke Activity 2 pada Layout 2. Jika tidak , maka akan menampilkan pesan
text Toast ,begitu
juga saat kita tidak mengisi atau menginputkan baik Username dan
Password. Maka codingan yang cocok untuk algoritma tersebut, kita bisa
menggunakan Conditional if else .
3. Pada bagian Layout 1 dan Activity 1 , kalian bisa menggunakan codingan berikut:
activity_main.xml
Data hosted
with ♥ by Pastebin.com - Download Raw - See
Original
<?xml
version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_margin="16dp"
>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:background="#0091EA"
>
<Button
android:text="LOGIN"
android:textColor="#FFF"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:background="?android:attr/selectableItemBackground"
android:id="@+id/button2"
android:onClick="loginMasuk"
android:textStyle="normal|bold"/>
/>
</LinearLayout>
<EditText
android:id="@+id/edittext_password"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Password"
android:inputType="textCapWords"
style="@style/AppTheme"
android:layout_centerVertical="true"
android:layout_alignParentStart="true"
android:textSize="30sp"
android:fontFamily="monospace"/>
<EditText
android:id="@+id/edittext_username"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Username"
android:inputType="textCapWords"
android:layout_marginBottom="16dp"
android:textSize="30sp"
android:fontFamily="monospace"
android:layout_above="@+id/edittext_password"
android:layout_alignParentStart="true"/>
<TextView
android:text="User Login"
android:textColor="#fff"
android:background="#0091EA"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/textView2"
android:textStyle="normal|bold"
android:textSize="36sp"
android:textAlignment="center"
android:layout_alignParentTop="true"
android:layout_alignParentStart="true"
android:layout_marginTop="42dp"/>
</RelativeLayout>
MainActivity.java
Data hosted
with ♥ by Pastebin.com - Download Raw - See
Original
package
com.okedroid.latihan;
import
android.content.Intent;
import
android.os.Bundle;
import
android.support.v7.app.AppCompatActivity;
import
android.view.View;
import
android.widget.EditText;
import android.widget.Toast;
public class
MainActivity extends AppCompatActivity {
EditText editText1 ,editText2; //Deklarasi object dari class EdiText
String text1 ,text2; //Deklarasi object string
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
getSupportActionBar().setTitle("User Login
Sederhana");
getSupportActionBar().setSubtitle("okedroid.com");
}
public void loginMasuk(View view) {
//Method onClick pada Button
editText1 = (EditText)findViewById(R.id.edittext_username);
editText2 = (EditText) findViewById(R.id.edittext_password);
text1 = editText1.getText().toString();
text2 = editText2.getText().toString();
//Kondisi jika username dan password benar maka akan
menampilkan pesan text toast
//Login sukses dan masuk ke activity 2
if
((text1.contains("Username"))&&((text2.contains("Password"))))
{
Toast.makeText(this, "Login Sukses",
Toast.LENGTH_SHORT).show();
Intent intent = new Intent(MainActivity.this,
SecondActivity.class);
startActivity(intent);
}
else if
((text1.matches("")||text2.matches("")))
/*
Atau jika input text 1 dan text 2 kosong
*/
{
//Maka akan menampilkan pesan text toast
Toast.makeText(this, "Isikan Username
dan Password", Toast.LENGTH_SHORT).show();
}
else {
//jika kedua kondisi diatas tidak memenuhi
Toast.makeText(this, "Login Gagal /Username
Password Salah", Toast.LENGTH_SHORT).show();
}
}
}
4. Pada bagian Layout 2 dan Activity 2, kalian bisa menggunakan codingan berikut:
activity_second.xml
Data hosted
with ♥ by Pastebin.com - Download Raw - See
Original
<?xml
version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_second"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.okedroid.latihan.SecondActivity">
<TextView
android:text="Welcome User"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/textView"
android:textSize="36sp"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"/>
</RelativeLayout>
SecondActivity.java
Data hosted
with ♥ by Pastebin.com - Download Raw - See
Original
package
com.okedroid.latihan;
import
android.os.Bundle;
import
android.support.v7.app.AppCompatActivity;
public class
SecondActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_second);
}
}
5. Pada settingan AndroidManifest.xml ,pastikan seperti berikut:
AndroidManifest.xml
Data hosted
with ♥ by Pastebin.com - Download Raw - See
Original
<?xml
version="1.0" encoding="utf-8"?>
<manifest
xmlns:android="http://schemas.android.com/apk/res/android"
package="com.okedroid.latihan">
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:supportsRtl="true"
android:theme="@style/AppTheme">
<activity android:name=".MainActivity">
<intent-filter>
<action
android:name="android.intent.action.MAIN"/>
<category
android:name="android.intent.category.LAUNCHER"/>
</intent-filter>
</activity>
<activity android:name=".SecondActivity"
android:parentActivityName=".MainActivity"
>
</activity>
</application>
</manifest>
Hasilnya kurang lebih akan seperti ini :
Sekali lagi selanjutnya kalian bisa kembangkan Aplikasinya
,entah itu menggunakan database atau memakai data lain,sesuai dengan keinginan
kalian. Yang pasti Aplikasi diatas masih dalam bentuk awal atau prototype.




Komentar
Posting Komentar