Selasa, 30 Mei 2017

Cara menjalankan form login pada program android menggunakan eclipse

Cara menjalankan form login pada program android menggunakan eclipse
Form login memang dibutuhkan pada sebuah aplikasi, hal ini dilakukan untuk mencegah orang lain mengaksesnya. Untuk mengakses form login, pengguna dapat masuk dan mengakses akun setelah melakukan validasi yang biasanya berupa username dan password. Password berfungsi untuk mengecek kecocokan username yang diinput ketika login. Jika password tidak sesuai dengan username yang dimasukan maka pengguna tidak bisa masuk pada aplikasi. Untuk lebih jelasnya, berikut ini cara membuat form login pada program android menggunakan eclipse:
Anda dapat menggunakan plugin Android Developer Tools atau lebih disingkat ADT Bundle. Pada plugin ADT Bundle, terdapat Eclipse.exe yang bisa Anda jalankan untuk membuat form login.
Buat project baru dengan cara memilih File > New > Android Applications Project. Anda perlu mengisi beberapa data pada new android application.




Kemudian Buat desain form login dengan cara memilih res > layout > activity_main.xml. Anda dapat memulai membuat desain dengan menggunakan fasilitas yang tersedia, seperti: form widget, text field, layouts, composite dan lain sebagainya.


Setelah itu kita buat script activity_main.xml di sebelah Graphical Layout.


<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=".MainActivity" >

        <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/progressBar1"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:layout_marginTop="131dp"
        android:background="@drawable/logo"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:textSize="35dp" />

     <TextView
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_alignParentTop="true"
         android:layout_centerHorizontal="true"
         android:layout_marginTop="92dp"
         android:text="Selamat Datang"
         android:textSize="30dp" />

</RelativeLayout>


Buat juga file xml kedua dengan cara memilih res > layout > klik kanan > New > Other > activity_login.xml.
Kemudian kita buat script activity_login.xml di sebelah Graphical Layout.


<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      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"
    android:orientation="vertical" >

      <TextView
        android:id="@+id/data_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:text="Login Aplikasi"
        android:textSize="30dp"  />
   
<EditText
android:layout_height="wrap_content"
android:layout_width="fill_parent"
android:id="@+id/username"
android:singleLine="true"
android:hint="Username"
></EditText>
<EditText
android:layout_height="wrap_content"
android:id="@+id/passwd_input"
android:password="true" android:layout_width="fill_parent"
android:hint="Password">
</EditText>
<Button
    android:id="@+id/masuk"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="Masuk" >
</Button>
<TextView
android:id="@+id/TextView01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"></TextView>
  
</LinearLayout>


Lakukan pembuatan script dengan cara pilih src > com.example. > MainActivity.java.
package com.example.loginform;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;

public class MainActivity extends Activity {

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

@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}

}


Buat class kedua dengan memilih src > com.example. > klik kanan > New > Class > Login.java
package com.example.loginform;

import android.app.Activity;
import android.app.AlertDialog;
import android.content.DialogInterface;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;

public class Login extends Activity implements OnClickListener {

// deklarasi variable
Button masuk;
AlertDialog alert;
EditText password;
EditText user;
String isi_passwd, username;

/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_login);

// inisialisasi variabel
masuk = (Button) this.findViewById(R.id.masuk);
masuk.setOnClickListener(this);
// edit text untuk username
user = (EditText) findViewById(R.id.username);
user.getText();
// edit text untuk password
password = (EditText) findViewById(R.id.passwd_input);
password.getText();
username="ardy";
isi_passwd = "oke";

}

@Override
// method untuk override tombol masuk
public void onClick(View tombol_act) {
// TODO Auto-generated method stub
if (tombol_act == masuk) {

if (password.getText().toString().equals(isi_passwd) && user.getText().toString().equals(username)) {
AlertDialog.Builder pesan = new AlertDialog.Builder(this);
pesan.setMessage("Username dan password anda benar")
.setCancelable(false).setPositiveButton("OK",
new DialogInterface.OnClickListener() {

@Override
public void onClick(DialogInterface dialog,
int which) {
// TODO Auto-generated method stub
//setContentView(R.layout.activity_menu_utama);
Intent intent = new Intent(getApplicationContext(), MainActivity.class);
startActivity(intent);
}
});
alert = pesan.create();
alert.show();
} else {
AlertDialog.Builder pesan = new AlertDialog.Builder(this);
pesan.setMessage("Username :" + user.getText() + " dan password :"+ password.getText() + "anda masih salah")
.setCancelable(false).setPositiveButton("OK",
new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog,
int which) {
// TODO Auto-generated method stub
user.setText("");
password.setText("");
}
});
alert = pesan.create();
alert.show();
}
}

}
}


Tambahkan  script pada AndroidManifest.xml agar class MainActivity.java dan Login.java dapat ditampilkan.


<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.loginform"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="18" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
      
        <activity
            android:name="com.example.loginform.Login"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
         <activity
            android:name="MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
            </intent-filter>
        </activity>
        
       </application>

</manifest>


Setelah selesai kita jalankan emulatornya dan hasilnya

0 komentar:

Posting Komentar

Diberdayakan oleh Blogger.

Followers