3.3. Perancangan Sistem
Setelah melakukan analisis dan pemodelan sistem, tahap selanjutnya adalah melakukan perancangan sistem. Dari hasil proses analisis dan pemodelan sistem,
perancangan sistem dapat dibuat menjadi beberapa tahap yaitu: 1.
Perancangan alur proses sistem secara umum. 2.
Perancangan alur proses untuk membangkitkan kode Ternary Comma Code.
3. Perancangan alur proses kompresi dan dekompresi.
4. Perancangan antarmuka sistem
3.3.1. Perancangan alur proses sistem kompresi, dekompresi dan algoritma
Alur proses sistem secara umum dibagi dua yaitu proses kompresi dan dekompresi. Pada proses kompresi sistem menerima input berupa file teks .txt dan
menghasilkan satu jenis file output yaitu file hasil kompresi dengan metode Ternary Comma Code .tcc. Sedangkan pada proses dekompresi, sistem menerima input
file hasil kompresi .tcc dan menghasilkan file output berupa file semula yaitu
file teks .txt. Perancangan sistem secara umum digambarkan dengan flowchart
seperti pada Gambar 3.7 dan 3.8.
Universitas Sumatera Utara
Gambar 3.7. Flowchart Diagram Proses Kompresi
Gambar 3.8. Flowchart Diagram Proses Dekompresi
Input File Teks .txt
Kompresi File Dengan Ternary Comma Code
Hitung variabel CR, RC, SS dan Waktu
Output file .tcc
End
Start
Input Compressed File
.tcc
Bangun daftar encoding TCC sesuai banyaknya character set
Dekompresi sesuai encoding TCC
Output file .txt
End Start
Universitas Sumatera Utara
Yes
Gambar 3.9. Flowchart Diagram Pembentukan Algoritma Ternary Comma Code TCC
Input Dec
Dec = 0
Output karakter“c”
No
TCC = “”
r = dec mod 3
TCC = string r + tcc
dec = dec div 3
Dec ≠ 0 ?
r = dec mod 3
Yes
Output tcc + “c”
End Start
Tcc = string r + tcc
Dec = dec div 3
No Keterangan :
dec = nomor kode dari sebuah karakter r = remaindur sisa bagi
tcc = ternary comma code div = diferensiasi
mod = modulo
Universitas Sumatera Utara
3.3.2. Perancangan alur proses untuk membangkitkan kode Ternary Comma Code
Alur proses untuk membangkitkan kode Ternary Comma Code dapat digambarkan dengan pseudocode berikut.
1. function Dec To TCC dec {
2. if dec = 0
3. return “c”
4. tcc = “”
5. r = dec mod 3
6. tcc = string r + tcc
7. dec = dec div 3
8. while dec ≠ 0 {
9. r = dec mod 3
10. tcc = string r + tcc
11. dec = dec div 3
12.} 13. return
tcc + “c” 14.
}
3.3.3 Perancangan antarmuka sistem
Pada perancangan sistem terdapat pembuatan Graphic User Interface GUI yang akan mempermudah user dalam menggunakan sistem yang ada. Pada sistem, terdapat
6 buah Form yang akan ditampilkan antara lain Form Home, Form Menu, Form Compress, Form Decompress, Form Help
dan Form About.
Universitas Sumatera Utara
1. Form Home
Gambar 3.10. Form Home pada sistem
Keterangan : 1.
Picture Box Tampilan sri awal system berupa gambar dan tulisan.
2. Button Next
Berguna untuk menampilkan tampilan selanjutnya dari form home.
Universitas Sumatera Utara
2. Form Menu
Gambar 3.11. Form Menu pada sistem Keterangan :
1. Label Text
Tampilan kalimat judul skripsi yang dirancang. 2.
Tab Home Berguna untuk menampilkan tampilan Home dari sistem yang ada.
3. Tab Compress
Berguna untuk menampilkan menu Compress pada sistem. 4.
Tab Decompress Berguna untuk menampilkan menu Decompress pada sistem.
5. Tab Help
Berguna untuk menampilkan menu Help yang ada pada sistem. 6.
Tab About Berguna untuk menampilkan menu About mengenai sistem yang dibangun.
7. Button Exit
Berguna untuk menampilkan tampilan keluar dari form home.
Universitas Sumatera Utara
3. Form Compress
Gambar 3.12. Form Compress pada sistem Keterangan :
1. Label Text
Tampilan kalimat dari compression process. 2.
Button Open Berguna untuk menampilkan sejumlah file .txt dan .doc yang akan dikompresi.
3. Text Box
Berisi informasi tempat pengambilan dan penyimpanan dari data yang digunakan.
4. Button Save
Berguna untuk menyimpan hasil dari kompresi yang diinginkan. 5.
Text Box Berisi informasi tempat pengambilan dan penyimpanan dari data yang digunakan.
6. Button Compress
Berguna untuk mengeksekusi data yang ada sehingga terjadi proses kompresi.
Universitas Sumatera Utara
7. Button Reset
Berguna untuk menghapus data yang telah diambil dan menjadikannya default.
4. Form Decompress
Gambar 3.13. Form Decompress pada sistem Keterangan :
1. Label Text
Tampilan kalimat dari decompression process. 2.
Button Open Berguna untuk menampilkan sejumlah file yang digunakan untuk dekompresi.
3. Text Box
Berisi informasi tempat pengambilan dan penyimpanan dari data yang digunakan.
4. Button Save
Berguna untuk menyimpan hasil dari dekompresi yang diinginkan. 5.
Text Box Berisi informasi tempat pengambilan dan penyimpanan dari data yang digunakan.
6. Button Decompress
Universitas Sumatera Utara
Berguna untuk mengeksekusi data yang ada sehingga terjadi proses dekompresi. 7.
Button Reset Berguna untuk menghapus data yang telah diambil dan menjadikannya default.
5. Form Help
Gambar 3.14. Form Help pada sistem Keterangan :
1. Label Text
Tampilan kalimat judul skripsi yang dirancang. 2.
Button Information Compression Berguna untuk menampilkan sejumlah informasi dari proses kompresi yang telah
dilakukan. 3.
Button Information Decompression Berguna untuk menampilkan sejumlah informasi dari proses dekompresi yang
telah dilakukan. 4.
Button Home Berguna untuk menampilkan tampilan Home dari sistem yang ada.
Universitas Sumatera Utara
5. Button Exit
Berguna untuk menampilkan tampilan keluar dari sistem yang ada.
6. Form About
Gambar 3.15. Form About pada sistem Keterangan :
1. Label Text
Tampilan kalimat About yang dirancang. 2.
Picture Box Berisi gambar logo berformat .jpeg sebagai keterangan dari sistem.
3. Label Text
Berguna untuk menampilkan sejumlah informasi dari sistem yang telah dilakukan.
4. Button Home
Berguna untuk menampilkan tampilan Home dari sistem yang ada. 5.
Button Exit Berguna untuk menampilkan tampilan keluar dari sistem yang ada.
Universitas Sumatera Utara
BAB 4 IMPLEMENTASI DAN PENGUJIAN SISTEM