Minggu, 22 September 2019

UTS MOBILE PROGRAMMING

MEMBUAT APLIKASI SEDERHANA PADA ANDROID STUDIO

Tulisan ini dibuat sebagai nilai UTS Mata Kuliah Mobile Programming. Dalam tugas ini saya membuat aplikasi sederhana pada Android Studio. Aplikasi yang saya buat adalah aplikasi Login dan menampilkan gambar pada saat login kemudian Logout. Berikut adalah tampilan design aplikasi yang saya buat.



Untuk aplikasi Login buat desain seperti berikut:


lalu masukkan kodingan berikut pada activity_main.xml :
 
<?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"    tools:context=".MainActivity">

    <TextView        android:id="@+id/textView2"        android:layout_width="73dp"        android:layout_height="31dp"        android:layout_marginStart="20dp"        android:layout_marginLeft="20dp"        android:layout_marginTop="124dp"        android:text="username"        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_marginLeft="68dp"        android:layout_marginTop="112dp"        android:ems="10"        android:inputType="textPersonName"        app:layout_constraintEnd_toEndOf="parent"        app:layout_constraintHorizontal_bias="0.31"        app:layout_constraintStart_toEndOf="@+id/textView2"        app:layout_constraintTop_toTopOf="parent" />

    <TextView        android:id="@+id/textView3"        android:layout_width="78dp"        android:layout_height="22dp"        android:layout_marginStart="24dp"        android:layout_marginLeft="24dp"        android:layout_marginTop="40dp"        android:text="password"        app:layout_constraintStart_toStartOf="parent"        app:layout_constraintTop_toBottomOf="@+id/textView2" />

    <EditText        android:id="@+id/editText2"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_marginStart="64dp"        android:layout_marginLeft="64dp"        android:layout_marginTop="24dp"        android:ems="10"        android:inputType="textPassword"        app:layout_constraintEnd_toEndOf="parent"        app:layout_constraintHorizontal_bias="0.305"        app:layout_constraintStart_toEndOf="@+id/textView3"        app:layout_constraintTop_toBottomOf="@+id/editText" />

    <Button        android:id="@+id/button"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_marginStart="16dp"        android:layout_marginLeft="16dp"        android:layout_marginTop="44dp"        android:text="Login"        app:layout_constraintStart_toStartOf="parent"        app:layout_constraintTop_toBottomOf="@+id/textView3" />
</androidx.constraintlayout.widget.ConstraintLayout>
 
 
lalu masukkan kodingan berikut pada MainActivity.java :
 
package com.example.uts;

import androidx.appcompat.app.AppCompatActivity;

import android.app.AlertDialog;
import android.os.Bundle;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {
    EditText username, password;
    Button btnLogin;
    @Override    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        username = (EditText) findViewById(R.id.editText);
        password = (EditText) findViewById(R.id.editText2);
        btnLogin = (Button)findViewById(R.id.button);
        btnLogin.setOnClickListener(new View.OnClickListener() {
            @Override            public void onClick(View v) {

                String usernameKey = username.getText().toString();
                String passwordKey = password.getText().toString();

                if (usernameKey.equals("fahmi") && passwordKey.equals("12345")){
                    //jika login berhasil                    Toast.makeText(getApplicationContext(), "LOGIN SUKSES",
                            Toast.LENGTH_SHORT).show();
                    Intent intent = new Intent(MainActivity.this, home.class);
//                    intent.putExtra("name",name.getText().toString());                    startActivity(intent);
//                    MainActivity.this.startActivity(intent);//                    finish();                }else {
                    //jika login gagal                    AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
                    builder.setMessage("Username atau Password Anda salah!")
                            .setNegativeButton("Retry", null).create().show();
                }
            }

        });
    }
}
 
 
Setelah itu coba di Run maka akan tampil seperti berikut:
 
 
setelah itu masukkan usernama: "fahmi" dan password: "12345" lalu klik login.

untuk aplikasi kedua saya akan menampilkan sebuah gambar setelah masuk ke login seperti berikut desainnya.
 
 
Untuk menampilkan gambar dan logout, masukkan koding pada activity_home.xml seperti berikut:
 
<?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:id="@+id/activity_main"    android:layout_width="match_parent"    android:layout_height="match_parent"    tools:context="M">

    <ImageView        android:id="@+id/imageView"        android:layout_width="wrap_content"        android:layout_height="294dp"        android:src="@drawable/eresha" />

    <Button        android:id="@+id/button6"        android:layout_width="135dp"        android:layout_height="69dp"        android:layout_marginStart="232dp"        android:layout_marginLeft="232dp"        android:layout_marginTop="88dp"        android:text="Logout"        app:layout_constraintBottom_toBottomOf="parent"        app:layout_constraintEnd_toEndOf="parent"        app:layout_constraintHorizontal_bias="0.113"        app:layout_constraintStart_toStartOf="parent"        app:layout_constraintTop_toBottomOf="@+id/imageView"        app:layout_constraintVertical_bias="0.0" />

</androidx.constraintlayout.widget.ConstraintLayout
 

Setelah itu masukkan koding pada home.java seperti berikut:
 
package com.example.uts;

import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class home extends AppCompatActivity {
    Button logout;

    @Override    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_home);
        logout = (Button) findViewById(R.id.button6);
        logout.setOnClickListener(new View.OnClickListener() {
            @Override            public void onClick(View view) {

                    Intent i = new Intent(home.this, MainActivity.class);
                    startActivity(i);

            }
        });

    }
    } 
 
 

Setelah di Run akan tampil form login seperti diatas, lalu masukkan username: "fahmi" dan password: "12345" lalu klik login, maka akan tampil seperti berikut:
 
 

 
setelah itu klik tombol Logout maka akan tampil ke tampilan Login semula.
 
Demikian aplikasi sederhana yang saya buat dalam Android Studio. Mohon koreksinya apabila terdapat kekurangan atau kesalahan.