Cara bikin form login di android studio lengkap dengan source code

Daftar Isi

Form login merupakan salah satu upaya yang digunakan untuk keamanan serta perlindungan terhadap akun user interface, form login memungkinkan pengguna dapat menjaga keamanan akun mereka oleh sebab itu jika aplikasi yang dikembangkan berbasis data base hal ini sangat- sangat dibutuhkan.

Berbicara tentang form login kita bisa menggunakan android studio untuk membuatnya, bagi sahabat javasetid.com yang ingin membuat form login ini dapat mengikuti step by step prose codingnya, perlu dicata form login ini hanya dasar, sobat javasetid.com dapat menggunakan source code secara gratis lalu silahkan dimodif sesuai dengan kebutuhan sobat semua. 

Adapun langkah - langkah pembuatan form login ini ialah sebagai berikut:

1. Silahkan Buat projek dengan nama projek sesuaikan saja disini nama projek saya sidana

Pada new projek silahkan pilih empty view activity lalu rubah nama projek perlu dicatat agar aplikasi yang telah buat dapat dipublish ke google playstore harus langsung dengan name package nya setiap kita buat pasti akan muncul di name projek com.exmple jadi hal ini harus dihapus ya misalnya com.example.sidana menjadi com.sidana hal ini harus dipastikan agar bisa diupload di playstore.

2. MainActivity

pada projek yang telah selesah proses gradlenya akan muncul app dan gradel scrips

klik bagian app dan pilih java dan pilih folder paling atas  nanti akan muncul MainActivity lalu sobat copy paste saja source code MainActivity yang sudah kami berikan. 

package com.sidana;

import android.content.Intent;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.webkit.WebChromeClient;
import android.widget.Button;
import android.widget.EditText;
import android.widget.FrameLayout;
import android.widget.Toast;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {
private EditText etUsername, etPassword;
private Button btnLogin;
private String username = "sidana013";
private String password = "mancur22";

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
etUsername = findViewById(R.id.etUsername);
etPassword = findViewById(R.id.etPassword);
btnLogin = findViewById(R.id.btnLogin);
btnLogin.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (etUsername.getText().toString().equalsIgnoreCase(username) && etPassword.
getText().toString().equalsIgnoreCase(password)){
Intent login = new Intent(MainActivity.this, menusidana.class);
startActivity(login);

Toast.makeText(MainActivity.this,
"LOGIN BERHASIL!!", Toast.LENGTH_SHORT).show();
}else{
Toast.makeText(MainActivity.this,
"Username atau Password Yang Anda Masukkan Salah!!",
Toast.LENGTH_SHORT).show();
}
}
});

}
private class MyChrome extends WebChromeClient {
private View mCustomView;
private CustomViewCallback mCustomViewCallback;
protected FrameLayout mFullscreenContainer;
private int mOriginalOrientation;
private int mOriginalSystemUiVisibility;

MyChrome() {}

public Bitmap getDefaultVideoPoster()
{
if (mCustomView == null) {
return null;
}
return BitmapFactory.decodeResource(getApplicationContext().getResources(),
2130837573);
}

public void onHideCustomView()
{
((FrameLayout)getWindow().getDecorView()).removeView(this.mCustomView);
this.mCustomView = null;
getWindow().getDecorView().setSystemUiVisibility(this.mOriginalSystemUiVisibility);
setRequestedOrientation(this.mOriginalOrientation);
this.mCustomViewCallback.onCustomViewHidden();
this.mCustomViewCallback = null;
}

public void onShowCustomView(View paramView, CustomViewCallback paramCustomViewCallback)
{
if (this.mCustomView != null)
{
onHideCustomView();
return;
}
this.mCustomView = paramView;
this.mOriginalSystemUiVisibility = getWindow().getDecorView().getSystemUiVisibility();
this.mOriginalOrientation = getRequestedOrientation();
this.mCustomViewCallback = paramCustomViewCallback;
((FrameLayout)getWindow().getDecorView()).addView(this.mCustomView, new FrameLayout.
LayoutParams(-1, -1));
getWindow().getDecorView().setSystemUiVisibility(3846 |
View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
}
}
@Override
public void onWindowFocusChanged(boolean hasFocus) {
super.onWindowFocusChanged(hasFocus);
if (hasFocus) {
hideSystemUI();
}
}

private void hideSystemUI() {
// Enables regular immersive mode.
// For "lean back" mode, remove SYSTEM_UI_FLAG_IMMERSIVE.
// Or for "sticky immersive," replace it with SYSTEM_UI_FLAG_IMMERSIVE_STICKY
View decorView = getWindow().getDecorView();
decorView.setSystemUiVisibility(
View.SYSTEM_UI_FLAG_IMMERSIVE
// Set the content to appear under the system bars so that the
// content doesn't resize when the system bars hide and show.
| View.SYSTEM_UI_FLAG_LAYOUT_STABLE
| View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
| View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
// Hide the nav bar and status bar
| View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
| View.SYSTEM_UI_FLAG_FULLSCREEN);
}

// Shows the system bars by removing all the flags
// except for the ones that make the content appear under the system bars.
private void showSystemUI() {
View decorView = getWindow().getDecorView();
decorView.setSystemUiVisibility(
View.SYSTEM_UI_FLAG_LAYOUT_STABLE
| View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
| View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);


}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.menu, menu);
return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();

if (id == R.id.action_settings) {
return true;
}

return super.onOptionsItemSelected(item);
}

}

3. Drawable

Setelah MainActivity sudah ditulis code maka kita lanjut kebagian res pada bagian ini sobat silahkan pilih folder drawable karena kita akan membuat bacgkround dan icon icon yang diperlukan jadi sobat menyesuaikan ya dan format gambar harus png agar backgroundnya transparan berikut penampakannya sobat 

pada drawable ini silahkan sobat tambahkan sesuai dengan yang tampil pada gambar silahkan buat file xml nya sesuaikan dengan yang diinginkan untuk kode tinggal copas saja.

4. Menu 

pada bagian res kita juga harus menambah satu directory lagi untuk bagian menunya. silahkan sobat pilih res lalu klik kanan dan pilih new 

pilih android resource directory dan ketikan menu lalu save. selanjutnya silahkan klik pada folder menu lalu pilih new lagi dan pilih android resource file dan copas kode yang telah kami siapkan sebelumnya.

5. Layout  (activity_ main)

Pada layoutnya kita masuk kebagian activity_ main silahkan sobat copas aja source code yang sudah kami sediakan kurang lebih seperti ini.

setelah semua code sudah di copas maka tahap form login sudah selesai dibuat tinggal membuat satu layout lagi ketika login digunakan layout mana yang nanti akan tebuka jadi kita tambah lagi satu layout lagi.

6. Layout yang kedua

Untuk layout yang kedua ini kita buat sebagai menu utama jadi sobat tinggal klik kanan new tambah 

jangan lupa berikan nama sesuai yang kamu inginkan dan disini saya bua menu sidana setelah selesai kita lanjut kebagian layout activity_menusidana dan copas aja source code yang telah kami berikan.

jika sobat menggunakan koneksi internet jangan lupa untuk menambah acces internet di manifest anbdroidnya agar aplikasinya bisa bekerja dengan semestinya, untuk praktik langsungnya sobat bisa lihat divideo ini ya.

Kesimpulan :

Form login adalah salah satu cara untuk memperkuat keamana aplikasi yang kita gunakan khususnya berbasis database, dalam membuat form login kita bisa menggunakan android studio sebagai media dalam membuat aplikasi android, jika sobat teratrik dengan projek ini dapat mengunduhnya melalui link yang tertera dibawah ini.

Unduh Projek Form Login

Projek Form Login