membuat login sederhana

Langkah – Langkah :

1.  Buat proyek baru. Klik Next.

Gambar 1. Membuat Proyek (memberi nama)

2.  Pilih opsi Phone and Tablet. Klik Next.

Gambar 2. Memilih opsi Phone and Tablet device

3. Pilih Empty Activity. Klik Next.

Gambar 3. Memilih Empty Activity

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

Gambar 4. Main Activity

5. Ketikkan script berikut pada file activity_main.xml yang berlokasi di /res/layout. Script ini untuk membangun tatap muka 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>

Gambar 5. Menambahkan script pada activity_main.xml

6. Kemudian ketikkan script Java berikut pada file MainActivity.java yang ada di /java/com.example.tobi_ (sesuaikan dengan path anda).

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();

            }

        });

    }

}

Gambar 6. 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" /> 

Gambar 6. 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 tombol Save (Simpan). Compile dan jalankan. Tekan tombol hijau, (disini saya menjalankan aplikasi langsung pada android device menggunakan koneksi adb). Jika anda tidak mengkoneksikan android device anda melalui usb adb, anda dapat menjalankan aplikasi ini pada emulator.

1.0  Hasilnya sebagai berikut :

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

klik  disini ==> membuat-form-login-sederhana-pada.html 

aplikasih login sederhana di android studio

Android Studio #3 : Cara Membuat Aplikasi Login sederhana di Android Studio

26 AGUSTUS 2017 INGEARFA3 KOMENTAR

Melanjutkan penyakit penasaran gue yang kambuh terhadap si Android studio setelah menginstallnya, gue ingin berbagi cara gue dalam membuat Aplikasi User Login sederhana di Android Studio, Aplikasi yang gue buat ini tanpa database pada platform mobile. mungkin aplikasi ini bisa disebut juga semacam purwarupa gitu (Prototype atau bentuk awal).

hal yang pertama dilakukan sudah pasti buat project baru di Android Studio, beri saja nama “login” pada application name

disini, kita akan membuat 2 activity dan dan 2 layout.

kita akan menggunakan logika conditional if else, dimana, jika kita menginputkan Username dan password, jika sesuai akan masuk ke activity 2 di layout 2, jika tidak maka akan menampilkan pesan text Toast, begitu juga saat kita tidak mengisi username atau pun password.

pada bagian layout 1 dan activity 1, kalian bisa mendesain layout seperti ini pada tab design :

atau bisa juga, tambahkan melalui tab text pada activity_main.xml  :

lalu tambahkan codingan seperti ini pada MainActivity.java :

pada bagian layout kedua dan activity kedua silahkan tambahkan sebuah activity baru di dalam folder app, lalu bisa menggunakan codingan berikut pada wellcome_activity.xml  :

lalu codingan pada, activity_wellcome.java :

lalu silahkan klik RUN  , jika kalian ingin menggunakan emulator bawaan Android Studio, yaitu Nexus silahkan saja jika space memory mencukupi, jika tidak bisa juga me-run dengan device perangkat Android kita.

1. pertama yang harus dilakukan jika kita ingin me-run dengan device perangkat android kita, menghubungkan perangkat dengan kabel USB
2. lalu, buat perangkat android kita menjadi opsi pengembang, caranya silakan buka settingan -> tekan 5-7 kali build number -> lalu akan muncul pesan bahwa sekarang anda menjadi pengembang -> kembali ke setting -> klik menu Developer Option atau Opsi Pengembang -> lalu aktifkan -> jika ingin rooting atau flashing tinggal mengaktifkan opsi Debugging USB
3.  lalu perangkat android anda tersambung, disana perangkat Android Asus gue sudah connected, tinggal OK saja.

hasilnya akan seperti ini jika di RUN :

*Activity 1 dan layout 1 *menggunakan emulator

akan memunculkan pesan toast jika username atau password salah

*menggunakan emulator

tampilan pada activity 2 dan layout 2, setelah berhasil login :

*menggunakan perangkat device Android

selesai juga tutorial kali ini, lengkap kan? lengkap banget malah, bonus tutorial cara run di device android lagi. sekian dulu. Next akan post tutorial Android Studio lagi, karena masih penasaran sama si hijau menggemaskan *haha….

Happy Try It!

===>klik di sini aplikasi-login-sederhana-di-android-studio