Form Home Form Program Form Help

1 decryptImage=state end

3.5. Perancangan Antarmuka

Perancangan antarmuka adalah desain awal dari tampilan sistem yang akan dibangun. Antarmuka harus dirancang dengan memperhatikan faktor pengguna sehingga sistem yang dibangun dapat memberikan kenyamanan dan kemudahan untuk digunakan oleh pengguna. Sistem yang dibangun terdiri dari form home , program dan help.

3.5.1 Form Home

Form Utama adalah tampilan awal dari sistem ini dijalankan. Gambar 3.10 menunjukkan tampilan sementara dari form home. Gambar 3.10 Rancangan Tampilan Form Home 1 1 1 2 3 3

3.5.2 Form Program

Pada halaman form program ini, pengguna dapat melakukan proses browse gambar, enkripsi gambar dan dekripsi gambar . Gambar 3.11 menunjukkan tampilan sementara dari form program. Gambar 3.11 Rancangan Form Program Keterangan: 1 Pengguna dapat menginputkan panjang kunci yang akan digunakan. 2 Pengguna dapat memilih gambar yang akan dienkripsi dengan menekan button browse pada form 3 Jika pengguna lupa atau salah menginputkan panjang kunci, maka ketika pengguna menekan tombol browse maka sistem akan menampilkan pesan peringatan di layar form. 4 Setelah pengguna memilih gambar yang akan dienkripsi , maka gambar akan muncul di panel image seperti yang tertera di gambar 3.11. 4 5 6 1 3 5 Proses selanjutnya pengguna menekan tombol encrypt untuk melakukan proses enkripsi pada gambar, lalu hasil enkripsi akan muncul pada panel image cipher seperti yang tertera di gambar 3.11 diatas. 6 Lalu , dengan menekan tombol decrypt maka sistem akan melakukan proses dekripsi pada image cipher dan akan menghasilkan decrypt image . Gambar tersebut akan ditampilkan pada panel image decrypt seperti yang tertera pada gambar 3.11.

3.5.3 Form Help

Form Help adalah halaman yang berisikan panduan dalam menggunakan aplikasi yang telah dirancang oleh penulis. Gambar 3.12 akan menampilkan rancangan sementara dari form help. Gambar 3.12 Rancangan Form Penerima Berikut ini adalah keterangan komponen yang akan digunakan pada perancangan sistem pada gambar 3.10 , 3.11, dan 3.12 yang ditampilkan pada tabel 3.5. 1 7 3 Tabel 3.5 Keterangan Komponen Sistem Nomor Komponen Jenis Komponen Manfaat Komponen 1 JMenu Membentuk menu yang disediakan dalam sistem 2 JLabel Menampilkan icon logo gambar Fakultas Ilmu Komputer dan Teknologi Informasi 3 JLabel Menampilkan judul sistem 4 JButton Membentuk tombol yang berfungsi untuk menjalankan perintah 5 JScrollPane Menampilkan gambar asli, gambar enkripsi dan gambar dekripsi 6 JTextField Mengambil nilai inputan panjang kunci yang digunakan 7 JLabel Menampilkan keterangan dari prosedur penggunaan sistem BAB BV BMPLEMENTASB DAN PENGUJBAN

4.1. Bmplementasi