3.4 Perancangan User Interface
User interface dirancang sebagai bentuk komunikasi antara pengguna dengan komputer, dan juga sebagai bentuk interaksi antara pengguna dengan komputer
menggunakan tampilan yang ada di layar komputer. Hal ini sangat penting karena sangat mempengaruhi komunikasi dengan komputer, oleh karena itu desain user
interface haruslah seefektif dan seminimal mungkin. Efektif artinya tampilan tersebut siap digunakan dan hasilnya sesuai dengan kebutuhan sedangkan minimal artinya
penggunaan tombol – tombol, gambar dan tulisan – tulisan yang tidak perlu dan bisa membingungkan pengguna harus dihindarkan.
3.4.1 Tampilan Menu Utama
Berikut ini adalah rancangan tampilan awal dari Aplikasi ElGamal Elliptic Curve Cryptosystem
Gambar 3.8 Tampilan Awal Aplikasi ElGamal Elliptic Curve Cryptosystem
LOGO FASILKOMTI
APLIKASI ELGAMAL ELLIPTIC CURVE CRYPTOSYSTEM DENGAN METODE PEMBANGKIT
BILANGAN PRIMA RABIN-MILLER Pembentukan Kunci Proses Enkripsi Proses Dekripsi
1 2
3 4
5 6
Universitas Sumatera Utara
Keterangan gambar 3.8 adalah sebagai berikut: 1. Nomor 1 adalah logo dari Fasilkomti USU
2. Nomor 2 adalah label dari nama aplikasi 3. Nomor 3 adalah label shortcut untuk menuju ke form pembuatan kunci
4. Nomor 4 adalah label shortcut untuk menuju ke form proses enkripsi 5. Nomor 5 adalah label shortcut untuk menuju ke form proses dekripsi
6. Nomor 6 adalah label shortcut untuk menuju ke form mengenai aplikasi
3.4.2 Tampilan Menu Proses Pembentukan Kunci
Gambar 3.9 Tampilan Menu Proses Pembentukan Kunci Aplikasi ElGamal Elliptic Curve Cryptosystem
Keterangan gambar 3.9 adalah sebagai berikut: 1. Nomor 1 adalah field dan tombol untuk mengeluarkan bilangan prima secara
acak ataupun memvalidasi bilangan prima yang kita masukkan dengan menggunakan metode pembangkitan bilangan prima Rabin-Miller
LOGO FASILKOMTI
APLIKASI ELGAMAL ELLIPTIC CURVE CRYPTOSYSTEM DENGAN METODE PEMBANGKIT
BILANGAN PRIMA RABIN-MILLER
Bilangan prima p
acak prima validasi prima
Hitung nilai elemen
hitung
Pilih titik P Tentukan Kunci Privat
Kunci Rahasia 1 Kunci Rahasia 2
acak
Perhitungan Kunci Publik
hitung
simpan semua data input dan tutup form
1 2
3
4 5
6
Universitas Sumatera Utara
2. Nomor 2 adalah field dan tombol untuk menghitung elemen – elemen titik yang terdapat pada kurva eliptik dengan bilangan prima yang telah kita pilih
sebelumnya 3. Nomor 3 adalah dropdown field untuk memilih titik mana dari elemen – elemen
yang telah kita hitung untuk digunakan sebagai titik P pada proses pembentukan kunci
4. Nomor 4 adalah field dan tombol untuk memasukkan ataupun menghitung secara acak sebuah angka untuk dijadikan sebagai kunci rahasia antara pengguna 1 dan
pengguna 2 5. Nomor 5 adalah field dan tombol untuk menghitung kunci publik yang didapatkan
dari kunci rahasia dan titik P, detil perhitungan akan ditunjukkan dalam field di bawahnya
6. Nomor 6 adalah tombol untuk menyimpan parameter yang diperlukan seperti nilai p, kunci rahasia, kunci publik dan titik P pada memori sementara untuk kemudian
digunakan pada proses enkripsi dan dekripsi
3.4.3 Tampilan Menu Proses Enkripsi
Gambar 3.10 Tampilan Menu Proses Enkripsi Aplikasi ElGamal Elliptic Curve Cryptosystem
LOGO FASILKOMTI
APLIKASI ELGAMAL ELLIPTIC CURVE CRYPTOSYSTEM DENGAN METODE PEMBANGKIT
BILANGAN PRIMA RABIN-MILLER
Proses
Buka File Teks 1
2 3
4 5
4
6
Universitas Sumatera Utara
Keterangan gambar 3.10 adalah sebagai berikut: 1. Nomor 1 merupakan field yang akan menuliskan langkah – langkah yang
diperlukan untuk melakukan proses enkripsi secara jelas agar pengguna dapat memahami proses enkripsi pada kriptografi kurva eliptik ElGamal
2. Nomor 2 merupakan field yang akan menuliskan detil proses perhitungan untuk enkripsi plainteks menjadi cipherteks
3. Nomor 3 merupakan field yang akan menunjukkan plainteks apa yang terdapat pada file teks yang kita masukkan
4. Nomor 4 merupakan tombol yang akan menjalankan proses enkripsi plainteks menjadi cipherteks
5. Nomor 5 merupakan shortcut untuk membuka window pemilihan file teks untuk dimasukkan ke dalam aplikasi
6. Nomor 6 merupakan tombol navigasi 2 arah untuk melanjutkan langkah – langkah proses enkripsi
3.4.4 Tampilan Menu Proses Dekripsi
Gambar 3.11 Tampilan Menu Proses Dekripsi Aplikasi ElGamal Elliptic Curve Cryptosystem
LOGO FASILKOMTI
APLIKASI ELGAMAL ELLIPTIC CURVE CRYPTOSYSTEM DENGAN METODE PEMBANGKIT
BILANGAN PRIMA RABIN MILLER
Proses
1
2 3
4
5 Daftar Nilai Variabel yang digunakan:
KP1 = KP2 =
P = p =
Universitas Sumatera Utara
Keterangan gambar 3.11 adalah sebagai berikut: 1. Nomor 1 merupakan field yang akan menuliskan langkah – langkah yang
diperlukan untuk melakukan proses dekripsi secara jelas agar pengguna dapat memahami proses dekripsi pada kriptografi kurva eliptik ElGamal
2. Nomor 2 merupakan field yang akan menuliskan detil proses perhitungan untuk dekripsi cipherteks menjadi plainteks
3. Nomor 3 merupakan field yang akan menunjukkan cipherteks yang tersimpan secara otomatis dari proses enkripsi sebelumnya
4. Nomor 4 merupakan tombol yang akan menjalankan proses dekripsi cipherteks menjadi plainteks
5. Nomor 5 merupakan tombol navigasi 2 arah untuk melanjutkan langkah – langkah proses dekripsi
3.4.5 Tampilan Menu About
Gambar 3.12 Tampilan Form Mengenai Aplikasi
Mengenai Aplikasi
Universitas Sumatera Utara
BAB IV
IMPLEMENTASI DAN PENGUJIAN
4.1 Implementasi Sistem