BAB 4
IMPLEMENTASI DAN PENGUJIAN SISTEM
Pada bab ini akan dijelaskan tahapan selanjutnya dalam pengembangan aplikasi yaitu tahap implementasi dan pengujian sistem. Di sini akan dijelaskan tentang proses
pengimplementasian algoritma ke dalam sistem dan melakukan pengujian dari sistem yang dikembangkan.
4.1. Spesifikasi Perangkat Keras dan Perangkat Lunak
Spesifikasi perangkat lunak yang digunakan selama pembangunan perangkat lunak adalah sebagai berikut:
1. Operating System Windows 7 32-bit, 2. Web Server Apache 2.2.14,
3. PHP 5.3.1, 4. MySQL 5.1.41.
Agar perangkat lunak dapat berjalan dengan baik untuk para pengguna, maka spesifikasi yang dibutuhkan oleh sistem baik dari sisi perangkat keras hardware
maupun perangkat lunak software dapat dijelaskan sebagai berikut. Untuk perangkat keras, yang direkomendasikan adalah sebagai berikut:
1. Processor dengan kecepatan minimal 1 GHZ, 2. Hardisk minimal 80 GB,
3. RAM minimal 1 MB, 4.
Monitor 14,1” dengan resolusi layar minimum 800 x 600 pixel, 5. Mouse dan Keyboard.
Universitas Sumatera Utara
Untuk perangkat lunak, yang dapat mendukung agar aplikasi dapat berjalan adalah sebagai berikut:
1. Operating system Microsoft Windows 7, Windows 8, 2. Browser, seperti Mozilla Firefox, Google Chrome, dan lain-lain,
3. PHP 5.3.1, 4. MySQL 5.1.41,
5. Web Server Apache 2.2.14.
4.2 Antarmuka Pengguna
User Interface
Setelah melewati tahap analisis perancangan antarmuka pengguna, rancangan digunakan sebagai acuan untuk peng-coding-an halaman-halaman pada perangkat
lunak. Rencana pengujian sistem yang akan diuji dapat dilihat pada Tabel 4.1 berikut.
Tabel 4.1 Tabel Rencana Pengujian
4.2.1 Tampilan Halaman Login
Halaman utama yang telah dilakukan peng-coding-an ditunjukkan pada Gambar 4.1 berikut.
No. Komponen Sistem yang Diuji
Butir Uji 1.
Halaman login Mencoba menu yang ada pada halaman
login yaitu : form input “username”,form
input “password”,tombol “enter”,dan
tombol “daftar”.
2. Halaman daftar
Mencoba menu yang ada pada halaman daftar
yaitu : form input “daftar”,tombol “daftar”,dan tombol”cancel”.
3.
Halaman home Mencoba menu yang ada pada halaman
home yaitu : tombol “ home”,tombol
”compose”,tombol “inbox”,tombol”sent email”,dan tombol “logout”.
Universitas Sumatera Utara
Gambar 4.1 Tampilan halaman Login
Halaman login seperti yang ditunjukkan pada Gambar 4.1, telah diberikan satu buah tombol yang dapat digunakan oleh pengguna untuk masuk ke halaman home.
Tabel 4.2 Tabel Hasil Evaluasi pada Tampilan Halaman login
No. Sasaran Pengujian
Hasil yang Diharapkan
Hasil Pengujian
Status
1. Uji tampilan sistem
ketika dieksekusi Menampilkan
halaman login Menampilkan
halaman login Berhasil
2.
Uji pemilihan tombol Enter
Memposes dan menampilkan
halaman home Memposes dan
menampilkan halaman home
Berhasil
4.2.2 Tampilan Halaman Daftar
Halaman daftar email yang telah dilakukan peng-codiing-an ditunjukkan Gambar 4.2 berikut.
Universitas Sumatera Utara
Gambar 4.2 Tampilan halaman Daftar Email
Halaman daftar email yang ditunjukkan pada gambar 4.2. telah diberikan dua buah tomboldaftar dan tombolcancel yang dapat digunakan oleh pengguna
untuk memdaftar akun email baru. Setelah pen-coding-an telah selesai dilakukan, maka selanjutnya dilakukanlah evaluasi terhadap tampilan halaman login. Hasil
proses evaluasi dapat
Tabel 4.3 Tabel Hasil Evaluasi pada Tampilan Halaman Daftar Email
No. Sasaran Pengujian Hasil yang
Diharapkan Hasil
Pengujian Status
1. Uji tampilan sistem
ketika dieksekusi Menampilkan
halaman Menampilkan
halaman daftar Berhasil
2. Uji pemilihan
tombol Enter dan tombol cancel
Memposes dan menampilkan
halaman silahkan login
Memposes dan menampilkan
halaman silahkan login
Berhasil
4.2.3 Tampilan Halaman Home
Halaman home berisi tampilan sistem berupa header, menu, footer.Pada bagian header terdapat keterangan sistem.Pada bagian menu terdapat tombol home, tombol
Universitas Sumatera Utara
compose , tombol inbox, tombol send email dan tombol logout. Pada bagian footer terdapat bagian pembuat sistem. Halaman home yang telah dilakukan peng-coding-
an ditunjukkan pada Gambar 4.3.
Gambar 4.3 Tampilan halaman Home
Tabel 4.4 Tabel Hasil Evaluasi pada Tampilan Halaman Home
No .
Sasaran Pengujian
Hasil yang Diharapkan Hasil
Pengujian Status
1 Uji tampilan
halaman home
Menampilkan “Header”,”Menu”,
”Footer” ” Menampilkan
“Header”,”Menu”,”Footer” Berhasil
2
Uji pemilihan
Tombol Proses
tombol“home”, “Compose”,”Inbox”,
“Send box”,dan “Logout” Proses
tombol“home”, “Compose”,”Inbox”,“Send
box”,dan “Logout”” Berhasil
4.2.4 Tampilan Halaman Compose Pada halaman ini disediakan tombol compose untuk membuat pesan. Dan kolom input
untuk memasukan tujuan, subject, isi email, kunci transposisi pertama, subsititusi vigenere pertama, kunci transposisi kedua, subsititusi kedua, kunci transposisi ke
Universitas Sumatera Utara
tiga,dan subsititusi ketiga. Kemudian terdapat tombol proses untuk mengenkripsi file teks yang akan dikirim. Dan terdapat tombol send untuk mengirim pesan.
Gambar 4.4 Tampilan halaman Compose
Setelah pen-coding-an telah selesai dilakukan, maka selanjutnya dilakukanlah evaluasi terhadap tampilan halaman home. Hasil proses evaluasi dapat dilihat pada
Tabel 4.5 berikut.
Tabel 4.5 Tabel Hasil Evaluasi pada Tampilan Halaman Compose
No. Sasaran Pengujian Hasil yang
Diharapkan Hasil
Pengujian Status
1 Uji tampilan
halaman compose Menampilkan kolom
input untuk “memasukan tujuan”,
“subject”,” isi email”,” kunci
Menampilkan kolom input untuk
“memasukan tujuan”, “subject”,” isi
email”,” kunci Berhasil
Universitas Sumatera Utara
transposisi pertama ”,
“subsititusi vigenere pertama
”,” kunci transposisi kedua
”, “subsititusi kedua”,
“kunci transposisi ke
tiga ,”dan “subsititusi
ketiga ”
transposisi pertama ”,
“subsititusi vigenere pertama
”,” kunci transposisi kedua
”, “subsititusi kedua”,
“kunci transposisi ke
tiga ,”dan “subsititusi
ketiga ”
2 Uji pemilihan
Tombol Proses tombol
“Proses”,dan “Send”
Proses tombol “Proses”,dan
“Send” Berhasil
Universitas Sumatera Utara
Gambar 4.5 Tampilan halaman Proses Enkripsi
Tampilan halaman diatas menunujukkan output dari proses enkripsi pesan teks yang akan dikirim.
Setelah pen-coding-an telah selesai dilakukan, maka selanjutnya dilakukanlah evaluasi terhadap tampilan halaman proses enkripsi. Hasil proses evaluasi dapat
dilihat pada Tabel 4.6 berikut.
Universitas Sumatera Utara
Tabel 4.6 Tabel Hasil Evaluasi pada Tampilan halaman proses enkripsi
No. Sasaran Pengujian Hasil yang
Diharapkan Hasil
Pengujian Status
1 Uji tampilan
halaman compose Menampilkan kolom
output Menampilkan kolom
output Berhasil
2 Uji pemilihan
Tombol Proses tombol
“Send” Proses tombol
“Send” Berhasil
4.2.5. Tampilan Halaman Inbox Halaman ini menampilkan pesan email yang masuk. Dapat dilihat pada Gambar 4.6
Gambar 4.6 Tampilan halaman Inbox
Setelah pen-coding-an telah selesai dilakukan, maka selanjutnya dilakukanlah evaluasi terhadap tampilan halaman inbox. Hasil proses evaluasi dapat dilihat pada
Tabel 4.7 berikut.
Universitas Sumatera Utara
Tabel 4.7 Tabel Hasil Evaluasi pada Tampilan halaman inbox
No. Sasaran Pengujian Hasil yang
Diharapkan Hasil
Pengujian Status
1 Uji tampilan
halaman inbox Menampilkan
Icon “Delete “dan
Icon Surat Menampilkan
Icon ” Delete” dan
Icon Surat Berhasil
2 Uji pemilihan
Icon Proses Icon
“Delete”dan Icon Surat
Proses Icon “Delete”dan Icon
Surat Berhasil
4.2.6 Tampilan Halaman Dekripsi
Halaman ini menampilkan pesan email yang akan di deskripsikan. Dapat dilihat pada Gambar 4.7
Gambar 4.7 Tampilan halaman Dekripsi
Setelah pen-coding-an telah selesai dilakukan, maka selanjutnya dilakukanlah evaluasi terhadap tampilan halaman dekripsi. Hasil proses evaluasi dapat dilihat pada
Tabel 4.8 berikut.
Universitas Sumatera Utara
Tabel 4.8 Tabel Hasil Evaluasi pada Tampilan halaman proses enkripsi
No. Sasaran Pengujian Hasil yang
Diharapkan Hasil
Pengujian Status
1 Uji tampilan
halaman dekripsi Menampilkan kolom
Dari, Subject Menampilkan kolom
Dari, Subject Berhasil
2 Uji pemilihan
Tombol Proses tombol
“Dekripsi” Proses tombol
“Dekripsi” Berhasil
Jika icon email diklik maka akan muncul tombol dekripsi, pengguna harus menekan tombol dekripsi agar pesan teks yang telah dienkripsi kembali ke chiperteks yang asli.
Universitas Sumatera Utara
Gambar 4.8 Tampilan halaman hasil Teks Dekripsi
Setelah pen-coding-an telah selesai dilakukan, maka selanjutnya dilakukanlah evaluasi terhadap tampilan halaman dekripsi. Hasil proses evaluasi dapat dilihat pada
Tabel 4.9 berikut
Universitas Sumatera Utara
Tabel 4.9 Tabel Hasil Evaluasi pada Tampilan halaman proses dekripsi
No. Sasaran Pengujian Hasil yang
Diharapkan Hasil
Pengujian Status
1 Uji tampilan
halaman dekripsi Menampilkan kolom
output Menampilkan kolom
output Berhasil
2 Uji pemilihan
Tombol Proses tombol
“Dekripsi” Proses tombol
“Dekripsi” Berhasil
4.2.7 Tampilan Halaman Send Email
Halaman ini menampilkan laporan email yang sudah terkirim. Dapat dilihat pada Gambar 4.9
Gambar 4.9 Tampilan halaman Send Email
Setelah pen-coding-an telah selesai dilakukan, maka selanjutnya dilakukanlah evaluasi terhadap tampilan halaman sent email. Hasil proses evaluasi dapat dilihat
pada Tabel 4.10 berikut :
Universitas Sumatera Utara
Tabel 4.10 Tabel Hasil Evaluasi pada Tampilan halaman sent email
No. Sasaran Pengujian Hasil yang
Diharapkan Hasil
Pengujian Status
1 Uji tampilan
halaman Sent Email Menampilkan
No,To,Subject,Isi Email
Menampilkan No,To,Subject,Isi
Email Berhasil
2 Uji pemilihan
Icon Proses Icon
“Surat”dan”Delete” Proses Icon
“Surat”dan”Delete” Berhasil
4.3 Pengujian Sistem Secara Menyeluruh
Untuk pengujian sistem secara menyeluruh pengguna harus mengisi kolom yang telah tersedia untuk melakukan enkripsi file teks email. Didalam sistem juga
terdapat masing-masing data yang telah dihubungankan. Data tersebut meliputi data pesan dan data table user . Contoh data pesan yang telah diinput teks kedalam kolom
dapat dilihat pada gambar 4.10. berikut.
Gambar 4.10 Sampel data Pesan
Contoh data table user yang telah di input kedalam table dapat dilihat pada Gambar 4.11.
Universitas Sumatera Utara
Gambar 4.11 Sampel data Table User
Pengujian sistem pengamanan file teks email dapat dilihat pada Gambar 4.12. berikut.
Gambar 4.12 Sampel 1 Compose File Teks
Universitas Sumatera Utara
Berdasarkan sampel compose file teks, output yang dihasilkan sesuai dengan analisis dan perancangan yang dilakukan sebelumnya dapat dilihat pada Gambar 4.13 berikut.
Gambar 4.13 Sampel 1 Compose File Teks Output
Universitas Sumatera Utara
Berdasarkan proses enkripsi yang telah didapatkan, hasil tersebut dapat dikirimkan kepada penerima yang memiliki account email gmail. Hasil dari proses tersebut dapat
dilihat pada Gambar 4.14 berikut.
Gambar 4.14 Hasil yang telah dikirim ke gmail
4.4 Analasis Performa Sistem