Perancangan Antar Muka interface

Berdasarkan gambar 3.9. untuk melakukan keabsahan sebuah tanda tangan digital dan membuktikan bahwa dokumen otektik, maka dilakukan proses perhitungan seperti berikut: 6. Hitung nilai v, dengan rumus seperti pada persamaan 2.4. 7. Maka v = 4321 125 mod 127 = 85. 8. Hitung nilai Z 1 , dengan rumus seperti yang terdapat pada persamaan 2.5. 9. Maka z 1 = 5 85 mod 127 = 44 10. Hitung nilai Z 2 , dengan rumus seperti pada persamaan 2.6. 11. Maka z 2 = 127 - 103 85 mod 127 = 8. 12. Dengan diperolehnya nilai z 1 dan z 2 , selanjutnya selanjutnya bisa dilakukan perhitungan dari nilai u. 13. Hitung nilai u, dengan rumus seperti pada persamaan 2.7. 14. Maka u = 23 44 293 8 mod 509 mod 127 = 103. Dari hasil perhitungan tersebut diketahui bahwa nilai u = 103 dan r = 103, dimana u = r maka dapat disimpulkan bahwa tanda tangan sah yang berarti dokumen masih asli tidak berubah.

3.3. Perancangan Antar Muka interface

Perancangan antar muka adalah rancangan 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 software ini, maka rancangan antarmuka menggunakan menu pull down pada masing-masing aplikasi dari kedua user. Menu ini akan tampil apabila user memilih salah satu menu. Universitas Sumatera Utara Buat Kunci xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xx x x xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Browse Simpan 3.3.1. Rancangan halaman pengirim Halaman ini terdiri dari empat menu, yaitu menu beranda, pembentukan kunci, pembentukan tanda tangan, dan tentang. 3.3.1.1. Rancangan halaman pembentukan kunci Berikut adalah rancangan halaman pembentukan kunci: Gambar 3.10. Rancangan Halaman Pembentukan Kunci Seperti yang terlihat pada gambar 3.10. 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 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 berfungsi untuk menampilkan bilangan acak a. 5. Textbox ini adalah tempat untuk menampilkan hasil dari kunci privat yang didapat. 6. Textbox ini berfungsi untuk menampilkan hasil dari kunci publik yang didapat. 7. Button yang berfungsi untuk menentukan tempat penyimpanan kunci privat dan Prima, P = Sub Prima, Q = Basis, A = Kunci Privat, X = Kunci Publik, Y = Tempat Kunci : Beranda Pembentukan Kunci Pembentukan Tanda Tangan Tentang 2 3 4 5 6 1 7 8 Universitas Sumatera Utara Browse xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Browse Buat Tanda Tangan xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx kunci publik direktori. 8. Button yang berfungsi untuk menyimpan kunci privat dan kunci publik kedalam direktori. 3.3.1.2. Rancangan halaman pembentukan tanda tangan Berikut ini adalah rancangan dari halaman pembentukan tanda tangan: Gambar 3.11. Rancangan Halaman Pembentukan Tanda Tangan Berdasarkan gambar 3.11. rancangan halaman ini digunakan untuk pembentukan tanda tangan digital. Pada proses ini user membutuhkan kunci privat yang digunakan untuk mengenkripsi dokumen 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 yang digunakan untuk memasukkan dokumen. 2. Button yang digunakan untuk memasukkan kunci privat. 3. Button yang berfungsi untuk melakukan proses hashing pada dokumen dan menghasilkan tanda tangan digital r, s. 4. Textbox yang berfungsi untuk menampilkan message digest dari dokumen yang didapat saat proses hash dilakukan. Masukkan Kunci Privat : Kunci Privat, X = Message Digest = Tempat Tanda Tangan : Pilih Dokumen : R = S = Tanda Tangan Digital dari Pesan : Beranda Pembentukan Kunci Pembentukan Tanda Tangan Tentang 1 2 3 4 5 6 7 Universitas Sumatera Utara xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Browse xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Beranda Verifikasi Tanda Tangan Digital Browse Verifikasi 5. Textbox yang berfungsi untuk menampilkan kunci privat. 6. Textbox yang digunakan untuk menampilkan tanda tangan r. 7. Textbox yang digunakan untuk menampilkan tanda tangan s. 3.3.2. Rancangan halaman penerima Halaman ini terdiri dari dua menu, yaitu menu beranda, dan menu verifikasi tanda tangan digital. Pada rancangan ini user sebagai penerima hanya bisa melakukan proses verifikasi tanda tangan digital seperti yang terlihat pada gambar 3.12. berikut. Gambar 3.12. Rancangan Halaman Verifikasi Dari gambar 3.12. dapat dilihat bahwa rancangan halaman verifikasi dibangun untuk keperluan verifikasi dokumen. Pada halaman ini dokumen yang telah diberi tanda tangan digital akan di hash kembali untuk menghasilkan message digest. Secara paralel tanda tangan digital akan didekripsi oleh kunci publik yang dimasukkan. Fungsi-fungsi yang terdapat dalam rancangan halaman ini adalah seperti berikut. 1. Button yang digunakan untuk memasukkan dokumen yang telah diberi tanda tangan digital.. 2. Button yang digunakan untuk memasukkan kunci publik penanda tangan. Masukkan File Dokumen : Kunci Publik, Y = Message Digest = Tempat File Kunci Publik : Status Tanda Tangan Digital R = S = Digital Signature dari Pesan : 1 2 3 4 Universitas Sumatera Utara 3. Button yang berfungsi untuk melakukan proses hashing kembali pada dokumen seperti yang dilakukan ketika pengiriman. 4. Textbox yang berfungsi untuk menampilkan status dari dokumen dan tanda tangan digital apakah dokumen tersebut asli atau telah diubah oleh pihak lain. Universitas Sumatera Utara

BAB 4 IMPLEMENTASI DAN PENGUJIAN SISTEM