Halaman Home Halaman EnkripsiEmbed.

Selanjutnya penanda awal dan akhir diuraikan sehingga hanya ciphertext asli saja yang diambil seperti yang dijelaskan Gambar 3.4. 49 51 48 55 49 32 32 49 52 56 57 53 32 32 50 51 51 56 55 32 32 52 49 52 57 53 32 32 49 49 52 49 53 32 32 49 50 57 50 48 32 32 50 48 50 52 55 32 32 51 53 56 57 49 32 32 49 48 49 50 49 32 32 49 49 50 54 51 32 32 49 55 57 49 48 32 32 51 50 53 53 52 Gambar 3.15 Ciphertext Dari Citra Stego

3.5 Perancangan Antarmuka Interface

Perancangan antarmuka menampilkan antarmuka sistem yang akan digunakan sebagai jembatan bagi user dalam menggunakan sistem yang dibuat. Antarmuka dirancang sedemikian rupa agar pengguna sistem mendapat kemudahan dalam menggunakan sistem. Dalam sistem yang akan dibangun, antarmuka terdiri dari lima halaman utama, yaitu halaman Home, Embed, Extract, Help, dan About .

3.5.1 Halaman Home

Halaman Home merupakan tampilan awal sistem ketika sistem dijalankan, pada menu bar terdapat pilihan menu utama sistem yaitu termasuk Home, Proses, Help dan About. Pada menu Proses terdapat dua sub menu yaitu EnkripsiEmbed dan EkstrakDekripsi. Setiap menu yang dipilih sistem akan membuka halaman kerja menu tersebut. Setiap menu memiliki fungsi yang berbeda. Tampilan Home akan dirancang seperti Gambar 3.15 Universitas Sumatera Utara Home X Home Proses Help About Exit 1 EnkripEmbed EkstrakDekripsi Gambar 3.16 Rancangan Halaman Home Berikut ini penjelasan dari rancangan visual dari halaman Home: 1. Bagian menu bar terdiri dari pilihan menu utama sistem yaitu Home,Proses,Help,About dan Exit. 2. Merupakan statsic text berisi judul dari sistem. 3. Merupakan static text berisi informasi singkat pembuat sistem.

3.5.2 Halaman EnkripsiEmbed.

Halaman EnkripsiEmbed menjadi antarmuka bagi user untuk melakukan enkripsi dan penyisipan ciphertext hasil enkripsi kedalam media citra bitmap. Rancangan halaman EnkripsiEmbed dapat dilihat pada Gambar 3.16. IMPLEMENTASI SISTEM KEAAMANAN DATA MENGGUNAKAN STEGANOGRAFI TEKNIK FIRST OF FILE DAN INVERSE MATRIX CIPHER KUNCI GANDA Developed by: Basrah Nasution 2 3 Universitas Sumatera Utara 14 Waktu Proses Plaintext: Length 1 9 Length EnkripEmbed X Home Proses Help About Exit Gambar 3.17 Rancangan Halaman EnkripsiEmbed Beberapa komponen yang digunakan dalam merancang antarmuka halaman EnkripsiEmbed dijelasakan sebagai berikut: 1. Terdiri dari Menu Editor yang berupa menu bar yang menghubungkan user ke halaman utama lainya seperti Home, Proses, Help, About dan Exit. 2. Merupakan Edit Text untuk menampilkan text yang akan dienkripsi. 3. Merupakan baris dan kolom representasi matriks 4x4 sebagai kunci 1. Masing- masing elemen matriks terdiri dari Edit Text. 4. Merupakan Push Button untuk membuka file yang akan dienkripsi. 5. Merupakan Push Buton untuk melakukan setting ulang plaintext. 6. Tombol Random merupakan Push Button berfungsi memunculkan angka acak untuk tiap-tiap elemen matriks kunci 1. 7. Merupakan Push Buton untuk melakukan setting ulang elemen matriks kunci 1. 8. Merupakan Push Button untuk melakukan enkripsi pesan. 18 7 6 Waktu Proses Random Enkrip Reset Waktu Proses Detail image Browse image Citra kover Save Citra stego Embed 2 3 4 8 13 15 Buk 5 Reset Enkri 10 12 11 Random Reset 16 17 19 20 21 22 23 24 25 Total waktu enkripsi 26 Universitas Sumatera Utara 9. Merupakan Edit Text untuk menampilkan panjang deret karakter hasil enkripsi. 10. Merupakan Edit Text untuk menampilkan ciphertext hasil enkripsi dengan kunci pertama . 11. Merupakan Edit Text untuk menampilkan waktu proses enkripsi dengan kunci pertama. 12. Merupakan baris dan kolom representasi matriks 4x4 sebagai kunci 2. Masing- masing elemen matriks terdiri dari Edit Text. 13. Merupakan Push Button untuk melakukan enkripsi pesan dengan kunci 2. 14. Tombol Random merupakan Push Button berfungsi memunculkan angka acak untuk tiap-tiap elemen matriks kunci 2. 15. Merupakan Push Buton untuk melakukan setting ulang elemen matriks kunci 2. 16. Merupakan Edit Text untuk menampilkan panjang deret karakter hasil enkripsi dengan kunci 2. 17. Merupakan Edit Text untuk menampilkan ciphertext hasil enkripsi dengan kunci 2. 18. Merupakan Edit Text untuk menampilkan waktu proses enkripsi dengan kunci 2. 19. Merupakan komponen Axes untuk menampilkan cover image. 20. Merupakan Push Button untuk menelusuri lokasi direktori cover image. 21. Terdiri dari beberapa Edit Text untuk menampilkan informasi rincian citra seperti lokasi, dimensi, nama file dan ukuran file. 22. Merupakan Push Button untuk melakukan proses penyisipan embedding ciphertext kedalam cover image. 23. Merupakan Axes untuk menampilkan citra stego. 24. Merupakan Push Button untuk melakukan proses penyimpanan citra stego. 25. Merupakan Edit Text untuk menunjukkan lama waktu proses embedding. 26. Merupakan Edit Text untuk menunjukkan total waktu proses enkripsi dengan kedua kunci. Universitas Sumatera Utara Waktu Proses Ciphertext: Buka citra stego Palintext: 1 5 6

3.5.3 Halaman EkstrakDekripsi