tgs1_progmob

Nama : Ni Kadek Dwita Putri Suastini

NIM : 2205551074

Mata Kuliah : Pemrograman Mobile (C)

Aplikasi debug terdiri atas 5 halaman, yaitu :

1. halaman pertama berisi logo dari aplikasi Finease
2. halaman kedua berisi penjelasan aplikasi dan pilihan untuk membuat akun atau masuk ke akun yang telah dibuat
3. halaman ketiga adalah halaman yang digunakan untuk membuat akun baru
4. halaman keempat adalah halaman yang digunakan untuk masuk ke akun yang telah dibuat
5. dan halaman terakhir yaitu halaman kelima adalah halaman home atau beranda yang berisikan list pengguna dalam bentuk dummy.

Adapun berikut adalah tampilan dari masing-masing halaman.

[1] Halaman Pertama Finease

Apabila pengguna menekan lanjut, maka akan diarahkan ke halaman berikutnya yaitu halaman kedua

[2] Halaman Kedua

Pada halaman ini:

apabila pengguna menekan kembali, maka akan diarahkan ke halaman pertama.

terdapat tiga pilihan, yaitu :

1. Buat akun baru : apabila pengguna menekan tombol ini, maka akan diarahkan ke halaman ketiga yaitu untuk membuat akun baru

2. Lanjutkan dengan google : button ini tidak akan mengarahkan kemanapun

3. Masuk : apabila pengguna menekan teks masuk yang bergaris bawah, maka akan diarahkan ke halaman keempat yaitu untuk masuk ke akun yang sudah ada

[3] Halaman Ketiga - Membuat Akun Baru

Pada halaman ini ada 4 text field yang harus diisikan agar bisa membuat akun, yaitu alamat email, nomor telepon, password, dan konfirmasi password. Pengguna juga harus menyentang check box agar bisa melanjutkan proses pembuatan akun. Setiap text field berisi validasi termasuk check box. Adapun apabila pengguna tidak memenuhi syarat atau validasi, maka akan ada pesan error yang ditampilkan seperti berikut.

1. Alamat Email

   [1] Apabila pengguna tidak menginputkan email sesuai dengan format email yang kerap ditemukan, maka :

   

   [2] Apabila alamat email telah sesuai dengan format email, maka tidak akan ada pesan error :

   

2. Nomor Telepon

   [1] Apabila nomor telepon yang diinputkan oleh pengguna tidak memenuhi >=10 atau berisikan karakter selain angka, maka :

   

   [2] Apabila nomor telpon yang diinputkan memenuhi syarat validasi, maka tidak akan ada pesan error :

   

3. Password

   [1] Syarat password yang bisa diterima hanyalah harus >= 1 karakter dan bebas menggunakan kombinasi karakter apapun (angka, huruf, simbol). Pengguna juga bisa menyembunyikan dan melihat password yang diinputkan dengan menekan gambar mata di sebelah password dan konfirmasi password seperti berikut.

   

   

   

4. Konfirmasi Password

   [1] Konfirmasi password akan dianggap benar apabila password = konfirmasi password, jika tidak, maka akan ada pesan error seperti berikut ini :

   

   [2] Apabila password = konfirmasi password, maka tidak akan ada pesar error :

   

5. Check box

   [1] Pengguna juga harus memastikan untuk menyentang check box, jika tidak, maka ketika menekan button buat akun baru, akan ada alert yang menunjukkan error sebagai berikut :

   

Secara keseluruhan, apabila terdapat error pada texfield maupun checkbox yang diakibatkan oleh validasi, maka terdapat alert error seperti ini :

Untuk menutup alert, pengguna bisa mengklik bebas di manapun. Kemudian pengguna harus memperbaiki text field atau check box yang error dan menekan button buat akun kembali. Jika semua syarat telah terpenuhi, maka akan tampil alert sukses sebagai berikut :

Setelah ada alert sukses, pengguna perlu mengunggu selama 2 detik dan secara otomatis halaman akan langsung dialihkan ke halaman home. Pengguna tidak perlu menekan apapun untuk melanjutkan proses menuju halaman home. Namun, apabila pengguna ingin menutup atau menghilangkan alert, pengguna bisa menekan di manapun.

Jika pengguna menekan text "Masuk" pada halaman ketiga, maka akan dialihkan ke halaman keempat yaitu untuk masuk ke akun yang sudah ada. Jika pengguna menekan teks kembali, maka akan dialihkan ke halaman kedua.

[4] Halaman Keempat - Masuk ke Akun yang Ada

Pada halaman ini, hanya ada 2 text field yang wajib diisikan, yaitu alamat email atau nomor telepon, dan password.

1. Alamat email atau nomor telepon

   [1] Pengguna bisa menginputkan alamat email yang sesuai atau nomor telepon yang sesuai, misalnya seperti berikut ini :

   

   

   [2] Apabila alamat email yang diinputkan tidak sesuai format, begitu juga dengan nomor telepon, maka akan ada pesan error seperti berikut ini :

   

2. Password

   Sama seperti validasi password saat membuat akun, syarat yang harus dipenuhi hanyalah lebih dari 1 karakter dengan kombinasi bebas. Pengguna juga bisa melihat atau menyembunyikan password yang diinputkan

   

   

Jika ada text field yang error atau salah, maka akan ada alert gagal seperti berikut.

Jika semua text field telah diisikan dengan benar, maka ketika pengguna menekan tombol masuk akan ada alert sukses seperti berikut.

Setelah ada alert sukses, pengguna perlu mengunggu selama 2 detik dan secara otomatis halaman akan langsung dialihkan ke halaman home. Pengguna tidak perlu menekan apapun untuk melanjutkan proses menuju halaman home. Namun, apabila pengguna ingin menutup atau menghilangkan alert, pengguna bisa menekan di manapun.

Jika pengguna menekan text "Buat Akun" pada halaman keempat, maka akan dialihkan ke halaman ketiga yaitu untuk membuat akun baru. Jika pengguna menekan teks kembali, maka akan dialihkan ke halaman kedua.

[5] Halaman Home

Halaman home berisi appbar, body dan di dalamnya terdapat bottom navigation bar yang berisi tombol atau icon yang bisa mengarahkan ke halaman lainnya. Namun untuk saat ini, icon-icon tersebut belum bisa digunakan untuk navigasi atau pindah halaman. List pengguna terdiri atas 25 list dan dapat discroll atau gulir. Appbar dan bottom navigation bar tidak akan ikut tergulir ketika list pengguna discroll.