ANALISIS DAN PERANCANGAN
3.2 Perancangan Sistem
3.2.3 Activity Diagram
Activity diagram merupakan gambaran dari alur aktivitas sistem. Berikut ini activity diagram untuk masing-masing use case yang terdapat dalam sistem ini.
3.2.3.1Activity Diagram untuk Use CaseInsertion
Activity diagram untuk use caseInsertion dapat dilihat seperti pada Gambar 3.24.
Name Hitung
Actors User
Description Use case ini mendeksripsikan proses perhitungan MSE antara citra cover dengan citra stego
Preconditions User mengakses menu Hitung MSE
Post Conditions Sistem menampilkan hasil perhitungan
Kegiatan User Respon sistem
Success Scenario
1. User sudah memilih citra
cover dan juga sudah memilih citra stego
kemudian mengeksekusi tombol Hitung.
2. User memilih tombol keluar.
1. Sistem melakukan proses perhitungan dan kemudian menampilkan nilai MSE
2. Sistem menutup halaman Hitung MSE.
User System
Gambar 3.24 Activity Diagram untuk Use Case Insertion
3.2.3.2Activity Diagram untuk Use CaseSelect Citra Cover
Activity diagram untuk use caseSelect Citra Cover adalah sebagai berikut:
User System
Gambar 3.25 Activity Diagram untuk Use Case Select Citra Cover Pilih Menu File
Pilih menu item Insertion Menampilkan halaman Insertion
Input citra cover, citra embed dan eksekusi tombol “Proses”
Melakukan proses penyisipan dan menampilkan hasil penyisipan Dapat melihat hasil dari proses
penyisipan (citra stego)
Pilih Menu Insertion Menampilkan Halaman Insertion
Menampilkan kotak dialog lokasi penyimpanan gambar Pilih gambar untuk citra cover
Menampilkan citra cover dapat melihat citra cover yang dipilih
3.2.3.3Activity Diagram untuk Use CaseSelect Citra Embed
Activity diagram untuk use caseSelect Citra Embed adalah sebagai berikut:
User System
Gambar 3.26 Activity Diagram untuk Use Case Select Citra Embed
3.2.3.4Activity Diagram untuk Use Case Sisip
Activity diagram untuk use case Sisipadalah sebagai berikut:
User System
Gambar 3.27 Activity Diagram untuk Use Case Sisip
Pilih Menu Insertion Menampilkan Halaman Insertion Eksekusi tombol “Browse Embed”
Menampilkan kotak dialog lokasi penyimpanan gambar Pilih gambar untuk citra embed
Menampilkan citra embed yang dipilih dapat melihat citra embed yang
telah dipilih
Eksekusi tombol “Proses”
Melakukan proses penyisipan dan menampilkan kotak dialog
penyimpanan citra stego Pilih tombol “Save”
Melakukan proses penyimpanan dan menampilkan citra stego Pilih tombol “Keluar”
3.2.3.5Activity Diagram untuk Use CaseExtraction
Activity diagram untuk use caseExtraction adalah sebagai berikut:
User System
Gambar 3.28 Activity Diagram untuk Use Case Extraction
3.2.3.6Activity Diagram untuk Use CaseSelect Citra Stego
Activity diagram untuk use caseSelect Citra Stego adalah sebagai berikut:
User System
Gambar 3.29 Activity Diagram untuk Use Case Select Citra Stego Pilih Menu File
Pilih menu item Extraction Menampilkan halaman Extraction Input citra stego dan eksekusi tombol
“Extract”
Melakukan proses ekstraksi dan menampilkan hasil ekstraksi Dapat melihat hasil dari proses
ekstraksi (citra embed)
Pilih menu Extraction Menampilkan halaman Extraction Eksekusi tombol “Browse Stego”
Menampilkan kotak dialog lokasi penyimpanan gambar Pilih gambar untuk citra stego
Menampilkan citra stego yang dipilih user Dapat melihat citra stego yang
3.2.3.7Activity Diagram untuk Use Case Extract
Activity diagram untuk use caseExtract adalah sebagai berikut:
User System
Gambar 3.30 Activity Diagram untuk Use Case Extract
3.2.3.8Activity Diagram untuk Use Case Hitung MSE
Activity diagram untuk use case Hitung MSEadalah sebagai berikut:
User System
Gambar 3.31 Activity Diagram untuk Use Case Hitung MSE Eksekusi tombol “Extract”
Melakukan proses ekstraksi dan menampilkan nama file hasil
ekstraksi (citra embed)
Pilih tombol “keluar”
Menutup halaman Extraction
Pilih menu Hitung MSE Menampilkan halaman Hitung MSE Input citra cover dan citra stego,
eksekusi tombol “Hitung”
Melakukan proses perhitungan dan menampilkan hasil perhitungan MSE Dapat melihat hasil dari perhitungan MSE
Menampilkan kotak dialog penyimpanan citra embed Pilih tombol “Save”
Melakukan proses penyimpanan dan menampilkan citra embed Mengetik nama file citra embed yang
3.2.3.9Activity Diagram untuk Use CaseSelect Citra Cover
Activity diagram untuk use caseSelect Citra Cover adalah sebagai berikut:
User System
Gambar 3.32 Activity Diagram untuk Use Case Select Citra Cover
3.2.3.10 Activity Diagram untuk Use CaseSelect Citra Stego
Activity diagram untuk use caseSelect Citra Stego adalah sebagai berikut:
User System
Gambar 3.33 Activity Diagram untuk Use Case Select Citra Stego Pilih Menu Hitung MSE Menampilkan Halaman Hitung MSE
Menampilkan kotak dialog lokasi penyimpanan gambar Pilih gambar untuk citra cover
Menampilkan citra cover Dapat melihat citra cover yang dipilih
Eksekusi tombol “Browse Cover”
Pilih Menu Hitung MSE
Eksekusi tombol “Browse Stego” Menampilkan kotak dialog lokasi penyimpanan gambar Pilih gambar untuk citra stego
Menampilkan citra stego yang dipilih user dapat melihat citra stego yang
3.2.3.11 Activity Diagram untuk Use Case Hitung
Activity diagram untuk use case Hitungadalah sebagai berikut:
User System
Gambar 3.34 Activity Diagram untuk Use Case Hitung
3.2.4 Perancangan Antarmuka (Interface)
Perancangan antarmuka adalah rancangan tampilan yang menghubungkan pengguna (user) dengan komputer dengan bantuan program. Salah satu syarat pembuatan antarmuka adalah berorientasi pada mudah digunakan (user friendly) serta informatif.
3.2.4.1 Rancangan Halaman Menu Utama
Halaman Menu Utama merupakan tampilan yang pertama kali muncul saat program dijalankan. Pada rancangan ini terdapat menu Insertion, Extraction dan Hitung MSE. Menu Insertion berfungsi untuk masuk ke dalam halaman Insertion, Extraction
befungsi untuk masuk ke dalam halaman ekstraksi, dan Exit berfungsi untuk keluar dari sistem. Rancangan halaman Menu Utama terlihat seperti pada Gambar 3.35.
Eksekusi tombol “Hitung” Melakukan proses perhitungan dan menampilkan nilai MSE Pilih tombol “Keluar”
Gambar 3.35 Rancangan Halaman Menu Utama
3.2.4.2Rancangan Halaman Insertion
Halaman Insertion berfungsi sebagai tempat untuk proses menyisipkan pesan yang berformat .bmp ke dalam file citra yang berformat .bmp. Fungsi tombol yang terdapat pada rancangan ini adalah: Tombol Browse Cover dan Browse Embed adalah tombol untuk melakukan pemangilan file citra dari memori komputer dan menampilkannya pada picture box, tombol Proses untuk melakukan proses Insertion, tombol Batal adalah untuk pembatalan proses pengambilan citra embed, tombol Bersih untuk melakukan pembersihan tampilan dan tombol Keluar untuk menutup tampilan. Rancangan halaman Insertion dapat dilihat seperti pada Gambar 3.36.
\
Gambar 3.36 Rancangan Halaman Insertion
Tampilan Citra Cover
Nama File xxxxxxxxxxxx Nama File xxxxxxxxxxxxxxxxxxx
Tampilan Citra Stego
Proses Bersih
Browse Cover
Keluar Tampilan List View
Nama Embed Nama File xxxxxxxxxxx Ukuran xxxxx Browse Embed Batal Insertion Extraction Hitung MSE Exit
Judul Tugas Akhir
Nama Penulis
Tampilan
3.2.4.3Rancangan Halaman Extraction
Halaman Extraction berfungsi sebagai tempat untuk proses pengeluaran pesan yang berformat .bmp dari dalam citra stego yang berformat .bmp. Fungsi tombol yang terdapat pada rancangan ini adalah: Tombol Browse Stego adalah tombol untuk melakukan pemanggilan file citra stego dari memori komputer dan menampilkannya pada picture box, tombol Extract untuk melakukan proses ekstraksi, tombol Save Embed adalah untuk menyimpan citra embed hasil ekstraksi, tombol Bersih adalah untuk melakukan pembersihan tampilan dan tombol Keluar untuk menutup tampilan. Rancangan halaman Extraction dapat dilihat seperti pada Gambar 3.37.
Gambar 3.37 Rancangan Halaman Extraction
3.2.4.4Rancangan Halaman Hitung MSE
Halaman Hitung MSE berfungsi sebagai tempat untuk melakukan proses perhitungan nilai MSE. Fungsi tombol yang terdapat pada rancangan ini adalah: Tombol Browse Cover dan Browse Stego adalah tombol untuk melakukan pemanggilan file citra dari memori komputer dan menampilkannya pada picture box, tombol Hitung untuk melakukan proses perhitungan nilai MSE, tombol Bersih adalah untuk melakukan pembersihan tampilan, dan tombol Keluar untuk menutup tampilan. Rancangan halaman Hitung MSE dapat dilihat seperti pada Gambar 3.38.
Tampilan Citra Stego
Nama File xxxxxxxxxxxxx
Browse Stego
Tampilan List View Name Embed Nama File xxxxxxxxxxxxx Extract Save Embed Bersih Keluar
Gambar 3.38 Rancangan Halaman Hitung MSE
Tampilan Citra Cover
Nama File xxxxxxxxxxxxxxxxxxxxxxxxx Nama File xxxxxxxxxxxxxxxxxxxxxxxxx
Tampilan Citra Stego
Hitung Browse Stego
Browse Cover
Dimensi xxxxxxxxx
Nilai MSE xxxxxxxxxx
Keluar Bersih
BAB 4