ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisis Sistem
3.2.1 Rancangan Interface Aplikas
3.2.1.2 Rancangan Interface Form Utama
Form utama akan muncul setelah beberapa detik pada halaman intro, atau ketika mengklik kiri halaman intro secara sembarangan. Halaman utama akan menampilkan berbagai pilihan yang ditawarkan dalam aplikasi ini. Pada halaman utama disediakan beberapa gambar link dan menustrip yang mempunyai fungsi yang sama, dan mempunyai gambar-gambar yang sesuai dengan fungsi didalamnya. Ada menustrip dan gambar untuk me-link ke form pengamanan, pengungkapan, pembandingan gambar, bantuan, dan tentang programmer, dan juga disediakan menustrip untuk menutup aplikasi. Dalam halaman utama ini juga disediakan label ditengah halaman untuk menampilkan nama aplikasi. Berikut perancangan aplikasi untuk form utama seperti pada gambar 3.15 :
File Pengamanan Pengungkapan Bantuan
Gambar gembok Gambar gembok kunci Gambar kalkulator Gambar tanda tanya Nama Aplikasi 1 2 3 4 5 6 7 8 9
Gambar 3.15 Form Utama
Keterangan :
(1) Merupakan menustrip yang berisi beberapa submenustrip untuk membuka form hitung MSE (mean squared error) dan juga berisi submenustrip tutup yang berfungsi untuk mengakhiri aplikasi
(2) Merupakan menustrip yang berfungsi untuk membuka form pengamanan (3) Merupakan menustrip yang berfungsi untuk membuka form pengungkapan
(4) Merupakan menustrip yang berisi 2 submenustrip, yaitu submenustrip bantuan menggunakan aplikasi dan tentang programmer, bantuan menggunakan aplikasi befungsi untuk membuka form bantuan, dan bantuan tentang programmer berfungsi untuk membuka form tentang programmer
(5) Merupakan gambar yang befungsi untuk membuka form pengamanan (6) Merupakan gambar yang befungsi untuk membuka form pengungkapan (7) Merupakan gambar yang berfungsi untuk hitung MSE (mean squared error) (8) Merupakan gambar berfungsi untuk membukan form bantuan
(9) Merupakan label yang berfungsi untuk menampilkan nama aplikasi
3.2.1.3 Rancangan InterfaceForm Pengamanan
Form pengamanan berfungsi untuk melakukan proses-proses untuk steganografi teknik end of file dan enkripsi kriptografi algoritma ElGamal. Dalam halaman ini disediakan beberapa button yang berfungsi untuk melakukan operasi sesuai dengan nama button tersebut. Berikut perancangan interface untuk form pengamanan seperti pada gambar 3.16 :
Teks Asli
Gambar asli Gambar Stego Cipher Image
Buka Gambar Asli Buka Stego Image Enkripsi Simpan Data
Teks
Buka Teks Embed Simpan Stego-Image Nilai P Nilai g Nilai x Nilai y Nilai k Bangkitkan Bangkitkan Bangkitkan Hitung Bangkitkan 1 6 7 8 9 10 11 13 14 16 19 20 21 22 23 24 25 26 27 30 33 29 32 28 31 Periksa Citra dan teks Propertis Citra asli
Propertis Stego citra
Propertis Cipher citra
Propertis Teks asli
Citra Asli Stego Citra Cipher citra
3
2 4 5
12
15
Besar Bil. Prima
17
18
Keterangan :
(1) merupakan picturebox yang berfungsi untuk menampilkan gambar asli (2) merupakan keterangan gambar asli
(3) merupakan keterangan gambar hasil penyisipan
(4) merupakan picturebox yang berfungsi untuk menampilkan gambar hasil penyisipan
(5) merupakan keterangan cipher citra hasil enkripsi
(6) merupakan picturebox yang berfungsi untuk menampilkan gambar hasil enkripsi (7) merupakan button yang berfungsi untuk membuka gambar yang akan
ditampilkan ke picturebox yang diatasnya
(8) merupakan button yang berfungsi untuk membuka gambar yang akan ditampilkan ke picturebox yang diatasnya
(9) merupakan button yang berfungsi untuk melakukan proses enkripsi
(10) merupakan button yang berfungsi untuk menyimpan gambar hasil enkripsi dan kunci untuk dekripsi
(11) merupakan richtextbox yang befungsi untuk menampilkan teks yang akan disisipi, sekaligus sebagai tempat input-an manual.
(12) merupakan keterangan dari teks asli
(13) merupakan button yang befungsi untuk membuka teks yang akan ditampilkan ke richtextbox
(14) merupakan button yang berfungsi untuk melakukan proses penyisipan sekaligus menampilkan hasil penyisipan ke picturebox
(15) merupakan button yang berfungsi untuk melakukan pengecekan apakah citra dan teks layak disisipi
(16) merupakan button yang berfungsi untuk melakukan penyimpanan gambar hasil penyisipan
(17) merupakan label yang berfungsi untuk menampilkan nama comboBox disampingnya
(18) merupakan comboBox untuk memilih batas maksimum bilangan prima
(19) merupakan label yang berfungsi untuk menampilkan nama textbox disampingnya
(21) merupakan button yang berfungsi untuk melakukan proses pembangkitan bilangan prima sekaligus menampilkan bilangan prima tersebut ke textbox
(22) merupakan label yang berfungsi untuk menampilkan nama textbox disampingnya
(23) merupakan textbox yang berfungsi untuk menampilkan bilangan acak g
(24) merupakan button yang berfungsi untuk melakukan proses pembangkitan bilangan acak g sekaligus menampilkan ke textbox
(25) merupakan label yang berfungsi untuk menampilkan nama textbox disampingnya
(26) merupakan textbox yang berfungsi untuk menampilkan bilangan acak x
(27) merupakan button yang berfungsi untuk melakukan proses pembangkitan bilangan acak x sekaligus menampilkan ke textbox
(28) merupakan label yang berfungsi untuk menampilkan nama textbox disampingnya
(29) merupakan textbox yang berfungsi untuk menampilkan nilai perhitungan logaritma diskrit y
(30) merupakan button yang berfungsi untuk melakukan proses perhitungan lagoritma diskrit sekaligus menampilkan ke textbox
(31) merupakan label yang berfungsi untuk menampilkan nama textbox disampingnya
(32) merupakan textbox yang berfungsi untuk menampilkan bilangan acak x
(33) merupakan button yang berfungsi untuk melakukan proses pembangkitan bilangan acak k sekaligus menampilkan ke textbox
3.2.1.4 Rancangan InterfaceForm Pengungkapan
Halaman pengungkapan berfungsi untuk melakukan proses-proses dekripsi kriptografi algoritma ElGamal dan ekstraksi teknik end of file. Dalam halaman ini disediakan beberapa button yang berfungsi untuk melakukan operasi sesuai dengan nama button tersebut. Berikut perancangan interface untuk form pengungkapan seperti pada gambar 3.17:
Cipher-image
Cipher image Stego image
Cipher Image
Buka Cipher Image Buka Stego Image
Ekstrak
Teks hasil Embed
Simpan Data 1 4 6 8 7 19 20 Dekripsi Simpan Gambar 9 10 11 Propertis Stego citra 2 Propertis Stego citra 3
Propertis Citra hasil dan teks 5 Kunci enkripsi Buka Nilai (p, x, a) Nilai P Nilai x Nilai a 13 16 18 12 17 15 14 Stego-image Plain-image Plain-text
Gambar 3.17 Rancangan Interface Form Pengungkapan
Keterangan :
(1) merupakan picturebox yang berfungsi untuk menampilkan cipher-image (2) merupakan keterangan dari cipher-image
(3) merupakan keterangan dari stego-image
(4) merupakan picturebox yang berfungsi untuk menampilkan stego-image (5) merupakan keterangan dari plain-image
(6) merupakan picturebox yang berfungsi untuk menampilkan plain-image
(7) merupakan button yang berfungsi untuk mengekstraksi gambar dan menampilkan plain-image pada picturebox dan plain-text pada richtextbox
(8) merupakan button yang berfungsi untuk membuka gambar dan menampilkan di picturebox
(9) merupakan button yang berfungsi untuk melakukan proses dekripsi gambar (10) merupakan button yang berfungsi untuk membuka gambar stego-image dan
menampilkan di picturebox
(11) merupakan button yang berfungsi untuk menyimpan stego-image
(12) merupakan label yang berfungsi untuk memberikan nama textbox disampingnya (13) merupakan textbox yang berfungsi untuk menampilkan nilai p
(15) merupakan label yang berfungsi untuk memberikan nama textbox disampingnya (16) merupakan textbox yang berfungsi untuk menampilkan nilai x
(17) merupakan label yang berfungsi untuk memberikan nama textbox disampingnya (18) merupakan textbox yang berfungsi untuk menampilkan nilai a
(19) merupakan richtextbox yang berfungsi untuk menampilkan plain-text
(20) merupakan button yang berfungsi untuk menyimpan plain-image dan plain-text
3.2.1.5 Rancangan InterfaceForm Hitung MSE (Mean Squared Error)
Form hitung MSE (mean squared error) berfungsi untuk melakukan perbandingan kualitas antara dua buah gambar yang memiliki resolusi tinggi dan lebar yang sama. Berikut ini merupakan perancangan interface hitung MSE seperti pada gambar 3.18:
Gambar 1 Gambar 2 Buka Gambar 1 Bandingkan (Compare) 1 3 5 6 Buka Gambar 2 Propertis Gambar 1 Propertis Gambar 2 8 2 4 Nilai MSE 7
Gambar 3.18 Rancangan Form Hitung MSE
Keterangan :
(1) merupakan picturebox yang berfungsi untuk menampilkan gambar 1
(2) merupakan groupbox yang berfungsi untuk menampilkan propertis dari gambar 1, groupbox ini mempunyai label untuk menampilkan propertis gambar tersebut (3) merupakan picturebox yang berfungsi untuk menampilkan gambar 2
(4) merupakan groupbox yang berfungsi untuk menampilkan propertis dari gambar 2, groupbox ini mempunyai label untuk menampilkan propertis gambar tersebut (5) merupakan button yang berfungsi untuk membuka dan menampilkan gambar 1 (6) merupakan button yang berfungsi untuk membuka dan menampilkan gambar 2 (7) merupakan groupbox yang berfungsi untuk menampilkan nilai MSE
(8) merupakan button yang berfungsi untuk menghitung nilai MSE dan menampilkan ke textbox
3.2.1.6 Rancangan InterfaceForm Bantuan Menggunakan Aplikasi
Halaman bantuan berfungsi untuk menampilkan bantuan-bantuan menggunakan aplikasi. Berikut perancangan interface form bantuan seperti pada gambar 3.19 :
1
3
Pilih Kategori Bantuan 2
Gambar 3. 19 Rancangan Interface Form Menggunakan Aplikasi (Bantuan)
Keterangan :
(1) Merupakan label untuk memberikan penamaan combobox disampingnya (2) Merupakan combobox yang berfungsi untuk memilih jenis bantuan (3) Merupakan richtextbox yang berfungsi untuk menampilkan bantuan