BAB IV PERANCANGAN DAN IMPLEMENTASI SISTEM
4.1 Fase menentukan Tujuan dan Syarat-syarat Informasi
4.2.8 Langkah-langkah Pengujian Aplikasi untuk User dan
4.2.8.1 Langkah-langkah Pemakaian Aplikasi untuk
1. Login
Gambar 4.31Layar Pilihan Login
Untuk melakukan login, user harus mengetik username dan password pada field yang telah disiapkan pada layar login dan memilih pilihan login.
Jika username atau password belum terisi maka akan muncul peringatan bahwa field harus diisi.
Gambar 4.33Layar Error Username atau Password Salah
Jika username atau password yang dimasukkan salah maka akan muncul peringatan bahwa username atau password salah.
Jika user belum melakukan verfikasi account yang dipakai dalam melakukan login, maka akan keluar peringatan untuk melakukan verifikasi account melalui e-mail terlebih dahulu.
Gambar 4.35Layar Error User telah Login
Jika user melakukan login dengan username yang sebelumnya telah melakukan login, maka akan muncul peringatan bahwa user telah melakukan login.
2 Register
Gambar 4.36Layar Pilihan Login
Untuk melakukan registrasi, user harus memilih pilihan register pada halaman login.
Pada halaman register, user harus mengisi semua field yang ada.
Gambar 4.38Layar Error Field Kosong
Jika ada field yang belum diisi maka akan muncul peringatan bahwa field masih belum diisi.
Jika format password bukan berupa huruf dan angka maka akan muncul peringatan bahwa format password salah.
Gambar 4.40Layar Error Confirm Password Salah
Jika isi dari password dan confirm password tidak sama maka akan muncul peringatan bahwa confirm password salah.
Jika panjang NIM yang dimasukkan salah maka akan muncul peringatan bahwa panjang NIM harus 10 digit.
Gambar 4.42Layar Error Format E-mail Salah
Jika format e-mail yang dimasukkan salah, maka akan muncul peringatan bahwa format e-mail salah.
Jika username yang dipakai untuk registrasi telah dipakai sebelumnya maka akan muncul peringatan username telah dipakai.
Gambar 4.44 Layar Register Sukses
Jika registrasi sukses maka akan muncul peringatan bahwa registrasi sukses dan harus melakukan verifikasi melalui e-mail
.
Gambar 4.45 Layar Web Verifikasi Sukses
Jika user telah melakukan verifikasi melalui e-mail maka akan muncul tampilan verifikasi sukses dan user dapat menggunakan account tersebut untuk login.
3 Contact Us
Gambar 4.46 Layar Pilihan Contact Us
Untuk melakukan contact us, user dapat memilih contact us pada halaman login.
Gambar 4.47 Layar Form Contact Us
Pada halaman contact us, user harus mengisi semua field yang tersedia untuk dapat melakukan contact us.
Gambar 4.48Layar Error Field Kosong
Jika ada field yang belum diisi maka akan muncul peringatan bahwa field masih belum diisi.
Gambar 4.49Layar Error Format E-mail
Jika format e-mail yang dimasukkan salah, maka akan muncul peringatan bahwa format e-mail salah.
Gambar 4.50 Layar Error Username tidak Ada
Jika user salah memasukkan username, maka akan muncul peringatan bahwa username tidak ada.
Gambar 4.51 Layar Kirim Komentar Sukses
Jika Pengiriman komentar sukses, maka akan muncul peringatan bahwa pengiriman sukses.
4 Chat
Gambar 4.52 Layar Pilihan Chat
Untuk melakukan chatting, user harus memilih teman yang ingin diajak chatting dan memilih pilihan chat pada halaman utama.
Gambar 4.53Layar Error tidak Memilih Teman
Jika user belum memilih teman untuk melakukan chatting, maka akan muncul peringatan untuk memilih teman terlebih dahulu.
Gambar 4.54 Layar Konfirmasi Chat
Jika user telah mengundang user lain untuk melakukan chatting akan muncul pertanyaan kepada user lain untuk melakukan chat atau tidak.
Jika user telah setuju untuk melakukan chat, maka akan muncul halaman chatting. Untuk mengirim pesan kepada user lain, maka user harus memilih send message yang terdapat di halaman chatting. Untuk keluar dari halaman chatting ini, user dapat menekan tombol quit.
Gambar 4.56 Layar Ketik Pesan
Halaman ini merupakan halaman yang muncul setelah memilih send message dan digunakan untuk mengetik pesan yang ingin dikirim. Untuk mengirimkan pesan user dapat menekan tombol send dan untuk membatalkan pengiriman pesan, user dapat menekan tombol cancel.
5 View cam
Gambar 4.57 Layar Pilihan View cam
Untuk melihat gambar user lain melalui kamera, user dapat memilih view cam dari halaman chatting.
Gambar 4.58 Layar Pilihan User yang Ingin Dilihat Gambarnya
Pada halaman ini user dapat memilih user mana yang ingin dilihat gambarnya.
Gambar 4.59 Layar Konfirmasi Lihat Gambar
Jika user telah memilih teman yang ingin dilihat gambarnya maka akan muncul pertanyaan ya atau tidak untuk teman yang akan dilihat gambarnya.
Gambar 4.60 Layar Permintaan Lihat Gambar Ditolak
Jika teman yang ingin dilihat gambarnya memilih tidak, maka akan muncul peringatan bahwa teman yang ingin dilihat gambarnya menolak memberikan izin.
Gambar 4.61 Layar Hasil Penangkapan Gambar
Jika teman yang ingin dilihat gambarnya memilih ya, maka kamera handphone user tersebut akan memotret gambarnya dan mengirimkan ke user yang meminta gambar tersebut.
6 Add Member
Jika user yang sedang melakukan chatting ingin menambah teman dalam melakukan chatting. User dapat memilih add member pada halaman chatting.
Gambar 4.63 Layar Pilih Member Baru
Pada halaman ini user dapat memilih user yang ingin ditambahkan ke halaman chatting. User yang dapat dipilih adalah user yang online dan tidak sedang melakukan chatting. User juga dapat membatalkan penambahan user dengan menekan cancel.
Gambar 4.64Layar Error Tidak ada User yang Dipilih
Jika user tidak memilih teman sebelum menambah member baru, maka akan muncul peringatan untuk memilih teman terlebih dahulu.
Gambar 4.65 Layar Konfirmasi Add Member
Jika user menambah teman baru ke halaman chatting, maka akan muncul pertanyaan ya atau tidak untuk teman yang ditambah.
7 Add Friend
Gambar 4.66 Layar Pilihan Add Friend
Untuk menambah daftar teman, user dapat memilih add friend pada halaman utama.
Pada halaman ini user dapat memasukkan username teman yang ingin ditambah dalam daftar temannya dan menekan ok. Jika user ingin membatalkan penambahan daftar teman dapat dilakukan dengan menekan tombol cancel.
Gambar 4.68 Layar Error Username Kosong
Jika user menekan tombol ok pada halaman add friend tanpa memasukkan username maka akan muncul peringatan bahwa username harus diisi.
Jika username yang dimasukkan pada halaman add friend tidak terdaftar dalam database maka akan muncul peringatan bahwa username tidak ada.
Gambar 4.70 Layar Error Add Diri Sendiri
Jika user menambah dirinya sendiri pada halaman add friend maka akan muncul peringatan bahwa user tidak dapat menambah dirinya sendiri.
Jika user yang menambah username yang telah menjadi temannya maka akan muncul peringatan bahwa teman tersebut sudah ada dalam daftar temannya.
Gambar 4.72 Layar Tambah Teman sukses
Jika tambah teman sukses maka akan muncul peringatan bahwa penambahan teman telah sukses.
Jika user melakukan add friend lebih dari satu kali terhadap user yang belum melakukan approval maka akan muncul peringatan untuk menunggu approval user tersebut.
Gambar 4.74 Layar Konfirmasi Penambahan teman
Jika ada user yang menambah user lain, maka akan ada konfirmasi ya atau tidak untuk menambah user tersebut menjadi temannya.
8 Delete Friends
Gambar 4.75Layar Delete Friend
Untuk menghapus user dari daftar teman dapat dilakukan dengan memilih teman yang ingin dihapus dan memilih delete friend.
Gambar 4.76 Layar Error Tidak Ada Teman yang Dipilih
Jika tidak ada teman yang dipilih pada saat memilih delete friend maka akan muncul peringatan untuk memilih teman yang ingin dihapus.
Gambar 4.77Layar Peringatan Penghapus User dari Daftar User Lain Jika user telah menghapus user lain dari daftar temannya maka akan muncul peringatan kepada user lain bahwa user telah menghapusnya dari daftar teman.
Jika penghapusan teman sukses maka akan muncul peringatan bahwa penghapusan teman sukses.
9 Ubah Password
Gambar 4.79 Layar Pilihan Change Password
Untuk mengubah password, user dapat memilih change password pada halaman utama.
Pada halaman ini user harus mengiisi semua field yang ada dan isi dari new pass dan conf pass harus sama. User dapat membatalkan pengubahan password dengan menekan tombol cancel.
Gambar 4.81 Layar Error Field Kosong
Jika masih ada field yang masih belum diisi pada halaman ubah password maka akan muncul peringatan bahwa semua field harus diisi.
Jika format password tidak terdiri dari angka dan huruf maka akan muncul peringatan bahwa password harus mengandung angka dan huruf.
Gambar 4.83 Layar Error Konfirmasi Password Salah
Jika isi dari new pass dan conf pass tidak sama maka akan muncul peringatan bahwa konfirmasi password salah.
Gambar 4.84 Layar Error Password Lama Salah
Jika isi dari old pass tidak sama dengan yang ada di database maka akan muncul peringatan bahwa password lama salah.
Gambar 4.85 Layar Ubah Password Sukses
Jika pengubahan password sukses maka akan muncul peringatan bahwa pengubahan password sukses.