MEMBUAT FORM LOGIN DAN LISTVIEW

STMIK ERESHA
Nama : FAUZAN AZHIMA FIL RAMADHAN
NIM : 161021450370
Kelas : 06TPLE003/519
(REMEDIAL)

Assalamualaikum wr wb
Kali ini saya akan menjelaskan cara membuat aplikasi mobile menggunakan Android Studio , Aplikasi ini saya buat menjadi beberapa bagian :
  1. Menampilkan splash screen selama 4 detik, kemudian
  2. Menampilkan tampilan aplikasi login sederhana , kemudian
  3. masuk ke listview
membuat splashscreen
berikut edit desian layoutnya di activity_main.xml

<?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_parent"    android:background="#FFFFFF"    android:gravity="center"    tools:context=".MainActivity">

    <ImageView        android:layout_width="160dp"        android:layout_height="60dp"        android:id="@+id/logo"        android:src="@drawable/klinik"        android:layout_centerVertical="true"        android:layout_alignParentLeft="true"        android:layout_alignParentStart="true" />

</RelativeLayout>



lalu isikan di MainActivity.java


package com.example.fauzan_161021450370;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.content.Intent;
import android.os.Handler;

public class MainActivity extends AppCompatActivity {
    private int waktu_loading=4000;

    //4000= 4 detik
    @Override    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        new Handler().postDelayed(new Runnable() {
            @Override            public void run() {
                //setelah loading maka akan langsung berpindah ke home activity                Intent home = new Intent(MainActivity.this, login.class);
                startActivity(home);
                finish();

            }
        },waktu_loading);
    }
}


lalu buat form login dan desain layoutnya seperti ini,




<?xml version="1.0" encoding="utf-8"?><androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:app="http://schemas.android.com/apk/res-auto"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:background="@color/lightyellow"    tools:context=".login">


    <TextView        android:id="@+id/textView"        android:layout_width="333dp"        android:layout_height="53dp"        android:layout_marginStart="18dp"        android:layout_marginEnd="18dp"        android:text="HALAMAN LOGIN"        android:background="@color/lavender"        android:textAlignment="center"        android:textSize="30sp"        android:textStyle="bold"        app:layout_constraintEnd_toEndOf="parent"        app:layout_constraintStart_toStartOf="parent"        app:layout_constraintTop_toTopOf="parent" />

    <EditText        android:id="@+id/editText"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_marginStart="68dp"        android:layout_marginTop="116dp"        android:layout_marginEnd="130dp"        android:autofillHints=""        android:ems="10"        android:background="@color/lavender"        android:hint="username"        android:inputType="textPersonName"        app:layout_constraintEnd_toEndOf="parent"        app:layout_constraintStart_toStartOf="parent"        app:layout_constraintTop_toBottomOf="@+id/textView"        android:layout_marginLeft="68dp"        android:layout_marginRight="130dp" />

    <EditText        android:id="@+id/password"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_marginStart="68dp"        android:layout_marginTop="44dp"        android:layout_marginEnd="130dp"        android:background="@color/lavender"        android:ems="10"        android:hint="Password"        android:inputType="textPassword"        app:layout_constraintEnd_toEndOf="parent"        app:layout_constraintStart_toStartOf="parent"        app:layout_constraintTop_toBottomOf="@+id/editText"        android:layout_marginLeft="68dp"        android:layout_marginRight="130dp" />

    <Button        android:id="@+id/btnLogin"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_marginStart="80dp"        android:layout_marginLeft="80dp"        android:layout_marginTop="80dp"        android:background="@color/colorAccent"        android:textColor="@color/cyan"        android:layout_marginEnd="253dp"        android:text="Login"        app:layout_constraintEnd_toEndOf="parent"        app:layout_constraintStart_toStartOf="parent"        app:layout_constraintTop_toBottomOf="@+id/password"        android:layout_marginRight="253dp" />
</androidx.constraintlayout.widget.ConstraintLayout>


lalu isikan script nya di login.java

package com.example.fauzan_161021450370;

import android.content.Intent;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuInflater;
import android.view.MenuItem;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;

import androidx.appcompat.app.AlertDialog;
import androidx.appcompat.app.AppCompatActivity;

public class login extends AppCompatActivity {
    EditText username, password;
    Button btnLogin;

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

        username = (EditText) findViewById(R.id.editText);
        password = (EditText) findViewById(R.id.password);
        btnLogin = (Button) findViewById(R.id.btnLogin);
        btnLogin.setOnClickListener(new View.OnClickListener() {
            @Override            public void onClick(View v) {
                String usernameKey = username.getText().toString();
                String passwordKey = password.getText().toString();

                if (usernameKey.equals("admin") && passwordKey.equals("123")) {
                    //jika login berhasil                    Toast.makeText(getApplicationContext(), "LOGIN SUKSES",
                            Toast.LENGTH_SHORT).show();
                    Intent intent = new Intent(login.this, home.class);
                    startActivity(intent);

                } else {
                    //jika login gagal                    AlertDialog.Builder builder = new AlertDialog.Builder(login.this);

                    builder.setMessage("Username atau Password Anda salah!")
                            .setNegativeButton("Retry", null).create().show();
                }
            }

        });

    }
}

lalu isikan dengan user = admin dan pass = 123 lalu buat listview untuk masuk/pindah ke activity lainya yaitu listview

layout desainya

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:app="http://schemas.android.com/apk/res-auto"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:background="@color/lavender"    android:layout_height="match_parent"    tools:context=".home">

    <ListView        android:id="@+id/listview1"        android:layout_width="match_parent"        android:layout_height="match_parent" />
</LinearLayout>


listview.java nya

package com.example.fauzan_161021450370;

import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast;

public class home extends AppCompatActivity {
    ListView LV;
    String[] menu = {"beranda", "PROFIL", "LAYANAN", "INFORMASI KLINIK"};


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

        LV = (ListView) findViewById(R.id.listview1);
        ArrayAdapter i = new ArrayAdapter(this, android.R.layout.simple_list_item_single_choice, menu);
        LV.setAdapter(i);
        LV.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override            public void onItemClick(AdapterView<?> arg0, View arg1, int itemke,
                                    long arg3) {

                String item = (String) LV.getItemAtPosition(itemke);
                Toast.makeText(getBaseContext(), "Anda mengklik " + item, Toast.LENGTH_LONG).show();

                if (item.equals("beranda")) {
                    Intent f = new Intent(arg0.getContext(), beranda.class);
                    startActivity(f);
                } else if (item.equals("PROFIL")) {
                    Intent f = new Intent(arg0.getContext(), profil.class);
                    startActivity(f);
                } else if (item.equals("LAYANAN")) {
                    Intent f = new Intent(arg0.getContext(), layanan.class);
                    startActivity(f);
                } else if (item.equals("INFORMASI KLINIK")) {
                    Intent f = new Intent(arg0.getContext(), informasi_klinik.class);
                    startActivity(f);
                }
            }
        });
    }
}

di klik salah satu tampilan listview maka hasilnya seperti ini



Terim kasih
:)

Komentar