TESTING DAN IMPLEMENTASI SISTEM

1. Testing Perangkat Lunak (Testing PL)

Testing Perangkat Lunak adalah elemen kritis dari jaminan kualitas Perangkat Lunak dan
merepresentasikan spesifikasi, desain dan pengkodeannya. Dalam testing perangkat lunak ada 2
(dua) pendekatan test yaitu Black Box Testing dan White Box. Dimana tujuan dari masing-masing
pendekatan tes tersebut antara lain adalah sebagai berikut; White Box Testing bertujuan untuk
meramalkan cara kerja perangkat lunak secara rinci, karenanya logical path (jalur logika)
perangkat lunak akan dites dengan menyediakan test case yang akan mengerjakan kumpulan
kondisi dan atau pengulangan secara spesifik. Secara sekilas dapat diambil kesimpulan, white
box testing merupakan petunjuk untuk mendapatkan program yang benar secara 100%.
Sedangkan Black Box Testing bertujuan untuk menunjukkan fungsi PL tentang cara
beroperasinya, apakah pemasukan data dan keluaran telah berjalan sebagaimana yang diharapkan
dan apakah informasi yang disimpan secara eksternal selalu dijaga kemutakhirannya.
Sejalan dengan tujuan materi testing perangkat lunak ini, maka penulis akan mencoba untuk
mengimplentasikannya pada website yang telah dibuat oleh Clothing Store, yang dijalankan pada
server localhost. Adapun tes yang dilakukan pada website tersebut adalah pengujian white box
pada form login Website Clothing Store, pengujian white box pada form tambah data baju
Website Clothing Store, serta pengujian black box pada Website Clothing Store.

2. White Box Testing Pada Website Clothing Store

2.1 White Box Testing pada Form Login
A. Prosedur Pada Form Login Website Clothing Store
Form login digunakan untuk mengidentifikasi user yang akan menggunakan perangkat
lunak. Identifikasi tersebut bertujuan untuk membedakan hak-hak user yang telah ditentukan
pada website clothing store. Berikut ini adalah baris kode program untuk mengidentifikasi
user pada form login tersebut;

1
 Gambar 1 Prosedur Identifikasi User Pada Form Login

B. Path dan Uji Kasus Path pada Form Login

Dari baris kode program diatas, kita dapat menentukan path yang menentukan himpunan
basis dari alur independen yang linear.

Gambar 2 Path Pada Form Login

2
Baris kode program diatas menghasilkan 3 (tiga) buah path, yaitu sebagai berikut:
1. 1-2-3-5-13-16-17
2. 1-2-3-7-8-9-10-11-12-16-17
3. 1-2-13-14-15-16-17
Dari path yang telah dihasilkan maka dapat dilakukan uji kasus. Berikut ini adalah uji kasus
dari ketiga path yang telah dihasilkan:
1. Uji kasus path 1
Pada kasus ini user telah mengisi username atau password yang salah dan mengisi capcha
dengan benar pada form login. Maka berikutnya form login tersebut akan merefresh
halaman kembali dan mengosongkon text box yang ada.
2. Uji kasus path 2
Pada kasus ini user telah mengisi username atau password yang benar dan mengisi
capcha dengan benar. Maka berikutnya user akan dibawa pada halaman selanjutnya, yaitu
form admin.
3. Uji kasus path 3
Pada kasus ini user telah mengisi username atau password. Namun user mengisi capcha
yang salah. Maka berikutnya form login akan merefresh kembali halaman seperti pada uji
kasus path 2.

3
C. Flow Graph Pada Form Login

Gambar 3 Flow Graph Form Login

4
D. Graph Matric pada Form Login
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
1 A
2 B O
3 C G
4
5 D
6
7 H
8 I
9 J
10 K
11 L
12 M
13 P E
14 Q
15 R
16 F
17
Tabel 1 Graph Matric Form Login

E. Connection Matrix pada Form Login

5
 Tabel 2 Connection Matrix Form Login

2.2 White Box Testing pada Form Baju

A. Prosedur Pada Form Baju Website Clothing Store
Form Baju digunakan sebagai media dalam menajemen baju yang ditampilkan pada
tampilan front end website Clothing Store. Pada form baju, user dengan status administrator
dapat menambah, mengubah dan menghapus data baju yang akan ditampilkan. Berikut ini
adalah bentuk dari prosedur untuk menyimpan data baju pada website clothing store.

6
 Gambar 4 Prosedur Pada Form Baju

B. Path dan Uji Kasus Path Form Baju pada Website Clothing Store
Dari baris kode program diatas, kita dapat menentukan path yang menentukan himpunan
basis dari alur independen yang linear.

Gambar 5 Path Form Baju

7
Baris kode program diatas menghasilkan 3 (tiga) buah path, yaitu sebagai berikut:
1. 1-2-3-4-5-6-7-8-9-11-12-13-14-17
2. 1-9-10-11-12-13-14-17
3. 1-2-3-4-5-6-7-8-9-11-12-13-15-16-17
4. 1-9-10-11-12-13-15-16-17
Dari path yang telah dihasilkan maka dapat dilakukan uji kasus. Berikut ini adalah uji kasus
dari ketiga path yang telah dihasilkan:
1. Uji kasus path 1
Pada kasus ini user mengisi form baju, namun folder yang digunakan untuk menyimpan
gambar baju belum tersedia. Maka dari itu program akan membuat folder terlebih dahulu
setelah itu melanjutkan untuk menyimpan data baju ke dalam database.
2. Uji kasus path 2
Pada kasus ini user mengisi form baju, namun folder sudah tersedia sebelumnya. Maka
dari itu program akan melanjutkan untuk menyimpan data baju ke dalam database.
3. Uji kasus path 3
Pada kasus ini user mengisi form baju, namun folder yang digunakan untuk menyimpan
gambar baju belum tersedia. Maka dari itu program akan membuat folder terlebih dahulu.
Namun ada masalah pada koneksi database, sehingga penambahan program menampilkan
pesan Proses tambah data gagal
4. Uji Kasus Path 4
Pada kasus ini user mengisi form baju, dan folder sudah tersedia. Namun ada masalah
pada koneksi ke database sehingga program akan menampilkan pesan peringatan Proses
tambah data gagal.

8
C. Flow Graph Pada Form Baju

Gambar 6 Flow Graph Form Baju

9
D. Graph Matric Pada Form Baju
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
1 A N
2 B
3 C
4 D
5 E
6 F
7 G
8 H
9 O I
10 P
11 J
12 K
13 L Q
14 M
15 R
16 S
17
Tabel 3 Graph Matric Pada Form Baju

E. Connection Matrix

10
 Tabel 4 Connection Matrix Pada Form Baju

3. Black Box Testing Pada Website Clothing Store

Pada pengujian black box ini, Website Clothing Store yang digunakan adalah website yang
dijalankan pada server localhost. Website Clothing Store ini juga merupakan website dinamis,
dimana tampilan front end pada website ini dapat berubah-ubah secara berkala. Maka dari itu,
pengujian black box pada website ini harus dilakukan pengujian website dinamis yang berbeda
dari pengujian website statis. Berikut ini adalah bentuk dari pengujian black box pada Website
Clothing Store:

A. Alamat Website

11
 Pada pengujian black box ini, alamat yang ada pada website Clothing Store adalah :
localhost/clothing-store. Berikut ini adalah tampilan dari alamat tersebut jika dijalankan pada
browser:
1. Menggunakan Google Chrome

Gambar 7 Tampilan saat mengakses alamat website Clothing Store di Google Chrome

2. Menggunakan Firefox

Gambar 8 Tampilan saat mengakses alamat website Clothing Store di Firefox

3. Link yang Terdapat pada Website Clothing Store

12
 Ada beberapa link yang terdapat pada website clothing store, berikut ini adalah tampilan
dari link tersebut:

13
14
15
16
 Gambar 9 Link yang terdapat pada Website Clothing Store
Keterangan:
- Nomor 1 : Link untuk menampilkan beranda website
- Nomor 2 : Link untuk menampilkan profil perusahaan

17
- Nomor 3 : Link untuk menampilkan cara pemesananan
- Nomor 4 : Link untuk menampilkan kontak perusahaan
- Nomor 5 : Login User
- Nomor 6 : Kategori
- Nomor 7 : Pencarian
- Nomor 8 : Kalender
- Nomor 9 : Tampilan profil perusahaan
- Nomor 10 : Tampilan cara pemesanan
- Nomor 11 : Tampilan kontak perusahaan
- Nomor 12 : Tampilan pendaftaran user baru
- Nomor 13 : Keranjang belanja
- Nomor 14: Menentukan tujuan pengiriman
- Nomor 15: Data pemesanan
- Nomor 16: Print data pemesanan

B. Standar Pengukuran Menggunakan Faktor Kualitas

1. Correctness Concerns
Of course, one of the most important areas of concern is that the application
functions correctly. This can include not only the functionality of buttons and behind the
scenes instructions but also calculations and navigation of the application. Dari
kutipan tersebut, kita dapat menilai apakah website clothing store berfungsi sebagaimana
mestinya. Berikut adalah ulasan yang berhubungan dengan correctness concerns tersebut:
a. Correctness Functionality
Ketika dilakukan pendaftaran sebagai anggota, berhasil dengan baik. Validasi data
yang diinput oleh user juga berfungsi dengan baik seperti validasi format email,
validasi password, dan validasi lainnya. Namun karena website dijalankan
menggunakan server localhost, kita belum bisa mengetahui apakah konfirmasi
pendaftaran masuk ke email atau tidak.
b. Corecteness Calculation
Ketika dilakukan pembelian barang, Sub Total Harga dan Total Harga dihitung
dengan benar.

18
 c. Correctness Navigation
Semua tombol dan Link berfungsi dengan baik, ketika di klik menuju informasi yang
diinginkan.

2. Usability Concerns
If users or customers find an Internet application hard to use, they will likely go to a
competitors site. Usability can be validated and usually involves the following:
Ensuring the application is easy to use and understand, Ensuring that users know how to
interpret and use the information delivered from the application ,Ensuring that
navigation is clear and correct. Berdasarkan kutipan tersebut, website clothing store
merupakan website yang memberikan informasi mengenai pakaian yang kompleksitasnya
barada pada tingkat menengah mudah dan difahami oleh orang awam sekalipun, semua
intruksi yang diberikan cukup jelas.

C. Kesimpulan
Berdasarkan Three Their Architecture maka dapat diambil kesimpulan pada website
clothing store yang telah dites. Berikut adalah kesimpulannya:
1. Presentation Tier
Hasil yang
No Data Uji Input Output Kesimpulan
diharapkan
localhost/clothing Menampilkan Menampilkan
Klik alamat
1 -store (Google halaman utama halaman utama OK/Sukses
website
Chrome) website clothing store website clothing store
localhost/clothing Menampilkan Menampilkan
Klik alamat
2 -store (Mozilla halaman utama halaman utama OK/Sukses
website
Firefox) website clothing store website clothing store
Menampilkan Menampilkan
3 Link Beranda Klik link OK/Sukses
halaman utama halaman utama
Link Tentang Menampilkan profil Menampilkan profil
4 Klik link OK/Sukses
Kami perusahaan perusahaan
Menampilkan Menampilkan
Link Cara
5 Klik link halaman cara halaman cara OK/Sukses
Pemesanan
pemesanan pemesanan
Menampilkan Menampilkan
Link Kontak
6 Klik link halaman kontak halaman kontak OK/Sukses
Kami
perusahaan perusahaan
Menampilkan Menampilkan
7 Link Daftar Klik link OK/Sukses
halaman registrasi halaman registrasi
8 Tombol Masuk Klik tombol Login sebagai aggota Login sebagai aggota OK/Sukses
Input kata
9 Pencarian Dapat diisi Dapat diisi OK/Sukses
kunci

19
 Menampilkan data Menampilkan data
Tombol Cari pada
10 Klik tombol yang berhubungan yang berhubungan OK/Sukses
pencarian
dengan kata kunci dengan kata kunci
Menampilkan detail Menampilkan detail
11 Link Detail Klik link baju (gambar, stok, baju (gambar, stok, OK/Sukses
ukuran dan harga) ukuran dan harga)
Memasukkan barang Memasukkan barang
12 Link Beli Klik link yang akan dibeli ke yang akan dibeli ke OK/Sukses
keranjang keranjang
Menampilkan data Menampilkan data
13 Link Keranjang Klik link apa saja yang sudah apa saja yang sudah OK/Sukses
diambil/akan dibeli diambil/akan dibeli
Keluar dari sesi Keluar dari sesi
14 Link Keluar Klik link OK/Sukses
belanja belanja
Tabel 5 Presentation Tier
2. Bussines Tier
Hasil yang
No Data Uji Input Output Kesimpulan
diharapkan
Menghitung Jumlah
1 Subtotal = harga*qty Subtotal = harga*qty OK/Sukses
Subtotal Belanja barang
Alamat email Alamat email Menampilkan pesan Menampilkan pesan
2 OK/Sukses
harus diisi tidak valid kesalahan kesalahan
Register sebagai Isi form Terdaftar sebagai Terdaftar sebagai
3 OK/Sukses
anggota pendaftaran anggota anggota
Capcha tidak
4 Pengisian capcha Tidak bisa login Refresh halaman OK/Sukses
benar
Tabel 6 Bussines Tier
3. Data Tier
Hasil yang
No Data Uji Input Output Kesimpulan
diharapkan
Mendaftar
Tidak bisa
anggota dengan Email yang Terdaftar sebagai
1 melanjutkan Gagal
email yang sudah sudah ada anggota
pendaftaran
ada
Tabel 7 Data Tier
4. Audit

Gambar 10 Audit

20