Sunday, July 24, 2022

Membuat Form Login Simple di Android Studio

 


Langkah – Langkah :


1.  Buat proyek baru. Klik Next. beri nama proyek tersebut



2.  Pilih opsi Phone and Tablet. Klik Next. Pilih opsi Phone and Tablet device


3. Pilih Empty Activity. Klik Next. Pilih Empty Activity


4. Memberi nama Activity (Main Activity). Klik Finish. 




5. Ketik script berikut pada file activity_main.xml yang berlokasi di /res/layout. Script ini untuk membuat layout login aplikasi.


<?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:layout_width="match_parent"

    android:layout_height="match_parent"

    android:paddingBottom="@dimen/activity_vertical_margin"

    android:paddingLeft="@dimen/activity_horizontal_margin"

    android:paddingRight="@dimen/activity_horizontal_margin"

    android:paddingTop="@dimen/activity_vertical_margin"

    tools:context="com.example.tobi_.simplelogin.MainActivity">





    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:textAppearance="?android:attr/textAppearanceLarge"

        android:text="Login Form"

        android:textSize="35dp"

        android:id="@+id/textView"

        android:layout_alignParentTop="true"

        android:layout_centerHorizontal="true" />



    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="login "

        android:id="@+id/textView2"

        android:layout_below="@+id/textView"

        android:layout_centerHorizontal="true" />



    <EditText

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:textSize="25dp"

        android:id="@+id/editUser"

        android:layout_below="@+id/textView"

        android:layout_marginTop="100dp"

        android:layout_alignParentRight="true"

        android:layout_alignParentEnd="true"

        android:layout_alignParentLeft="true"

        android:layout_alignParentStart="true"

        android:hint="Enter Username"/>



    <EditText

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:textSize="25dp"

        android:id="@+id/editPass"

        android:inputType="textPassword"

        android:layout_centerVertical="true"

        android:layout_alignParentLeft="true"

        android:layout_alignParentStart="true"

        android:layout_alignRight="@+id/editUser"

        android:layout_alignEnd="@+id/editUser"

        android:hint="Enter Password"/>



    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:textSize="20dp"

        android:text="Login"

        android:id="@+id/btnLogin"

        android:layout_below="@+id/editPass"

        android:onClick="login"

        android:layout_alignLeft="@+id/textView"

        android:layout_alignStart="@+id/textView"

        android:layout_alignRight="@+id/textView"

        android:layout_alignEnd="@+id/textView" />



    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:textSize="20dp"

        android:text="Cancel"

        android:id="@+id/btnCancel"

        android:layout_below="@+id/btnLogin"

        android:layout_alignRight="@+id/btnLogin"

        android:layout_alignEnd="@+id/btnLogin"

        android:layout_alignLeft="@+id/btnLogin"

        android:layout_alignStart="@+id/btnLogin" />



</RelativeLayout>
Menambahkan script pada activity_main.xml

6. Kemudian ketik script Java berikut pada file MainActivity.java yang ada di /java/com.example.tobi_.


package com.example.tobi_.simplelogin;



import android.app.Activity;

import android.os.Bundle;

import android.graphics.Color;

import android.view.View;

import android.view.Menu;

import android.view.MenuItem;

import android.webkit.WebView;

import android.webkit.WebViewClient;

import android.widget.Button;

import android.widget.EditText;

import android.widget.TextView;

import android.widget.Toast;

import java.io.FileInputStream;

import java.io.FileOutputStream;

public class MainActivity extends Activity {



    Button b1, b2;

    EditText ed1, ed2;

    TextView tx1;



    int counter = 3;



    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);



        b1 = (Button) findViewById(R.id.btnLogin);

        b2 = (Button) findViewById(R.id.btnCancel);

        ed1 = (EditText) findViewById(R.id.editUser);

        ed2 = (EditText) findViewById(R.id.editPass);



        tx1 = (TextView) findViewById(R.id.textView2);

        tx1.setVisibility(View.GONE);



        b1.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View v) {



                //set username dan password dengan "admin"

                if (ed1.getText().toString().equals("admin") &&

                        ed2.getText().toString().equals("admin"))



                    //kondisi jika login benar

                    Toast.makeText(getApplicationContext(), "Login Sukses", Toast.LENGTH_SHORT).show();

                else {

                    //jika login gagal



                    Toast.makeText(getApplicationContext(), "Username atau Password Anda Salah",

                            Toast.LENGTH_SHORT).show();



                    tx1.setVisibility(View.VISIBLE);

                    tx1.setBackgroundColor(Color.RED);

                    counter--;

                    tx1.setText(Integer.toString(counter));



                    if (counter == 0) {

                        b1.setEnabled(false);

                    }

                }



            }

        });



        b2.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View v) {

                finish();

            }

        });

    }

} 

Script Java pada MainActivity.java

7. Tambahkan baris kode berikut pada file string.xml yang ada di /res/value/strings.xml.
<resources>

    <string name="app_name">Simple Login</string>

</resources>

8.    Tambahkan baris kode berikut pada AndroidManifest.xml (yaitu di atas </manifest>): 
 
               <uses-permission android:name="android.permission.INTERNET" /> 
                                        Script Java pada MainActivity.java
Baris tersebut berfungsi untuk memberikan hak akses kepada emulator android 
AVD agar dapat menggunakan koneksi internet yang terdapat pada komputer anda.
  
9.    Tekan Save. Compile dan jalankan. Tekan tombol hijau, (menjalankan aplikasi langsung pada android device menggunakan koneksi adb). Jika tidak mengkoneksikan android device bisa melalui usb adb, untuk menjalankan aplikasi ini pada emulator.

1.0  Hasil sebagai berikut :

     Akan Ada pesan kesalahan jika salah memasukkan username atau password yang ditandai dengan timbul angka dengan background merah, dan pada   aplikasi ini hanya dapat 3 kali kesempatan untuk memasukkan password atau  username hingga benar.




Memunculkan Simbol & Emoji Pada OS Mac

  Memunculkan Simbol & Emoji  1. Buka aplikasi Pages / Notes pada Macbook. 2. Klik pada Menubar Edit --> Pilih Emoji and Symbols a...