Perancangan Antar Muka ANALISIS DAN PERANCANGAN

Gambar 3.10 Sequence Diagram Sistem

3.3 Perancangan Antar Muka

Perancangan antar muka merupakan penghubung antara user dengan sistem. Syarat utama pembuatan antar muka adalah berorientasi pada user friendly, hal ini dimaksudkan untuk memudahkan user dalam pengoperasian system. 3.3.1 Halaman Beranda Pada halaman beranda ini merupakan tampilan awal dari sistem saat dijalankan. Halaman awal ini berisikan judul sistem, nama penulis dan instansi pendidikan penulis. Rancangan halaman awal dapat dilihat pada Gambar 3.11. Universitas Sumatera Utara Gambar 3.11 Rancangan Antarmuka Beranda Keterangan Gambar : 1. Label : Label yang digunakan untuk judul sistem dan nama penulis. 2. Picturebox : Digunakan untuk logo USU. 3. Menustrip menu : Menampilkan dua menu pilihan yaitu enkripsi-kompresi dan dekripsi-dekompresi. 4. Menustrip Tentang : Digunakan untuk menampilkan keterangan penulis. 5. Menustrip bantuan : Digunakan untuk menampilkan petunjuk penggunaan sistem. 3.3.2 Halaman Enkripsi-Kompresi Halaman enkripsi-kompresi ini merupakan sub menu dari menustrip menu yang dapat dipilih oleh user. Pada halaman utama sistem ini, terdapat beberapa tombol yang digunakan untuk menjalankan fungsi-fungsi enkripsi Playfair Cipher dan fungsi kompresi dengan RLE. Halaman enkripsi-kompresi ini ditunjukkan pada Gambar 3.12. Bantuan Tentang Menu ANALISIS DAN IMPLEMENTASI ALGORITMA PLAYFAIR CIPHER DAN RUN LENGTH ENCODING DALAM PENGAMANAN DAN KOMPRESI DATA TEKS Logo Universitas Sumatera Utara ANANDA DWI PUTRI 121401050 3 4 5 1 2 1 Universitas Sumatera Utara Gambar 3.12 Rancangan Antarmuka Enkripsi-Kompresi Keterangan Gambar : 1. Label : Label enkripsi pesan. 2. Label : Label kompresi pesan. 3. Label : Label pencarian file. 4. Label : Label ukuran file. 5. Label : Label plainteks. 6. Textbox : Menampilkan nama file yg di cari. 7. Button : Tombol cari, untuk membuka direktori dan mencari file. 8. Textbox : Menampilkan ukuran file. 9. Textbox : Menampilkan isi fileplainteks yang telah dicari sebelumnya. 10. Label : Label kunci. 11. Textbox : Menginput kunci yang diinginkan. 12. Button : Tombol enkripsi, untuk mengenkripsi pesanplainteks. 13. Label : Label cipherteks. 21 17 Enkripsi dengan Playfair Kompresi dengan RLE Waktu : Ukuran : dengan Hasil Kompresi Plainteks File : dengan Ukuran : dengan Plainteks Plainteks Kunci Cipherteks Plainteks 1 2 3 4 6 7 8 5 9 10 11 12 13 14 15 23 19 20 22 18 16 21 17 Universitas Sumatera Utara 14. Textbox : Menampilkan hasil enkripsicipherteks. 15. Button : Tombol save, menyimpan file cipherteks. 16. Label : Label hasil kompresi. 17. Textbox : Menampilkan hasil kompresi. 18. Button : Tombol kompresi, untuk kompresi pesan cipherteks. 19. Label : Label waktu kompresi. 20. Textbox : Menampilkan waktu kompresi. 21. Label : Label ukuran file. 22. Textbox : Manampilkan ukuran file setelah dikompresi. 23. Button : Tombol save, menyimpan hasil kompresi. 3.3.3 Halaman Dekripsi-Dekompresi. Halaman dekripsi-dekompresi ini merupakan sub menu dari menustrip menu yang dapat dipilih oleh user. Pada halaman ini, terdapat beberapa tombol yang digunakan untuk menjalankan fungsi-fungsi dekripsi Playfair Cipher dan fungsi dekompresi dengan RLE. Halaman dekripsi-dekompresi ini ditunjukkan pada Gambar 3.13. Universitas Sumatera Utara Gambar 3.13 Rancangan Antarmuka Dekompresi-Dekripsi Keterangan Gambar : 1. Label : Label dekompresi pesan. 2. Label : Label dekripsi pesan. 3. Label : Label pencarian file. 4. Label : Label ukuran file. 5. Label : Label file ter-kompresi. 6. Textbox : Menampilkan nama file yg di cari. 7. Button cari : Tombol cari, untuk membuka direktori dan mencari file. 8. Textbox : Menampilkan ukuran file. 9. Textbox : Menampilkan isi file ter-kompresi yang telah dicari sebelumnya. 10. Button dekompresi : Untuk dekompresi file. 11. Label : Label cipherteks. 12. Textbox : Menampilkan file yg telah di-dekompresikancipherteks. Dekompresi dengan RLE Dekripsi dengan Playfair Kunci Ukuran : dengan Plainteks Plainteks File : dengan Ukuran : dengan Hasil Kompresi Plainteks Waktu Cipherteks Plainteks 1 3 4 6 7 8 5 9 12 18 10 13 1 16 15 11 17 14 1 21 1 20 1 22 14 1 19 1 2 Universitas Sumatera Utara 13. Label : Label waktu dekompresi. 14. Textbox : Menampilkan waktu dekompresi file. 15. Label : Label kunci pesan. 16. Textbox : Meng-input kunci pesan. 17. Button Dekripsi : Mengdekripsikan pesan. 18. Textbox : Menampilkan hasil dekripsi pesanplainteks. 19. Label : Label plainteks. 20. Textbox : Menampilkan ukuran file. 21. Label : Label ukuran file. 22. Button save : Menyimpan file. 3.3.4 Halaman Tentang Halaman tentang ini merupakan menustrip yang dapat dipilih oleh user. Pada halaman ini, user dapat melihat profilbiodata dari penulis. Halaman tentang ini ditunjukkan pada Gambar 3.14. Gambar 3.14 Rancangan Antarmuka Tentang Keterangan Gambar : 1. Label : Label judul skripsi aplikasi 2. Picturebox : Menampilkan Foto penulis. 3. Label : Label nama penulis. 1 2 3 4 5 6 Universitas Sumatera Utara 4. Label : Label nomor induk mahasiswa NIM penulis. 5. Label : Label alamat e-mail penulis. 6. Label : Label no HP penulis. 3.3.5 Halaman Bantuan Halaman bantuan ini merupakan menustrip yang dapat dipilih oleh user. Pada halaman ini, user dapat melihat petunjuk penggunaan aplikasi. Halaman bantuan ini ditunjukkan pada Gambar 3.15. Gambar 3.15 Rancangan Antarmuka Bantuan Keterangan Gambar : 1. Label : Label petunjuk penggunaan. 2. Textbox : Menampilkan petunjuk penggunaan aplikasi. Petunjuk Penggunaan 1 2 Universitas Sumatera Utara

BAB 4 IMPLEMENTASI DAN PENGUJIAN