Just info and Sharing: Januari 2020

Membuat Aplikasi Tiket Wisata dengan Android Studio Menggunakan Firebase

Mobile Programing

1. Lembar Jawaban UAS

Nama : Alfius Riangga

Nim : 161021450128

Kelas : 06TPLM002/V.515

2. Deskripsi : Tiket Wisata ini adalah aplikasi yang di buat dengan android studio yang terhubung dengan database menggunakan Firebase.

Langsung saja kita buat aplikasinya di Android Studio (Create New Project Android -> Isi Aplication Name(TiketSaya) -> pilih Activity Mobile nya ( Empty Activity) -> Finish. Kemudian akan ada dua Activity muncul yaitu : activity_main.xml dan MainActivity.java kemudian refactor MainActivity.java menjadi SpalshAct.java dan activity_main.xml menjadi activity_splash.xml.

A. Berikutnya buka activity_splash.xml. isikan Source code dibawah 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"
    tools:context=".SplashAct">

</androidx.constraintlayout.widget.ConstraintLayout>

B. Berikutnya buka SplashAct.java. isikan Source code dibawah ini:

package com.alvius.example.tiketsaya;

import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.content.SharedPreferences;
import android.os.Bundle;
import android.os.Handler;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;
import android.widget.TextView;

public class SplashAct extends AppCompatActivity {

Animation app_splash, btt;
    ImageView app_logo;
    TextView app_subtitle;

String USERNAME_KEY = "usernamekey";
    String username_key = "";
    String username_key_new = "";

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

getUsernameLocal();

//load animasi
        app_splash = AnimationUtils.loadAnimation( this, R.anim.app_splash );
        btt = AnimationUtils.loadAnimation( this, R.anim.btt );

//load element
        app_logo = findViewById( R.id.app_logo );
        app_subtitle = findViewById( R.id.app_subtitle );

//run animasi
        app_logo.startAnimation( app_splash );
        app_subtitle.startAnimation( btt );
    }

public void getUsernameLocal(){
        SharedPreferences sharedPreferences = getSharedPreferences( USERNAME_KEY, MODE_PRIVATE );
        username_key_new = sharedPreferences.getString( username_key, "" );
        if (username_key_new.isEmpty()){
            //Setting Timer Untuk Dua Detik
            Handler handler = new Handler(  );
            handler.postDelayed( new Runnable() {
                @Override
                public void run() {
                    //merubah activity ke activiy lain
                    Intent gogetstarted = new Intent( SplashAct.this, GetStartedAct.class );
                    startActivity( gogetstarted );
                    finish();

}
            }, 2000 );
        }
        else {
            //Setting Timer Untuk Dua Detik
            Handler handler = new Handler(  );
            handler.postDelayed( new Runnable() {
                @Override
                public void run() {
                    //merubah activity ke activiy lain
                    Intent gogethome = new Intent( SplashAct.this, HomeAct.class );
                    startActivity( gogethome );
                    finish();

}
            }, 2000 );
        }
    }
}

hasilnya akan seperti dibawah ini

C. kemudian buat activity baru dengan nama activity_get_started.xml, kemudian isi Source code dibawah ini:

</androidx.constraintlayout.widget.ConstraintLayout>

D. Berikutnya bukaGetStartedAct.java. isikan Source code dibawah ini:

package com.alvius.example.tiketsaya;

import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;

public class GetStartedAct extends AppCompatActivity {

Button btn_sign_in, btn_new_account_create;
    Animation ttb, btt;
    ImageView emblem_app;
    TextView intro_app;

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

//load animasi
        ttb = AnimationUtils.loadAnimation( this, R.anim.ttb );
        btt = AnimationUtils.loadAnimation( this, R.anim.btt );

emblem_app = findViewById( R.id.emblem_app );
        intro_app = findViewById( R.id.intro_app );
        btn_sign_in = findViewById( R.id.btn_sign_in );
        btn_new_account_create = findViewById( R.id.btn_new_account_create );

//run animasi
        emblem_app.startAnimation( ttb );
        intro_app.startAnimation( ttb );
        btn_sign_in.startAnimation( btt );
        btn_new_account_create.startAnimation( btt );

btn_sign_in.setOnClickListener( new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent gotosign = new Intent( GetStartedAct.this, SignInAct.class );
                startActivity( gotosign );

}
        } );

btn_new_account_create.setOnClickListener( new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent gotoregisterone = new Intent( GetStartedAct.this, RegisterOneAct.class );
                startActivity( gotoregisterone );
            }
        } );
    }
}

hasilnya akan seperti ini:

E.kemudian buat activity baru dengan nama activity_home.xml, kemudian isi Source code dibawah ini:

<androidx.constraintlayout.widget.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

<com.github.florent37.shapeofview.shapes.CircleView
                android:id="@+id/btn_to_profile"
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:layout_marginStart="29dp"
                android:layout_marginTop="85dp"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent">

</com.github.florent37.shapeofview.shapes.CircleView>

</LinearLayout>

</LinearLayout>

<ImageView

android:layout_width="64dp"
                            android:layout_height="64dp"
                            android:src="@drawable/icon_pagoda" />

</LinearLayout>

</LinearLayout>

</LinearLayout>

</LinearLayout>
                </LinearLayout>

</LinearLayout>

</LinearLayout>

</HorizontalScrollView>

</androidx.constraintlayout.widget.ConstraintLayout>

</ScrollView>

</androidx.constraintlayout.widget.ConstraintLayout>

F.Berikutnya buka HomeAct.java. isikan Source code dibawah ini:

package com.alvius.example.tiketsaya;

import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.content.SharedPreferences;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

import com.github.florent37.shapeofview.shapes.CircleView;
import com.google.firebase.database.DataSnapshot;
import com.google.firebase.database.DatabaseError;
import com.google.firebase.database.DatabaseReference;
import com.google.firebase.database.FirebaseDatabase;
import com.google.firebase.database.ValueEventListener;
import com.squareup.picasso.Picasso;

public class HomeAct extends AppCompatActivity {

CircleView btn_to_profile;
    LinearLayout btn_ticket_pisa,
            btn_ticket_torri,
            btn_ticket_pagoda,
            btn_ticket_candi,
            btn_ticket_sphinx,
            btn_ticket_monas;

ImageView photo_home_user;
    TextView user_balance, nama_lengkap, bio;

DatabaseReference reference;

String USERNAME_KEY = "usernamekey";
    String username_key = "";
    String username_key_new = "";

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

getUsernameLocal();

btn_to_profile = findViewById( R.id.btn_to_profile );
        btn_ticket_pisa = findViewById( R.id.btn_ticket_pisa );

btn_ticket_pagoda = findViewById( R.id.btn_ticket_pagoda );
        btn_ticket_torri = findViewById( R.id.btn_ticket_torri );
        btn_ticket_candi = findViewById( R.id.btn_ticket_candi );
        btn_ticket_sphinx = findViewById( R.id.btn_ticket_sphinx );
        btn_ticket_monas = findViewById( R.id.btn_ticket_monas );
        btn_ticket_pisa = findViewById( R.id.btn_ticket_pisa );

photo_home_user = findViewById( R.id.photo_home_user );
        user_balance = findViewById( R.id.user_balance );
        nama_lengkap = findViewById( R.id.nama_lengkap );
        bio = findViewById( R.id.bio );

reference = FirebaseDatabase.getInstance().getReference()
                .child( "Users" ).child( username_key_new );

reference.addListenerForSingleValueEvent( new ValueEventListener() {
            @Override
            public void onDataChange(@NonNull DataSnapshot dataSnapshot) {
                nama_lengkap.setText( dataSnapshot.child( "nama_lengkap" ).getValue().toString());
                bio.setText( dataSnapshot.child( "bio" ).getValue().toString());
                user_balance.setText( "US$ " + dataSnapshot.child( "user_balance" ).getValue().toString());
//                Picasso.with( HomeAct.this )
//                        .load( dataSnapshot.child( "url_photo_profile" )
//                                .getValue().toString() ).centerCrop().fit()
//                        .into( photo_home_user );
            }

@Override
            public void onCancelled(@NonNull DatabaseError databaseError) {

}
        } );

btn_to_profile.setOnClickListener( new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent gotoprofile = new Intent( HomeAct.this, MyProfileAct.class );
                startActivity( gotoprofile );
            }
        } );

btn_ticket_pisa.setOnClickListener( new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent gotopisaticket = new Intent( HomeAct.this, TicketDetailAct.class );
                //meletakkan data ke intent
                gotopisaticket.putExtra( "jenis_tiket", "Pisa" );
                startActivity( gotopisaticket );

}
        } );
        btn_ticket_torri.setOnClickListener( new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent gotopisaticket = new Intent( HomeAct.this, TicketDetailAct.class );
                gotopisaticket.putExtra( "jenis_tiket", "Torri" );
                startActivity( gotopisaticket );

}
        } );
        btn_ticket_pagoda.setOnClickListener( new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent gotopisaticket = new Intent( HomeAct.this, TicketDetailAct.class );
                gotopisaticket.putExtra( "jenis_tiket", "Pagoda" );
                startActivity( gotopisaticket );

}
        } );
        btn_ticket_candi.setOnClickListener( new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent gotopisaticket = new Intent( HomeAct.this, TicketDetailAct.class );
                gotopisaticket.putExtra( "jenis_tiket", "Candi" );
                startActivity( gotopisaticket );

}
        } );
        btn_ticket_sphinx.setOnClickListener( new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent gotopisaticket = new Intent( HomeAct.this, TicketDetailAct.class );
                gotopisaticket.putExtra( "jenis_tiket", "Sphinx" );
                startActivity( gotopisaticket );

}
        } );
        btn_ticket_monas.setOnClickListener( new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent gotopisaticket = new Intent( HomeAct.this, TicketDetailAct.class );
                gotopisaticket.putExtra( "jenis_tiket", "Monas" );
                startActivity( gotopisaticket );

}
        } );

}

Hasilnya akan seperti ini:

G.kemudian buat activity baru untuk form new account dengan nama activity_register_one.xml, kemudian isi Source code dibawah ini:

</LinearLayout>

</LinearLayout>

</LinearLayout>

</LinearLayout>

</androidx.constraintlayout.widget.ConstraintLayout>

H.Berikutnya buka RegisterOneAct.java. isikan Source code dibawah ini:

package com.alvius.example.tiketsaya;

import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.content.SharedPreferences;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.Toast;

import com.google.firebase.database.DataSnapshot;
import com.google.firebase.database.DatabaseError;
import com.google.firebase.database.DatabaseReference;
import com.google.firebase.database.FirebaseDatabase;
import com.google.firebase.database.ValueEventListener;

public class RegisterOneAct extends AppCompatActivity {

Button btn_continue;
    LinearLayout btn_back;
    EditText username, password, email_address;
    DatabaseReference reference;

String USERNAME_KEY = "usernamekey";
    String username_key = "";

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

username = findViewById( R.id.username );
        password = findViewById( R.id.password );
        email_address = findViewById( R.id.email_address );

btn_continue = findViewById( R.id.btn_continue );
        btn_continue.setOnClickListener( new View.OnClickListener() {
            @Override
            public void onClick(View v) {

//ubah state menjadi loading
                btn_continue.setEnabled( false );
                btn_continue.setText("Loading...");

//menyimpan data local storage (handphone)
                SharedPreferences sharedPreferences = getSharedPreferences( USERNAME_KEY, MODE_PRIVATE );
                SharedPreferences.Editor editor = sharedPreferences.edit();
                editor.putString( username_key, username.getText().toString() );
                editor.apply();

//simpan ke database
                reference = FirebaseDatabase.getInstance().getReference()
                        .child( "Users" ).child( username.getText().toString() );
                reference.addListenerForSingleValueEvent( new ValueEventListener() {
                    @Override
                    public void onDataChange(@NonNull DataSnapshot dataSnapshot) {
                        dataSnapshot.getRef().child( "username" ).setValue( username.getText().toString() );
                        dataSnapshot.getRef().child( "password" ).setValue( password.getText().toString() );
                        dataSnapshot.getRef().child( "email_address" ).setValue( email_address.getText().toString() );
                        dataSnapshot.getRef().child( "user_balance" ).setValue( 800 );
                    }

@Override
                    public void onCancelled(@NonNull DatabaseError databaseError) {

}
                } );

//test username sudah masuk
//                Toast.makeText( getApplicationContext(), "Username " +
//                        username.getText().toString(), Toast.LENGTH_SHORT ).show();

//pindah activity
                Intent gotonextregister = new Intent( RegisterOneAct.this, RegisterTwoAct.class );
                startActivity( gotonextregister );
            }
        } );

btn_back = findViewById( R.id.btn_back );
        btn_back.setOnClickListener( new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent backtosignin = new Intent( RegisterOneAct.this, SignInAct.class );
                startActivity( backtosignin );
            }
        } );
    }
}

Hasilnya akan seperti ini:

I.kemudian buat activity baru dengan nama activity_register_two.xml, kemudian isi Source code dibawah ini:

</LinearLayout>

</LinearLayout>

<com.github.florent37.shapeofview.shapes.CircleView
        android:layout_width="90dp"
        android:layout_height="90dp"

android:layout_marginStart="8dp"
        android:layout_marginTop="193dp"
        android:layout_marginEnd="8dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" >

</com.github.florent37.shapeofview.shapes.CircleView>

</LinearLayout>

</androidx.constraintlayout.widget.ConstraintLayout>

J.Berikutnya buka RegisterTwoAct.java. isikan Source code dibawah ini:

package com.alvius.example.tiketsaya;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.appcompat.app.AppCompatActivity;

import android.content.ContentResolver;
import android.content.Intent;
import android.content.SharedPreferences;
import android.net.Uri;
import android.os.Bundle;
import android.view.View;
import android.webkit.MimeTypeMap;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.LinearLayout;

import com.google.android.gms.tasks.OnCompleteListener;
import com.google.android.gms.tasks.OnSuccessListener;
import com.google.android.gms.tasks.Task;
import com.google.firebase.database.DatabaseReference;
import com.google.firebase.database.FirebaseDatabase;
import com.google.firebase.storage.FirebaseStorage;
import com.google.firebase.storage.StorageReference;
import com.google.firebase.storage.UploadTask;
import com.squareup.picasso.Picasso;

public class RegisterTwoAct extends AppCompatActivity {

Button btn_continue, btn_add_photo;
    ImageView pic_photo_register_user;
    LinearLayout btn_back;
    EditText bio, nama_lengkap;

Uri photo_location;
    Integer photo_max = 1;

DatabaseReference reference;
    StorageReference storage;

String USERNAME_KEY = "usernamekey";
    String username_key = "";
    String username_key_new = "";

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

getUsernameLocal();

btn_continue = findViewById( R.id.btn_continue );
        btn_back = findViewById( R.id.btn_back );
        btn_add_photo = findViewById( R.id.btn_add_photo );
        pic_photo_register_user = findViewById( R.id.pic_photo_register_user );
        bio = findViewById( R.id.bio );
        nama_lengkap = findViewById( R.id.nama_lengkap );

btn_add_photo.setOnClickListener( new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                findPhoto();

}
        } );

btn_continue.setOnClickListener( new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //ubah state menjadi loading
                btn_continue.setEnabled( false );
                btn_continue.setText("Loading...");

//simpan ke firebase
                reference = FirebaseDatabase.getInstance().getReference()
                        .child( "Users" ).child( username_key_new );
                storage = FirebaseStorage.getInstance().getReference().child( "Photousers" ).child( username_key_new );

//validasi untuk file
                if (photo_location != null){
                    StorageReference storageReference1 =
                            storage.child( System.currentTimeMillis() + "." +
                                    getFileExtension( photo_location ));

storageReference1.putFile( photo_location )
                            .addOnSuccessListener( new OnSuccessListener<UploadTask.TaskSnapshot>() {
                        @Override
                        public void onSuccess(UploadTask.TaskSnapshot taskSnapshot) {
                            String uri_photo = taskSnapshot.getUploadSessionUri().toString();
                            reference.getRef().child( "url_photo_profile" ).setValue( uri_photo );
                            reference.getRef().child( "nama_lengkap" ).setValue( nama_lengkap.getText().toString() );
                            reference.getRef().child( "bio" ).setValue( bio.getText().toString() );
                        }
                    } ).addOnCompleteListener( new OnCompleteListener<UploadTask.TaskSnapshot>() {
                        @Override
                        public void onComplete(@NonNull Task<UploadTask.TaskSnapshot> task) {
                            //pindah activity
                            Intent gotosuccess = new Intent( RegisterTwoAct.this, SuccessRegisterAct.class );
                            startActivity( gotosuccess );
                        }
                    } );
                }

}
        } );

btn_back.setOnClickListener( new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent backtoprev = new Intent( RegisterTwoAct.this, RegisterOneAct.class );
                startActivity( backtoprev );
            }
        } );
    }

String getFileExtension(Uri uri){
        ContentResolver contentResolver = getContentResolver();
        MimeTypeMap mimeTypeMap = MimeTypeMap.getSingleton();
        return mimeTypeMap.getExtensionFromMimeType( contentResolver.getType( uri ) );
    }

public void findPhoto(){
        Intent pic = new Intent(  );
        pic.setType( "image/*" );
        pic.setAction( Intent.ACTION_GET_CONTENT );
        startActivityForResult( pic, photo_max );
    }

@Override
    protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {
        super.onActivityResult( requestCode, resultCode, data );

if (requestCode == photo_max && resultCode == RESULT_OK && data != null && data.getData() !=null)
        {

photo_location = data.getData();
            Picasso.with( this ).load( photo_location ).centerCrop().fit().into( pic_photo_register_user );

}
    }

Hasilnya akan seperti ini:

K.kemudian buat activity baru dengan nama activity_success_register.xml, kemudian isi Source code dibawah ini:

</androidx.constraintlayout.widget.ConstraintLayout>

L.Berikutnya buka RegisterTwoAct.java. isikan Source code dibawah ini:

package com.alvius.example.tiketsaya;

import androidx.appcompat.app.AppCompatActivity;

public class SuccessRegisterAct extends AppCompatActivity {

Button btn_explore;
    Animation app_splash, btt, ttb;
    ImageView icon_success;
    TextView app_title, app_subtitle;

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

icon_success = findViewById( R.id.icon_success );
        app_title = findViewById( R.id.app_title );
        app_subtitle = findViewById( R.id.app_subtitle );
        btn_explore = findViewById( R.id.btn_explore );

//load animasi
        app_splash = AnimationUtils.loadAnimation( this, R.anim.app_splash );
        btt = AnimationUtils.loadAnimation( this, R.anim.btt );
        ttb = AnimationUtils.loadAnimation( this, R.anim.ttb );

//run animasi
        btn_explore.startAnimation( btt );
        icon_success.startAnimation( app_splash );
        app_title.startAnimation( ttb );
        app_subtitle.startAnimation( ttb );

btn_explore.setOnClickListener( new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent gotohome = new Intent( SuccessRegisterAct.this, HomeAct.class );
                startActivity( gotohome );

}
        } );
    }
}

Hasilnya akan seperti ini: