4. ImageView
Button untuk masuk ke dalam chat room
Gambar 3.13. Rancangan Halaman Item Kontak Klik
3.4.5 Rancangan Halaman Daftar Chat
Halaman daftar chat tampil setelah pengguna berhasil masuk ke dalam sistem, kemudian menggeser tab layout ke menu daftar chat. Rancangan halaman daftar chat
dapat dilihat pada Gambar 3.14 dan keterangan gambar dapat dilihat pada Tabel 3.17
Tabel 3.17. Keterangan Halaman Daftar Chat No.
Jenis Objek Keterangan
1. TabLayout
Tab menu kontak dan daftar chat room 2.
RecyclerView List tempat menampilkan semua kontak pengguna
3. ImageView
Gambar profil pengguna 4.
TextView Nama pengguna
5. TextView
Status pengguna
Gambar 3.14. Rancangan Halaman Daftar Chat
3.4.6 Rancangan Halaman Chat Room
Halaman chat room tampil setelah pengguna mengklik item dalam halaman daftar chat
atau melalui modal profil pada halaman kontak. Rancangan halaman chat room dapat dilihat pada Gambar 3.15 dan keterangan gambar dapat dilihat pada Tabel 3.18
Tabel 3.18. Keterangan Rancangan Halaman Chat Room No.
Jenis Objek Keterangan
1. RecyclerView
List tempat menampilkan pesan pengguna 2.
TextView Tempat menampilkan pesan pengguna
3. ImageView
Gambar profil pengguna 4.
TextView Waktu pesan terkirim
5. EditText
Tempat pengguna menuliskan pesan 6.
Button Tombol untuk mengirimkan pesan
Gambar 3.15. Rancangan Halaman Chat Room
3.4.7 Rancangan Halaman Detail Pengiriman Pesan
Halaman detail pengiriman pesan tampil saat pengguna mengklik pesan dalam halaman chat room. Halam ini akan menapilkan detail proses pengiriman pesan
dengan metode three-pass protocol. Rancangan halamandetail pengiriman pesan dapat dilihat pada Gambar 3.16 dan keterangan gambar dapat dilihat pada Tabel 3.19
Tabel 3.19. Keterangan Rancangan Halaman Detail Pengiriman Pesan No.
Jenis Objek Keterangan
1. RecyclerView
List tempat menampilkan pesan pengguna 2.
TextView Tempat menampilkan pesan pengguna
3. ImageView
Gambar profil pengguna 4.
TextView Waktu pesan terkirim
Gambar 3.16. Rancangan Halaman Detail Pengiriman Pesan
3.4.8 Rancangan Halaman Simulasi Manual
Halaman simulasi manual dapat ditampilkan melalu menu dropdown pada halaman utama. Halaman ini berguna untuk melakukan simulasi manual penerapan metode
three-pass protocol pada algoritma Rabin dan RSA. Rancangan halamansimulasi
manual dapat dilihat pada Gambar 3.17 dan keterangan gambar dapat dilihat pada Tabel 3.20
Tabel 3.20. Keterangan Rancangan Halaman Simulasi Manual No.
Jenis Objek Keterangan
1. TextView
Label judul kunci rabin 2.
TextView Label nilai p kunci privat rabin
3. TextView
Label nilai q kunci privat rabin 4.
TextView Label nilai n kunci publik rabin
5. TextView
Label judul kunci RSA 6.
TextView Label nilai e kunci publik RSA
7. TextView
Label nilai d kunci privat RSA 8.
TextView Label nilai n kunci publik RSA
9. Button
Tombol untuk membangkitkan kunci Rabin dan RSA
10. TextView
Label judul three-pass protocol 11.
EditText Input pesan untuk simulasi
12. Button
Tombol untuk memulai simulasi 13.
TextView Label judul three-pass 1
14. TextView
Label hasil three-pass 1 15.
TextView Label judul three-pass 2
16. TextView
Label hasil three-pass 2 17.
TextView Label judul three-pass 3
18. TextView
Label hasil three-pass 3 19.
TextView Label judul result
20. TextView
Label hasil simulasi
Gambar 3.17. Rancangan Halaman Simulasi Manual
BAB 4 IMPLEMENTASI DAN PENGUJIAN
4.1 Implementasi Sistem
Implementasi sistem merupakan penerapan dari hasil analisis dan perancangan sistem yang telah dibuat. Pada tahap ini, aplikasi yang telah dianalisis dan dirancang akan
dibangun dan bekerja sesuai dengan fungsi yang telah dirancang pada bab sebelumnya, sehingga diketahui apakah sistem ini dapat bekerja dengan baik.
Aplikasi ini adalah aplikasi berbasis Android yang dibangun menggunakan bahasa pemrograman Java dengan menggunakan IDE Android Studio 2.2 sebagai
aplikasi client dengan server dibangun menggunakan bahasa pemrograman PHP versi 7 yang berjalan pada server Nginx engine x berbasis cloud computing. Aplikasi
server dibangun menggunakan Slim Framework v.3 Aplikasi ini memiliki 8 delapan antarmuka, yaitu halaman login, halaman
register, halaman kontak, halaman item kontak klik, halaman daftar chat, halaman chat room
, halaman detail pengiriman pesan dan halaman simulasi manual.
4.2 Antarmuka Sistem
Berikut akan diuraikan halaman-halaman yang dibangun pada aplikasi ini dan proses yang terjadi di dalamnya.
4.2.1 Halaman Login
Halaman login adalah halama yang akan muncul pertama sekali ketika pengguna membuka aplikasi dan belum pernah masuk ke dalam sistem sebelumnya. Pada
halaman login ini terdapat buttonyang berguna untuk masuk ke dalam halaman registrasi jika pengguna belum memiliki akun untuk masuk ke dalam sistem.
