4.2.3. Perancangan Antarmuka
1. Form login
Form login berfungsi untuk verifikasi user yang berhak mengakses aplikasi. Form ini menampilkan nama dari program
yang dibuat, User Name, Password, tombol Login, tombol Batal dan juga berisi teks-teks keterangan.
Masukan nama user dan password
Password : User :
LOGIN
Login Batal
Gambar 4.14 Form login
2. Form utama
Form Menu utama merupakan tampilan utama pada aplikasi stegSECURE 1.0. Pada form ini terdapat 5 tombol utama yang
masing-masing mempuyai fungsi sebagai berikut : • Tombol Encode : berfungsi untuk menampilkan form encode
• Tombol Decode : berfungsi untuk menampilkan form decode • Tombol About : berfungsi untuk menampilkan form about
• Tombol Help : berfungsi untuk menampilkan form help
57
• Tombol Exit : berfungsi untuk keluar dari form menu utama. Untuk memperjelas rancangan Form Menu Utama dapat dilihat
pada gambar 4.15
x
Decode
Help
Exit About
Encode
Gambar
Gambar 4.15 Form utama
3. Form encode
Form encode berfungsi untuk menginput gambar penyembunyi, file yang akan diencode, password, serta menjalankan proses
encode. Tampilan yang menyerupai wizard memudahkan dalam menjalankan aplikasi langkah demi langkah.
Form encode ini dilengkapi dengan 5 tombol yang mempunyai fungsi sebagai berikut :
• Tombol Cari : berfungsi untuk menampilkan form lokasi file • Tambol Batal : berfungsi untuk kembali ke form menu utama
58
• Tombol Kembali : berfungsi untuk kembali ke menu sebelumnya
• Tombol Lanjut : berfungsi untuk melanjutkan ke menu berikutnya
• Tombol Encode : berfungsi untuk menjalankan proses encode Untuk memperjelas rancangan Form Encode dapat dilihat pada
gambar-gambar berikut. rjelas rancangan Form Encode dapat dilihat pada
gambar-gambar berikut.
x
StegSECURE 1.0
Image Preview
Kembali Batal
Lanjut Encode
Cari
File info File info
File info File info
Pilih Gambar Penyembunyi .bmp Langkah 1
Gambar 4.16 Form encode langkah1
59
x
StegSECURE 1.0
Gambar 4.18 Form encode langkah3
Kembali Batal
Lanjut Encode
Masukan Password :
StegSECURE 1.0
Langkah 3 x
Password Min 6 Karakter, Max 8 Karakter
Gambar 4.17 Form encode langkah2
Kembali Batal
Lanjut Encode
Cari
File info File info
File info Pilih File Yang Akan Disembunyikan :
Langkah 2
60
x
StegSECURE 1.0
Langkah 4
Text info
Batal Kembali
Lanjut Encode
Gambar 4.19 Form encode langkah4
4. Form decode
Form decode berfungsi untuk menginput gambar yang akan di decode, gambar original sebagai stego key, password, serta
menjalankan proses decode. Tampilan yang menyerupai wizard memudahkan dalam menjalankan aplikasi langkah demi langkah.
Form decode ini dilengkapi dengan 5 tombol yang mempunyai fungsi sebagai berikut :
• Tombol Cari : berfungsi untuk menampilkan form lokasi file • Tambol Batal : berfungsi untuk kembali ke form menu utama
• Tombol Kembali : berfungsi untuk kembali ke menu sebelumnya
61
• Tombol Lanjut : berfungsi untuk melanjutkan ke menu berikutnya
• Tombol decode : berfungsi untuk menjalankan proses decode Untuk memperjelas rancangan Form decode dapat dilihat pada
gambar-gambar berikut.
Image Preview
Kembali Batal
Lanjut Decode
Cari
File info File info
File info Pilih Gambar Yang Akan Di Decode .bmp
StegSECURE 1.0
Langkah 1 x
Gambar 4.20 Form decode langkah1
62
x
StegSECURE 1.0
Pilih Gambar Asli Image Key : Langkah 2
File info File info
File info Cari
Decode Lanjut
Batal Kembali
Image Preview
Gambar 4.21 Form decode langkah2
x
StegSECURE 1.0
Gambar 4.22 Form decode langkah3
Kembali Batal
Lanjut Decode
Masukan Password : Langkah 3
63
x
StegSECURE 1.0
Langkah 4
Text info
Batal Kembali
Lanjut Decode
Gambar 4.23 Form decode langkah4
5. Form about
Form about berisi tentang untuk apa program ini dibuat. Form about ini dilengkapi dengan 1 tombol Tombol OK yang
mempunyai fungsi untuk menutup Form about.
stegSECURE 10
Text
Copyright 2008 UIN
OK
Gambar 4.24 Form about 64
6. Form help
Form help berfungsi sebagai menu bantuan bagi pemakai yang belum mengerti atau memahami cara mengunakan aplikasi
stegSECURE. Form help ini dilengkapi dengan 6 tombol yang mempunyai fungsi
sebagai berikut: • Tombol Hide : berfungsi untuk menyembuyikan tab Contens
dan Index • Tambol Back : berfungsi untuk menampilkan kembali
halaman yang telah dibuka sebelumnya • Tombol Print : berfungsi untuk mencetak halaman bantuan
yang ditampilkan • Tombol Options
Memiliki beberapa fungsi, yaitu : o
Menampilkan dan menyembuyikan Tab o
Menampilkan halaman yang sebelumnya telah dibuka Back
o Menampilkan halaman yang sesudah dibuka Forword
o Kembali kehalaman utama Home
o Menghentikan Proses Stop
o Merefresh program Help Refresh
o Menampilkan Internet Options
65
• Tombol Contens : berfungsi untuk menampilkan Topik bantuan
• Tombol Index : berfungsi untuk menampilkan Indek kata yang biasa digunakan
Untuk memperjelas rancangan Form Help dapat dilihat pada gambar 4.25
Gambar 4.25 Form help
Hide Back
Options Print
Contents Index
66
4.2.4. State Transition Diagram STD