Seminar Nasional Multimedia & Artificial Intelligence

SMAI 2020

Pengujian White Box Pada Laman Ukmbantul.com dengan Menggunakan Teknik

Basis Path

White Box Testing on the Ukmbantul.com Page Using the Base Path Technique

Muhammad Sholeh1, Sri Wahyuni2, Heru Aprianto3, Eland Vaskita Nugraha4

Program Studi Informatika, Fakultas Teknologi Industri, Institut Sains & Teknologi AKPRIND,
Jl. Kalisahak 28 Yogyakarta
Email: 1muhash@akprind.ac.id, 2yunis9211@gmail.com, 3heru.aprianto76@gmail.com, 4evnugraha29@gmail.com

ABSTRAK

Penelitian ini dilakukan untuk penguji laman ukmbantul.com dengan menggunakan metode white box dan
menggunakan teknik basis path. Pengujian dilakukan dengan tujuan untuk mengetahui sejauh mana laman
ukmbantul.com dapat dijalankan sesuai dengan keinginan pengguna. Pengujian dilakukan dengan menguji
koding yang terdapat keputusan maupun pengulangan. Pengujian pada koding keputusan digunakan untuk
melakukan pengecekan apakah semua jalur yang ada sudah dijalankan secara benar. Metode penelitian
dilakukan dengan memilih salah fungsi yang terdapat koding keputusan. Berdasar pada koding yang sudah
dikembangkan untuk memudahkan proses pengujian, alur dari program keputusan tersebut dibuat dalam
bentuk flowchart dan flowgraph. Pembuatan flowchart dan flowgraph bertujuan untuk mempermudah proses
pengujian. Dari flowgraph dilakukan pengujian dengan melakukan penelusuran menggunakan independen
path. Hasil dari pengujian, laman ukmbantul.com terutama laman pencarian ukm berdasar wilayah sudah
sesuai dengan yang diinginkan.
Kata kunci: Pengujian, white box, UKM, ukmbantul.com

ABSTRACT

This research was conducted to test the ukmbantul.com page using the white box method and using the basis
path technique. The test was carried out with the aim of knowing the extent to which the ukmbantul.com page
can be run according to the user's wishes. Testing is done by testing the coding that has decisions or repetitions.
Testing on decision coding is used to check whether all existing paths have been executed correctly. The
research method was carried out by selecting one of the functions that contained decision coding. Based on
the code that has been developed to facilitate the testing process, the flow of the decision program is made in
the form of flowcharts and flow graphs. The making of flow chat and flow graph aims to simplify the testing
process. From the flow graph, testing is done by tracing using independent paths. The results of the test, the
ukmbantul.com page, especially the SME search page by region, is what you want.
Keywords: Testing, white box, UKM, ukmbantul.com,

116

1. PENDAHULUAN
Pengembangan sistem informasi tidak
hanya sekadar koding dan berhenti pada saat uji
coba sistem sudah sesuai dengan sistem yang
diinginkan pengguna. Aspek yang sangat penting
dalam pengembangan sistem diantaranya adalah
pengujian sistem. Pengujian sistem dilakukan
untuk meminimalkan kesalahan dari sisi koding.
Dalam pengembangan sistem, tidak bisa menjadi
salah satu parameter jika aplikasi dijalankan tidak
memunculkan kesalahanan sudah sesuai keinginan
pengguna berarti proses sudah dinyatakan selesai.
Justru kesalahan yang muncul adalah adanya koding
yang salah dalam penerapan logika atau ada alur
koding yang tidak sesuai dengan yang diinginkan.
Dalam pengembangan sistem informasi UKM
bantul yang ada pada laman ukmbantul.com, proses
pengembangan dilakukan tahapan pengujian baik
dilakukan dengan metode black box maupun white
box. Laman ukmbantul.com merupakan sebuah
layanan yang dikembangkan sebagai upaya untuk
membantu mempromosikan para pelaku UKM
di Bantul. Dengan dibuatnya website tersebut,
dimaksudkan untuk memberikan alternatif dalam
mempromosikan produk pelaku UKM, disamping
tentunya memanfaatkan media sosial yang ada
seperti, Facebook, Instagram, twitter ataupun
media sosial yang lainnya. Dengan cara tersebut,
masyarakat akan lebih mudah mengenali produk
yang dibuat oleh UMKM Kabupaten Bantul
Ukmbantul.com merupakan hasil penelitian
yang dilakukan oleh Sholeh (Hardiyanto et al.,
2020). Hasil penelitian berupa sistem informasi
UKM yang dapat menjadi salah satu media promosi
yang dapat menjangkau area yang luas. Kelengkapan
sistem informasi menjadi salah satu daya tarik
sistem online. Dalam penelitian ini, sistem informasi
UMKM yang dibangun dilengkapi fasilitas peta,
gambar serta video produk UMKM. Fasilitas peta
ini memberikan kemudahan kepada pengguna untuk
menuju lokasi pelaku usaha. Sistem dikembangkan
dengan memanfaatkan API google map serta basis
data yang digunakan untuk menyimpan semua
data UMKM menggunakan mysql dan bahasa
pemrograman yang digunakan adalah PHP. Fitur
yang dikembangkan diantaranya fasilitas peta yang
memudahkan pengguna untuk pergi ke lokasi pelaku
UKM, informasi gambar dan video dari produk
UKM. Gambar 1, halaman depan dari ukmbantul.
com.
Seminar Nasional Multimedia & Artificial Intelligence
SMAI 2020
Gambar 1. Laman depan ukmbantul.com
2. TINJAUAN PUSTAKA
Dalam proses pengembangan sistem, salah
satu tahanan yang penting adalah pengujian sistem.
Salah satu pengujian yang dapat digunakan adalah
white box testing. White box testing dilakukan
untuk mengetahui cara kerja suatu sistem informasi
yang dibangun serta untuk menjamin operasi-
operasi internal sesuai dengan spesifikasi yang telah
ditetapkan dengan menggunakan struktur kendali
dari prosedur yang dirancang (Asnawati 2015).
Dalam proses pengujian white box, sistem yang telah
diuji coba dapat dijalankan, sistem tahap berikutnya
dilakukan pengujian. Pada tahap ini koding yang
diuji dibuat dalam bentuk flowchart dan dipetakan
dalam bentuk flowgraph yang disusun dari beberapa
node dan egde. Berdasar flowgraph ditentukan regian
dan cycloatic complexity (Zohrahayaty et al. 2019).
Penelitian yang terkait dengan pengujian
sistem white box dilakukan oleh Pratala (Pratala et
al. 2020), dalam penelitian ini dilakukan pengujian
pada Aplikasi Cash Flow berbasis Android. Proses
pengujian bertujuan untuk mengetahui galat pada
perangkat lunak. Salah satu metode yang digunakan
adalah white box testing. White box testing
merupakan pengujian pada tingkat alur perangkat
lunak. Untuk mengetahui aplikasi Cash Flow tidak
memiliki galat maka akan dilakukan uji coba dengan
teknik basis path yang dimulai dari membuat Flow
Graph, Cyclomatic Complexity (CC) dan melakukan
unit Case. Penerapan dari metode pengujian white
box menggunakan teknik Basis path pada aplikasi
Cash Flow dapat mengevaluasi kompleksitas
alur program, pada saat melakukan unit test dapat
menentukan jumlah skenario pengujian yang akan
dilakukan. Setelah dilakukan uji pada aplikasi Cash
Flow dan tidak ditemukan galat, maka semua tes
117

berhasil. Hasil pengujian ini dapat dijadikan acuan
untuk memperbaiki aplikasi sesuai yang diharapkan,
dan menjamin bahwa aplikasi yang dibuat sudah
sesuai persyaratan.
Subagia, (Subagia, Alit, and Akbar 2020)
melakukan pengujian pada sistem informasi
monitoring skripsi program studi informatika
UPNVJT. Hasil yang didapat dari pengujian white
box menghasilkan 69 fungsi masuk kategori tingkat
risiko rendah terhadap cacat atau error yang memiliki
tipe prosedur yang sederhana dan terstruktur dengan
baik serta stabil dengan persentase 94,5 %, 2 fungsi
masuk kategori tingkat risiko menengah terhadap
cacat atau error dengan tipe prosedur lebih kompleks
yang memiliki persentase 2,75 %, dan 2 fungsi masuk
kategori tingkat risiko tinggi terhadap cacat atau error
yang memiliki tipe prosedur kompleks dan kritis
dengan persentase 2,75 %. Setiap source code dari
semua fungsi yang diuji memiliki hubungan dengan
setiap menu pada aplikasi. Persentase dari pengujian
yang dapat dilakukan sejumlah 221 pengujian dari
yang seharusnya 285 pengujian berdasarkan jalur
independen sebesar 77,5 %. Dari total 73 fungsi
diperoleh hasil yang sama untuk 3 jenis perhitungan
menggunakan cyclomatic complexity sehingga bisa
dikatakan script code program adalah relevan serta
dari 221 skenario uji diperoleh hasil yang benar
tanpa kesalahan.
Menurut Pamuji, (Pamuji 2018), salah satu
aktivitas dalam pengembangan aplikasi adalah
uji coba pada perangkat lunak. Dengan adanya
pengujian ini diharapkan pada saat diserahkan
pada pengguna, sistem sudah tidak mengandung
kesalahan. Dalam pengembangan sistem, siklus
pengembangan perangkat lunak dapat menghabiskan
waktu yang lama serta biaya yang mahal. Salah satu
pengujian yang lama adalah dengan teknik yang
menggunakan metode white-box. Pengujian yang
dilakukan dengan menggunakan 4 tahap uji coba
yaitu uji alur kontrol, uji alur data, uji coba berbasis
slice, uji coba mutasi melalui penerapan parameter
metrik uji.
Untoro (Utomo, Kurniawan, and Astuti
2018) mengembangkan sistem layanan haji dan
sebelum mengembangkan sistem dilakukan proses
evaluasi. Tahapan pengujian sistem dilakukan untuk
mengetahui kesalahan–kesalahan yang mungkin
terjadi pada sistem yang dibangun. Pengujian
dilakukan untuk mengevaluasi keseluruhan prototipe
sistem yang terdiri dari black box, white box testing,
dan user acceptance testing.
118
Seminar Nasional Multimedia & Artificial Intelligence
SMAI 2020
Fakhiri (Fakhri, Aknuranda, and Pramono
2018), membangun sistem informasi showroom
mobil di UD. Tomaru Oto. Proses pengembangan
sistem meliputi perancangan yang digunakan
untuk mengimplementasikan sistem informasi
showroom mobil (SISMOB). Sistem sebelum
diimplementasikan dilakukan proses pengujian
SISMOB dengan menggunakan metode white box
dan black box. Hasil pengujian baik menggunakan
metode black box maupun white box semuanya
sudah berjalan sesuai dengan spesifikasi yang
diinginkan.
(Kusuma and Setiawan 2018), penelitian yang
dilakukan pada sistem yang dibangun dilakukan
dengan menggunakan pengujian white box dan
diterapkan pada halaman login user dan halaman
pemesanan. Proses pengujian sistem dilakukan
dengan beberapa tahapan seperti pemetaan
source code, Membuat Flowgraph, penghitungan
Cyclomatic Complexity, menentukan Independent
Path, pembuatan Graph Matrix dan melakukan
skenario uji pada halaman login user. Penelitian
lain yang berkaitan dengan pengujian white box
diantaranya (Pandara, Karouw, and Najoan 2015),
(Pandara et al. 2015),(Apriliyani and Suryana 2019)
Dalam penelitian yang dilakukan adalah
melakukan pengujian pada website UMKM Bantul
(ukmbantul.com). Penelitian dilakukan dengan
menggunakan White Box Testing. White Box Testing
merupakan pengujian untuk menemukan logical
errors dan pemahaman script (kode program) yang
keliru. Teknik White Box Testing akan mengacu
pada teknik basis path dan disajikan dengan diagram
Control Flow graph Testing. Pengujian white
box bertujuan untuk mengetahui kinerja logika
yang dibuat pada sebuah perangkat lunak, yang
nantinya dapat diketahui apakah program perangkat
lunak tersebut berjalan dengan baik atau tidak
(karena adanya alur atau algoritma program yang
bermasalah).
3. METODOLOGI PENELITIAN
Proses pengujian white box dilakukan dengan
menentukan fungsi yang di dalamnya terdapat proses
pengulangan. Pengujian dilakukan pada fungsi
pencarian UKM berdasar pada lokasi wilayah. Proses
pengujian dilakukan dengan tahapan-tahapan:
1. Mengubah source code function cari ke dalam
bentuk flowchart
 Seminar Nasional Multimedia & Artificial Intelligence
SMAI 2020
2. Mengubah flowchart ke dalam bentuk 6. $rw_id = trim($this->input->post('rw_id'));
flowgraph. 7. $rt_id = trim($this->input->post('rt_id'));
3. Perhitungan CC (Cyclomatic Complexity ) 8. $where = '';
9. if ( is_numeric($kecamatan_id) ) {
4. Penentuan Independen Path
10. $where .= “ AND alamat_ukm.kecamatan_
id=’”.$kecamatan_id.”’”;
Function cari digunakan untuk pencarian lokasi
UKM berdasar wilayah tertentu. Proses pencarian 11. }
dapat dibedakan berdasar wilayah kecamatan, 12. if ( is_numeric($kelurahan_id) ) {
kelurahan, dusun, RW dan RT. Nilai awal dari 13. $where .= “ AND alamat_ukm.kelurahan_id=’”.$kelu-
tampilan pencarian akan menampilkan semua data rahan_id.”’”;
UKM dan pengguna dapat menentukan pemilihan 14. }
sesuai kategori wilayah yang diinginkan. Flow chart 15. if ( is_numeric($dusun_id) ) {
dari function cari ada pada gambar 2. 16. $where .= “ AND alamat_ukm.dusun_id=’”.$dusun_
id.”’”;
mulai
17. }
18. if ( is_numeric($rw_id) ) {
Tentukan nilai default dari data-data
Kabupaten, Kecamatan,kelurahan, 19. $where .= " AND alamat_ukm.rw_id='".$rw_
dusn,RW,RT
Query diset semua data ditampilkan
id."'";
20. }
21. if ( is_numeric($rt_id) ) {
Apakah yang dicari Ya
Query diset khusus Kecamatan
berdasar kecamatan 22. $where .= " AND alamat_ukm.rt_id='".$rt_id."'";
23. }
Tidak
24. $query = "SELECT ukm.ukm_id,ukm_nama_usaha,-
Apakah yang dicari Ya
jenis_industri.jenis_industri_id,jenis_industri_nama,-
berdasar kelurahan
Query diset khusus kelurahan
komoditi_nama,alamat_latitude,alamat_longi-
tude,alamat_detail FROM ukm
Tidak 25. JOIN komoditi ON ukm.ukm_komoditi_id=komoditi.
komoditi_id
Apakah yang dicari Ya
berdasar dusun
Query diset khusus dusun
26. JOIN jenis_industri ON jenis_industri.jenis_indus-
tri_id=komoditi.jenis_industri_id
Tidak 27. JOIN alamat_ukm ON alamat_ukm.ukm_id=ukm.
ukm_id where ".$where."";
Apakah yang dicari Ya
berdasar RW
Query diset khusus RW 28. $data['sig'] = $this->db->query($query)->result_ar-
ray();
Tidak 29. echo $this->load->view('ukm_detail/peta',$data,true);
30. }
Apakah yang dicari Ya
Query diset khusus RT
berdasar RT

4. PEMBAHASAN
selesai Salah satu pengujian yang dilakukan adalah
bagian program yang digunakan untuk proses awal
Gambar 2 Flow Chart Function Cari aplikasi dijalankan yaitu fungsi yang digunakan
untuk proses pencarian data UKM berdasar pada
Tabel 1. Source Code function cari suatu wilayah. Gambar 3 merupakan tampilan laman
1. function cari(){ data wilayah UKM dan tabel 1 source code dari
2. $kabupaten_id = trim($this->input->post('kabupaten_ fungsi pencarian
id'));
3. $kecamatan_id = trim($this->input->post('kecamatan_
id'));
4. $kelurahan_id = trim($this->input->post('kelurahan_
id'));
5. $dusun_id = trim($this->input->post('dusun_id'));

119
 Seminar Nasional Multimedia & Artificial Intelligence
SMAI 2020

1-8

9 10-11

12

13-14

15

16-17
18

19-20
Gambar 3. Laman Pencarian Data UKM
21
Flowgraph Index
Flowgraph yaitu menggambarkan alur eksekusi 22-23

program berdasarkan pengkondisian dan perulangan

yang ada pada baris program index. Dari flowgraph 24-30

dibawah ini dapat disimpulkan bahwa ada 12 Node

Gambar 4 Flowgraph dari pengujian fungsi cari
dan 16 Edge. Node adalah urutan dari simbol proses
dan simbol keputusan. Sedangkan Edge adalah anak Basis Path Testing Index
panah yang menggambarkan aliran dari kontrol
sesuai dengan diagram alir. Hasil flowgraph ada Setelah mendapatkan independent path, baris
pada gambar 4. program akan diuji dengan mengisi nilai variabel
dan mengecek apakah output telah sesuai dengan
hasil yang diharapkan atau tidak, hasil pengujian ada
pada tabel 2.
Tabel 2. Hasil Pengujian White Box
No Jalur Pengujian Hasil
1 1-2-3-4-5-6-7-8-9- Baris 1-9 membuat default
12,15,18,21-24-25-26- queri tidak ada mem-
27-28-29-30 bataskan where, sehingga
menampilkan semua data
ukm
Kesimpulan: alur sudah
benar

2 1-2-3-4-5-6-7-8-9- 10- Baris 10-11 memberi

11-12-15-18-21-24-25- batasan data ukm dibatasi
26-27-28-29-30 hanya sesuai kecamatan
yang dipilih
$where .= “ AND alamat_
ukm.kecamatan_id=’”.$ke-
camatan_id.”’”;
Kesimpulan: alur sudah
benar
3 1-2-3-4-5-6-7-8-9- 12- Baris 13-14 memberi
13-14-15-18-21-24-25- batasan data ukm dibatasi
26-27-28-29-30 hanya sesuai kelurahan
yang dipilih
Kesimpulan: alur sudah
benar

120
 Seminar Nasional Multimedia & Artificial Intelligence
SMAI 2020

4 1-2-3-4-5-6-7-8-9-12- Baris 16-17 memberi

15-16-17-18-21- 24-25- batasan data ukm dibatasi
26-27-28-29-30 hanya sesuai dusun yang
dipilih
Kesimpulan: alur sudah
benar

5 1-2-3-4-5-6-7-8-9-12-15 Baris 19-20 memberi

-18-19-20-21- 24-25- batasan data ukm dibatasi
26-27-28-29-30 hanya sesuai RW yang
dipilih
Kesimpulan : alur sudah
benar

4. KESIMPULAN DAFTAR PUSTAKA

Berdasarkan pada penelitian dan pengujian
yang dilakukan pada aplikasi UKM Bantul berbasis
web dengan menggunakan white box testing dengan
teknik basis path terutama pada function cari dapat
disimpulkan bahwa:
1. Aplikasi pengujian dengan menggunakan white
box testing dapat menguji pembatasan jumlah if
dan switch.
2. Aplikasi pengujian dengan menggunakan white
box testing dapat menguji pembatasan jumlah
for, do-while dan while.
3. Aplikasi yang sudah dirancang dapat berjalan
sesuai dengan alur program.
4. Hasil tampilan proses pencarian sudah sesuai
dengan semua jalur keputusan yang ada pada
function cari.
Apriliyani, Leni and Nana Suryana. 2019. “Analisis
Dan Perancangan Aplikasi Pengelolaan Data
Tenaga Kerja Asing (Studi Kasus : Pt Cosmo
Technology Cibadak ).” Ensains 2(2):92–98.
Asnawati, Feri Hari Utama. 2015. Rekayasa
Perangkat Lunak. Yogyakarta: Deepublish
Publisher.
Fakhri, Muhammad Afif, Ismiarta Aknuranda, and
Djoko Pramono. 2018. “Implementasi
Sistem Informasi Showroom Mobil
(SISMOB) Dengan Pemrograman Berbasis
Objek ( Studi Kasus : UD . Tomaru Oto ).”
Jurnal Pengembangan Teknologi Informasi
Dan Ilmu Komputer 2(9):2967–74.
Kusuma, Abdi Pandu and Bayu Setiawan. 2018.
“White Box Testing Pada Sistem Pemesanan
Desain Sablon Berbasis Web.” Jurnal
Teknika 10(2):1040.

5. UCAPAN TERIMA KASIH
Penulis mengucapkan terima kasih kepada
Deputi Bidang Penguatan Riset dan Pengembangan
- Kementerian Riset dan Teknologi/ Badan Riset
dan Inovasi Nasional yang telah memberi dukungan
dana untuk kegiatan penelitian pada skema
penelitian terapan unggulan perguruan tinggi tahun
pendanaan 2019 dan 2020 dan Dinas Komunikasi
dan Informatika kabupaten Bantul yang telah
memberikan kesempatan kepada tim IST AKPRIND
untuk memberikan pendampingan kepada pelaku
UKM di kabupaten Bantul.
Pamuji, Agus. 2018. “Strategi Perbaikan Uji Coba
Struktural Perangkat Lunak Pada Metode
White-Box.” Jurnal Informatika 5(1):112–
18.
Pandara, Eko, Stanley Karouw, and Meicsy Najoan.
2015. “Implementasi Proses Uji Sistem
Informasi Admisi Pascasarjana Universitas
Sam Ratulangi.” Jurnal Teknik Informatika
4(2):1–6.
Pratala, Citra Teguh, Ebenhaezer Mahardhika
Asyer, Ima Prayudi, and Aries Saifudin.
2020. “Pengujian White Box Pada Aplikasi
Cash Flow Berbasis Android Menggunakan

121
 Seminar Nasional Multimedia & Artificial Intelligence
SMAI 2020
Teknik Basis Path.” Jurnal Informatika
Universitas Pamulang 5(2):111.
Subagia, Ronny, Ronggo Alit, and Fawwaz Ali Akbar.
2020. “Pengujian White Box Pada Sistem
Informasi Monitoring Skripsi Program
Studi Informatika.” Jurnal Informatika Dan
Sistem Informasi (JIFoSI) 01(2):539–47.
Utomo, Danang Wahyu, Defri Kurniawan, and
Yani Parti Astuti. 2018. “Teknik Pengujian
Perangkat Lunak Dalam Evaluasi Sistem
Layanan Mandiri Pemantauan Haji Pada
Kementerian Agama Provinsi Jawa Tengah.”
Simetris: Jurnal Teknik Mesin, Elektro Dan
Ilmu Komputer 9(2):731–46.
Zohrahayaty, Azminuddin I. .. Azis, Asmaul Husna,
Irvan Abrahan Salihi, Budi Santoso,
Apriyanto r. Alhamda, and Amirudin. 2019.
Karakteristik Penelitian Ilmu Komputer.
Yogyakarta: Deepublish Publisher.

122