Membuat Form Login sederhana di Android Studio

Posted on

Selamat pagi sahabat blogger, Sekarang ini siapa yang tidak tahu Android. Platfrom Smartphone yang sangat populer dewasa ini. Sekarang saya mau memberi tutorial membuat Aplikasi Login sederhana di Android Studio. Aplikasi Android ini dibuat dengan Pemrograman Java dan Interface menggunakan XML.

Form Login Sederhana di Android Studio

Persiapan Alat.

  • Laptop / PC
  • Aplikasi Android Studio pastinya, jika belum punya silakan download dulu,

Setelah Install Android Studio, Buka Aplikasi Android Studio dan membuat Project Baru.

formlogin01

Selanjut nya buat lah tampilan di MainActivity seperti gambar berikut.

formlogin02

Lalu kita akan membuat halaman baru untuk tampilan jika Login Sukses.

 formlogin03

Klik kanan pada folder layout -> New -> Layout resource file.

formlogin04

Beri nama_file dengan “home” atau bisa sesuai keinginan kalian.

Buatlah tampilan halaman home seperti berikut.formlogin05

Selanjut nya kita masuk ke MainActivity.java

package lovoo.a22web.org.formlogin;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Gravity;
import android.view.View;
import android.widget.TextView;
import android.widget.Toast;

import java.util.HashMap;
import java.util.Map;

public class MainActivity extends AppCompatActivity {

    TextView username;
    TextView password;

    Map<String, String> sesi = new HashMap<String, String>();
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }

    //fungsi Login
    public void login(View view){
        //Membuat data login dengan MAP Java
        Map<String, String> map = new HashMap<String, String>();
        map.put("user", "adminis");
        map.put("password", "password");
        String uname = map.get("user");
        String passw = map.get("password");

        username = (TextView)findViewById(R.id.username);
        password = (TextView)findViewById(R.id.password);
        String data_user = username.getText().toString();
        String data_passw = password.getText().toString();

        if(data_user.equals(uname) && data_passw.equals(passw)){
            sesi.put("sesi_user", data_user);
            String user_name = sesi.get("sesi_user");
            //Menapilkan Alert dengan Toast 
            Toast toast = Toast.makeText(MainActivity.this, "Sukses masuk Sayang :* :*",
                    Toast.LENGTH_LONG);
            toast.setGravity(Gravity.TOP| Gravity.CENTER_HORIZONTAL, 0, 0);
            toast.show();

            setContentView(R.layout.home);

        }else{
            Toast toast = Toast.makeText(MainActivity.this, "Salah masuk Sayang :* :*",
                    Toast.LENGTH_LONG);
            toast.setGravity(Gravity.TOP|Gravity.CENTER_HORIZONTAL, 0, 0);
            toast.show();
        }

    }

    //fungsi Logout
    public void logout(View view){
        sesi.put("sesi_user", "");
        setContentView(R.layout.main_activity);
    }
   
}

Edit MainActivity.java seperti contoh di atas.

Maksud dari beberapa script diaatas.

Map<String, String> map = new HashMap<String, String>();

Maksud dari script di atas kita mendkarasikan variable map dengan Data Map.

(TextView)findViewById(R.id.username);

Kita menseleksi text view berdasakan id, kalo di atas id nya “username” jadi id harus sesuai dengan yang ada pada XML .

Selanjutnya kita membuat bagaimana jika tombol Log In diklik bisa login ke halaman Home.

formlogin06

Tambahkan atribute onclick pada button login kalian.

android:onClick="login"

login yang warna orange harus sama dengan fungsi yang kita buat tadi di MainActivity.java tadi.

Tambahkan juga atribute onclick pada button logout di home.xml

formlogin07

android:onClick="logout"

logout yang warna orange harus sama dengan fungsi yang kita buat tadi di MainActivity.java tadi.

Selanjut nya kita RUN untuk mencoba aplikasi login sederhana ini, jika mendapat error silakan di cek ulang, atau bisa komentar di bawah.

 


Leave a Reply

Your email address will not be published. Required fields are marked *