Proyek Android GudangKita Bagian 4 – Membuat fitur Login & Register berbasis Firebase Authentication Beserta Implementasi Shared Preference

Ngulik Kode - Assalamu’alaikum teman-teman kembali lagi di Artikel Admin TokoCoding - MuhFikriH, kali ini kita akan melanjutkan Aplikasi GudangKita Part keempat. Di sesi kali ini, Admin akan membantu kalian bagaimana caranya membuat fitur autentikasi Login maupun Register.

A. Font

Font adalah representasi grafis dari teks yang dapat menyertakan jenis huruf, ukuran titik, berat, warna, atau desain yang berbeda. Font memiliki banyak sekali jenis, dan untuk seri pembelajaran kali ini kita akan menggunakan salah satu jenis font yang sudah terkenal yaitu "Poppins". Okey untuk mempersingkat waktu, mari kita masuk ke materi.

1. Download Font

Untuk pertama-tama, silahkan kalian download Font "Poppins" di situs-situs kesayangan kalian, jika belum menemukan nya, kalian bisa mengunduh nya disini. Setelah itu, ganti nama file setiap font tersebut menggunakan huruf kecil.

2. Buat folder "font"

Buka project android kalian, lalu di menu samping kiri, klik kanan pada menu "res" selanjutnya pilih "New" -> "Android Resource Directory".


3. Nama folder

Selanjutnya akan muncul dialog, isi form tersebut dengan ketentuan seperti dibawah ini :
Directory name    : "font"
Resource type      : "font"
Source set            : "main"


4. Sukses menambahkan font

Jika tidak ada error, maka kalian sudah berhasil menambahkan font pada aplikasi kalian.


B. Splash Screen

Ubah code di halaman SplashScreenActivity.java menjadi seperti dibawah ini. 
(Penjelasan ada didalamnya)


C. Register

Buat 1 Activity baru dengan nama RegisterActivity.java beserta layoutnya dengan nama activitiy_register.xml 

1. activity_register.xml

Ubah code di file activity_register.xml menjadi seperti dibawah ini. Untuk asset-assetnya kalian bisa mengunduhnya di Github saya disini


2. RegisterActivity.java

Ubah code di file RegisterActivity.java menjadi seperti dibawah ini. 
(Penjelasan ada di dalamnya)



D. DataHelper berbasis Shared Preference

Jika anda membutuhkan sekumpulan data dengan tipe key-value yang ingin anda simpan dalam aplikasi mobile, anda dapat menggunakan SharedPreferences API. Data dalam SharedPreferences akan disimpan dalam sebuah file yang mengandung key-value secara berpasangan. Setiap file ini dikelola oleh Android framework yang aksesnya dapat diatur secara private atau dibagikan.

Selain digunakan untuk penyimpanan data sederhana, pemanfaatan SharedPreferences digunakan juga untuk menyimpan pengaturan aplikasi. Dengan ini pengguna dapat mengatur aplikasi sesuai dengan keinginan.

Dalam kasus kali ini, kita akan menyimpan data email pengguna ke dalam aplikasi kita agar kita dapat mengetahui pengguna mana yang sedang login dan juga untuk memeriksa apakah pengguna ini harus melakukan transaksi login atau tidak. Langsung saja berikut code beserta penjelasan di dalamnya.


Langkah yang harus dilakukan adalah :

1. Buat package baru dengan klik kanan pada folder project -> New -> Package

2. Beri nama package "helpers"

3. Buat file Java baru dengan nama DataHelper.java

4. Paste code berikut :


E. Login 

Buat 1 Activity baru dengan nama LoginActivity.java beserta layoutnya dengan nama activitiy_login.xml

1. activity_login.xml

Ubah code di file activitiy_login.xml menjadi seperti dibawah ini. Untuk asset-assetnya kalian bisa mengunduhnya di Github saya disini


2. LoginActivity.java

Ubah code di file RegisterActivity.java menjadi seperti dibawah ini. (Penjelasan ada di dalamnya)


Jika semua tutorial di seri ini sudah kalian lakukan, silahkan coba jalankan aplikasi kalian. Coba fitur Register lalu Login, jika ada error silahkan tanya pada kolom komentar. Jika berjalan lancar, maka kalian sudah berhasil membuat fitur Autentikasi berbasis Firebase pada aplikasi kalian.

Baik teman-teman sekian dulu tutorial GudangKita kali ini. Jika ada saran, kritik, atau pertanyaan silahkan tinggalkan pada kolom komentar ya. Semoga ilmunya bermanfaat, terima kasih dan maaf bila ada salah kata. Di artikel berikutnya kita akan belajar mendapatkan data dari Database pada Firebase kita. Sampai jumpa di artikel berikutnya.

0 comments

Posting Komentar