4.2.7 Perancangan Antarmuka
4.2.7.1 Perancangan Layar Mobile Login
Gambar 4.20 Rancangan Layar saat memulai aplikasi
Gambar 4.20 Merupakan rancangan layar saat user memulai aplikasi. Dalam layar ini terdapat field untuk memasukkan username dan password user.
Terdapat juga 32 buah softkey, yaitu: exit dan menu. Softkey exit digunakan untuk keluar dari aplikasi. Sedangkan softkey menu untuk menampilkan pilihan lain
yang terdapat di layar ini, yaitu: login, registrasi dan contact us. Login digunkan untuk masuk ke aplikasi. Registrasi digunakan untuk membuat user baru. Dan
contact us digunakan untuk mengirimkan pertanyaan atau komentar untuk admin.
Friends List
Gambar 4.21 Rancangan Layar List Teman User
Gambar 4.21 merupakan rancangan layar yang menampilkan daftar teman user yang telah didaftarkan sebelumnya. Pada layar ini juga dapat dilihat status
temannya, yaitu: offline, online, atau busy. Status offline berarti teman tersebut sedang tidak aktif. Status online berarti teman tersebut telah aktif. Sedangkan
status busy berarti teman tersebut sedang melakukan chatting. Pada layar ini terdapat 2 buah softkey, yaitu: Logout dan menu. Softkey logout digunakan untuk
kembali ke layar login. Dan Softkey menu untuk menampilkan pilihan lain yang terdapat di layar, yaitu: Chat, Add Friend, Delete Friend, dan Change Password.
Chat digunakan untuk memulai chatting dengan teman. Add Friend digunakan untuk menambah teman. Delete Friend digunakan untuk menghapus teman dari
list teman. Change Password digunakan untuk mengubah password.
Add Friend
Gambar 4.22 Rancangan Layar menambah teman
Gambar 4.22 merupakan rancangan layar untuk menambah teman user yang baru. Pada layar ini user dapat memasukkan username teman yang ingin
ditambah ke field username dan menekan softkey Ok. Softkey Cancel digunakan untuk membatalkan penambahan teman dan kembali ke layar sebelumnya.
Ubah Password
Gambar 4.23 Rancangan Layar untuk mengganti password
Gambar 4.23 Merupakan rancangan layar untuk mengubah password yang lama menjadi password baru. Untuk mengganti password user harus memasukkan
password lama ke dalam field Old Password dan password baru ke field New Password dan confirm Password. Password pada field New Password dan
Confirm Password harus sama. Setelah itu user dapat menekan softkey Ok untuk mengganti password atau softkey Cancel untuk membatalkan pergantian
password dan kembali ke halaman sebelumnya.
Chatting
Gambar 4.24 Rancangan Layar saat Melakukan Chatting
Gambar 4.24 Merupakan rancangan layar pada saat melakukan chatting. Pada layar ini terdapat 2 buah softkey, yaitu: Quit dan Chat. Softkey Quit
digunakan untuk keluar dari chatting dan softkey Chat digunakan untuk melakukan chatting.
4.2.7.2 Perancangan Layar Web Login