Perancangan Sistem Perancangan Interface

Gambar 3.7 Sequence Diagram Enkripsi-Kompresi Gambar 3.8 Sequence Diagram untuk Dekompresi-Dekripsi

3.4 Perancangan Sistem

Untuk perancangan sistem, khususnya untuk cara kerja dari algoritma yang penulis gunakan, maka flowchart akan membantu menjelaskan alur dari berjalannya sistem yang akan dibuat. Universitas Sumatera Utara 3.4.1 Flowchart Flowchart merupakan suatu bagan dengan simbol-simbol tertentu yang menggambarkan urutan proses secara mendetail dan hubungan antara suatu proses dengan proses lainnya dalam suatu program. Dalam membuat sistem yang akan dirancang, penulis menggunakan flowchart sistem untuk enkripsi pada gambar 3.9, dekripsi pada gambar 3.10, kompresi pada gambar 3.11 dan dekompresi pada gambar 3.12. Gambar 3.9 Flowchart Enkripsi Gambar 3.10 Flowchart Dekripsi Universitas Sumatera Utara Gambar 3.11 Flowchart Kompresi Gambar 3.12 Flowchart Dekompresi Universitas Sumatera Utara Gambar 3.13 Flowchart Enkripsi Algoritma Trithemius Universitas Sumatera Utara Gambar 3.14 Flowchart Dekripsi Algoritma Trithemius Universitas Sumatera Utara Gambar 3.15 FlowchartAlgoritma Rice Universitas Sumatera Utara

3.5 Perancangan Interface

Untuk membangun suatu sistem agar lebih jelas untuk gambaran dari sistem yang akan dibuat, perlu dirancang untuk antar muka interface dari sistem tersebut. Dalam pembuatan interface yang baik, tampilan harus user friendly agar user mudah untuk menggunakan sistem yang akan dibuat. Gambar 3.16 Rancangan tampilan awal aplikasi Pada gambar 3.16 terdapat tampilan awalhome, dilengkapi dengan tampilan sederhana yang hanya menampilkan judul skripsi, NIM dan nama penulis yang disertai dengan logo FASILKOM-TI. Untuk menu pada tampilan awal terdapat beberapa pilihan seperti untuk dekripsi-kompresi maupun dekompresi-dekripsi, help dan juga about. Nama Aplikasi Menu Judul skripsi NIM dan Nama penulis Logo Universitas Sumatera Utara Gambar 3.17 Rancangan menu About Pada gambar 3.17 menjelaskan tentang tampilan pada menu about, yang mana menjelaskan tentang kegunaan dari aplikasi ini dan juga sekilas tentang identitas penulis, sedangkan buttonbackuntuk kembali ke home. Gambar 3.18 Rancangan tampilan menu Help Judul Window About Foto Penulis Judul Window How to Use ... Back Back Universitas Sumatera Utara Gambar 3.18 menjelaskan tentang tampilan dari menu helpyang mana berisi tentang cara penggunaan dari aplikasi yang penulis rancang, sedangkan button back untuk kembali ke home. Gambar 3.19 Rancangan menu enkripsi-kompresi Untuk gambae 3.19 menjelaskan tentang rancangan dari tampilan menu enkripsi- kompresi. Pertama user akan memilih terlebih dahulu file teks yang akan di enkripsi, lalu akan muncul preview dari file tersebut. Setelah itu bisa langsung mengenkripsi dan terdapat button save untuk menyimpan file hasil enkripsi. Setelah di enkripsi ada button compress untuk mengkompresi file tersebut, sedangkan button back untuk kembali ke home. Judul Window Insert File Plaintext Insert Key Ciphertext Encrypt Choose Compress Save Back Universitas Sumatera Utara Gambar 3.20 Rancangan menu dekompresi-dekripsi Pada gambar 3.20 terdapat rancangan menu dekompresi-dekripsi yang sama saja dengan tampilan menu dekripsi-kompresi, hanya perbedaan di pemilihan file, yang mana dalam hal ini user memilih file yang telah di enkripsi-kompresi sebelumnya dan juga perbedaan pada nama button decompression dan decryption. Judul Window Insert File Ciphertext Plaintext Decompression Choose Decryption Save Back Universitas Sumatera Utara

BAB 4 IMPLEMENTASI DAN PENGUJIAN SISTEM