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
: f.encode
: user
: f.result
: f.grafik cek data : c.encode
: data.encode
1. input citra()
2. input pesan()
3. input kunci()
4. pilih button proses() 5. kirim data() 6. cek data()
7. citra digital diubah ke pixel RGB() 8. cari penanda awal() 9. masukan pesan() 10. cari penanda akhir() 11. masukan kunci() 12. data valid() 13. data tidak valid()
14. tampilkan pesan gagal upload()
15. kirim result
16. tampilkan hasil() 17. tampilkan halaman result encode berupa download dan view grafik()
18. user melakukan download()
19. kirim permintaan() 20. file download()
21. pilih button view grafik() 22. kirim permintaan() 23. kirim permintaan() 25. tampilkan data()
24. kirim data grafik()
26. tampilkan halaman 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() 5. cek data() 6. citra diubah ke pixel RGB()
7. cari kunci() 8. cari penanda awal() 9. baca pesan() 10. cari penanda akhir() 11. data valid() 12. data tidak valid() 13. tampilkan pesan gagal upload()
14. kirim data pesan() 16. tampilkan pesan()
15. tampilkan data()
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
pilih button proses invalid
valid
pembacaan citra digital
menentukan penanda awal
penyisipan pesan
menentukan penanda akhir
menyisipkan kunci
data result
no
apakah mau yes didownload?
proses download
tampilkan yes grafik?
tampilkan grafik
no
Gambar 4.3 Activity Diagram ENCODE
end
IV-5
start
insert citra digital, key
proses pembacaan pesan invalid
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
Gambar 4.6 Tampilan Halaman Utama Aplikasi Hidden Message Gambar 4.6 adalah tampilan Halaman Utama antar muka Aplikasi Hidden Message.
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.
