Skip to content

WebHozz Blog

Kursus Web & Android di Jakarta Bandung

  • Home
  • Web Design
  • Web Programming
  • Android
  • Other
    • React Native
    • Java
    • Python
    • WordPress
    • SEO
    • Google Ads
    • Toko Online
    • Photoshop
    • Artikel
  • WebHozz.com

Membuat Form & Proses Login aplikasi Android

October 15, 2018 admin Belajar Android

Halo Sobat Webhozz kali ini kita akan memberikan cara membuat form login sederhana di Android
Pertama kita membuat tampilan form loginnya


<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.webhozzsby.login.MainActivity">

    <TextView
        android:text="Login Form"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:id="@+id/textView"
        android:textAlignment="center"
        android:textSize="30sp"
        android:textStyle="normal|bold" />

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="textPersonName"
        android:ems="10"
        android:id="@+id/username"
        android:hint="Username"
        android:layout_below="@+id/textView"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_marginTop="37dp" />

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="textPassword"
        android:ems="10"
        android:layout_below="@+id/username"
        android:layout_alignParentLeft="true"
        android:id="@+id/password"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
        android:hint="Password" />

    <Button
        android:text="Log In"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/password"
        android:layout_centerHorizontal="true"
        android:id="@+id/btnLogin" />

</RelativeLayout>

Setelah itu kita membuat perintah untuk memberikan action ke form loginnya dan kondisi ketika login sukses dan login gagalnya. Berikut kodenya :

package com.example.webhozzsby.login;

import android.content.Intent;
import android.support.v7.app.AlertDialog;
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 MainActivity extends AppCompatActivity {

    EditText username, password;
    Button btnLogin;

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


        username = (EditText) findViewById(R.id.username);
        password = (EditText) findViewById(R.id.password);
        btnLogin = (Button)findViewById(R.id.btnLogin);

        btnLogin.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {

                String usernameKey = username.getText().toString();
                String passwordKey = password.getText().toString();

                if (usernameKey.equals("admin") && passwordKey.equals("1234")){
                    //jika login berhasil
                    Toast.makeText(getApplicationContext(), "LOGIN SUKSES",
                            Toast.LENGTH_SHORT).show();
                    Intent intent = new Intent(MainActivity.this, Welcome.class);
                    MainActivity.this.startActivity(intent);
                    finish();
                }else {
                    //jika login gagal
                    AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
                    builder.setMessage("Username atau Password Anda salah!")
                            .setNegativeButton("Retry", null).create().show();
                }
            }

        });
    }
}

Berikutnya kita juga akan membuat halaman Welcome ketika login sukses.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_welcome"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.webhozzsby.login.Welcome">

    <TextView
        android:text="Welcome"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:id="@+id/textView2"
        android:textAlignment="center"
        android:textSize="30sp"
        android:textStyle="normal|bold" />

    <TextView
        android:text="Hai Bro!"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView2"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="69dp"
        android:id="@+id/textView3"
        android:textSize="18sp"
        android:textStyle="normal|bold" />

    <TextView
        android:text="Selamat datang, kamu telah berhasil login ke aplikasi sederhana ini."
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/textView4"
        android:layout_below="@+id/textView3"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_marginTop="10dp"
        android:textSize="18sp" />

    <Button
        android:text="Keluar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:id="@+id/btnExit" />
</RelativeLayout>

Berikut kode welcome.java

package com.example.webhozzsby.login;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class Welcome extends AppCompatActivity {

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

        btnExit = (Button) findViewById(R.id.btnExit);

        btnExit.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //perintah untuk mengakhiri aplikasi
                finish();
            }
        });

    }
}

Hasilnya

Nah jadi seperti itu Membuat Form & Proses Login aplikasi Android.
Semoga bermanfaat bagi sobat sekalian.

Related posts:

  1. Mambuat “ALert” Dialog pada Android
  2. Screen Orientation Pada Aplikasi Android
  3. Membuat Splashscreen Aplikasi Android
  4. Tutorial Membuat Toast Android
Belajar Androidlogin androidmembuat form login android

Post navigation

Previous Post:Membuat Date Picker di Aplikasi Android
Next Post:Kursus Web Programming Oktober 2018 Cabang Bandung

Categories

  • Artikel (155)
  • Belajar Android (40)
  • Belajar Google Adwords (7)
  • Belajar Java (4)
  • Belajar JavaScript (10)
  • Belajar Photoshop (10)
  • Belajar Python (44)
  • Belajar React JS (44)
  • Belajar React Native (6)
  • Belajar SEO (19)
  • Belajar Toko Online (15)
  • Belajar Vue JS (6)
  • Belajar Web Design (394)
  • Belajar Web Programming (338)
  • Belajar Wordpress (58)
  • Info Jadwal Kursus (1,390)

Recent Posts

  • Membuat API Sederhana dengan Node.js & Express untuk Pemula
  • React, Vue, atau Svelte? Perbandingan Framework Frontend untuk Pemula
  • Panduan Belajar JavaScript 2026 untuk Pemula: Lengkap dan Mudah Dipahami
  • Apa Itu AI Coding Assistant? Manfaatnya untuk Developer di 2026
  • Tutorial HTML CSS JavaScript : Membuat Jam Klasik

Tag

android aplikasi android Belajar Android belajar css Belajar Javascript Belajar PHP belajar php oop belajar web desain belajar web design belajar web programming belajar website belajar wordpress blog website css css3 CSS Bootstrap Framework desain website framework framework php google Google SEO HTML html5 html 5 html css jadwal kursus javascript jquery kursus android kursus php Kursus PHP Jakarta Kursus PHP MySql Jakarta Kursus SEO kursus toko online kursus web design kursus website kursus website Jakarta Microsoft php php framework php programming Tempat Kursus Android Favorit di Jakarta Barat dan Jakarta Timur web desain web design wordpress
WordPress Theme: Gridbox by ThemeZee.

Yuk ngobrol dulu :)