BAB IV IMPLEMENTASI DAN PENGUJIAN. dan perancangan selesai dilakukan. Pada subbab ini akan dijelaskan implementasi

BAB IV IMPLEMENTASI DAN PENGUJIAN

4.1

Implementasi Sistem

Tahap implementasi dan pengujian sistem, dilakukan setelah tahap analisis dan perancangan selesai dilakukan. Pada subbab ini akan dijelaskan implementasi dari aplikasi sistem dengan menggunakan beberapa fungsi yang penulis buat terdiri dari lingkungan implementasi, pengkodean, dan interface dari aplikasi sistem tersebut. Untuk Menjalankan program website UKM Karate UMB menggunakan PHP MySQL, maka diperlukan sebuah Web Server yang akan digunakan sebagai tempat penyimpanan program. Web Server yang akan digunakan berupa “Appserv”, atau program Web Server lain yang mendukung program PHP minimal versi 4.0.5 dan MySQL minimal versi 3.23 sebagai database Server. Untuk memulai program, jalankan browser seperti “Internet Explorer”,

Mozilla

server/path-folder/”.

Firefox

atau Nestcape.

Nama-server

adalah

Ketikkan alamat “http:/namanama

server

tempat

program

disimpan. Gambar dibawah ini adalah tampilan versi PHP yang digunakan.

Dibawah ini adalah cara pembuatan database pada MySQL dengan menggunakan PHP, adapun langkah- langkahnya adalah sebagai berikut :

70

71

1.1 Tampilan Antar Muka 1. Aktifkan Appserv terlebih dahulu sampai tampil gambar seperti gambar berikut.

Gambar 4.1 Tampilan Localhost Appserv

72

2. Tampilan awal pembuatan database

Gambar 4.2 Tampilan awal pembuatan database

73

3. Tampilan 10 table pada database db_karate

Gambar 4.3 Tampilan 10 table pada database db_karate

74

4. Tampilan table tbl_admin pada database db_karate

Gambar 4.4 Tampilan table tbl_admin pada database db_karate

Potongan script php : CREATE TABLE `tbl_admin` ( `id_admin` int(4) NOT NULL auto_increment, `user` varchar(10) NOT NULL default '', `pass` varchar(100) NOT NULL default '', `sesi` varchar(100) NOT NULL default '', `aktif` enum('0','1') NOT NULL default '0', `nama` varchar(100) NOT NULL, PRIMARY KEY (`user`), KEY `id_admin` (`id_admin`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=7 ;

75

5. Tampilan table tbl_agenda pada database db_karate

Gambar 4.5 Tampilan table tbl_agenda pada database db_karate

Potongan script php : CREATE TABLE `tbl_agenda` ( `id_agenda` int(5) NOT NULL auto_increment, `waktu_agenda` varchar(100) collate latin1_general_ci NOT NULL, `judul` varchar(100) collate latin1_general_ci NOT NULL, `isi_berita` text collate latin1_general_ci NOT NULL, `waktu` varchar(30) collate latin1_general_ci NOT NULL, `dibaca` int(5) NOT NULL default '1', PRIMARY KEY (`id_agenda`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci AUTO_INCREMENT=150 ;

76

6. Tampilan table tbl_album pada database db_karate

Gambar 4.6Tampilan table tbl_album pada database db_karate

Potongan script php : CREATE TABLE `tbl_album` ( `id_album` int(5) NOT NULL auto_increment, `jdl_album` varchar(100) collate latin1_general_ci NOT NULL, `gbr_album` varchar(100) collate latin1_general_ci NOT NULL, `aktif` enum('Y','N') collate latin1_general_ci NOT NULL default 'Y', PRIMARY KEY (`id_album`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci AUTO_INCREMENT=55 ;

77

7. Tampilan table tbl_berita pada database db_karate

Gambar 4.7 Tampilan table tbl_berita pada database db_karate

Potongan script php : CREATE TABLE `tbl_berita` ( `id_berita` int(5) NOT NULL auto_increment, `kategori` varchar(50) collate latin1_general_ci NOT NULL, `id_reply` int(3) NOT NULL, `gambar` varchar(100) collate latin1_general_ci NOT NULL, `judul` varchar(50) collate latin1_general_ci NOT NULL, `isi_berita` text collate latin1_general_ci NOT NULL, `waktu` varchar(30) collate latin1_general_ci NOT NULL, `dibaca` int(5) NOT NULL default '1', PRIMARY KEY (`id_berita`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci AUTO_INCREMENT=152 ;

78

8. Tampilan table tbl_gallery pada database db_karate

Gambar 4.8 Tampilan table tbl_gallery pada database db_karate

Potongan script php : CREATE TABLE `tbl_gallery` ( `id_gallery` int(5) NOT NULL auto_increment, `id_album` int(5) NOT NULL, `keterangan` text collate latin1_general_ci NOT NULL, `gbr_gallery` varchar(100) collate latin1_general_ci NOT NULL, PRIMARY KEY (`id_gallery`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci AUTO_INCREMENT=70 ;

79

9. Tampilan table tbl_komentar pada database db_karate

Gambar 4.9 Tampilan table tbl_komentar pada database db_karate

Potongan script php : CREATE TABLE `tbl_komentar` ( `id_komentar` int(5) NOT NULL auto_increment, `id_post` int(5) NOT NULL, `nama_komentar` varchar(100) collate latin1_general_ci NOT NULL, `isi_komentar` text collate latin1_general_ci NOT NULL, `tgl` varchar(100) collate latin1_general_ci NOT NULL, `aktif` enum('Y','N') collate latin1_general_ci NOT NULL default 'Y', PRIMARY KEY (`id_komentar`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci AUTO_INCREMENT=12 ;

80

10. Tampilan table tbl_member pada database db_karate

Gambar 4.10 Tampilan table tbl_member pada database db_karate

Potongan script php : CREATE TABLE `tbl_member` ( `id_member` int(3) NOT NULL auto_increment, `nama` varchar(30) NOT NULL, `tempat_ttl` varchar(50) NOT NULL, `alamat` text NOT NULL, `telp` varchar(15) NOT NULL, `pekerjaan` varchar(20) NOT NULL, `agama` varchar(10) NOT NULL, `tanggal_daftar` varchar(30) NOT NULL, `tinggi_badan` int(3) NOT NULL, `berat_badan` int(3) NOT NULL, `status` enum('0','1') NOT NULL, `berkas` varchar(100) NOT NULL,

81

`usia` int(2) NOT NULL, `status_member` enum('pengunjung','anggota') NOT NULL, `tingkat_sabuk` varchar(20) NOT NULL, `sesi` varchar(100) NOT NULL, `email` varchar(20) NOT NULL, `aktif` enum('0','1') NOT NULL, PRIMARY KEY (`id_member`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=21 ;

11. Tampilan table tbl_prestasi pada database db_karate

Gambar 4.11 Tampilan table tbl_prestasi pada database db_karate Potongan script php : CREATE TABLE `tbl_prestasi` ( `id_prestasi` int(5) NOT NULL auto_increment, `jdl_prestasi` text collate latin1_general_ci NOT NULL, `gbr_prestasi` varchar(100) collate latin1_general_ci NOT NULL,

82

`aktif` enum('Y','N') collate latin1_general_ci NOT NULL default 'Y', PRIMARY KEY (`id_prestasi`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci AUTO_INCREMENT=63 ;

12. Tampilan table tbl_turnament pada database db_karate

Gambar 4.12 Tampilan table tbl_turnament pada database db_karate

Potongan script php : CREATE TABLE `tbl_turnament` ( `id_turnament` int(3) NOT NULL auto_increment, `tur_ket` text NOT NULL, `tur_lokasi` varchar(20) NOT NULL,

83

`tur_waktu` varchar(30) NOT NULL, `tur_berat` int(3) NOT NULL, `tanggal` varchar(30) NOT NULL, PRIMARY KEY (`id_turnament`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=4 ;

13. Tampilan table tbl_turnament_join pada database db_karate

Gambar 4.13 Tampilan table tbl_turnament_join pada database db_karatr Potongan script php : CREATE TABLE `tbl_turnament_join` ( `id_turnament_join` int(3) NOT NULL auto_increment, `id_turnament` int(3) NOT NULL, `id_member` int(3) NOT NULL, `tanggal` varchar(30) NOT NULL, PRIMARY KEY (`id_turnament_join`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=8 ;

84

1.2 Tampilan Antar Muka 1. Halaman Awal (Home), menampilkan halaman awal website UKM Karate

Gambar 4.14 Tampilan awal website UKM Karate UMB Potongan script php :

85

2. Halaman profil website UKM Karate.

Gambar 4.15 Halaman profil website UKM Karate UMB

Potongan script php : $cek_berita=mysql_query("select * from tbl_berita where id_reply='100'"); $show_berita=mysql_fetch_array($cek_berita); $id_berita="$show_berita[id_berita]"; $news_kategori="$show_berita[kategori]"; $news_id_reply="$show_berita[id_reply]"; $news_judul="$show_berita[judul]"; $news_isi_berita="$show_berita[isi_berita]"; $news_waktu="$show_berita[waktu]"; $news_gambar="$show_berita[gambar]"; $news_dibaca="$show_berita[dibaca]";

86

3. Halaman Tournament, menampilkan Halaman Tournament website UKM Karate.

Gambar 4.16 Tampilan Localhost Appserv

Potongan script php : if ($ikutttt == "now"){ $tanggal=date("F - j - Y / g : i : s"); mysql_query("insert into tbl_turnament_join(id_turnament,id_member,validasi,tanggal) values('$id_turnament','$id_member','1','$tanggal')"); $title = "BERGBAUNG";$isi_page=""; include("include/user/pop.viewturnament.php");}

87

4. Halaman Prestasi, menampilkan Halaman Prestasi website UKM Karate.

Gambar 4.17 Tampilan Halaman Prestasi UKM Karate UMB

Potongan script php : $cari="select * from tbl_prestasi where gbr_prestasi='0'"; $cari_query=mysql_query($cari); $jml_nesw=mysql_num_rows($cari_query); $jml=0; while($show_barang=mysql_fetch_row($cari_query)){ $lihat[$jml][0] = $show_barang[0]; $lihat[$jml][1] = $show_barang[1]; $jml++; }

88

5. Halaman Anggota Club, menampilkan Anggota Club website UKM Karate.

Gambar 4.18 Tampilan Halaman Anggota Club UKM Karate UMB

Potongan script php : $cariq="select * from tbl_member where tingkat_sabuk='".$lihat[$t][14]."' and status_member='anggota' order by tingkat_sabuk"; $cari_queryq=mysql_query($cariq); $jml_neswq=mysql_num_rows($cari_queryq); $jmlq=0; while($show_anggotaq=mysql_fetch_row($cari_queryq)){ $lihatq[$jmlq][0] = $show_anggotaq[0]; $lihatq[$jmlq][1] = $show_anggotaq[1]; $lihatq[$jmlq][2] = $show_anggotaq[2]; $jmlq++; }

89

6.halaman Registration, menampilkan halaman Registration website UKM .

gambar 4.19 Tampilan Halaman Registration UKM Karate UMB potongan script php : if ($perintah == "daftar"){ $sesi = md5("$post_email:$passw_1"); $jml_free=mysql_num_rows(mysql_query("select * from tbl_member where sesi='$sesi'")); if ($jml_free != 0){ $title = "ERROR REGISTRASI"; }else{ { echo ""; } }

90

7. Halaman Album, menampilkan halaman Album website UKM Karate.

Gambar 4.20 Tampilan Halaman Album UKM Karate UMB

Potongan script ajax : if (hs.addSlideshow) hs.addSlideshow({ //slideshowGroup: 'group1', interval: 5000, repeat: false, useControls: true, fixedControls: 'fit', overlayOptions: { opacity: .75, position: 'bottom center', hideOnMouseOut: true } });

91

8.Halaman Form Pendaftaran, menampilkan Form Pendaftaran website UKM.

Gambar 4.21 Tampilan form Pendaftaran website UKM..

Potongan script php : var caa = 10; function fcwaitaa() { if (caa > 0) { var el = document.getElementById("downloadDelayTimeSecaa") if( el ){ el.innerasp = "" + caa } caa = caa - 1 setTimeout("fcwaitaa()", 1000) } else { document.getElementById("divDLStartaa").style.display = 'block'; }

}

92

9.Gambar

dibawah

ini akan tertampilkan apabila pengunjung telah

mendaftar, file ini akan menunggu konfirmasi dari administrator.

Gambar 4.22 Tampilan Bergabung Page

Potongan script php : $cariq="select * from tbl_turnament order by id_turnament asc"; $cari_queryq=mysql_query($cariq); '> Ingin Bergabung |

93

10.Halaman edit profil Anggota Club.

Gambar 4.23 Tampilan edit profil Anggota Club.

Potongan script php : $carit="select * from tbl_turnament_join where id_turnament='$id_turnament' and validasi='1' order by id_turnament"; $cari_queryqt=mysql_query($carit); $jml_neswqe=mysql_num_rows($cari_queryqt); $jmlqs=0; while($show_anggotaqw=mysql_fetch_row($cari_queryqt)){ $lihatqw[$jmlqs][0] = $show_anggotaqw[0]; $lihatqw[$jmlqs][1] = $show_anggotaqw[1]; $lihatqw[$jmlqs][2] = $show_anggotaqw[2]; $lihatqw[$jmlqs][3] = $show_anggotaqw[3]; $jmlqs++; }

94

11.Menampilkan detait inputan profil Anggota club.

Gambar 4.24 Tampilan Admin profil Anggota club.

Potongan script php : function UploadImageberkas($fupload_name){ $vdir_upload = "../images/berkas/"; $vfile_upload = $vdir_upload . $fupload_name; move_uploaded_file($_FILES["fupload"]["tmp_name"], $vfile_upload); } $lokasi_file $tipe_file $nama_file

= $_FILES['fupload']['tmp_name']; = $_FILES['fupload']['type']; = $_FILES['fupload']['name'];

$nama_file_unik = $nama_file; UploadImageberkas($nama_file_unik); mysql_query("update tbl_member set berkas='$nama_file_unik' where id_member='$id_member'");

95

12. Gambar dibawah ini merupakan halaman Pendaftaran Atlit.

Gambar 4.25 Tampilan Pendaftaran Turnament.

Potongan script php : $cari="select * from tbl_member where tingkat_sabuk!='' group by tingkat_sabuk order by tingkat_sabuk"; $cari_query=mysql_query($cari); $jml_nesw=mysql_num_rows($cari_query); $jml=0; while($show_anggota=mysql_fetch_row($cari_query)){ $lihat[$jml][14] = $show_anggota[14]; $jml++; }

96

13.Halaman Admin Profil, menampilkan hal Admin Profil website UKM Karate.

Gambar 4.26 Tampilan halaman Admin Profil

Potongan script php :

$cari="select * from tbl_prestasi where gbr_prestasi='0'"; $cari_query=mysql_query($cari); $jml_nesw=mysql_num_rows($cari_query); $jml=0; while($show_barang=mysql_fetch_row($cari_query)){ $lihat[$jml][0] = $show_barang[0]; $lihat[$jml][1] = $show_barang[1]; $jml++; }

97

14.Halaman Admin Prestasi), menampilkan hal Admin prestasi website UKM Karate.

Gambar 4.27 Tampilan Admin Prestasi.

Potongan script php : $cari="select * from tbl_prestasi where gbr_prestasi='0'"; $cari_query=mysql_query($cari); $jml_nesw=mysql_num_rows($cari_query); $jml=0; while($show_barang=mysql_fetch_row($cari_query)){ $lihat[$jml][0] = $show_barang[0]; $lihat[$jml][1] = $show_barang[1]; $jml++; }

98

15.Halaman

Admin

Berita,

menampilkan

hal

admin

berita.

Gambar 4.28 Tampilan Admin Berita.

Potongan script php : $cari="select * from tbl_berita where id_reply='0' and kategori!='welcome' and kategori!='' order by id_berita desc"; $cari_query=mysql_query($cari); $jml_nesw=mysql_num_rows($cari_query); $jml=0; while($show_barang=mysql_fetch_row($cari_query)){ $lihat[$jml][0] = $show_barang[0]; $lihat[$jml][1] = $show_barang[1]; $lihat[$jml][8] = $show_barang[8]; $lihat[$jml][4] = $show_barang[4]; $jml++; }

99

16.Halaman Admin Agenda, menampilkan halaman admin agenda yang di edit.

Gambar 4.29 Tampilan Admin Agenda

Potongan script php : function UploadImageagenda($fupload_name){ $vdir_upload = "../images/img_agenda/"; $vfile_upload = $vdir_upload . $fupload_name; move_uploaded_file($_FILES["fupload"]["tmp_name"], $vfile_upload); } if ($perintah == "upgrateimagesagenda"){ $tipe_file $nama_file

= $_FILES['fupload']['type']; = $_FILES['fupload']['name'];

$nama_file_unik = $nama_file; UploadImageagenda($nama_file_unik); mysql_query("update tbl_agenda set gambar='$nama_file_unik' where id_agenda='$id_agenda'");}

100

17. Halaman admin álbum, menampilkan hal Admin Album .

Gambar 4.30 Tampilan Admin Album.

Potongan script php : if ($w[gbr_album] != ""){ $cari_hm="select * from tbl_gallery where id_album='".$w[id_album]."'"; $cari_query_hm=mysql_query($cari_hm); $jml_hmadwal=mysql_num_rows($cari_query_hm); ?> if ($jml_hmadwal == "0"){$zoom = " "; }else{$zoom = " ";}

101

18. Halaman

Admin

Anggota

club,menampilkan

kategori tingkatan

serta

berat/tinggi usia dan telephone para Anggota Club.

Gambar 4.31 Tampilan Admin Anggota Club.

Potongan script php : $cariq="select * from tbl_member where tingkat_sabuk='".$lihat[$t][14]."' and status_member='anggota' order by tingkat_sabuk"; $cari_queryq=mysql_query($cariq); $jml_neswq=mysql_num_rows($cari_queryq); $jmlq=0; while($show_anggotaq=mysql_fetch_row($cari_queryq)){ $lihatq[$jmlq][0] = $show_anggotaq[0]; $lihatq[$jmlq][9] = $show_anggotaq[9]; $lihatq[$jmlq][12] = $show_anggotaq[12]; $jmlq++; }

102

19. Gambar dibawah ini merupakan pendaftaran untuk anggota club.

Gambar 4.32 Tampilan pendaftaran anggota club.

Potongan script php : $lokasi_file $tipe_file $nama_file

= $_FILES['fupload']['tmp_name']; = $_FILES['fupload']['type']; = $_FILES['fupload']['name'];

$nama_file_unik = $nama_file; UploadImageberkas($nama_file_unik); mysql_query("insert into tbl_member(nama,tempat_ttl,alamat,telp,pekerjaan, agama,tanggal_daftar,tinggi_badan,berat_badan,berkas,status,usia, status_member,tingkat_sabuk)values('$post_nama','$post_tempat / $day $month$year','$post_alamat','$post_telp','$post_kerja,'$post_agama', '$tanggal','$post_tinggi','$post_berat','$nama_file_unik','$post_status', '$post_usia','anggota','$post_tingkat')");

103

20. Gambar dibawah ini merupakan member anggota yang telah mendaftar.

Gambar 4.33 Tampilan Admin member

Potongan script php : createElement : function (tag, attribs, styles, parent, nopad) { var el = document.createElement(tag); if (attribs) hs.extend(el, attribs); if (nopad) hs.setStyles(el, {padding: 0, border: 'none', margin: 0}); if (styles) hs.setStyles(el, styles); if (parent) parent.appendChild(el); return el; }, $ : function (id) { if (id) return document.getElementById(id); },

104

21. Gambar

dibawah

ini

merupakan

admin

tournament

yang

akan

diselenggarakan seperti lokasi, waktu, kelas ,dan keterangan yang akan di edit.

Gambar 4.34 Tampilan Admin Tournament. Potongan script php : if (typeof opt.duration != 'number') opt.duration = 250; opt.easing = Math[opt.easing] || Math.easeInQuad; opt.curAnim = hs.extend({}, prop); for (var name in prop) { var e = new hs.fx(el, opt , name ); start = parseFloat(hs.css(el, name)) || 0; end = parseFloat(prop[name]); unit = name != 'opacity' ? 'px' : ''; e.custom( start, end, unit ); }

105

22. Gambar dibawah ini merupakan halaman tournament.

Gambar 4.35 Tampilan halaman tournament. Potongan script php : getPageSize : function () { var d = document, w = window, iebody = d.compatMode && d.compatMode != 'BackCompat' ? d.documentElement : d.body; var width = hs.ie ? iebody.clientWidth : (d.documentElement.clientWidth || self.innerWidth), height = hs.ie ? iebody.clientHeight : self.innerHeight; hs.page = { width: width, height: height, }; return hs.page;},

106

4.3 Metode Pengujian Metode White Box yaitu metode perancangan test case yang digunakan untuk menggunakan struktur kontrol dari perancangan prosedural untuk mendapatkan test case [Roger S. Pressman, Ph. D., 2002:533]. Metode pengujian Black Box

berfokus pada persyaratan fungsional

perangkat lunak, pengujian black box memungkinkan perekayasa perangkat lunak mendapatkan serangkaian kondisi input yang sepenuhnya menggunakan semua persyaratan fungsional untuk semua program [Roger S. Pressman, Ph. D., 2002:551]. Pengujian black box bukan merupakan alternatif dari teknik white box tetapi merupakan pendekatan komplementer yang kemungkinan besar mampu menemui kesalahan daripada metode white box. Pengujian black box dapat menemukan kesalahan dalam kategori sebagai berikut : 1. Fungsi yang tidak benar atau hilang 2. Kesalahan antar muka 3. Kesalahan dalam struktur data atau akses database eksternal 4. Kesalahan kinerja 5. Inisialisasi dan kesalahan terminasi

Metode pengujian yang digunakan untuk

menguji program aplikasi

Pengembangan Sistem Informasi Penjualan dan Pembelian Berbasis Web Pada UKM Karate UMB Jakarta ini dilakukan dengan menggunakan metode

107

Black box Testing. Metode Black Box Testing ini merupakan pengujian program berdasarkan fungsi dari program. Tujuan dari metode Black Box Testing ini adalah untuk menemukan kesalahan fungsi pada program. Pengujian dengan menggunakan metode black box testing dilakukan dengan cara memberikan sejumlah masukkan (input) pada program aplikasi yang

kemudian

diproses

sesuai dengan kebutuhan fungsionalnya untuk

melihat apakah program aplikasi web menghasilkan keluaran (output) yang diinginkan sesuai dengan fungsi dari program aplikasi web tersebut. Bila dari input yang diberikan proses menghasilkan output yang sesuai dengan kebutuhan

fungsionalnya,

maka program aplikasi yang penulis rancang

berhasil tetapi bila output yang dihasilkan tidak sesuai dengan kebutuhan fungsionalnya, maka masih terdapat kesalahan pada program aplikasi tersebut.

4.3.1

Lingkungan Pengujian Pembuatan aplikasi ini dibuat menggunakan komputer dengan spesifikasi

sebagai berikut : 1. Perangkat Keras : a. Tipe Komputer : Note Book / Laptop b. Processor : Intel®centrino® c. RAM512 MB d. Hard Disk Drive :80 GB e. Monitor: LCD 14.1’’ TFT Color LCD Resolusi Tampilan 1280x800 WXGA Display Bright LCD Lite

108

2. Perangkat Lunak : a. Microsoft Windows XP Proffesional Edition Service Pack 3 (2009) Version

5.1 (build 2600) Dark Edition Rebirth Version

b. Macromedia Dreamweaver 8 c. Appserv-win32-2.5.9 exe 4.3.2

Skenario Pengujian Skenario pengujian dilakukan untuk menentukan langkah-langkah dalam

melakukan pengujian. Pengujian dilakukan dengan menjalankan aplikasi dari perancangan website. Setelah aplikasi dijalankan selanjutnya adalah menguji tombol-tombol yang terdapat dalam antar muka aplikasi tersebut apakah sesuai dengan tahap perancangan.

Tabel 4.1 Tabel Skenario Pengujian Aplikasi Sistem Informasi Berbasis Web Pada UKM Karate UMB Jakarta dengan Menggunakan Metode Black Box

Bagian dari menu Menu yang diuji

yang diuji

Hasil yang Status aplikasi

Skenario pengujian

diharapkan Menu home

1.

Halaman utama

Proses Link home

(home)

Menu home telah terbuka

Klik link yang

terbuka /

tersedia di halaman

terhubung

awal

dengan halaman link yang di klik

2.

Halaman Profil

Proses Link

Menu Profil

Klik link yang

Sejarah

telah terbuka

tersedia di Sejarah

terhubung dengan halaman link yang di klik

109

Akan terhubung 4.

5.

Halaman Prestasi

Proses link

Menu prestasi

Klik link yang

dengan halaman

Prestasi

telah terbuka

tersedia di profil

link yang di klik

Menu Anggota

Klik Link yang

Akan terhubung

club telah

tersedia di Anggota

dengan halaman

terbuka

club

link yang di klik

Halaman

Proses link

Anggota club

Anggota club

Data tersimpan Memasukan data 6.

Halaman Admin

Login admin

Input admin dan

sesuai

password admin

dengan form

kedalam database connect ke admin

7.

Halaman

Proses link

Tournamnet

Tournamnet

Menu

Klik Link yang

Akan terhubung

Tournamnet

tersedia di

dengan halaman

telah terbuka

Tournamnet

link yang di klik Tersimpan

Halaman 8.

Registration

Menguji Tombol yang disimpan ke

Hal Registration telah dibuka

database

Input UserId,

kedalam

Password.

database serta

,

tombol berfungsi Tersimpan

Menguji Tombol 9.

Halaman Sign In

yang disimpan ke database

Hal Sign In

Input UserId,

kedalam

Password.

database serta

telah dibuka

tombol berfungsi Tersimpan

Halaman 11.

komentar

Menguji Tombol yang disimpan ke

Hal komentar telah dibuka

InputNama, Email,

kedalam

komentar

database serta

database

tombol berfungsi Akan terhubung

12.

Halaman Berita

Proses link

Menu Berita

Klik Link yang

Berita

telah terbuka

tersedia di Berita

Proses link

Menu poling

polling

telah terbuka

Input: 13.

Halaman polling

dengan halaman link yang di klik Akan terhubung

Sangat

dengan halaman

senang

link yang di klik

110

Senang Lumayan Terpaksa

Form pendaftaran 14.

turnament

Menguji Tombol yang disimpan ke

Input add

Tersimpan

bergabung,

kedalam

masukan

database serta

UserId, Password.

tombol

Hal turnament

Isi form:

berfungsi

telah dibuka

Nama, Alamat,

database

Jurusan, Email, teleepon,sex,Tempa t tanggal lahir, berat badan ,tinggi badan,

Form pendaftaran 15.

Anggota

Menguji Tombol yang disimpan ke

Login:

Tersimpan

UserId, Password.

kedalam

Isi form:

database serta

Hal registration

Nama, Alamat,

tombol

telah dibuka

Jurusan, Email,

berfungsi

database

teleepon,sex,Tempa t tanggal lahir, berat badan ,tinggi badan, Input add

Tersimpan

bergabung,

kedalam

masukan

database serta

UserId, Password.

tombol

Hal turnament

Isi form:

berfungsi

telah dibuka

Nama, Alamat,

Menguji Tombol 16.

Form pendaftaran member

yang disimpan ke database

Jurusan, Email, teleepon,sex,Tempa t tanggal lahir, berat badan ,tinggi badan,

111

Tabel 4.2. Tabel Evaluasi Hasil pengujian aplikasi Sistem Informasi Berbasis Web Pada UKM Karate UMB Jakarta berbasis web

N

Antar muka

Bagian dari Antar

yang diuji

muka yang diuji

Halaman

Link

Status Aplikasi

Hasil Pengujian

Semua Halaman

Semua menu halaman link dapat dibuka seperti

Link dapat

pada contoh tampilan gambar Home pada

dibuka

gambar 4.14 seperti pada gambar yang ada

O 1.

awal

diatas 2.

Halaman

Link

Profil

Semua Halaman

Semua menu halaman link dapat dibuka seperti

Link dapat

pada contoh tampilan gambar Home pada

dibuka

gambar 4.18 seperti pada gambar yang ada diatas

3.

Halaman

Link

Prestasi

Semua Halaman

Semua menu halaman link dapat dibuka seperti

Link dapat

pada contoh tampilan gambar Home pada

dibuka

gambar 4.19 seperti pada gambar yang ada diatas

4.

Halaman

Link

Anggota

Semua Halaman Link dapat dibuka

Club

Semua menu halaman link dapat dibuka seperti pada contoh tampilan gambar Home pada gambar 4.20 seperti pada gambar yang ada diatas

5.

Halaman

Link

Tournament

6

Halaman

Link

Berita

7.

Halaman

Link

Album

8..

Halaman Registration

Link

Semua

Semua menu halaman link dapat dibuka seperti

Halaman

pada contoh tampilan gambar Home pada

Link dapat

gambar 4.21 seperti pada gambar yang ada

dibuka

diatas

Semua

Semua menu halaman link dapat dibuka seperti

Halaman

pada contoh tampilan gambar Home pada

Link dapat

gambar 4.23 seperti pada gambar yang ada

dibuka

diatas

Semua

Semua menu halaman link dapat dibuka seperti

Halaman

pada contoh tampilan gambar Home pada

Link dapat

gambar 4.24 seperti pada gambar yang ada

dibuka

diatas

Semua

Data Tersimpan ke dalam database serta tombol

Halaman

berfungsi dengan baik. Contoh tampilan ada

112

Registration

pada gambar 4.25 seperti pada gambar diatas

dapat dibuka

4.3.3 Setelah

Analisis Hasil Pengujian dilakukan

pengujian

secara

menyeluruh

terhadap

sistem informasi

penjualan pada UKM Karate UMB Jakarta Berbasis Web, maka dapat disimpulkan bahwa pengujian telah menunjukkan hasil keluaran (Output) dan proses yang sesuai dengan rancangan aplikasi program ini. dan hasil dari pengujian ini dapat dikatakan bahwa program ini dapat berfungsi dengan baik dan benar, karena telah dibuktikan dari hasil skenario pengujian. Dari hasil pengujian dapat diambil kesimpulan: 1. Seluruh tampilan antar muka atau form pada website

tersebut dapat berjalan

dengan baik. 2. Setiap

form yang berhubungan langsung dengan database dapat tersimpan

dengan dengan baik. 3. Pengujian halaman Home, Profil, Prestasi, Anggota Club, Tournament, Album, berita, berjalan dengan scenario pengujian yang dilakukan, dihalaman website tersebut semua link yang menghubungkan antara halaman yang satu dengan halaman yang lain dapat terbuka seperti pada gambar 4.14,4.15,4.16,4.17,4.18 sampai 4.35 diatas.

4. Pengujian Halaman Registrtion, pengujian dilakukan dengan menguji tombol daftar,dengan cara user mengisi form yang tersedia, setelah itu user menekan

113

tombol daftar yang berada akhir Form Registration, lalu akan tersimpan kedalam database, seperti pada tampilan gambar 4.19 diatas. 5.

Pengujian

Halaman

admin

agenda,

pengujian dilakukan dengan menguji

tombol simpan,dengan cara admin mengisi form yang tersedia, setelah itu admin menekan tombol simpan yang berada akhir admin agenda, lalu akan tersimpan kedalam database, seperti pada tampilan gambar 4.29 diatas.

Dari hasil pengujian yang dilakukan pada website tersebut dapat disimpulkan bahwa semua link dan tombol button pada program yang ada di halaman website tersebut dapat dijalankan. Hasil website tersebut, maka jalankan browser seperti “Google Chrome”,alamat”http:/www.UKM_karate_UMB.com/”.