5 Form Sign Up Gambar di bawah ini merupakan rancangan desain form sign up. Form
sign up difungsikan sebagai tempat mendaftarkan diri sebagai user baru.
Gambar 16. Rancangan interface sign up
3. Pengkodean
Pengkodean dilakukan setelah proses analisis dan design selesai. Pada proses ini, pengkodean aplikasi mulai dibangun mengunakan bahasa
pemrograman yang telah ditetapkan yaitu bahasa pemrograman Java. Hasil dari pengkodean perangkat lunak Aplikasi Translator Messenger
dibagi menjadi beberapa form. Penjelasan di bawah ini akan menjelaskan form yang ada di dalam Aplikasi Translator Messenger.
a. Chatser
Exit Firstname
Lastname Username
Password Email
Gender Submit
From chatser pada Aplikasi Translator Messenger berfungsi sebagai server buatan. Chatser akan menunggu client terkoneksi ke server untuk
melakukan permintaan layanan.
Gambar 17. Halaman Chatser b.
Form Login Tampilan pertama dari Aplikasi Translator Messenegr adalah form
Login. Form ini berisi inputan username dan password. Form ini bertujuan untuk memvalidasi input username dan password user yang akan masuk ke
dalam aplikasi. Jika validasi gagal, sistem akan menampilkan pesan error kepada user. Namun jika validasi berhasil, sistem akan langsung menampilkan
form utama Aplikasi Translator Messenger.
Gambar 18. Halaman Login
c. Menu Utama
Menu utama berisi list user yang berfungsi untuk menampung online user. Jika ingin melakukan chatting, user dapat memilih user lawan dengan
cara meng-klik nama user yang diinginkan.
Gambar 19. Halaman menu utama d.
Form Chatting Menu chatting berupa form percakapan antara user yang sedang
melakukan chatting. Form ini akan muncul secara otomatis ketika user telah memilih user lawan yang diinginkan. Setelah user mengirim pesan kepada
user lawan, secara otomatis pula form chatting akan muncul pada halaman user lawan. Pada Aplikasi Translator Messenger, pesan yang dikirmkan akan
langsung dterjemahkan sesuai dengan bahasa yang dikuasai oleh user lawan. Sehingga output yang ditampilkan pada halaman user berbeda dengan output
yang ditampilkan pada halaman user lawan.
Gambar 20. Halaman chatting Dari gambar di bawah ini, dapat dilihat hasil terjemahan pesan yang
dikirim dari bahasa Indonesia ke dalam bahasa Inggris.
Gambar 21. Halaman Chatting user lawan e.
Form Sign Up Pada form sign up, user dapat mendaftarkan diri sebagai user baru.
Sistem akan langsung menampilkan pesan error jika terdapat input yang belum diisi. Data yang dimasukkan oleh user akan disimpan ke dalam
database jika validasi sukses.
Gambar 22. Halaman Sign Up
4. Pengujian
