3.5 Perancangan Antar Muka Interface
Perancangan antar muka adalah desain tampilan yang menghubungkan pengguna user dengan komputer dengan bantuan program. Salah satu syarat pembuatan antar muka
adalah berorientasi pada kemudahan dalam penggunaannya user friendly serta informatif.
Aplikasi yang akan dibuat adalah aplikasi tanda tangan digital yang dapat dijalankan oleh user sebagai pengirim dan user sebagai penerima. Aplikasi yang
terdapat pada user sebagai pengirim dirancang untuk proses pembentukan sepasang kunci, dan pembentukan tanda tangan digital, sedangkan aplikasi untuk user sebagai
penerima dirancang untuk proses verifikasi dokumen dan tanda tangan digital. Untuk memudahkan user dalam mengoperasikan aplikasi ini, maka rancangan
antar muka menggunakan tab control pada masing-masing aplikasi dari kedua user. Tab ini akan tampil apabila user memilih salah satu tab.
3.5.1 Rancangan halaman pengirim
Halaman ini terdiri dari dua tab, yaitu tab pembentukan sepasang kunci dan pembentukan tanda tangan.
Berikut adalah rancangan halaman pembentukan sepasang kunci
Universitas Sumatera Utara
Gambar 3.17. Rancangan halaman pembentukan sepasang kunci Seperti yang terlihat pada gambar 3.17. rancangan dari halaman pembentukan kunci ini
berfungsi untuk melakukan proses pembentukan sepasang kunci yaitu kunci privat dan kunci publik yang nantinya akan digunakan untuk melakukan proses berikutnya.
Berikut adalah fungsi-fungsi yang terdapat didalam halaman. 1.
Button ini digunakan untuk melakukan pembentukan kunci. 2.
Textbox ini digunakan untuk menampilkan bilangan prima p. 3.
Textbox ini digunakan untuk menampilkan bilangan sub prima q. 4.
Textbox ini digunakan untuk menampilkan bilangan acak g. 5.
Textbox ini digunakan untuk menampilkan hasil dari kunci privat yang didapat. 6.
Textbox ini berfungsi untuk menampilkan hasil dari kunci publik yang didapat. 7.
Button ini digunakan untuk menentukan tempat penyimpanan kunci privat dan kunci publik direktori.
8. Textbox ini digunakan untuk menampilkan direktori penyimpanan kunci privat
dan publik.
1 2
3 4
5 6
8 7
9 10
Universitas Sumatera Utara
9. Button ini digunakan untuk menyimpan kunci privat dan kunci publik kedalam
direktori. 10.
Label ini digunakan untuk menampilkan hasil dari uji running time pada saat program dijalankan.
Berikut ini adalah rancangan dari halaman pembentukan tanda tangan digital:
Gambar 3.18. Rancangan halaman pembentukan tanda tangan digital Berdasarkan gambar 3.18. rancangan halaman ini digunakan untuk pembentukan tanda
tangan digital DSA. Pada proses ini user membutuhkan kunci privat yang digunakan untuk mengenkripsi file yang telah di hash sehingga menghasilkan tanda tangan digital.
Adapun fungsi-fungsi yang terdapat didalam rancangan pada halaman ini adalah seperti yang dijelaskan berikut.
1. Button ini digunakan untuk memasukkan file.
2. Textbox ini digunakan untuk menampilkan tempat penyimpanan file.
3. Textbox ini digunakan untuk menampilkan nilai message digest dari isi pesan
yang didapat saat proses hash dilakukan. 4.
Button ini digunakan untuk proses pembuatan tanda tangan digital. 5.
Textbox ini digunakan tempat untuk menampilkan tanda tangan r. 6.
Textbox ini digunakan untuk menampilkan tanda tangan s.
1 2
3
4 5
6 7
8 9
10
Universitas Sumatera Utara
7. Button ini digunakan untuk tempat penyimpanan message digest m dan tanda
tangan r, s. 8.
Textbox ini digunakan untuk menampilkan direktori penyimpanan m, r, dan s. 9.
Button ini digunakan untuk menyimpan m, r dan s kedalam direktori. 10.
Label ini digunakan untuk menampilkan hasil dari uji running time pada saat program dijalankan.
3.5.2. Rancangan halaman penerima