BAB IV PERANCANGAN SISTEM Pada bab ini akan dijelaskan mengenai perancangan sistem yang akan dibuat, perancangan ini dibangun bertujuan untuk menggambarkan secara terperinci dari pembangunan aplikasi menggunakan metode EOF (End Of File). Dalam proses perancangan implementasi metode EOF (End Of File) ini diterapkan pada awal proses Encode atau penyisipan pesan terhadap citra digital, metode tersebut bertujuan untuk menyembunyikan pesan didalam gambar, metode ini meletakan pesan diakhir file atau diakhir berkas gambar. Proses penyisipan pesan terhadap citra digital pasti ada juga proses pembacaan pesan, proses pembacaan pesan didalam citra digital dinamakan decode, proses tersebut berfungsi untuk membaca pesan yang terdapat didalam citra digital. Perancangan sistem yang akan dibangun dibuat dengan menggunakan UML (Unified Modelling Language). 4.1 Pemodelan sistem menggunakan Sequence Diagram Untuk mengetahui interaksi sistem dengan pengguna, maka digunakan sequence diagram untuk memodelkan sistem yang dirancang. Dengan sequence diagram, alur kerja dan cara interaksi sistem dengan user dapat dilihat. Sequence diagram pada sistem aplikasi hidden message pada citra digital menggunakan metode End of File (EOF) yang akan dibangun, dapat dilihat pada gambar 4.1 sampai gambar 4.2. IV-1
IV-2 : user : f.encode : f.result 1. input citra() : f.grafik cek data : c.encode : data.encode 2. input pesan() 3. input kunci() 4. pilih button proses() 5. kirim data() 6. cek data() 14. tampilkan pesan gagal upload() 7. citra digital diubah ke pixel RGB() 8. cari penanda awal() 9. masukan pesan() 10. cari penanda akhir() 11. masukan kunci() 13. data tidak valid() 16. tampilkan hasil() 12. data valid() 15. kirim result 17. tampilkan halaman result encode berupa download dan view grafik() 18. user melakukan download() 21. pilih button view grafik() 20. file download() 19. kirim permintaan() 22. kirim permintaan() 26. tampilkan halaman grafik() 25. tampilkan data() 23. kirim permintaan() 24. kirim data grafik() Gambar 4.1 Sequence Diagram ENCODE Pada gambar 4.1 adalah gambaran sequence Diagram ENCODE untuk proses penyisipan pesan pada citra digital.
IV-3 : user : f.decode : c.decode : data decode 1. input stegoimage() 2. input kunci() 3. tekan tombol proses decode()' 4. kirim data() 6. citra diubah ke pixel RGB() 5. cek data() 7. cari kunci() 8. cari penanda awal() 9. baca pesan() 13. tampilkan pesan gagal upload() 16. tampilkan pesan() 10. cari penanda akhir() 12. data tidak valid() 15. tampilkan data() 11. data valid() 14. kirim data pesan() Gambar 4.2 Sequence Diagram DECODE Pada gambar 4.2 adalah gambaran sequence Diagram DECODE untuk proses pembacaan pesan dalam citra digital.
IV-4 4.2 Activity Diagram Activity diagram pada implementasi aplikasi hidden message pada citra digital menggunakan metode End Of File (EOF), dapat dilihat pada gambar dibawah ini: start insert citra digital, pesan, key invalid pilih button proses valid pembacaan citra digital menentukan penanda awal penyisipan pesan menentukan penanda akhir menyisipkan kunci data result no apakah mau yes didownload? proses download tampilkan grafik? yes tampilkan grafik end no Gambar 4.3 Activity Diagram ENCODE
IV-5 start insert citra digital, key invalid proses pembacaan pesan valid pembacaan citra digital membuka kunci cari penanda awal baca pesan cari penanda akhir hasil pesan finish Gambar 4.4 Activity Diagram DECODE
IV-6 4.3 Class Diagram Perancangan dari Class Diagram merupakan alur kerja dan method untuk menceritakan relasi antar tabel, berdasarkan use case Diagram serta skenarionya, dirancang beberapa class yang digambarkan dalam Class Diagram berikut ini : Gambar 4.5 Pemodelan Sistem Menggunakan Class Diagram 4.4 Perancangan Antar muka Perancangan antar muka menjelaskan rutinitas program yang akan dijalankan oleh sebuah sistem komputerisasi untuk menjelaskan interaksi antara pengguna (user) dengan program yang dibuat. Desain antar muka untuk aplikasi ini dapat dilihat pada gambar 4.6 sampai dengan 4.12 dibawah ini.
IV-7 Message. Gambar 4.6 Tampilan Halaman Utama Aplikasi Hidden Message Gambar 4.6 adalah tampilan Halaman Utama antar muka Aplikasi Hidden
IV-8 Gambar 4.7 Tampilan Halaman ENCODE Gambar 4.7 adalah tampilan halaman Encode, pada halaman ini proses melakukan penyisipan pesan terhadap citra digital.
IV-9 Gambar 4.8 Tampilan Halaman DECODE Gambar 4.8 adalah tampilan halaman Decode, pada halaman ini proses melakukan pembacaan pesan yang telah disisipkan kedalam citra digital.
IV-10 Gambar 4.9 Tampilan Halaman hasil penyisipan pesan Gambar 4.9 adalah tampilan halaman hasil penyisipan, pada halaman ini menampilkan hasil penyisipan pesan yang telah diekstrak atau dibaca didalam stegoimage.
IV-11 Gambar 4.10 Tampilan Halaman Hasil HISTOGRAM/Perbandingan Gambar 4.10 adalah tampilan halaman Histogram, pada halaman ini proses melakukan perbandingan antara citra digital asli dengan citra digital yang telah disisipi pesan.
IV-12 Gambar 4.11 Tampilan Halaman ABOUT Gambar 4.11 adalah tampilan halaman About, pada halaman ini menampilkan deskripsi aplikasi dan deskripsi pembuat.
IV-13 Gambar 4.12 Tampilan Halaman HELP Gambar 4.12 adalah tampilan halaman Help, pada halaman ini menampilkan bantuan tata cara menggunakan aplikasi.