Flowchart Sistem Perancangan Antarmuka

37

3.3. Flowchart Sistem

Flowchart atau diagram alir merupakan gambar atau bagan yang memperlihatkan urutan dan hubungan antar proses dengan pernyataannya Zarlis Handrizal, 2008. Berikut adalah flowchart sistem yang dapat dilihat pada Gambar 3.7. Gambar 3.7 Flowchart Sistem New Message Inbox Sent Info Encrypt Message Select Message Select Message Show info aplication Cypertext Message Decrypt Message Decrypt Message Start End Send Message Message Message Information Y Y Y Y T T T T Universitas Sumatera Utara 38 Dari Gamber 3.7, dapat dilihat bahwa terdapat empat proses. Proses pertama yaitu New Message, dimana ketika membuat pesan baru hal yang dilakukan adalah mengenkripsi pesan, lalu pesan dienkripsi dan selanjutnya pesan dikirim. Untuk proses Kedua dan Ketiga hampir sama, yaitu pada Inbox dan Sent hal yang dilakukan adalah mendekripsi pesan, lalu pesan didekripsi, dan akan terlihat pesan aslinya. Perbedaannya adalah untuk Inbox dilakukan oleh penerima pesan, sedangkan untuk Sent dilakukan oleh pengirim untuk melihat apakah pesan tersebut berhasil dikirim dan didekripsi oleh penerima. 3.3.1. Flowchart Enkripsi Pesan dengan Algoritma Hill Cipher Berikut adalah flowchart enkripsi pesan dari sistem yang dibangun dapat dilihat pada Gambar 3.8 Gambar 3.8 Flowchart Enkripsi Pesan dengan Algoritma Hill Cipher Hill Key, SMS Encrypt SMS Hill Key Ciphertext Start End Universitas Sumatera Utara 39 3.3.2. Flowchart Enkripsi Kunci dengan Algoritma Rabin Public Key Berikut adalah flowchart enkripsi kunci pesan dari sistem yang dibangun dapat dilihat pada Gambar 3.9 Gambar 3.9 Flowchart Enkripsi Kunci dengan Algoritma Rabin Public Key Hill Key, Rabin Key Encrypt Hill Key with Rabin Key Cipherkey Start End Universitas Sumatera Utara 40 3.3.3. Flowchart Dekripsi Pesan dan Kunci Pesan Berikut adalah flowchart dekripsi pesan dari sistem yang dibangun dapat dilihat pada gambar 3.10 Gambar 3.10 Flowchart dekripsi pesan dan Kunci Pesan

3.4. Perancangan Antarmuka

Perancangan antarmuka adalah desain awal dari tampilan sistem yang akan sistem 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 utama atau home, pengirim, dan penerima. Plaintext Decrypt Cipher SMS With Hill Key Ciphertext, Ciphertext Rabin Key, Hill Key Decrypt Cipher Hill Key Hill Key Start End Universitas Sumatera Utara 41 3.4.1 Form Utama Form Utama adalah tampilan awal dari sistem ini dijalankan. Gambar 3.11 menunjukkan tampilan sementara dari form utama yaitu home. Gambar 3.11 Rancangan Form Utama Keterangan Gambar 3.11: Tabel 3.3 Tabel keterangan Gambar 3.11 No. Nama Keterangan 1. Button Create Message Tombol untuk membuat pesan baru 2. Button Inbox Tombol untuk melihat pesan masuk 3. Button Sent Tombol untuk melihat pesan yang telah dikirim 4. Button Help Tombol untuk melihat cara menggunakan aplikasi 5. Button About Tombol untuk melihat pembuat aplikasi 6. Button Exit Tombol untuk keluar dari aplikasi 3.4.2. Form Pengirim Pada halaman form pengirim ini, pengguna dapat melakukan proses enkripsi pesan dan kunci pesan yang akan dikirim ke penerima. Gambar 3.12 menunjukkan tampilan sementara dari form pengirim. Universitas Sumatera Utara 42 Gambar 3.12 Rancangan Form Pengirim Keterangan Gambar 3.12 : Tabel 3.4 Tabel keterangan Gambar 3.12 No. Nama Keterangan 1. Edit teks Nomor Handphone Memasukkan nomor tujuan yang akan dikirim pesan. 2. Button Search Untuk mencari nomor di dalam kontak handphone 3. Edit teks Insert Message Untuk memasukkan pesan asli atau plaintext yang akan dienkripsi 4. Edit teks Kunci Hill Untuk memasukkan kunci Hill yang akan dienkripsi 5. Edit teks P Untuk memasukkan nilai P yang merupakan bilangan prima dalam proses enkripsi kunci 6. Edit teks Q Untuk memasukkan nilai Q yang merupakan bilangan prima dalam proses enkripsi kunci 7. Button Encrypt Key Untuk proses enkripsi kunci 8. Edit teks Hasil Enkripsi Untuk melihat hasil enkripsi kunci 9. Edit teks Public Key Untuk melihat kunci publik dari hasil enkripsi kunci 10. Edit teks K Value Untuk melihat nilai K dari hasil enkripsi kunci 11. Button Encrypt Message Untuk proses enkripsi pesan 12. Edit teks Ciphertext Untuk melihat ciphertext hasil enkripsi pesan Keterangan: 1 Pengguna dapat menginputkan nomor atau memilih contact yang sudah tersimpan maupun belum tersimpan di smartphone. Universitas Sumatera Utara 43 2 Pesan diinputkan secara langsung yang di anggap sebagai plaintext 3 Pengguna mengisi kunci Hill Cipher untuk mengenkripsi pesan dan selanjutnya menekan tombol enkripsi pesan,. 4 Pengguna mengisi nilai P dan Q untuk mengenkripsi kunci Rabin 5 Proses selanjutnya akan muncul kunci Rabin, kunci publik, dan nilai K yang dienkripsi dan setelah itu muncul ciphertext ketika menekan tombol enkripsi pesan 6 Proses selanjutnya tekan tombol send untuk mengirim pesan ke nomor tujuan. 3.4.3 Form Penerima Form Penerima adalah halaman dimana pengguna dapat melakukan proses dekripsi pesan dan dekripsi kunci pesan dari si pengirim. Gambar 3.13 menunjukkan tampilan sementara dari form penerima. Gambar 3.13 Rancangan Form Penerima Keterangan Gambar 3.13 : Tabel 3.5 Tabel keterangan Gambar 3.13 No. Nama Keterangan 1. Edit teks Ciphertext Untuk melihat ciphertext yang dikirim dari pengirim 2. Edit teks K Value Untuk melihat nilai K 3. Edit teks P Untuk memasukkan nilai P yang telah disepakati 4. Edit teks Q Untuk memasukkan nilai Q yang telah disepakati 5. Button Decrypt Key Untuk proses dekripsi kunci Universitas Sumatera Utara 44 6. Edit teks Ciphertext Hill Untuk melihat hasil enkripsi ciphertext 7. Edit teks Kunci Hill Untuk melihat kunci dari hasil dekripsi kunci 8. Button Decrypt Message Untuk proses dekripsi pesan 9. Edit teks Ciphertext Untuk melihat plaintext hasil dekripsi pesan Keterangan : 1 Nomor pengirim, Ciphertext, Cipherkey, dan Kunci K adalah pesan masuk yang sudah di enkripsi oleh pengirim. 2 Sebelumnya pengguna harus memiliki nilai P dan nilai Q. Dalam hal ini sudah disepakati oleh pengirim dan penerima untuk mengdekripsikan Kunci Hill. 3 Setelah terenkripsi kunci, penerima menekan tombol dekripsi pesan untuk mendapatkan plaintext. 3.4.5. Form Bantuan Form Bantuan adalah halaman untuk mengetahui informasi dari sistem yang dibuat. Gambar 3.14 menunjukkan tampilan sementara dari form bantuan. Gambar 3.14. Rancangan Form Bantuan Universitas Sumatera Utara

BAB 4 IMPLEMENTASI DAN PENGUJIAN