Tutorial Android Studio : #11 Membuat Form Login dengan Android Studio

Akses sebuah aplikasi dapat dibatasi dengan membuat form login, dimana user harus memasukkan username dan password untuk dapat membuka aplikasi. Form login dapat dibuat menggunakan fasilitas login activity yang ada pada android studio.

Sedangkan untuk pembatasan akses dengan memasukkan username dan password dapat menerapkan instruksi pemilihan if else.

Berikut ini tahapan pembuatan form login.

1. Buat project baru atau buka salah satu proyek yang sudah ada sebelumnya pada android studio, lalu buat activity baru dengan cara klik File, new Activity, pilih empty Activity, seperti berikut ini :

2. Selanjutnya akan terlihat tampilan pemberian nama FormLogin seperti berikut ini, lalu klik finish.

3. Buka file activity_login.xml dan buat desain form login pada tab code dengan sintak seperti berikut ini :

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".Login"
    android:background="@color/birumuda"
    >

    <TextView
        android:id="@+id/tekslogin"
        android:layout_marginTop="54dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="LOGIN USER"
        android:textSize="20dp"
        android:textColor="@color/black"
        android:textStyle="bold"
        android:gravity="center"
        android:layout_centerHorizontal="true"
        />

    <EditText
        android:id="@+id/editekuser"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/tekslogin"
        android:layout_marginTop="54dp"
        android:hint="Inputkan Username"
        android:layout_marginLeft="40dp"
        android:layout_marginRight="40dp"
        android:background="@drawable/roundedcorner"
        android:drawablePadding="15dp"
        android:inputType="text"
        android:minHeight="48dp"
        android:paddingHorizontal="15dp"
        />

    <EditText
        android:id="@+id/editekpassword"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/editekuser"
        android:layout_centerInParent="true"
        android:layout_marginTop="10dp"
        android:layout_marginLeft="40dp"
        android:layout_marginRight="40dp"
        android:background="@drawable/roundedcorner"
        android:hint="Inputkan Password"
        android:inputType="textPassword"
        android:minHeight="48dp"
        android:paddingHorizontal="15dp"
        android:drawablePadding="15dp"
        />

    <Button
        android:id="@+id/tombollogin"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/editekpassword"
        android:layout_centerHorizontal="true"
        android:layout_marginLeft="40dp"
        android:layout_marginTop="20dp"
        android:layout_marginRight="40dp"
        android:background="@drawable/roundedcorner"
        android:paddingLeft="80dp"
        android:paddingRight="80dp"
        android:text="LOGIN"
        android:textStyle="bold" />

</RelativeLayout>

Hasilnya akan jadi seperti berikut :

Tampilan seperti di atas mengunakan rounded corner, tutorialnya ada pada link berikut ini https://agussuratna.net/2022/09/03/tutorial-android-studio-membuat-rounded-corner-di-android-studio/

 

5. Buka Login.java, dan buat coding seperti berikut ini : 

package com.example.datasekolah;

import android.app.AlertDialog;
import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;

public class Login extends AppCompatActivity {

    EditText username, password;
    Button btnlogin;
    String keynama, keypass;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_login);

        btnlogin = findViewById(R.id.tombollogin);
        btnlogin.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                username = findViewById(R.id.editekuser);
                password = findViewById(R.id.editekpassword);
                btnlogin = findViewById(R.id.tombollogin);

                keynama = username.getText().toString();
                keypass = password.getText().toString();

                //username diisi dengan admin dan password dengan admin
                if (keynama.equals("admin") && keypass.equals("admin")) {
                    //jika login berhasil
                    Toast.makeText(getApplicationContext(),
                            "LOGIN BERHASIL", Toast.LENGTH_LONG).show();

                    Intent intent = new Intent(Login.this, MainActivity.class);
                    Login.this.startActivity(intent);
                    finish();
                }
                else {
                    //jika login gagal
                    AlertDialog.Builder builder = new AlertDialog.Builder(Login.this);
                    builder.setMessage
                            ("Username atau password salah").setNegativeButton
                            ("ulangi", null).create().show();

                    username.setText("");
                    password.setText("");
                }

            }
        });
    }
}

 

Baca Juga  Tutorial Cara Install Eclipse ADT Bundle

6. Buka androidmanifest.xml, lalu pindahkan intent filter ke dalam activity form login seperti berikut ini :

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.datasekolah">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/Theme.DataSekolah">

        <activity
            android:name=".Login"
            android:exported="true">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

        <activity
            android:name=".MainActivity"
            android:exported="false" />
    </application>

</manifest>

7. Lakukan setting configuration untuk project, klik menu Run -> Edit Configurations,

atur launch ativity menjadi Login, seperti berikut ini :

8. Jalankan program pada AVD, masukkan username dan password, jika username dan password benar maka akan terlihat tampilan activity yang dituju, tetapi jika salah akan terlihat alert dialog bahwa username dan password salah.

Related Post

Be the first to comment

Leave a Reply

Your email address will not be published.


*


error: Ga bisa dicopy