Membuat Form Login di Android Studio

    August 05, 2018   2 comments


Membuat Form Login di Android Studio

Membuat form login di android studio tidak terlalu sulit, asalkan kita mau untuk membuatnya. Sebelumnya kita telah membahas tutorial tentang cara install android studio di windows . Jika kalian belum menginstalnya kalian bisa melihartnya di artikel cara install android studio di windowsSetelah kalian menginstallnya silahkan buka android studio kalian dan buatlah project baru. Caranya adalah dengan mengklik File > New > New Project ... dan beri nama prject dengan nama Login Form.

Membuat desain Form Login

Setelah kalian membuat project seperti diatas, selanjutnya silahkan buka file activity_man.xml dan masukkan koding seperti dibawah ini.


<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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=".MainActivity">

     <ImageView
        android:id="@+id/logo"
        android:layout_width="62dp"
        android:layout_height="51dp"
        android:layout_centerHorizontal="true"
        android:layout_marginLeft="16dp"
        android:layout_marginStart="16dp"
        android:layout_marginTop="32dp"
        android:src="@drawable/home"
        android:text="Selamat Datang"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

     <TextView
        android:id="@+id/textView"
        android:layout_width="259dp"
        android:layout_height="54dp"
        android:layout_marginEnd="16dp"
        android:layout_marginRight="16dp"
        android:layout_marginTop="32dp"
        android:text="Silahkan Login"
        android:textAppearance="@style/TextAppearance.AppCompat.Display1"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

     <TextView
        android:id="@+id/user"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/logo"
        android:layout_marginLeft="16dp"
        android:layout_marginStart="16dp"
        android:layout_marginTop="108dp"
        android:text="Username :"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

     <EditText
        android:id="@+id/inuser"
        android:singleLine="true"
        android:layout_width="359dp"
        android:layout_height="wrap_content"
        android:layout_below="@+id/user"
        android:layout_marginTop="135dp"
        android:hint="Username"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.52"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

     <TextView
        android:id="@+id/pass"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/inuser"
        android:layout_marginLeft="16dp"
        android:layout_marginStart="16dp"
        android:layout_marginTop="208dp"
        android:hint="Password :"
        android:inputType="textPassword"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
         />

     <EditText
        android:id="@+id/inpass"
        android:singleLine="true"
        android:layout_width="359dp"
        android:layout_height="wrap_content"
        android:layout_below="@+id/pass"
        android:layout_marginTop="235dp"
        android:hint="Password"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.52"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

     <Button
        android:id="@+id/btnlng"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/inpass"
        android:layout_centerHorizontal="true"
        android:hint="Login"
        android:textColorHint="#000000"
        android:onClick="pindah"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.699"
        android:background="@drawable/drawable"/>

 </android.support.constraint.ConstraintLayout>





Membuat Konfigurasi MainActivity.java

Setelah kalian memasukkan coding diatas selanjutnya silahkan buka file MainActivity.java dan masukkan coding seperti berikut ini.


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

 public class MainActivity extends AppCompatActivity {
    private Button btnlng;
    private EditText inuser, inpass;
    //public String username, password;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

         inuser = (EditText) findViewById(R.id.inuser);
        inpass  = (EditText) findViewById(R.id.inpass);

         btnlng = (Button)findViewById(R.id.btnlng);
        btnlng.setOnClickListener(new View.OnClickListener() {

             @Override
            public void onClick(View view) {

                 if (inuser.getText().toString().equals("erji") && inpass.getText().toString().equals("123")){
                    Toast.makeText(getApplicationContext(),"Anda Login Sebagai : "+ inuser.getText().toString() + " dan Password : "+inpass.getText().toString(),Toast.LENGTH_SHORT).show();
                    Intent i = new Intent(MainActivity.this, HasilLogin.class);
                    i.putExtra("username",inuser.getText().toString());
                    i.putExtra("password",inpass.getText().toString());
                    startActivity(i);
                }
                else {
                    Toast.makeText(getApplicationContext(),"Username dan Pssword tidak sesuai Anda gagal Login",Toast.LENGTH_SHORT).show();
                }
            }
        });
    }
}

 


Membuat Form Hasil_Login.xml


Setelah semua koding diatas kita masukkan, selanjutnya silahkan buat lagi Activity baru dengan nama HasilLogin, cara membuatnya adalah dengan mengklik kanan pada folder app > New > Activity > Empty Activity lalu isikan nama activitynya seperti diatas. Setelah itu masukkan code seperti dibawah ini untuk file xml nya.


<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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=".HasilLogin">

     <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Username :"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="106dp"
        android:layout_marginLeft="30dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

     <TextView
        android:id="@+id/txthasiluser"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="username"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="106dp"
        android:layout_marginLeft="130dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

     <TextView
        android:id="@+id/textView4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Password :"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="156dp"
        android:layout_marginLeft="30dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

     <TextView
        android:id="@+id/txthasilpass"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="156dp"
        android:layout_marginLeft="130dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

     <TextView
        android:id="@+id/textView6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:text="Anda Login Sebagai"
        android:textAppearance="@style/TextAppearance.AppCompat.Display1"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

     <Button
        android:id="@+id/btnExit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Exit"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="206dp"
        android:layout_marginLeft="30dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        android:background="@drawable/drawable"/>

 </android.support.constraint.ConstraintLayout>

 


Membuat kofigurasi di HasilLogin.java

Setelah kalian memasukkan coding diatas di file hasil_login.xml maka selanjtnya kita akan memasukkan coding untuk file java nya. Untuk code nya silahkan masukkan seperti dibawah ini.


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

 public class HasilLogin extends AppCompatActivity implements View.OnClickListener {

     private TextView txtUsername,txtPassword;
    private Button keluar;

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

         txtUsername = (TextView)findViewById(R.id.txthasiluser);
        txtPassword = (TextView)findViewById(R.id.txthasilpass);

         Intent i = getIntent();
        String txthasiluser = i.getStringExtra("username");
        String txthasilpass = i.getStringExtra("password");

         txtUsername.setText(txthasiluser.toString());
        txtPassword.setText(txthasilpass.toString());

         keluar = (Button) findViewById(R.id.btnExit);
        keluar.setOnClickListener(this);
    }

     public void onClick(View clicked) {
        switch (clicked.getId()) {
            case R.id.btnExit:
                exit();
                break;
        }
        }

     public boolean onKeyDown(int keyCode, KeyEvent event) {
        //jika tombol BACK ditekan
        if(keyCode == KeyEvent.KEYCODE_BACK){
            exit();
        }
        return super.onKeyDown(keyCode,event );
    }
    private void exit() {
        AlertDialog.Builder builder = new AlertDialog.Builder(this)
                .setMessage("Apakah Kamu Benar-Benar ingin keluar?")
                .setNegativeButton("Tidak", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        dialog.dismiss();
                    }
                })
                .setPositiveButton("Ya", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        dialog.dismiss();
                        finish();
                    }
                });
        AlertDialog dialog = builder.create();
        dialog.show();
    }
}


Tadaaa!!! Proses pembuatan Form Login di Android Studio pun sudah selesai, selanjtnya adalah kita akan melakukan testing, untuk menjalankan nya kalian bisa menggunakan emulator atau pun melalui hp android kalian dengan menggunakan debugger. Setelah kalian menjalankannya maka aplikasi akan jalan dengan tamplan seperti dibawah ini.




Erji Ridho Lubis

Erji Ridho Lubis

Portal Coding Adalah Blog untuk memberikan pembelajaran serta tutorial mengenai berbagai pemrograman komputer.

2 comments:
Write Comments

FansPage

Recent Comments

Copyright © 2018 Portal Coding.