Desain Sistem

BAB III ANALISIS DAN PERANCANGAN SISTEM

3.4 Desain Sistem

Gambar 3.8 merupakan rancangan untuk Halaman Utama pada sistem aplikasi yang akan dibuat. Halaman utama ini nantinya akan terdiri atasmenu bar,

toolbar,radiobutton,text editor, dan status bar.

Menu bar sendiri terdiri atas menu File, menu Edit, menu View, menu Actions, menu Windows dan menu Help. Dari tiap-tiap menu bar masih terdapat beberapa sub menu bar.

Toolbar terdiri dari toolbar Pesan Baru, Buka Pesan, Simpan Pesan, Cut, Copy, Paste, Undo, Cari Gambar, Crypto dan Stegano. Toolbar ini merupakan penjabaran dari sub menu – sub menu dari menu bar.

Selain menu bar dan toolbar, sistem aplikasi yang akan dibuat juga menyediakan fasilitas radiobutton dimana fungsi dari radiobutton ini adalah untuk memilih salah satu dari operasi yang akan dijalankan. Sistem aplikasi yang akan dibuat menyediakan 2 operasi utama yaitu operasi Enkripsi dan Encodedan juga operasi Dekripsi danDecode.

Disamping menu bar, toolbar dan radiobutton, sistem aplikasi juga menyediakan text editor dimana pengguna tidak perlu menggunakan text editor lainnya hanya untuk menuliskan pesan yang diinginkan.

Fasilitas lain yang diberikan sistem aplikasi yang akan dibuat adalah informasi tentang operasi yang sedang dilakukan, informasi tentang status gambar yang telah dipilih atau belum dipilih, informasi tentang status kunci yang digunakan untuk proses enkripsi maupun proses dekripsi serta informasi tentang status password yang digunakan untuk prosesencodingdan prosesdecoding.

Gambar 3.8 Halaman Utama

3.4.2 Halaman Cari Gambar

Gambar 3.9 merupakan rancangan untuk Halaman Cari Gambar. Halaman Cari Gambar ini terdiri dari tombol Cari Gambar, Bersih Gambar, OK, Batal, dan

Pakai Gambar. Selain itu halaman ini juga menyediakan preview untuk gambar yang telah dipilih dan juga informasi tentang gambar yang telah dipilih.

X

Cari Gambar Preview Cari Gambar Bersih Gambar Informasi Gambar

Nama Gambar : Tidak Diketahui Ukuran Gambar : 0 pixel X 0 pixel

Batal Pakai

Gambar OK

Gambar 3.9 Halaman Cari Gambar

3.4.3 Halaman Masukkan/Generate Initialization Vector(IV)

Gambar 3.10 merupakan rancangan utuk Halaman Generate Initialization Vector (IV) dimana halaman ini nantinya akan digunakan pada proses enkripsi. Halaman Generate Initialization Vector (IV), terdiri dari radiobutton, text box, dan tombol.

Halaman ini juga menyertakan catatan petunjuk dimana catatan tersebut nantinya dapat membantu pengguna dalam menggunakan halaman ini. Halaman ini memberikan 2 pilihan kepada pengguna dalam meng-generate Initialization Vector (IV). Cara pertama pengguna meng-generate secara otomatis dengan menekan tombol Generate IV dan cara kedua adalah pengguna memasukkan sendiri IV yang diinginkan. Pilihan ini lebih dianjurkan untuk pengguna yang

mengetahui tentang bilangan hexadesimal. Halaman ini menyediakan juga tombol Default IV. Tombol ini berguna untuk mengembalikan nilai IV ke nilai semula.

Gambar 3.10 Halaman Generate Initialization Vector (IV) Proses Enkripsi

Gambar 3.11 merupakan rancangan untuk Halaman Masukkan Initialization Vector (IV). Halaman ini digunakan pada proses Dekripsi. Pada halaman ini hanya terdiri dari sebuah text box dan tiga tombol. Halaman ini tidak menuntut apakah pengguna merupakan orang yang expert pada dunia komputer atau tidak. IV yang dimasukkan adalah IV yang dikirim oleh pengirim pesan dan pengguna hanya tinggal memasukkan IV yang telah diterima ke text box yang telah disediakan oleh sistem aplikasi yang akan dibuat.

Gambar 3.11 Halaman MasukkanInitialization Vector(IV) Proses Dekripsi

3.4.4 Halaman Set Kunci/Password

Gambar 3.12 merupakan rancangan untuk Halaman Set Kunci Enkripsi. Gambar 3.13 merupakan rancangan untuk Halaman Set Kunci Dekripsi. Gambar 3.14 merupakan rancangan untuk Halaman Set Password Encode. Gambar 3.15 merupakan rancangan untuk Halaman Set Password Decode.

Apabila dilihat secara sekilas, halaman-halaman tersebut kelihatan sama. Perbedaan yang utama terdapat pada tulisa-tulisan yang memberikan keterangan halaman yang sedang dibuka.

Terdapat dua text box yaitu text box Masukkan Kunci dan text box Konfirmasi. Kedua text box ini isinya harus sama. Apabila tidak sama, sistem aplikasi telah memiliki proteksi yang mengetahui bahwa isi dari kedua text box tersebut tidak sama. Karena halaman ini adalah halaman untuk memasukkan kunci atau password, maka karakter yang tampil pada text box tersebut bukan karakter asli. Karakter asli tersebut diubah dengan karakter asterik ( * ). Hal ini dilakukan untuk menjaga kerahasiaan dari kunci atau password yang dimasukkan.

Gambar 3.12 Halaman Set Kunci Enkripsi

Set Kunci Dekripsi

X

Set Kunci

Masukkan Kunci Dekripsi

OK Batal

Konfirmasi Kunci Dekripsi

Gambar 3.13 Halaman Set Kunci Dekripsi

Gambar 3.15 Halaman SetPassword Decode

3.4.5 Halaman Pengecekan Piksel Gambar Secara Otomatis

Gambar 3.16 merupakan rancangan untuk halaman pengecekan piksel secara otomatis. Pada gambar 3.16 dapat dilihat terdapat dua gambar yang sama persis namun gambar-gambar tersebut merupakan gambar sebelum dilakukan prosesencodingdan gambar setelah dilakukan prosesencoding. Setelah dilakukan proses pengecekan maka akan muncul halaman baru dimana halaman tersebut merupakan halaman informasi dari piksel-piksel yang telah dicek baik untuk gambar sebelum prosesencoding maupun gambar setelah prosesencoding seperti terlihat pada gambar 3.17.

Gambar 3.16 Halaman Utama Cek Piksel Gambar

3.4.6 Halaman Pengecekan Piksel Gambar dengan Pemasukkan Koordinat

Gambar 3.18 merupakan rancangan untuk halaman pengecekan piksel dengan cara memasukkan koordinat yang diinginkan. Pada halaman tersebut akan diberikan informasi tentang piksel yang diinginkan, informasi elemen-elemen dari gambar sebelum proses encoding dan informasi elemen-elemen dari gambar setelah prosesencoding.

Gambar 3.18 Halaman Cek Piksel dengan Memasukkan Koordinat

3.4.7 Halaman Pengecekan Piksel Gambar dengan Koordinat Acak

Gambar 3.19 merupakan rancangan untuk halaman pengecekan piksel gambar secara acak dengan cara mengklik gambar tersebut. Pada halaman tersebut akan ditampilkan informasi dari koordinat yang terpilih, informasi tentang elemen-elemen gambar sebelum proses encoding dan informasi tentang elemen-elemen gambar setelah prosesencoding.

Gambar 3.19 Halaman Cek Piksel dengan Mengklik Koordinat Acak