Perancangan Antarmuka Flowchart layar help

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