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.