3.2. Perancangan Sistem
Tahap perancangan sistem system design adalah tahap yang dilakukan setelah tahap analisis sistem system analysis. Tujuan utama dari tahap perancangan adalah
merancang bagaimana sistem akan dibangun Dennis, et al. 2012. Pada penelitian ini, sistem akan dirancang dengan tahapan perancangan yaitu antarmuka sistem System
interface design.
3.2.1.
Perancangan Antarmuka Sistem
Fauzana dalam sujiono,2016 Perancangan antarmuka sistem akan digambarkan melalui mock-up. mock-up adalah sebuah rancangan sistem yang tidak lengkap dan
berskala kecil yang digunakan sebagai tampilan desain awal. Sistem dirancang memiliki empat mock-up, yaitu halaman baranda, teori singkat, simulasi TPP dan tentang
aplikasi.
3.2.1.1.Halaman Beranda
Halaman beranda adalah halaman pertama muncul pada sistem setelah dijalankan. Pada halaman ini berisi nama sistem, logo universitas dan nama pembuat sistem. Halaman
beranda dapat dilihat pada gambar 3.11.
Gambar 3.10 Perancangan Antarmuka Halama Beranda
Keterangan gambar 3.11 : 1.
TabControl berfungsi untuk menunjukkan halaman-halaman yang tersedia pada sistem.
2. Label digunakan untuk judul sistem
3
4 Beranda
Teori Singakat
Simulasi Tentang Aplikas
1
2
Universitas Sumatera Utara
3. Picturebox digunakan untuk logo universitas
4. Label diunakan nama pembuat sistem
3.2.1.2. Halaman Teori Singkat Halaman teori singkat berisi teori singkat mengenai algoritma Massey-Omura,
algoritma Elias Gamma, dan Three-Pass Protocol. Halaman teori singkat dapat dilihat pada gambar 3.12
Gambar 3.12 Perancangan Antarmuka Halaman Teori Singkat
Keterangan : 1.
TabControl berfungsi untuk menunjukkan halaman-halaman yang tersedia pada sistem.
2. Label digunakan untuk judul algoritma Massey-Omura.
3. Label digunkan untuk judul algoritma Elias Gamma.
4. Label digunakan untuk judul simulasi Three-Pass Protocol
5. Rich Text Box digunakan untuk teori singkat mengenai algoritma Massey-
Omura. 6.
Rich Text Box digunakan untuk teori singkat mengenai algoritma Elias Gamma. 7.
Rich Text Box digunakan untuk teori singkat mengenai simulasi Three-Pass Protocol.
Beranda
Teori Singakat
Simulasi Tentang Aplikas
1
Massey-Omura Elias Gamma
Three-Pass Protocol
2 3
4
5 6
7
Universitas Sumatera Utara
3.2.1.3.Halaman Simulasi Halaman simulasi sistem merupakan halaman yang diguakan untuk melakukan proses
enkripsi pesan, dekripsi pesan, kompresi pesan dan dekompresi pesan menggunakan algoritma Massey-Omura algortima Elias Gamma pada simulasi Three-Pass Protocol.
Ditampilkan pada gambar 3.13 berikut ini.
Gambar 3.13. Perancangan antarmuka halaman simulasi
Keterangan gambar: 1.
TabControl berfungsi untuk menunjukkan halaman-halaman yang tersedia pada sistem.
2. Text Box digunkan untuk menampilkan nama file yang digunakan untuk proses
simulasi 3.
Button digunkan untuk mencari file yang digunakan 4.
Button digunkan untuk membuka file 5.
Text Box digunakan untuk menampilkan bilngan prima p 6.
Text Box digunakan untuk menampilkan kunci enkripsi pengirim 7.
Text Box digunakan untuk menampilkan kunci dekripsi pengirim 8.
Text Box digunakan untuk menampilkan kunci enkripsi penerima
Beranda
Teori Singakat
Simulasi Tentang Aplikas
1
Cari Buka
Enkripsi Plaintext
Acak Kunci A
Hitung Karakter
Kompres C1
Dekomp resi C1
Enkripsi C1
Kompres C2
Dekomp resi C2
Dekripsi C2
kompres C3
Dekomp resi C3
Dekripsi C3
Acak Kunci B
2 3
4 5
6 7
8 9
10 11
12 13
14 15
16
17 18
19 20
21
22 23
25 24
26 27
28 29
30 31
32
34 33
35 36
37 38
Reset
39 40
41
Universitas Sumatera Utara
9. Text Box digunakan untuk menampilkan kunci dekripsi penerima
10. Text Box digunakan untuk menampilkan isi file
11. Label digunakan untuk menampilkan kata karakter
12. Text Box digunakan untuk menampilkan panjang karakter pada file
13. Button digunakan untuk menghitung panjang karakter
14. Button digunakan untuk mengacak kunci pengirim
15. Button digunakan untuk mengacak kunci penerima
16. Text Box digunakan untuk menampilkan hasil enkripsi disebut C1
17. Text Box digunakan untuk menampilkan hasil kompresi pesan C1
18. Button digunkan untuk memulai enkripsi pengirim
19. Button digunakan untuk memulai kompresi Ciphertext pertama
20. Text Box digunakan untuk menampilkan hasil dekompresi pesan C1
21. Button digunakan untuk memulai dekompresi Ciphertext pertama
22. Text Box digunakan untuk menampilkan Ciphertext kedua disebut C2
23. Button digunakan untuk memulai enkripsi penerima
24. Text Box digunakan untuk menampilkan hasil kompresi C2
25. Button digunakan untuk memulai kompresi pesan C2
26. Text Box digunakan untuk menampilkan hasil dekompresi pesan C2
27. Button digunakan untuk memulai dekompresi pesan C2
28. Text Box digunakan untuk menampilkan Ciphertxt ketiga disebut C3
29. Button digunkan untuk memulai dekripsi pengirim
30. Text Box digunakan untuk menampilkan hasil kompresi C3
31. Button digunakan untuk memulai kompresi pesan C3
32. Text Box digunakan untuk menampilkan hasil dekompresi pesan C3
33. Text Box digunakan untuk menampilkan Plaintext asli
34. Button digunakan untuk memulai dekompresi pesan C3
35. Button digunkan untuk memulai dekripsi penerima.
36. Text Box digunakan untuk menampilkan Rc
37. Text Box digunakan untuk menampilkan Rd
38. Text Box digunakan untuk menampilkan waktu proses
39. Text Box digunakan untuk menampilkan Cr
40. Text Box digunakan untuk menampilkan Ss
Universitas Sumatera Utara
41. Button digunakan untuk mereset sistem
3.2.1.4.Halaman Tentang Aplikasi Halaman ini memberikan informasi umum mengenai sistem. Perancangan antarmuka
halaman tentang aplikasi seperti pada gambar 3.14 berikut ini
Gambar 3.14. Perancangan Antarmuka Halaman Tentang Aplikasi
Keterangan gambar : 1.
TabControl berfungsi untuk menunjukkan halaman-halaman yang tersedia pada sistem
2. Picturebox digunakan untuk logo universitas
3. Rich Text Box digunakan untuk menampilkan informasi umum sistem
2 3
Beranda
Teori Singakat Simulasi
Tentang Aplikasi
1
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI DAN PENGUJIAN
4.1 Implementasi
Kategori