BAB IV PERANCANGAN SISTEM

Transkripsi

1 BAB IV PERANCANGAN SISTEM Perancangan aplikasi merupakan tahap lanjutan dari analisa aplikasi, dimana pada perancangan aplikasi ini digambarkan rancangan aplikasi yang akan dibangun sebelum melakukan pengkodean kedalam suatu bahasa pemograman. Dalam perancangan suatu aplikasi tidak lepas dari hasil analisis, karena analisis aplikasi baru dibuat suatu rancangan aplikasi. Pada tahap perancangan ini, penulis menguraikan tentang pemodelan proses aplikasi dengan pemodelan Diagram Konteks, Data Flow Diagram (DFD) dan Flowchart. 4.1 Diagram Konteks Berikut ini adalah gambar diagram konteks File Gambar, Teks File Gambar, Teks Penyisipan pesan rahasia ke dalam file gambar dengan metode LSB Gambar 4.1. Diagram konteks Pada konteks diagram diatas, dapat dilihat bahwa proses steganografi ini berlangsung 2 arah. menginputkan file gambar dan pesan teks lalu 50

2 51 menerima file gambar dan pesan teks dalam satu buah file berupa stego, dan juga bisa sebaliknya. 4.2 Data Flow Diagram (DFD) Berikut ini adalah gambar DFD level 0 File Gambar, Teks 1.0 * Embedding Stego- File Gambar, Teks 2.0 * Ekstraksi pesan File Stego Object Stego- Gambar 4.2. Diagram DFD level 0 Aplikasi Steganografi Pada DFD Level 0, terdapat 2 proses yaitu proses Embedding pesan dan Ekstraksi pesan. Dimana pada proses Embedding pesan ini user menginputkan file gambar dan pesan teks dan kemudian menjadi stego-. Stego- kemudian diterima pengguna dan diekstrak dapat kembali menjadi pesan teks dan file gambar kembali.

3 52 Berikut ini adalah gambar DFD level 1 proses 1.0 Teks, File Gambar 1.1 * Cek data / gambar Teks, File Gambar 1.2 * Embedding Stego File Stego Gambar 4.3. Diagram DFD level 1 Proses 1.0 Embedding Pada DFD Level 1 proses Embedding ini terdapat 2 proses yang membangun proses Embedding yaitu proses Cek data dan proses Embedding pesan. Pada proses cek data, file gambar di cek apakah terdapat fleck, dimana fleck adalah tanda bahwa file gambar telah disisipkan pesan rahasia sebelumnya. Bila di dalam file gambar tidak terdapat fleck maka proses Embedding teks dapat dilakukan. Berikut ini adalah gambar DFD level 1 proses 2.0 File Stego Stego 2.1 * Cek stego Stego 2.2 * Ektraksi, File gambar Gambar 4.4. Diagram DFD level 1 Proses 2.0 Ekstraksi

4 53 Pada DFD Level 1 proses Ekstraksi pesan ini terdapat 2 proses, yaitu proses cek stego- dan Ekstraksi pesan. Proses cek stegoimage (gambar) ini sama dengan proses cek data pada DFD Level 1 proses Embedding pesan, dimana gambar di cek apakah terdapat fleck. Bila pada gambar terdapat fleck maka terdapat pesan di dalamnya dan proses ekstraksi pesan dapat dilakukan. Berikut ini adalah gambar DFD level 2 proses 1.1 Teks,File gambar Load Gambar File gambar cek gambar teks File gambar load pesan teks teks cek pesan teks 1.2 * Embedding Teks, Gambar Gambar 4.5. Diagram DFD level 2 Proses 1.1 Cek data Pada DFD Level 2 proses Cek Data ini terdapat 4 proses, yaitu proses load gambar, cek gambar, load teks, dan cek teks. Proses load gambar adalah proses dimana user membuka file gambar untuk dijadikan cover-. Proses cek

5 54 cover- adalah proses mengecek apakah terdapat fleck di dalam file gambar yang di load. Proses load teks adalah proses dimana user menuliskan pesan rahasia dan proses cek teks adalah proses yang mengecek apakah teks dapat disisipkan ke dalam file gambar. Berikut ini adalah gambar DFD level 2 proses 1.2 Teks, File Gambar Cek Teks Baca struktur file gambar (cover-),gambar konversi File gambar ke biner, Gambar Konversi pesan teks ke biner, Gambar Baca struktur pesan teks Teks, File Gambar Spreading biner pesan teks Stego- File Stego Gambar 4.6. Diagram DFD level 2 Proses 1.2 Embedding pesan Pada DFD Level 2 proses Embedding teks ini terdapat 5 proses, yaitu Baca struktur cover-, Konversi cover- ke biner, Baca struktur pesna teks,

6 55 Konversi pesan teks ke biner, dan Spreadinhg biner pesan teks. Pada proses baca struktur cover-, gambar di cek dapat menampung seberapa banyak karakter pesan. Proses konversi cove-t ke biner membaca atribut RGB dari cover dan diterjemahkan ke biner. Pada proses baca struktur pesan teks, pesan dibaca seberapa banyak karakter yang akan disisipkan, lalu pesan dikonversi ke biner pada proses konversi pesan ke biner. Selanjutnya setelah pesan teks di konversi ke biner, lalu di sebarkan ke biner-biner cover- / file gambar. Berikut ini adalah gambar DFD level 2 proses 2.1 File Stego Stego Load stego Stego cek stego 2.2 * Ekstraksi Stego cek pesan teks dalam stego Stego sesuai Gambar 4.7. Diagram DFD level 2 Proses 2.1 Cek stego- DFD Level 2 proses Cek stego- memiliki 3 proses, yaitu Load stego, Cek stego-, dan Cek pesan teks dalam file stego-. Load stego dilakukan saat user membuka file gambar. Dilanjutkan dengan cek stego yaitu proses cek fleck, dimana bila terdapat fleck maka stego- memiliki pesan rahasia.

7 56 Berikut ini adalah gambar DFD level 2 proses Cek pesan Dalam stego Stego sesuai Baca struktur stego- Stego konversi stego ke biner Biner Stego konversi biner hasil despreading ke byte Biner stego Baca biner Byte hasil konversi Baca biner Gambar, Teks Gambar 4.8. Diagram DFD level 2 Proses 2.2 Ekstraksi Teks DFD Level 2 Proses Ekstraksi Teks memiliki 5 proses, yaitu baca struktur stego-, konversi stego- ke biner, baca biner, konversi biner hasil despreading ke byte, dan baca biner. User yang menerima stego- membaca pesan dengan melewati 5 proses ini, pertama stego- dibaca strukturnya, berapa pixel yang berisi pesan, lalu stego- di konversi ke biner,

8 57 lalu biner diterjemahkan ke pesan melalui 3 proses, baca biner, konversi biner hasil despreading ke byte, dan baca biner. 4.3 Flow Chart Flow Chart memodelkan alur kerja sebuah proses dan urutan aktivitas dalam suatu proses. Diagram dapat memodelkan sebuah alur kerja dari satu aktivitas ke aktivitas lain atau dari satu aktivitas ke dalam keadaan sesaat (state). Berikut ini adalah contoh Flow Chart Aplikasi Steganografi. Mulai File Gambar BMP y Cek fleck N Terdapat fleck N Teks pesan N Sisipkan pesan Y Sisip pesan Simpan stego Y Simpan File stego Selesai Gambar 4.9. Flow Chart proses Embedding pesan

9 58 Mulai File Stego N Cek fleck Terdapat fleck Y Ekstraksi pesan Selesai Gambar Flow Chart proses Ekstraksi pesan 4.4 Perancangan Antar Muka 1. Rancangan Struktur Menu Struktur menu merupakan bentuk umum dalam suatu perancangan yang dapat memudahkan pengguna dalam menggunakan aplikasi yang dibangun. Dengan adanya struktur menu ini diharapkan proses pengolahan dapat cepat dilakukan dan keterlambatan dapat ditekan seminimal mungkin. Struktur menu yang dibuat dalam aplikasi terdiri dari menu dan sub menunya. Dapat dilihat dari gambar berikut:

10 59 APLIKASI STEGANOGRAFI TULIS PESAN TULIS PESAN KELUAR BUKA BMP CANCEL BUKA BMP CANCEL SIMPAN BACA PESAN BACA PESAN KELUAR KELUAR Gambar Rancangan struktur menu 2. Rancangan Antar Muka Aplikasi Aplikasi Steganografi Logo Tulis Baca Keluar Gambar Rancangan Form Menu Utama

11 60 Xxxx xxxxx xxxx xxxxx Teks Gambar Karakter Maksimal Karakter Tersisa xxxx xxxx Tulis Cek Gambar Keluar Gambar Rancangan Form Tulis Xxxx xxxxx xxxx xxxxx Teks Gambar Karakter Maksimal Karakter Tersisa Jumlah Karakter xxxx xxxx xxxx Baca Cek Gambar Keluar Gambar Rancangan Form Baca