3.3. Flowchart Sistem
Flowchart merupakan diagram alir dari bagan-bagan tertentu yang memiliki arus penggambaran mengenai langkah-langkah penyelesaian suatu permasalahan. Selain
itu, flowchart juga memiliki fungsi memudahkan proses pengecekan terhadap sistem yang akan dibuat. Berikut merupakan flowchart dari sistem yang dibangun. Gambar
3.6 dan 3.7 dibawah ini menampilkan flowchart dari sistem .
Gambar 3.6 Flowchart Sistem
Gambar 3.7 Flowchart Menu Program
3.3.1. Flowchart Enkripsi Gambar dengan Algoritma AES
Gambar 3.8 Flowchart Enkripsi Gambar
3.3.2. Flowchart Dekripsi Gambar dengan Algoritma AES
Gambar 3.9 Flowchart Dekripsi Gambar 3.4. Pseudocode Sistem
Pseudocode merupakan pendeskripsian dari algoritma pemrograman komputer yang menggunakan struktur sederhana dari bahasa pemrograman yang digunakan dan dapat
dimengerti. Berikut merupakana pseudocode dari sistem yang akan dibangun.
3.4.1. Psuedocode Enkripsi Gambar Berikut ini adalah pseudocode algoritma Advanced Encryption Standard AES
dalam proses enkripsi gambar.
aesEncryptiongambar , byte key[] Var
byte imagePix[] = getRGB.gambarx,y byte state []
= imagePix[] int round
= key.length Byte keyEx []
= key.setEx begin
AddroundKeystate[], keyEx[0] For round = 1 to round -1
SubBytesstate ShiftRowsstate
MixColumnsstate AddroundKeystate, keyEx[round]
end SubBytesstate
ShiftRowsstate AddroundKeystate, keyEx[round]
cipherImage=state end
3.4.2. Psuedocode Dekripsi Gambar Berikut ini adalah pseudocode algoritma Advanced Encryption Standard AES dalam
proses dekripsi gambar cipher.
aesDecryptioncipherImage , byte key[] Var
byte imagePix[] = getRGB.cipherImagex,y byte state []
= imagePix[] begin
AddroundKeystate[], keyEx[round] InvShiftRowstate
InvSubByte state For round = round -1 to 1
AddroundKeystate, keyEx[round] InvMixColumnsstate
InvShiftRowsstate InvSubBytesstate
end AddroundKeystate, keyEx[0]
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
Dalam tugas akhir ini, program dibangun menggunakan bahasa pemrograman Java di dalam IDE Netbeans versi 8.1. Program ini terdiri dari 3 form utama, yaitu form home
yang akan menampilkan judul program tugas akhir penulis , form program yang akan menjadi media proses enkripsi dan dekripsi gambar, dan form help yang akan
menampilkan prosedur penggunaan aplikasi yang dibangun oleh penulis.
4.1.1 Form Home Form home merupakan form yang pertama kali muncul ketika program dijalankan.
Pada form ini terdapat 3 buah menu bar yang terletak di atas form yaitu home, program, dan help. Masing - masing menu bar menunjuk ke masing - masing form.
Pada form ini ditampilkan cover dari tugas akhir penulis. Gambar 4.1 dibawah ini merupakan tampilan dari form home .
51
Gambar 4.1 Tampilan Form Home
4.1.2 Form Program Form program merupakan form yang berfungsi sebagai media proses enkripsi dan
dekripsi gambar. Hal pertama yang dilakukan ketika telah berada pada form ini adalah menginputkan panjang kunci yang digunakan. Kunci yang diperbolehkan untuk
digunakan adalah 128, 192 dan 256. Sehingga, apabila uses lupa menginputkan atau salah memasukkan kunci, maka sistem akan menampilkan message windows untuk
memasukkan kunci yang sesuai. Gambar 4.2 akan menunjukkan tampilan tersebut.
52
Gambar 4.2 Message warning pada form program
Setelah user menginputkan panjang kunci, maka user dapat memilih gambar yang akan dienkripsi dengan menekan tombol browse yang terletak disebelah paling
kiri form. Setelah gambar dipilih, maka gambar tersebut akan tampil di panel normal image. Setelah itu, untuk melihat gambar yang dienkripsi maka user harus menekan
tombol decrypt . Dan proses yang terakhir adalah dekripsi. Hasil dekripsi akan terlihat di form jika user menekan tombol decrypt. Jika proses benar, maka tampilan dari
decrypt image akan sama dengan normal image. Gambar 4.3 dibawah ini menunjukkan tampilan dari proses enkripsi dan dekripsi pada form program.
Gambar 4.3 Proses enkripsi dan dekripsi di form program
53
4.1.3 Form Help Form help merupakan form yang menampilkan prosedur penggunaan aplikasi yang
dirancang oleh penulis. Gambar 4.4 menunjukkan tampilan form help.
Gambar 4.4 Tampilan Form help
54
4.2 Pengujian