yang dibaca menjadi 11 dilakukan penelusuran pada SF Code. Dan kemudian jika 11 tidak mewakili simbol warna yang bersesuaian maka akan dibaca bit berikutnya
sehingga bit yang dibaca menjadi 110 dan kembali dilakukan penelusuran pada SF Code
, karena 110 mewakili simbol warna yaitu 255, sehingga 110 disubtitusikan ke simbol 255. Setelah itu dibaca kembali bit berikutnya dan lakukan penelusuran
kembali terhadap SF Code sehingga didapat bit-bit yang mewakili sebuah simbol warna yang bersesuaian. Setelah melakukan subtitusi dari SF Code ke simbol warna,
maka akan kembali ke citra asli. Proses ini dapat dilihat dari gambar 3.10 sebagai
berikut.
110 0 110 0 0 0
0 10 10 0 10 111
Gambar 3.10 Proses Subtitusi SF Code ke Simbol Warna
3.3 Perancangan Sistem
Pada tahap perancangan sistem ini dilakukan untuk memberikan gambaran pada tahap mengimplementasikan keseluruhan hasil analisis yang dilakukan untuk menentukan
kondisi akhir yang diharapkan sehingga perancangan dijadikan sebagai panduan yang dapat dipahami dengan mudah. Oleh karena itu perlu dibuat rancangan sistem berupa
arsitektur sistem dan rancangan dalam bentuk DFD Data Flow Diagram, flowchart bagan alir, dan interface antarmuka.
3.3.1 Arsitektur Sistem
Pada arsitektur sistem ini akan menjelaskan bagaimana proses pada sistem ini secara garis besar, sistem ini terdapat pengguna untuk menginput citra .bmp yang akan
dilakukan kompresi dan kemudian pengguna akan memilih jenis kompresi yang akan 255
G R
G B
R B
255 255 255
255 239
239 255
239 213
digunakan, setelah itu pengguna akan menerima output dalam bentuk format .sf atau .ac tergantung apa yang digunakan pengguna untuk melakukan kompresi. Jika
pengguna ingin menggunakan citra tersebut, maka perlu didekompresi sesuai dengan jenis kompresi pada awal proses. Penjelasan di atas terdapat pada gambar 3.11 dan
3.12.
Gambar 3.11 Arsitektur Sistem Algortima Arithmetic Coding
Gambar 3.12 Arsitektur Sistem Algortima Shannon-Fano Coding
3.3.2 Rancangan DFD Kompresi dan Dekompresi
Pada rancangan DFD pada sistem ini menggunakan DFD menurut Yourdan dan DeMarco yang memiliki komponen DFD sebagai berikut :
Gambar 3.13 Komponen DFD Menurut Yourdan dan DeMarco