Cara Membuat Login Sederhana pada Android Studio

 Saat melakukan akses yang berhubungan dengan pengguna, biasanya aplikasi akan langsung meminta data yang harus diisi, yaitu pengisian identitas melalui form login. Form login sangat berguna untuk memperoleh akses tertentu, mulai dari bersosialisasi, hingga melakukan pembayaran pada perangkat digital. Jika tidak ada proses login, proses yang berhubungan dengan pengguna akan lebih sulit untuk dikelola. Kali ini Jelas Teknologi akan membahas cara membuat form login sederhana dengan menggunakan bahasa pemrograman kotlin, ikuti langkah - langkah nya yaitu sebagai berikut :

            

1. Buka Android Studio dan Pilih New Project.

2.Pilih Empty Activity dan klik next.

 

3. Ikuti pengaturan sesuai gambar dan klik Finish.

Tunggu beberapa saat hingga Android Studio selesai membuat struktur project...

4. Sebelum membuat form login, buka styles.xml pada folder res/values, dan temukan baris sebagai berikut

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">

    Ubah menjadi

        <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">

    Perubahan diatas digunakan untuk menghilangkan header pada aplikasi login.

5. Setelah proses diatas selesai, buka activity_main.xml dan ikuti kode berikut

        <?xml version="1.0" encoding="utf-8"?>

        <LinearLayout 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"

          android:orientation="vertical"

          android:padding="16dp"

          android:background="@android:color/holo_blue_dark"

          android:gravity="center"

          tools:context=".MainActivity">

          <TextView

             android:layout_width="match_parent"

             android:layout_height="wrap_content"

             android:textSize="36sp"

             android:textStyle="bold"

             android:text="Login disini"

             android:layout_marginBottom="16dp"

             />

          <EditText

            android:id="@+id/et_email"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:hint="Email"

            android:background="@android:color/background_light"

            android:padding="16dp"

            android:layout_marginBottom="16dp"

            />

         <EditText

           android:id="@+id/et_password"

           android:layout_width="match_parent"

           android:layout_height="wrap_content"

     android:inputType="textPassword"

      android:hint="Password"

           android:background="@android:color/background_light"

           android:padding="16dp"

           android:layout_marginBottom="16dp"

           />

 

        <Button

           android:id="@+id/bt_login_submit"

           android:layout_width="match_parent"

           android:layout_height="wrap_content"

           android:padding="16dp"

           android:text="Masuk"

           android:background="@android:color/holo_blue_light"

            />

        </LinearLayout>

6. Agar form login pada tampilan berfungsi, ikuti kode pada MainActivity.xml seperti berikut

    package com.jelasteknologiblogspot.loginsederhana

    import androidx.appcompat.app.AppCompatActivity
    import android.os.Bundle
    import android.view.View
    import android.widget.Button
    import android.widget.EditText
    import android.widget.Toast

    class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        val email:String = "user@gmail.com"
        val password:String = "12345"

        //inisiasi atribut pada tampilan login
        val etEmail:EditText= findViewById(R.id.et_email)
        val etPassword:EditText = findViewById(R.id.et_password)
        val btLoginSubmit:Button = findViewById(R.id.bt_login_submit)

        //menambahkan action button pada form login
        btLoginSubmit.setOnClickListener(View.OnClickListener {
            if (etEmail.text.isEmpty()||//aksi jika email atau password kosong
                etPassword.text.isEmpty()){
               Toast.makeText(this,"Isi data pengguna dengan benar", Toast.LENGTH_SHORT).show()
                }
            else if(etEmail.text.toString().equals(email)&&// aksi jika email dan password sesuai
                     etPassword.text.toString().equals(password)){
                Toast.makeText(this,"Login berhasil", Toast.LENGTH_SHORT).show()
                }
            else{//aksi jika email atau password tidak sesuai
                Toast.makeText(this,"Login gagal", Toast.LENGTH_SHORT).show()
                }
            })
        }
    }

7.Setelah selesai, jalankan aplikasi tersebut. Gunakan perangkat AVD Pada Android Studio atau perangkat  yang sudah tersambung dengan ADB.

       Hasil  :

Jika Data Kosong Jika Login Berhasil Jika Login Gagal

              

Mudah bukan? Form ini bisa dikembangkan lebih lanjut untuk aplikasi yang lainnya, tergantung kebutuhan masing - masing aplikasi. Sekian untuk cara membuat form login         menggunakan kotlin pada android studio, Jika ada pertanyaan atau request bisa     ditambahkan di kolom komentar,              

terimakasih!!!

Untuk sumber kode bisa di unduh disini : https://github.com/fahmifhusin/LoginSederhana