Nama : Pande Gede Agung Adi Suarpala
NIM : 1404505113
Mata Kuliah : Pemrograman Mobile (C)
Dosen : I Putu Agus Eka Pratama, ST MT
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.
mantapp
BalasHapusmas itu tidak menggunakan database emngnya >
BalasHapuscontoh ini tidak memakai database, karena sudah diinialisasikan didalam kodingnya jika username=admin & password=admin maka login sukses
Hapusbenar mas, memang tidak memakai database
HapusMas,, itu misal berhasil login,, lw ditmbahin activity lgi nmbah koding gacx,, misal kita berhasil login trus masuk pada activity menu, nmbah aktivity n nmbah koding gax??
BalasHapusThanks
Mas biar kalau salah masukin pass atau username harus ngetik ulang apa yg harus ditambah yaa ??
BalasHapusmas cara biar lagsung masuk ke database gmn ?
BalasHapusjadi kalo pencet login lgsg ke database gmn ya mas ?
makasih a. bantu banget!!!
BalasHapusMantaps..
BalasHapusberarti offline itu gan,,kan cuma main java aja
BalasHapusBang, bisa di design gak form nya? Datar banget:( aku pgn design gimana ya caranya?
BalasHapusthanks banget bang
BalasHapusbang itu klo nambah user name atau paswordnya gimna
BalasHapusKomentar ini telah dihapus oleh pengarang.
BalasHapusanda tau memek ?
BalasHapusAnda tau sopan santun? Jika anda tidak tau, jangan kesini. Disini cuma untuk orang yang berpendidikan
HapusHalo kak, terimakasih artikelnya... ini sangat membantu saya dalam menyelesaikan tugas kuliah saya. oh ya kak, perkenalkan nama saya Nurhamimah dan jangan lupa kunjungi website kampus saya ISB Atma Luhur
BalasHapusKomentar ini telah dihapus oleh pengarang.
BalasHapusHalo kak, terimakasih artikelnya... ini sangat membantu saya dalam menyelesaikan tugas kuliah saya. oh ya kak, perkenalkan nama saya Nurhamimah dan jangan lupa kunjungi website kampus saya ISB Atma Luhur
BalasHapusKalo kita buat menu dulu trs buat form login apakah kita mebuat new project atau lanjutkan di project menu
BalasHapus