1.main.xml

Ubahlah file main.xml dalam direktori res/layout menjadi seperti ini :

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39

<?xml version="1.0" encoding="utf-8"?> <linearlayout xmlns:android="http://schemas.android.com/apk/res/android"     android:orientation="vertical"     android:layout_width="fill_parent"     android:layout_height="fill_parent"     > <TableLayout  android:layout_width="wrap_content"  android:layout_height="wrap_content"  android:stretchColumns="1"  >  <tablerow>   <textview android:text="Name : "/>   <edittext android:id="@+id/nama"/>  </TableRow>  <tablerow>   <radiogroup android:id="@+id/jekel">    <radiobutton     android:id="@+id/pria"     android:text="Pria"     />    <RadioButton     android:id="@+id/perempuan"     android:text="Perempuan"     />   </RadioGroup>  </TableRow>  <tablerow>   <textview android:text="Alamat : "/>   <edittext android:id="@+id/alamat"/>  </TableRow>  <button   android:id="@+id/save"   android:layout_width="fill_parent"   android:layout_height="wrap_content"   android:text="Save"  />  </TableLayout> </LinearLayout>

2.array1.java

Ubahlah file array1.java dalam direktori src/com.wilis.array1 menjadi seperti ini :

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43

package com.wilis.array1; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.EditText; import android.widget.RadioGroup; public class array1 extends Activity {  almag r = new almag();     /** Called when the activity is first created. */     @Override     public void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout.main);         Button save=(Button)findViewById(R.id.save);         save.setOnClickListener(onSave);     } private View.OnClickListener onSave=new View.OnClickListener() {     public void onClick(View v) {   // TODO Auto-generated method stub   EditText nama = (EditText)findViewById(R.id.nama);   EditText alamat = (EditText)findViewById(R.id.alamat);       r.setNama(nama.getText().toString());   r.setAlamat(alamat.getText().toString());       RadioGroup jekel=(RadioGroup)findViewById(R.id.jekel);       switch(jekel.getCheckedRadioButtonId()){    case R.id.pria:     r.setJekel("Pria");    break;    case R.id.perempuan:     r.setJekel("Perempuan");    break;    }   }  }; }

3.almag.java

Buatlah sebuah file java baru di dalam direktori src/com.wilis.array1 bersama dengan array1. dengan cara klik kanan pada project New > Class. kemudian ubahlah isinya menjadi seperti ini :

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43

package com.wilis.array1; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.EditText; import android.widget.RadioGroup; public class array1 extends Activity {  almag r = new almag();     /** Called when the activity is first created. */     @Override     public void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout.main);         Button save=(Button)findViewById(R.id.save);         save.setOnClickListener(onSave);     } private View.OnClickListener onSave=new View.OnClickListener() {     public void onClick(View v) {   // TODO Auto-generated method stub   EditText nama = (EditText)findViewById(R.id.nama);   EditText alamat = (EditText)findViewById(R.id.alamat);       r.setNama(nama.getText().toString());   r.setAlamat(alamat.getText().toString());       RadioGroup jekel=(RadioGroup)findViewById(R.id.jekel);       switch(jekel.getCheckedRadioButtonId()){    case R.id.pria:     r.setJekel("Pria");    break;    case R.id.perempuan:     r.setJekel("Perempuan");    break;    }   }  }; }

Sekarang jalankan Aplikasi ArrayAdapter anda dengan cara klik Run > Run As Android Aplication.

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.