Android Pembuatan From Login sukses

 



Assalam'alaikum.......!!!!!
hay semua apa kabar..?? langsung saja yahh, kali ini saya akan membagikan tutorial tentang pembuatan aplikasi From Login dengan menggunakan ANDROID STUDIO.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7XKWjPL5dvHlT6ot8qYtVOYAF1B3ZNcSajh2aVRI1_nw-IGS-ZVsRgKeBbU63d6wa_wm4aF6j9ge03ui_Kyra9GcNJriY81p_GPWu4F7sY8-20zivAo6e8EqznJ1JkijQDuXr81FQa7Jo/s1600/image015.jpg


langkah pertama yaitu :

1.  Buat proyek baru. Klik Next.

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1DJdSYB4J3lhZriWCw4NRsxeVk2KlkmT082kno2Y0mAjIX2VUPpHN9bjO8QeTJMElT_QrOrlzZHa_XUb-ZdZI_xGTVJ43Y157wpETaNtleTjtcp_IRuUS37QySwErC4mGUDEkwSjlChFA/s1600/image002.png

 

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.






 

 

 

 

 

 

 sekian tutorial kali ini semoga bermanfaat dan dapat digunakan dengan baik :)

Terima Kasih......

 

 

 

 

 

 

 

 

 

 

 



Komentar

Posting Komentar

Postingan populer dari blog ini

Pindah activity Android Studio

Gambar
Pindah activity Android Studio      Hai teman-teman,kali ini saya akan menunjukkan cara bagaimana pindah layout pada Android studio.Pertama yang kita lakukan adalah makan...bukan buka dulu aplikasiAndroid studio nya,kali ini saya mengunakan android studio  kita buat new project dulu...kita namai saja pindah layout.            Setelah project keluar maka akan tampil halaman kosong seperti ini karena saya memilih tadi empty activity.   tampilan xml tampilan java   Pada XML halaman awal kita isikan kode ini : <?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:id = "@+id/activity_main"     android:layout_width = "match_parent"     android:layout_height = "match_par...
Baca selengkapnya

leaflet

Gambar
CARA MEMBUAT LEAFLET Langkah pertama Membuka Adobe photoshop kemudian klik file, pilih new kemudian akan muncul kotak dialog untuk mengatur ukuran gambar dan ubah ukuran width 18.972, height 10.667, Resolution 72 dan ubah satuannya ke inches. setelah semua ukuran diubah klik Ok. Langkah dua Kemudian buatkan garis mistar dan ctrl + R, setelah itu buatkan garis menjadi tiga kolom dan buatkan garis kolom dibawah. Langkah tiga Kemudian ubah warna kanvas dan pilih set foreground color sesuai yang disukai, setelah itu klik Paint Bucket Tool untuk menyemprot warna tersebut. kemudian pilih Rectangle Tool untuk menambahkan warna lain yang sesuai keinginan kita sendiri. Langkah empat Kemudian klik kanan dan pilih warp untuk mengatur kotak dibawah. Langkah lima Kemudian buatlah   kotak dibawah dan klik Rectangle Tool setelah itu klik ctrl + T kemudian klik kanan pilih warp untuk mengatur   kotak menjadi melengkung. ...
Baca selengkapnya

MEMBUAT PERHITUNGAN LUAS PERSEGI PANJANG PADA ANDROID

Gambar
Membuat perhitungan Luas Persegi Panjang pada ADT   Assalam'alaikum.... pada kesempatan kali ini saya akan mencoba menjelaskan atau lebih tepatnya akan membagikan tutorial pembeatan aplikasi PERHITUNGAN LUAS PERSEGI PANJANG DENGAN ANDROID.   PERHATIKAN LANGKAH-LANGKAH BERIKUT: Sebelum kita masuk pada langkah-langkah pembuatan, kita harus tau dulu apa rumus untuk mencari luas persegi panjang terlebih dahulu karena didalam program nanti kita akan mendeklarasikan rumus dari persegi panjang itu sendriri. Langkah awal yang kita lakukan yaitu jalankan aplikasi ADT, buat project dengan nama Perhitungan_luas.  Langkah kedua buat kelas dengan nama Hitung_luas.java dan file xml dengan nama Hitung_luas.java. setelah itu masukkan source code pada file Hitung_luas.java package com.example.Perhitungan_luas; import android.os.Bundle; import android.app.Activity; import android.content.Intent; import android.view.Menu; import android.view.View; import and...
Baca selengkapnya