BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV IMPLEMENTASI DAN PENGUJIAN

Setelah melakukan analisis dan perancangan aplikasi, langkah selanjutnya adalah pengkodean (implementasi) dan pengujian, implementasi merupakan desain (perancangan) aplikasi yang dapat dimengerti oleh mesin dengan spesifikasi perangkat lunak dan perangkat keras yang digunakan. Tahap pengujian difokuskan pada logika internal perangkat lunak yang memastikan bahwa seluruh pernyataan telah diuji. Dan fungsi eksternal yaitu pengujian yang dilakukan untuk menemukan kesalahan-kesalahan dan memastikan bahwa aplikasi yang telah dibuat dapat bekerja sesuai dengan apa yang diharapkan. 4.1

Implementasi Aplikasi

Implementasi merupakan kelanjutan dari kegiatan perancangan sistem dan dapat dipandang sebagai usaha untuk mewujudkan sistem yang akan dirancang. Pada tahap ini akan dibagi dalam beberapa bagian penting diantaranya yaitu lingkup implementasi yang terdiri dari spesifikasi perangkat keras dan lunak, hasil implementasi yang memuat kode program yang berjalan pada sistem, tampilan pengguna hasil dari pengkodean program.

4.1.1

Lingkup Implementasi

Lingkup implementasi mencakup lingkup hardware (perangkat keras) dan software

(perangkat

lunak)

yang

digunakan

penulis

untuk

melakukan

implementasi terhadap aplikasi ensiklopedia tari daerah berbasis web ini. 4.1.1.1 Perangkat Keras (Hardware)

111 111 http://digilib.mercubuana.ac.id/

112 Lingkup hardware merupakan perangkat atau tools yang digunakan pada proses implementasi dari aplikasi yang telah dirancang dan dibuat. Adapun hardware yang digunakan penulis untuk pembuatan dan pengujian aplikasi ensiklopedia tari daerah berbasis web ini dijelaskan pada tabel berikut ini: Tabel 4.1 Spesifikasi Perangkat Keras No

Nama Perangkat

Spesifikasi

1

Laptop

Acer Aspire 2920 12.1 Inch

2

Processor

Intel Core2 Duo T5750 2.00Ghz

3

RAM

1536MB (1.5GB)

4

HDD

160 GB

4.1.1.2 Perangkat Lunak (software) Lingkup software merupakan aplikasi yang digunakan dalam proses pembuatan dan pengujian aplikasi yang telah dibuat. Adapun software yang digunakan penulis untuk mengimplementasikan aplikasi ini adalah Xampp sebagai web server offline, dengan sistem operasi Microsoft Windows 7 Ultimate 32-bit SP1 dan Google Chroome atau Mozilla Firefox sebagai aplikasi web browsernya.

4.1.2

Hasil Implementasi Pada tahap ini akan dibahas mengenai hasil implementasi pada stucture

data type dan algoritma pencarian data tarian. Berikut ini akan dijelaskan lebih detail mengenai implementasi structure data type, algoritma pencarian dan fungsi RewriteRule pada file .htaccess. Untuk stucture data type implementasinya adalah sebagai berikut: Untuk implementasi structure data type adalah sebagai berikut:

http://digilib.mercubuana.ac.id/

113

-- Struktur dari tabel `tbl_ tarian` CREATE TABLE IF NOT EXISTS `tbl_tarian` ( ìd_tarian` int(5) NOT NULL AUTO_INCREMENT, ìd_kategori` int(5) NOT NULL, ìd_provinsi` int(5) NOT NULL, `nama_tarian` varchar(100) CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL, `tari_seo` varchar(100) CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL, `deskripsi1` text CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL, èmbed` varchar(100) CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL, èmbed1` varchar(100) CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL, èmbed2` varchar(100) CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL, `gambar` varchar(100) CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL, `dibaca` int(5) NOT NULL DEFAULT '1', PRIMARY KEY (ìd_tarian`), UNIQUE KEY `nama_tarian` (`nama_tarian`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci ; -- Struktur dari tabel `tbl_bagtari` CREATE TABLE IF NOT EXISTS `tbl_bagtari` ( ìd_bagtari` int(5) NOT NULL AUTO_INCREMENT, ìd_tarian` int(5) NOT NULL, `nama_bagtari` varchar(100) CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL, `deskripsi` text CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL, `gbr` varchar(100) CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL, `youtube` text CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL, `video` text CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL, PRIMARY KEY (ìd_bagtari`), UNIQUE KEY `nama_bagtari` (`nama_bagtari`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci ;


114

-- Struktur dari tabel `tbl_ragam_tarian` CREATE TABLE IF NOT EXISTS `tbl_ragam_tarian` ( ìd_ragamtarian` int(5) NOT NULL AUTO_INCREMENT, ìd_tarian` int(5) NOT NULL, ìd_bagtari` int(5) NOT NULL, PRIMARY KEY (ìd_ragamtarian`), UNIQUE KEY ìd_tarian` (ìd_tarian`,ìd_bagtari`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci ;

Untuk implementasi algoritma pencarian adalah sebagai berikut: 1.

Pencarian cepat tarian daerah (quick search)

//Form untuk pencarian cepat (quick search)
Pencarian Cepat

// Hasil pencarian cepat dari form pencarian disisi kanan atas elseif ($_GET['module']=='hasilcari'){ echo "
"; echo "
» Hasil Pencarian

"; // menghilangkan spasi di kiri dan kanannya $kata = trim($_POST['cari_cepat']); // mencegah XSS (Cross Site Scripting) $kata = htmlentities(htmlspecialchars($kata), ENT_QUOTES); // pisahkan kata per kalimat lalu hitung jumlah kata $pisah_kata = explode(" ",$kata); $jml_kata1 = (integer)count($pisah_kata); $jml_kata2 = $jml_kata1-1;


115 Pencarian cepat tarian daerah (quick search) (lanjutan) if(isset($_POST['cari_cepat'])){ $kondisi="WHERE nama_tarian like '%$kata%' OR deskripsi1 like '%$kata%'"; } else { $kondisi="WHERE 1"; } $query = "SELECT * FROM tbl_tarian $kondisi"; $res = mysql_query($query); $jumData = mysql_num_rows($res); $cari = "SELECT * FROM tbl_tarian WHERE " ; for ($i=0; $i<=$jml_kata2; $i++){ $cari .= "tbl_tarian.nama_tarian OR tbl_tarian.deskripsi1 LIKE '%$pisah_kata[$i]%'"; if ($i < $jml_kata2 ){ $cari .= " OR "; } } $cari .= " ORDER BY tbl_tarian.id_tarian DESC"; //LIMIT $offset,$dataPerHal LIMIT 20 $hasil = mysql_query($cari); $baris = mysql_num_rows($hasil); if ($jumData > 0){ echo "
Ditemukan $jml_kata1 |$jml_kata2 $baris tarian terkait dengan kata $kata :
"; while($tari=mysql_fetch_array($hasil)){ $querykomentar=mysql_num_rows(mysql_query("SELECT * FROM tbl_komentar WHERE id_tarian='$tari[id_tarian]' AND aktif='Y' AND label='tarian'")); $querybagtari=mysql_num_rows(mysql_query("SELECT * FROM tbl_ragam_tarian WHERE id_tarian='$tari[id_tarian]'")); echo ""; // Tampilkan hanya sebagian isi tarian $detail_tarian = trim(strip_tags($tari['deskripsi1'])); // mengabaikan tag html $isi = substr($detail_tarian,0,250); // ambil sebanyak 250 karakter $isi = substr($detail_tarian,0,strrpos($isi," ")); // potong per spasi kalimat echo "
<span class=judul>$tari[nama_tarian] <span class=right style='font:normal 90% trebuchet ms;margintop:1px;'>"; if($querykomentar!='0'){ echo"$querykomentar Komentar";} else { echo"Belum ada komentar";} if($querybagtari!='0'){ echo"| $querybagtari Ragam Gerak";} echo"
$isi ...

<span class=right>[ Lihat ]


116 Pencarian cepat tarian daerah (quick search) (lanjutan) [ Berkomentar ] [ Laporkan ]

"; } } else { echo "
Tidak ada nama tarian daerah terkait \"$kata\"

"; } echo "
"; }

2.

Pencarian lanjutan tarian daerah (advanced search)

//Form untuk pencarian lanjutan (advanced search) <span class=right style='margin-top:5px;'>
Klik Disini

Pencarian Lanjutan
"; echo "
<select class='kat_cari' name='pulau' id='pulau' > "; $sqlpulau=mysql_query("SELECT * FROM tbl_pulau WHERE id_pulau=1 OR id_pulau=7 ORDER BY pulau ASC"); while($res=mysql_fetch_array($sqlpulau)){ echo ""; } echo " <select class='kat_cari' name='provinsi' id='provinsi'> //Form untuk pencarian lanjutan (advanced search) <span class=right style='margin-top:5px;'>
Klik Disini

Pencarian Lanjutan
"; echo "


117 Pencarian lanjutan tarian daerah (advanced search) (lanjutan) <select class='kat_cari' name='pulau' id='pulau' > "; $sqlpulau=mysql_query("SELECT * FROM tbl_pulau WHERE id_pulau=1 OR id_pulau=7 ORDER BY pulau ASC"); while($res=mysql_fetch_array($sqlpulau)){ echo ""; } echo " <select class='kat_cari' name='provinsi' id='provinsi'> "; $sqlprov=mysql_query("SELECT * FROM tbl_provinsi WHERE id_pulau=1 OR id_pulau=7 ORDER BY nama_provinsi ASC"); while($hasil=mysql_fetch_array($sqlprov)){ echo ""; } echo "
<select class='kat_cari' name='kategoritari' id='kategoritari' > "; $kattari=mysql_query("SELECT * FROM tbl_kategori ORDER BY nama_kategori ASC"); while($res=mysql_fetch_array($kattari)){ echo ""; } echo "

";


118

Pencarian lanjutan tarian daerah (advanced search) (lanjutan)

"; // Hasil pencarian cepat dari form pencarian lanjutan di sisi kanan atas elseif ($_GET['module']=='hasilcari1'){ echo "
"; echo "
» Hasil Pencarian

"; $pulau = $_POST['pulau']; $provinsi = $_POST['provinsi']; $kategoritari = $_POST['kategoritari']; $txtcari = $_POST['cari_cepat']; $kondisi = $_POST['kondisi']; if (!empty($provinsi) && !empty($pulau) && !empty($kategoritari) && !empty($txtcari)){ // menghilangkan spasi di kiri dan kanannya $kata = trim($txtcari); // mencegah XSS (Cross Site Scripting) $kata = htmlentities(htmlspecialchars($kata), ENT_QUOTES); $sqlcari="SELECT * FROM tbl_pulau, tbl_provinsi, tbl_kategori, tbl_tarian " . "WHERE tbl_pulau.id_pulau=tbl_provinsi.id_pulau AND tbl_provinsi.id_provinsi=tbl_tarian.id_provinsi AND tbl_tarian.id_kategori=tbl_kategori.id_kategori AND " . "tbl_pulau.id_pulau='$pulau' AND tbl_provinsi.id_provinsi='$provinsi' AND tbl_kategori.id_kategori='$kategoritari' AND " . "tbl_tarian.nama_tarian LIKE '%$kata%' ORDER BY tbl_tarian.id_tarian DESC"; $hasil = mysql_query($sqlcari); $row = mysql_num_rows($hasil); if ($row > 0){ echo "
Ditemukan $row tarian daerah terkait dengan kata $txtcari :
";


119 Pencarian lanjutan tarian daerah (advanced search) (lanjutan) while($tari=mysql_fetch_array($hasil)){ $querykomentar=mysql_num_rows(mysql_query("SELECT * FROM tbl_komentar WHERE id_tarian='$tari[id_tarian]' AND aktif='Y' AND label='tarian'")); $querybagtari=mysql_num_rows(mysql_query("SELECT * FROM tbl_ragam_tarian WHERE id_tarian='$tari[id_tarian]'")); echo ""; // Tampilkan hanya sebagian isi tarian $detail_tarian = trim(strip_tags($tari['deskripsi1'])); // mengabaikan tag html $isi = substr($detail_tarian,0,250); // ambil sebanyak 250 karakter $isi = substr($detail_tarian,0,strrpos($isi," ")); // potong per spasi kalimat echo "
<span class=judul>$tari[nama_tarian] <span class=right style='font:normal 90% trebuchet ms;margin-top:1px;'>"; if($querykomentar!='0'){ echo"$querykomentar Komentar";} else { echo"Belum ada komentar";} if($querybagtari!='0'){ echo"| $querybagtari Ragam Gerak";} echo"
$isi ...

<span class=right>[ Lihat ] [ Berkomentar ] [ Laporkan ]

"; } } else { echo "
Maaf, tarian daerah yang anda cari tidak ada dalam database.
"; } }else{ echo "
Untuk mencari tarian daerah, Anda harus mengisikan nama pulau, provinsi, kategori tari dan keyword tarian tersebut.
"; } echo "
"; }


120 Untuk implementasi fungsi RewriteRule pada file .htaccess adalah sebagai berikut: 1.

RewriteRule pada file .htaccess dalam direktori utama (Halaman Pengunjung)

RewriteEngine on RewriteRule ^home$ utama.php?module=home [L] RewriteRule ûserlogin-(.*)\.html$ login.php?pesan=$1 [L] RewriteRule ûser-register-(.*)\.html$ login.php?pesanreg=$1 [L] RewriteRule ^galeri-gambar\.html$ galeri.php [L] RewriteRule ^kuis\.html$ utama.php?module=kuis [L] RewriteRule ^grafik-taridaerah\.html$ utama.php?module=grafik [L] RewriteRule ^games\.html$ utama.php?module=games [L] RewriteRule ^forum-diskusi\.html$ utama.php?module=forum [L] RewriteRule ^profil-kami\.html$ utama.php?module=profilkami&id=$1 [L] RewriteRule ^bantuan-pengunjung\.html$ utama.php?module=bantuan&id=$1 [L] RewriteRule ^halaman-download\.html$ utama.php?module=haldownload [L] RewriteRule ^tarian-(.*)\.html$ utama.php?module=detailtarian&id=$1 [L] RewriteRule ^detailtarian-([0-9]+)-(.*)\.html$ utama.php?module=detailtarian&id=$1&page=$2 [L] RewriteRule ^semuatarian-page-(.*)\.html$ utama.php?module=semuatarian&page=$1 [L] RewriteRule ^semuatarian-p(.*)-str-(.*)\.html$ utama.php?module=semuatarian&page=$1&str=$2 [L] RewriteRule ^semua-tarian\.html$ utama.php?module=semuatarian&id=$1 [L] RewriteRule ^semua-tarian-(.*)\.html$ utama.php?module=semuatarian&str=$1 [L] RewriteRule ârtikel-(.*)\.html$ utama.php?module=detailartikel&id=$1 [L] RewriteRule ^kategori-(.*)\.html$ utama.php?module=detailkategori&id=$1 [L] RewriteRule ^detailkategori-([0-9]+)-page-(.*)\.html$ utama.php?module=detailkategori&id=$1&page=$2 [L] RewriteRule ^kategori-berita-(.*)\.html$ utama.php?module=kategori&id=$1 [L] RewriteRule ^provinsi-(.*)\.html$ utama.php?module=detailprovinsi&id=$1 [L] RewriteRule ^detailprovinsi-(.*)-p(.*)\.html$ utama.php?module=detailprovinsi&id=$1&page=$2 [L] RewriteRule ^hubungi-kami\.html$ utama.php?module=hubungikami&id=$1 [L] RewriteRule ^hubungi-aksi\.html$ utama.php?module=hubungiaksi&id=$1 [L] RewriteRule ^komentar-tarian-(.*)\.html$ utama.php?module=komentartarian&id=$1 [L] RewriteRule ^komentar-artikel-(.*)\.html$ utama.php?module=komentarartikel&id=$1 [L] RewriteRule ^semua-artikel\.html$ utama.php?module=semuaartikel&id=$1 [L] RewriteRule ^komentar-berita-(.*)\.html$ utama.php?module=komentarberita&id=$1 [L] RewriteRule ^semua-berita\.html$ utama.php?module=semuaberita&id=$1 [L] RewriteRule ^berita-(.*)\.html$ utama.php?module=detailberita&id=$1 [L] RewriteRule ^hasil-pencarian\.html$ utama.php?module=hasilcari&id=$1 [L] RewriteRule ^hasil-pencarianku\.html$ utama.php?module=hasilcari1&id=$1 [L] RewriteRule ^semuaartikel-page-(.*)\.html$ utama.php?module=semuaartikel&page=$1 [L] RewriteRule ^semuaberita-page-(.*)\.html$ utama.php?module=semuaberita&page=$1 [L] RewriteRule ^poling-tarian\.html$ utama.php?module=polingtarian&id=$1 [L] RewriteRule ^lihat-polling\.html$ utama.php?module=lihatpolling&id=$1 [L] RewriteRule ^galeri-video\.html$ videos.php [L] RewriteRule ^galerivideo-page-(.*)\.html$ videos.php?page=$1 [L] RewriteRule ^form-pelaporan\.html$ utama.php?module=laporkan [L] RewriteRule âksi-pelaporan-pengunjung\.html$ utama.php?module=aksilapor [L]


121 RewriteRule pada file .htaccess dalam direktori utama (lanjutan) RewriteRule ^forumdiskusi-tambahkategori\.html$ utama.php?module=tambahkategori [L] RewriteRule ^forumdiskusi-ubahkategori-(.*)\.html$ utama.php?module=editkategori&id=$1 [L] RewriteRule ^forumdiskusi-daftartopik-(.*)-(.*)\.html$ utama.php?module=topik&id=$1&kategori=$2 [L] RewriteRule ^forumdiskusi-listtopik-([0-9]+)-(.*)-p(.*)\.html$ utama.php?module=topik&id=$1&kategori=$2&p=$3 [L] RewriteRule ^forumdiskusi-tambahtopik-(.*)\.html$ utama.php?module=tambahtopik&kategori=$1 [L] RewriteRule ^forumdiskusi-ubahtopik-(.*)\.html$ utama.php?module=edittopik&idtopik=$1 [L] RewriteRule ^forumdiskusi-topik-(.*)\.html$ utama.php?module=detailtopik&idtopik=$1 [L] RewriteRule ^forumdiskusi-detailtopik-(.*)-p(.*)\.html$ utama.php?module=detailtopik&idtopik=$1&p=$2 [L] RewriteRule ^forumdiskusi-ubahtanggapan-(.*)\.html$ utama.php?module=edittanggapan&id=$1 [L] RewriteRule ^forumdiskusi-replytopik-(.*)\.html$ utama.php?module=replytopik&idtopik=$1 [L] ErrorDocument 400 "Peringatan!
--Bad Request Error-- Ada kesalahan dalam penulisan alamat URL. Silahkan periksa dahulu address bar pada browser Anda atau pergi ke halaman lainnya!
" ErrorDocument 401 "Peringatan!
--Unauthorized-- Halaman ini membutuhkan Log in terlebih dahulu. Silahkan log in dengan mengklik link di kiri atas atau register untuk mendaftar!
--Forbidden-- Anda dilarang untuk mengakses halaman ini. Silahkan pergi ke halaman lainnya!
--Page Not Found-- Halaman yang Anda akses tidak ada (sudah dihapus). Silahkan pergi ke halaman lainnya!
" Options All -Indexes

2.

RewriteRule pada file .htaccess dalam direktori administrator (Halaman Administrator)

RewriteEngine on RewriteRule ^home$ media.php?module=home [L] RewriteRule ^gantipassword-pengguna\.html$ media.php?module=password [L] RewriteRule ^backup-db\.html$ media.php?module=dumpdb [L] RewriteRule ^daftar-banner\.html$ media.php?module=banner [L] RewriteRule ^semua-berita\.html$ media.php?module=berita [L] RewriteRule ^profil-pengguna\.html$ media.php?module=profiluser [L] RewriteRule ^daftar-pengguna\.html$ media.php?module=daftaruser [L] RewriteRule ^kategori-tarian\.html$ media.php?module=kategori [L] RewriteRule ^manajemen-modul\.html$ media.php?module=modul [L] RewriteRule ^berita-(.*)\.html$ media.php?module=berita&act=$1 [L] RewriteRule ^(.*)-berita\.html$ media.php?module=berita&act=$1 [L] RewriteRule ^semuaberita-page-(.*)\.html$ media.php?module=berita&page=$1 [L] RewriteRule ^semuaberita-(.*)-([0-9]+)\.html$ media.php?module=berita&act=$1&id=$2 [L] RewriteRule ^semua-bagiantari\.html$ media.php?module=bagiantari [L] RewriteRule ^bagiantari-page-(.*)\.html$ media.php?module=bagiantari&page=$1 [L]


122 RewriteRule pada file .htaccess dalam direktori administrator ( lanjutan ) RewriteRule ^(.*)-bagiantari\.html$ media.php?module=bagiantari&act=$1 [L] RewriteRule ^(.*)-bagiantari-([0-9]+)\.html$ media.php?module=bagiantari&act=$1&id=$2 [L] RewriteRule ^semua-fileunduhan\.html$ media.php?module=unduh [L] RewriteRule ^(.*)-file-unduhan\.html$ media.php?module=unduh&act=$1 [L] RewriteRule ^(.*)-fileunduhan-([0-9]+)\.html$ media.php?module=unduh&act=$1&id=$2 [L] RewriteRule ^kategori-tari-(.*)\.html$ media.php?module=kategori&act=$1 [L] RewriteRule ^kategoritari-(.*)-([0-9]+)\.html$ media.php?module=kategori&act=$1&id=$2 [L] RewriteRule ^semua-provinsi\.html$ media.php?module=provinsi [L] RewriteRule ^(.*)-provinsi\.html$ media.php?module=provinsi&act=$1 [L] RewriteRule ^provinsi-page-(.*)\.html$ media.php?module=provinsi&page=$1 [L] RewriteRule ^(.*)provinsi-([0-9]+)\.html$ media.php?module=provinsi&act=$1&id=$2 [L] RewriteRule ^(.*)-modul\.html$ media.php?module=modul&act=$1 [L] RewriteRule ^(.*)-modul-([0-9]+)\.html$ media.php?module=modul&act=$1&id=$2 [L] RewriteRule ^semua-pulau\.html$ media.php?module=pulau [L] RewriteRule ^(.*)-pulau\.html$ media.php?module=pulau&act=$1 [L] RewriteRule ^(.*)-pulau-([0-9]+)\.html$ media.php?module=pulau&act=$1&id=$2 [L] RewriteRule ^semua-konten\.html$ media.php?module=konten [L] RewriteRule ^semuakonten-page-(.*)\.html$ media.php?module=konten&page=$1 [L] RewriteRule ^(.*)konten\.html$ media.php?module=konten&act=$1 [L] RewriteRule ^(.*)-konten-([0-9]+)\.html$ media.php?module=konten&act=$1&id=$2 [L] RewriteRule ^semua-tarian\.html$ media.php?module=tarian [L] RewriteRule ^(.*)-tarian\.html$ media.php?module=tarian&act=$1 [L] RewriteRule ^tarian-page-(.*)\.html$ media.php?module=tarian&page=$1 [L] RewriteRule ^(.*)-tari-([0-9]+)\.html$ media.php?module=tarian&act=$1&id=$2 [L] RewriteRule ^(.*)-tarian-([0-9]+)\.html$ media.php?module=tarian&act=$1&id=$2 [L] RewriteRule ^hubungi-kami\.html$ media.php?module=hubungi [L] RewriteRule ^hubungi-kami-(.*)\.html$ media.php?module=hubungi&act=$1 [L] RewriteRule ^hubungikami-page-(.*)\.html$ media.php?module=hubungi&page=$1 [L] RewriteRule ^hubungikami-(.*)-([0-9]+)\.html$ media.php?module=hubungi&act=$1&id=$2 [L] RewriteRule ^pelaporan-user\.html$ media.php?module=pelaporan [L] RewriteRule ^pelaporan-page-(.*)\.html$ media.php?module=pelaporan&page=$1 [L] RewriteRule ^(.*)-pelaporan\.html$ media.php?module=pelaporan&act=$1 [L] RewriteRule ^pelaporan-(.*)-([0-9]+)\.html$ media.php?module=pelaporan&act=$1&id=$2 [L] RewriteRule ^profil-user\.html$ media.php?module=profiluser [L] RewriteRule ^profiluser-(.*)-([0-9]+)\.html$ media.php?module=profiluser&act=$1&id=$2 [L] RewriteRule ^kumpulanvideo\.html$ media.php?module=video [L] RewriteRule ^kumpulan-video-(.*)\.html$ media.php?module=video&pesan=$1 [L] RewriteRule ^(.*)-video\.html$ media.php?module=video&act=$1 [L] RewriteRule ^(.*)-video-([0-9]+)\.html$ media.php?module=video&act=$1&id=$2 [L] RewriteRule ^daftaruser-(.*)-([0-9]+)\.html$ media.php?module=daftaruser&act=$1&id=$2 [L] RewriteRule ^(.*)-pengguna\.html$ media.php?module=daftaruser&act=$1 [L] RewriteRule ^kategori-forum\.html$ media.php?module=kateforum [L] RewriteRule ^kategori-forum-(.*)\.html$ media.php?module=kateforum&act=$1 [L] RewriteRule ^kategoriforum-(.*)-([0-9]+)\.html$ media.php?module=kateforum&act=$1&id=$2 [L] RewriteRule ^banner-(.*)\.html$ media.php?module=banner&act=$1 [L] RewriteRule ^bannerlist-(.*)-([0-9]+)\.html$ media.php?module=banner&act=$1&id=$2 [L] Options All -Indexes


123

4.2

Pengujian Aplikasi

Pengujian adalah proses yang bertujuan untuk memastikan apakah semua fungsi aplikasi bekerja dengan baik, mencari kesalahan yang mungkin terjadi pada aplikasi dan mengetahui apakah aplikasi berjalan sesuai dengan apa yang diharapkan. Tahap pengujian merupakan bagian dari salah satu tugas software verification dan validation, yang merupakan bagian dari software quality assurance.

4.2.1 Tujuan Pengujian

Tujuan dari pengujian aplikasi ensiklopedia tentang tari daerah berbasis web adalah sebagai berikut: 1.

Pengujian bertujuan untuk mencari kesalahan (error) dengan menjalankan aplikasi melalui web browser.

2.

Kasus uji (test case) yang baik adalah kasus yang memiliki peluang untuk mendapatkan kesalahan yang belum pernah ditemukan sebelumnya.

3.

Pengujian dikatakan berhasil apabila mendapatkan kesalahan yang belum diketahui sebelumnya.

4.

Pengujian dilakukan dengan maksud untuk mencari kesalahan (error), baik kesalahan bahasa (language error), kesalahan waktu proses (runtime error), maupun kesalahan logika (logical error).

5.

Pengujian yang baik bukan untuk memastikan tidak ada kesalahan tetapi untuk mencari sebanyak mungkin kesalahan yang ada pada program. Perancangan kasus uji (test case) adalah perancangan untuk menyediakan

kemungkinan-kemungkinan yang cukup tinggi untuk menemukan kesalahan dengan jumlah waktu dan usaha yang minimum. Metode kasus uji adalah metode yang dapat membantu memastikan kelengkapan pengujian dan memberikan kemungkinan tertinggi untuk mengungkapkan kesalahan pada perangkat lunak.


124 Penulis melakukan pengujian dengan metode black box yang terdiri dari skenario pengujian aplikasi, hasil pengujian dari skenario uji, pengujian tatap muka, analisis hasil pengujian, dan kesimpulan hasil pengujian. Metode black box memungkinkan perekayasa perangkat lunak mendapatkan serangkaian kondisi input yang sepenuhnya menggunakan semua persyaratan fungsional untuk suatu program.

4.2.2

Skenario Pengujian (Metode Black Box)

Pengujian dengan menggunakan metode black box penulis gunakan untuk menentukan langkah-langkah dalam tahap pengujian aplikasi dan memeriksa apakah ada bagian dari spesifikasinya yang belum atau tidak diimplementasikan. Berikut ini akan dijelaskan beberapa pengujian yang dilakukan dengan menggunakan metode black box:

4.2.2.1 Skenario Pengujian Terhadap Form Menu Utama Skenario pengujian untuk aplikasi ensiklopedia tari daerah berbasis web pada form menu utama dapat dilihat pada Tabel 4.2 berikut ini: Tabel 4.2 Skenario Pengujian Form Menu Utama No 1

2

Antar muka yang diuji Form Menu Utama (Halaman Pengunjung)

Form Menu Utama (Halaman Pengunjung)

Item Uji Menguji menu utama Tarian

Menguji menu utama Informasi (Berita atau Artikel)

Skenario Pengujian 1. User menjalankan aplikasi dengan web browser. 2. User memilih tombol Tarian di halaman pengunjung. 1. User menjalankan aplikasi dengan web browser. 2. User menyorot menu informasi dan memilih Berita


Hasil yang diharapkan Akan menampilkan semua data tarian daerah yang ada di database. Akan menampilkan semua berita atau artikel yang ada di database.

125 Tabel 4.2 Skenario Pengujian Form Menu Utama (lanjutan) 3


Menguji menu utama Galeri (Gambar atau Video)

4


Menguji menu utama Ekstra (Kuis atau Forum)

5


Menguji menu utama Hubungi Kami

4.2.2.2

atau Artikel. 1. User menjalankan aplikasi dengan web browser. 2. User menyorot menu galeri dan memilih Gambar atau Video. 1. User menjalankan aplikasi dengan web browser. 2. User memilih tombol Kuis atau Forum di halaman pengunjung. 1. User menjalankan aplikasi dengan web browser 2. User memilih tombol Hubungi Kami di halaman pengunjung.

Akan menampilkan galeri gambar atau video tarian daerah. Akan menampilkan kuis taripedia atau forum Diskusi. Akan menampilkan form hubungi kami (contact us).

Skenario Pengujian Terhadap Form Pencarian (Quick & Advanced) Skenario pengujian untuk aplikasi ensiklopedia tari daerah berbasis web

pada form pencarian (quick & advanced) dapat dilihat pada Tabel 4.3 berikut ini: Tabel 4.3 Skenario Pengujian Form Pencarian (Quick & Advanced) No 1

2

Antar muka yang diuji Form Pencarian Cepat (Quick)

Form Pencarian

Item Uji Menguji form pencarian cepat disisi kanan jika tidak diinput keywords pencariannya. Menguji form pencarian

Skenario Pengujian 1. User menjalankan aplikasi dengan web browser. 2. User memilih tombol cari pada form pencarian di sisi kanan tanpa menginput keywords pencarian cepat. 1. User menjalankan aplikasi dengan web


Hasil yang diharapkan Akan keluar pesan kesalahan “Harap isi bidang ini”.

Akan menampilkan

126 Tabel 4.3 Skenario Pengujian Form Pencarian (Quick & Advanced) (lanjutan) Cepat (Quick)

cepat yang valid dengan penginputan keywords pencarian.

browser. 2. User mengetik keywords pada kolom input pencarian cepat. 3. User memilih tombol cari.

3

Form Pencarian Lanjutan (Advanced)

Menguji form pencarian lanjutan jika kategori pulau tidak dipilih user.

4


Menguji form pencarian lanjutan jika kategori provinsi tidak dipilih user.

5


Menguji form pencarian lanjutan jika kategori tarian tidak dipilih user.

1. User menjalankan aplikasi dengan web browser. 2. User memilih salah satu pilihan provinsi pada form. 3. User memilih salah satu pilihan kategori tari pada form. 4. User mengetik keywords pada form. 5. User memilih tombol cari. 1. User menjalankan aplikasi dengan web browser. 2. User memilih salah satu pilihan pulau pada form. 3. User memilih salah satu pilihan kategori tari pada form. 4. User mengetik keywords pada form. 5. User memilih tombol cari. 1. User menjalankan aplikasi dengan web browser. 2. User memilih salah satu pilihan pulau pada form. 3. User memilih salah satu pilihan provinsi pada form. 4. User mengetik keywords pada form.


pesan tidak ditemukan data jika tidak ditemukan data yang cocok dengan keywords dan menampilkan data hasil pencarian jika ditemukan. Akan keluar pesan kesalahan “Anda belum memilih pulau”.

Akan keluar pesan kesalahan “Anda belum memilih provinsi”.

Akan keluar pesan kesalahan “Anda belum memilih kategori tarian”.

127 Tabel 4.3 Skenario Pengujian Form Pencarian (Quick & Advanced) (lanjutan)

6


7


4.2.2.3

5. User memilih tombol cari. Menguji form 1. User menjalankan pencarian aplikasi dengan web lanjutan jika browser. 2. User memilih salah keywords pencarian tidak satu pilihan pulau diinput user. pada form. 3. User memilih salah satu pilihan provinsi pada form. 4. User memilih salah satu pilihan kategori tarian pada form. 5. User memilih tombol cari. Menguji form 1. User menjalankan pencarian aplikasi dengan web lanjutan yang browser. valid dengan 2. User memilih salah memilih pulau, satu pilihan pulau pada form. provinsi, kategori tarian 3. User memilih salah dan menginput satu pilihan provinsi keywords pada form. pencarian. 4. User memilih salah satu pilihan kategori tarian pada form. 5. User mengetik keywords pada form. 6. User memilih tombol cari.

Akan keluar pesan kesalahan “Anda belum memasukkan nama tarian yang dicari”.

Akan menampilkan pesan tidak ditemukan data jika tidak ditemukan data yang cocok dengan kategori dan keywords, dan menampilkan data hasil pencarian jika ditemukan.

Skenario Pengujian Terhadap Form Login & Register Skenario pengujian untuk aplikasi ensiklopedia tari daerah berbasis web

pada form login dan register dapat dilihat pada Tabel 4.4 berikut ini: Tabel 4.4 Skenario Pengujian Form Login & Register No

Antar muka yang diuji

Item Uji

Skenario Pengujian


Hasil yang diharapkan

128 Tabel 4.4 Skenario Pengujian Form Login & Register (lanjutan) 1

Form Login & Register

Menguji form login jika username dan password tidak valid (belum registrasi).

2


Menguji form login jika username dan password valid.

3


Menguji form register jika salah satu field (kolom) tidak terisi dengan benar (valid).

4


Menguji form register jika kolom username berisi kurang dari 4 karakter atau lebih dari 10 karakter.

1. User menjalankan aplikasi dengan web browser. 2. User memilih tombol Log In di sisi kiri atas setiap halaman. 3. User menginput username dan password. 4. User memilih tombol Log In. 1. User menjalankan aplikasi dengan web browser. 2. User memilih tombol Log In di sisi kiri atas setiap halaman. 3. User menginput username dan password. 4. User memilih tombol Log In. 1. User menjalankan aplikasi dengan web browser. 2. User memilih tombol Register Now di sisi kiri atas setiap halaman atau Join Us pada form login. 3. User tidak menginput salah satu atau semua field pada form register. 4. User memilih tombol Sign Up. 1. User menjalankan aplikasi dengan web browser. 2. User memilih tombol Register Now di sisi kiri atas setiap halaman atau Join Us pada form login.


Verifikasi login dan akan menampilkan pesan kesalahan “Maaf, Username atau Password Anda salah. Atau account Anda sedang diblokir”. Verifikasi login dan akan menampilkan halaman beranda (home).

Akan menampilkan pesan kesalahan “Harap isi bidang ini” atau pesan kesalahan “Masukkan alamat email”, yang mengharuskan user untuk melengkapi semua kolom (field) yang tersedia. Akan menampilkan pesan kesalahan “GAGAL! Username harus antara 4-10 karakter”.

129 Tabel 4.4 Skenario Pengujian Form Login & Register (lanjutan)

5


Menguji form register jika kolom email berisi alamat email yang tidak valid.

6


Menguji form register jika kolom kata sandi (password) berisi kurang dari 6 karakter atau lebih dari

3. User menginput nama lengkap. 4. User menginput username dengan kondisi kurang dari 4 karakter atau lebih dari 10 karakter. 5. User menginput alamat email. 6. User menginput kata sandi. 7. User mengkonfirmasi kata sandi. 8. User memilih tombol Sign Up. 1. User menjalankan aplikasi dengan web browser. 2. User memilih tombol Register Now di sisi kiri atas setiap halaman atau Join Us pada form login. 3. User menginput nama lengkap. 4. User menginput username. 5. User menginput alamat email dengan kondisi tidak valid, misalkan emailku@yahoo$.co m. 6. User menginput kata sandi. 7. User mengkonfirmasi kata sandi. 8. User memilih tombol Sign Up. 1. User menjalankan aplikasi dengan web browser. 2. User memilih tombol Register Now di sisi kiri atas setiap halaman atau Join Us pada form login.


Akan menampilkan pesan kesalahan “GAGAL! Alamat email Anda tidak benar”.

Akan menampilkan pesan kesalahan “GAGAL! Kata sandi Anda harus antara 620 karakter”.

130 Tabel 4.4 Skenario Pengujian Form Login & Register (lanjutan) 20 karakter.

7


Menguji form register jika kolom konfirmasi kata sandi tidak cocok atau sama dengan kata sandi sebelumnya.

8


Menguji form register jika username sudah terdaftar sebelumnya (sudah teregistrasi sebagai

3. User menginput nama lengkap. 4. User menginput username. 5. User menginput alamat email. 6. User menginput kata sandi dengan kondisi kurang dari 6 karakter atau lebih dari 20 karakter. 7. User mengkonfirmasi kata sandi. 8. User memilih tombol Sign Up. 1. User menjalankan aplikasi dengan web browser. 2. User memilih tombol Register Now di sisi kiri atas setiap halaman atau Join Us pada form login. 3. User menginput nama lengkap. 4. User menginput username. 5. User menginput alamat email. 6. User menginput kata sandi. 7. User mengkonfirmasi kata sandi dengan kondisi tidak cocok atau sama dengan kata sandi yang diinput sebelumnya. 8. User memilih tombol Sign Up. 1. User menjalankan aplikasi dengan web browser. 2. User memilih tombol Register Now di sisi kiri atas setiap halaman atau Join Us pada form login.


Akan menampilkan pesan kesalahan “GAGAL! Kata sandi yang Anda masukkan tidak sama!”.

Akan menampilkan pesan kesalahan “Username sudah terdaftar. Silahkan Login.” dan menampilkan

131 Tabel 4.4 Skenario Pengujian Form Login & Register (lanjutan) anggota).

9


Menguji form register jika semua field (kolom) sudah

3. User menginput nama lengkap. 4. User menginput username (dengan kondisi username sudah terdaftar sebelumnya). 5. User menginput alamat email. 6. User menginput kata sandi. 7. User mengkonfirmasi kata sandi. 8. User memilih tombol Sign Up. 1. User menjalankan aplikasi dengan web browser. 2. User memilih tombol

valid dan belum terdaftar sebelumnya. 3. 4. 5. 6. 7. 8.

4.2.2.4

Register Now di sisi kiri atas setiap halaman atau Join Us pada form login. User menginput nama lengkap. User menginput username. User menginput alamat email. User menginput kata sandi. User mengkonfirmasi kata sandi. User memilih tombol Sign Up.

form login.

Akan menampilkan pesan kesalahan “Pendaftaran berhasil. Silahkan Login.” dan menampilkan form login.

Skenario Pengujian Terhadap Form Menu Admin di Halaman Administrator Skenario pengujian untuk aplikasi ensiklopedia tari daerah berbasis web

pada form menu admin di halaman administrator dapat dibagi menjadi dua bagian yaitu bagian menu untuk user atau wartawan dan bagian menu untuk admin web


132 (administrator). Jika login sebagai user atau wartawan, maka hanya menu beranda, daftar pengguna, profil pengguna dan ganti password yang akan ditampilkan, sedangkan jika login sebagai admin maka akan ditampilkan semua menu di halaman administrator. Skenario pengujian form ini dapat dilihat pada Tabel 4.5 berikut ini: Tabel 4.5 Skenario Pengujian Form Menu Admin di Halaman Administrator Antar muka yang diuji Form Menu Admin

Item Uji

Skenario Pengujian

Menguji menu Bagian Tari

2

Form Menu Admin

Menguji menu Banner

3

Form Menu Admin

Menguji menu Berita

1. User menjalankan aplikasi dengan web browser. 2. User login ke aplikasi. 3. User memilih tombol halaman admin di sisi bagian bawah (footer). 4. User memilih menu Bagian Tari di sisi kiri halaman. 1. User menjalankan aplikasi dengan web browser. 2. User login ke aplikasi. 3. User memilih tombol halaman admin di sisi bagian bawah (footer). 4. User memilih menu Banner di sisi kiri halaman. 1. User menjalankan aplikasi dengan web browser. 2. User login ke aplikasi. 3. User memilih tombol halaman admin di sisi bagian bawah (footer). 4. User memilih menu Berita di sisi kiri halaman.

No 1


Hasil yang diharapkan Akan menampilkan daftar ragam gerak atau bagian tari daerah.

Akan menampilkan daftar semua banner dalam database.

Akan menampilkan daftar semua berita dalam database dan form cut off data berita.

133 Tabel 4.5 Skenario Pengujian Form Menu Admin di Halaman Administrator (lanjutan) 4

Form Menu Admin

Menguji menu Daftar Pengguna

5

Form Menu Admin

Menguji menu Ganti Password

6

Form Menu Admin

Menguji menu Hubungi Kami

7

Form Menu Admin

Menguji menu Kategori Forum

1. User menjalankan aplikasi dengan web browser. 2. User login ke aplikasi. 3. User memilih tombol halaman admin di sisi bagian bawah (footer). 4. User memilih menu Banner di sisi kiri halaman. 1. User menjalankan aplikasi dengan web browser. 2. User login ke aplikasi. 3. User memilih tombol halaman admin di sisi bagian bawah (footer). 4. User memilih menu Ganti Password di sisi kiri halaman. 1. User menjalankan aplikasi dengan web browser. 2. User login ke aplikasi. 3. User memilih tombol halaman admin di sisi bagian bawah (footer). 4. User memilih menu Hubungi Kami di sisi kiri halaman. 1. User menjalankan aplikasi dengan web browser. 2. User login ke aplikasi. 3. User memilih tombol halaman admin di sisi bagian bawah (footer). 4. User memilih menu Kategori Forum di sisi kiri halaman.


Akan menampilkan daftar semua pengguna (baik dari level user, wartawan ataupun admin).

Akan menampilkan form untuk mengubah password pengguna.

Akan menampilkan daftar pesan atau komentar yang disampaikan pengunjung atau user pada halaman hubungi kami (contact us). Akan menampilkan daftar kategori topik pada forum diskusi.


Form Menu Admin

Menguji menu Kategori Tarian

9

Form Menu Admin

Menguji menu Konten Web

10

Form Menu Admin

Menguji menu Manajemen Modul

11

Form Menu Admin

Menguji menu Pelaporan

1. User menjalankan aplikasi dengan web browser. 2. User login ke aplikasi. 3. User memilih tombol halaman admin di sisi bagian bawah (footer). 4. User memilih menu Kategori Tarian di sisi kiri halaman. 1. User menjalankan aplikasi dengan web browser. 2. User login ke aplikasi. 3. User memilih tombol halaman admin di sisi bagian bawah (footer). 4. User memilih menu Konten Web di sisi kiri halaman. 1. User menjalankan aplikasi dengan web browser. 2. User login ke aplikasi. 3. User memilih tombol halaman admin di sisi bagian bawah (footer). 4. User memilih menu Manajemen Modul di sisi kiri halaman. 1. User menjalankan aplikasi dengan web browser. 2. User login ke aplikasi. 3. User memilih tombol halaman admin di sisi bagian bawah (footer). 4. User memilih menu Pelaporan di sisi kiri halaman.


Akan menampilkan daftar kategori tarian daerah.

Akan menampilkan daftar kontenkonten web (baik statis maupun dinamis).

Akan menampilkan daftar semua modul-modul yang ada dalam database.

Akan menampilkan daftar pelaporan pengunjung atau user yang dilaporkan dari halaman pengunjung.


Form Menu Admin

Menguji menu Pengguna

13

Form Menu Admin

Menguji menu Profil Pengguna

14

Form Menu Admin

Menguji menu Provinsi

15

Form Menu Admin

Menguji menu Pulau

16

Form Menu Admin

Menguji menu Tarian

1. User menjalankan aplikasi dengan web browser. 2. User login ke aplikasi. 3. User memilih tombol halaman admin di sisi bagian bawah (footer). 4. User memilih menu Pengguna di sisi kiri halaman. 1. User menjalankan aplikasi dengan web browser. 2. User login ke aplikasi. 3. User memilih tombol halaman admin di sisi bagian bawah (footer). 4. User memilih menu Profil Pengguna di sisi kiri halaman. 1. User menjalankan aplikasi dengan web browser. 2. User login ke aplikasi. 3. User memilih tombol halaman admin di sisi bagian bawah (footer). 4. User memilih menu Provinsi di sisi kiri halaman. 1. User menjalankan aplikasi dengan web browser. 2. User login ke aplikasi. 3. User memilih tombol halaman admin di sisi bagian bawah (footer). 4. User memilih menu Pulau di sisi kiri halaman. 1. User menjalankan aplikasi dengan web


Akan menampilkan daftar semua user (pengguna) dalam aplikasi ensiklopedia berbasis web.

Akan menampilkan detail profil dari pengguna yang aktif.

Akan menampilkan daftar semua provinsi di Indonesia.

Akan menampilkan daftar semua pulau di Indonesia.

Akan menampilkan

136 Tabel 4.5 Skenario Pengujian Form Menu Admin di Halaman Administrator (lanjutan)

17

18

4.2.2.5

Form Menu Admin

Form Menu Admin

Menguji menu Unduh

Menguji menu Video

browser. 2. User login ke aplikasi. 3. User memilih tombol halaman admin di sisi bagian bawah (footer). 4. User memilih menu Tarian di sisi kiri halaman. 1. User menjalankan aplikasi dengan web browser.

daftar semua tarian daerah dalam database.

2. User login ke aplikasi. 3. User memilih tombol halaman admin di sisi bagian bawah (footer). 4. User memilih menu Unduh di sisi kiri halaman. 1. User menjalankan aplikasi dengan web browser. 2. User login ke aplikasi. 3. User memilih tombol halaman admin di sisi bagian bawah (footer). 4. User memilih menu Video di sisi kiri halaman.

(file) yang dapat diunduh user.

Akan menampilkan daftar dokumen

Akan menampilkan daftar video tarian daerah yang tersimpan dalam database.

Skenario Pengujian Terhadap Form Input Data Tarian Skenario pengujian untuk aplikasi ensiklopedia tari daerah berbasis web

pada form input data tarian daerah dapat dilihat pada Tabel 4.6 berikut ini:

Tabel 4.6 Skenario Pengujian Form Input Data Tarian No


Item Uji

Skenario Pengujian



137

Tabel 4.6 Skenario Pengujian Form Input Data Tarian (lanjutan) 1

Form input data tarian daerah

Menguji tombol Tambah Tarian di sisi atas dari tabel daftar tarian daerah.

2


Menguji form input data tarian jika nama tarian belum diinput (kosong).

3


Menguji form input data tarian jika user tidak memilih kategori tarian (value=0).

1. User menjalankan aplikasi dengan web browser. 2. User login ke aplikasi sebagai admin. 3. User memilih tombol halaman admin di sisi bagian bawah (footer). 4. User memilih menu Tarian di sisi kiri halaman. 5. User memilih tombol Tambah. 1. User menjalankan aplikasi dengan web browser. 2. User login ke aplikasi sebagai admin. 3. User memilih tombol halaman admin di sisi bagian bawah (footer). 4. User memilih menu Tarian di sisi kiri halaman. 5. User memilih tombol Tambah. 6. Setelah tampil form input, user memilih tombol Simpan. 1. User menjalankan aplikasi dengan web browser. 2. User login ke aplikasi sebagai admin. 3. User memilih tombol halaman admin di sisi bagian bawah (footer). 4. User memilih menu Tarian di sisi kiri halaman. 5. User memilih tombol Tambah. 6. Setelah tampil form


Akan menampilkan form untuk menginput data tarian daerah baru.

Akan menampilkan pesan kesalahan “Nama tarian masih kosong.”.

Akan menampilkan pesan kesalahan “Kategori tarian belum dipilih.”.

138

Tabel 4.6 Skenario Pengujian Form Input Data Tarian (lanjutan)

7.

4


Menguji form input data tarian jika user tidak memilih provinsi asal tarian daerah (value=0).

1. 2. 3.

4. 5. 6. 7. 8.

5


Menguji form input data tarian jika nama tarian yang diinput sudah ada sebelumnya yang tersimpan di database (double record).

1. 2. 3.

4. 5.

input, user menginput nama tarian. User memilih tombol Simpan, tanpa memilih kategori tari, provinsi tarian dan melengkapi form. User menjalankan aplikasi dengan web browser. User login ke aplikasi sebagai admin. User memilih tombol halaman admin di sisi bagian bawah (footer). User memilih menu Tarian di sisi kiri halaman. User memilih tombol Tambah. Setelah tampil form input, user menginput nama tarian. User memilih kategori tarian daerah. User memilih tombol Simpan, tanpa memilih provinsi tarian dan melengkapi form. User menjalankan aplikasi dengan web browser. User login ke aplikasi sebagai admin. User memilih tombol halaman admin di sisi bagian bawah (footer). User memilih menu Tarian di sisi kiri halaman. User memilih tombol Tambah.


Akan menampilkan pesan kesalahan “Provinsi asal tarian daerah belum dipilih.”.

Akan menampilkan pesan kesalahan “Nama tarian yang diinput sudah ada dalam database.”.

139

Tabel 4.6 Skenario Pengujian Form Input Data Tarian (lanjutan) 6. Setelah tampil form input, user menginput nama tarian (misalkan sama dengan data yang sudah ada, Gambyong). 7. User memilih kategori tarian daerah. 8. User memilih provinsi tarian daerah. 9. User menginput deskripsi tarian. 10. User menginput gambar. 11. User memilih tombol Simpan. 4.2.2.6

Skenario Pengujian Terhadap Form Edit Data Tarian Skenario pengujian untuk aplikasi ensiklopedia tari daerah berbasis web

pada form edit data tarian di halaman administrator dapat dilihat pada Tabel 4.7 berikut ini: Tabel 4.7 Skenario Pengujian Form Edit Data Tarian di Halaman Administrator No 1

Antar muka yang diuji Form edit data tarian daerah

Item Uji

Skenario Pengujian

Menguji form edit data tarian jika nama tarian belum diinput (kosong).

1. User menjalankan aplikasi dengan web browser. 2. User login ke aplikasi sebagai admin. 3. User memilih tombol halaman admin di sisi bagian bawah (footer). 4. User memilih menu Tarian di sisi kiri halaman. 5. User memilih tombol Edit dikolom aksi.


Hasil yang diharapkan Akan menampilkan pesan kesalahan “Nama tarian masih kosong.”.

140

Tabel 4.7 Skenario Pengujian Form Edit Data Tarian (lanjutan) 6. Setelah tampil form edit, user memilih tombol Simpan tanpa menginput nama tarian (kosong). 4.2.2.7

Skenario Pengujian Terhadap Form Input Ragam Gerak/Bagian Tari Skenario pengujian untuk aplikasi ensiklopedia tari daerah berbasis web

pada form input ragam gerak / bagian tari di halaman administrator dapat dilihat pada Tabel 4.8 berikut ini: Tabel 4.8 Skenario Pengujian Form Input Ragam Gerak/Bagian Tari di Halaman Administrator No 1

2

Antar muka yang diuji Form input ragam gerak / bagian tari daerah.

Form input ragam gerak / bagian tari daerah.

Item Uji

Skenario Pengujian

Menguji form input ragam gerak / bagian tari daerah jika nama ragam gerak atau bagian tari belum diinput (kosong).

1. User menjalankan aplikasi dengan web browser. 2. User login ke aplikasi sebagai admin. 3. User memilih tombol halaman admin di sisi bagian bawah (footer). 4. User memilih menu Bagian Tari di sisi kiri halaman. 5. User memilih tombol Tambah disisi atas tabel bagian tari. 6. Setelah tampil form input ragam/bagian tari, user memilih tombol Simpan tanpa melengkapi form. 1. User menjalankan aplikasi dengan web browser. 2. User login ke aplikasi

Menguji form input ragam gerak / bagian tari daerah jika


Hasil yang diharapkan Akan menampilkan pesan kesalahan “Nama ragam gerak / bagian tari masih kosong.”.

Akan menampilkan pesan kesalahan

141 Tabel 4.8 Skenario Pengujian Form Input Ragam Gerak/Bagian Tari (lanjutan) nama ragam gerak atau bagian tari yang diinput sudah ada sebelumnya yang tersimpan di database (double record).

4.2.2.8

sebagai admin. 3. User memilih tombol halaman admin di sisi bagian bawah (footer). 4. User memilih menu Bagian Tari di sisi kiri halaman. 5. User memilih tombol Tambah disisi atas tabel bagian tari. 6. Setelah tampil form input, user menginput nama ragam gerak/ bagian tari (misalkan sama dengan data yang sudah ada sebelumnya, Cantel). 7. User memilih tombol Simpan.

“Nama ragam gerak / bagian tari yang diinput sudah ada dalam database.”.

Skenario Pengujian Terhadap Form Edit Ragam/Bagian Tari Skenario pengujian untuk aplikasi ensiklopedia tari daerah berbasis web

pada form edit ragam gerak / bagian tari di halaman administrator dapat dilihat pada Tabel 4.9 berikut ini: Tabel 4.9 Skenario Pengujian Form Edit Ragam/Bagian Tari di Halaman Administrator No 1

Antar muka yang diuji Form edit ragam gerak / bagian tari daerah.

Item Uji

Skenario Pengujian

Menguji form edit ragam gerak / bagian tari daerah jika nama ragam gerak atau bagian tari belum diinput (kosong).

1. User menjalankan aplikasi dengan web browser. 2. User login ke aplikasi sebagai admin. 3. User memilih tombol halaman admin di sisi bagian bawah (footer).


Hasil yang diharapkan Akan menampilkan pesan kesalahan “Nama ragam gerak / bagian tari masih kosong.”.

142 Tabel 4.9 Skenario Pengujian Form Edit Ragam Gerak/Bagian Tari (lanjutan) 4. User memilih menu Bagian Tari di sisi kiri halaman. 5. User memilih tombol Edit dikolom aksi pada tabel. 6. Setelah tampil form edit ragam/bagian tari, user memilih tombol Simpan tanpa melengkapi form. 4.2.2.9

Skenario Pengujian Terhadap Form Input Berita Skenario pengujian untuk aplikasi ensiklopedia tari daerah berbasis web

pada form input berita di halaman administrator dapat dilihat pada Tabel 4.10 berikut ini: Tabel 4.10 Skenario Pengujian Form Input Berita di Halaman Administrator No 1

Antar muka yang diuji Form input berita

Item Uji Menguji form input berita jika judul berita tidak diinput (kosong).

Skenario Pengujian 1. User menjalankan aplikasi dengan web browser. 2. User login ke aplikasi sebagai admin atau wartawan. 3. User memilih tombol halaman admin di sisi bagian bawah (footer). 4. User memilih menu Berita di sisi kiri halaman. 5. User memilih tombol Tambah disisi atas tabel berita. 6. Setelah tampil form input berita, user memilih tombol Simpan tanpa


Hasil yang diharapkan Akan menampilkan pesan kesalahan “Judul berita masih kosong.”.

143 Tabel 4.10 Skenario Pengujian Form Input Berita (lanjutan) 2

Form input berita

Menguji form input berita jika kolom provinsi tidak dipilih (value=0).

melengkapi form. 1. User menjalankan aplikasi dengan web browser. 2. User login ke aplikasi sebagai admin atau wartawan. 3. User memilih tombol halaman admin di sisi bagian bawah (footer). 4. User memilih menu Berita di sisi kiri halaman. 5. User memilih tombol Tambah disisi atas tabel berita. 6. Setelah tampil form input berita, user menginput judul berita. 7. User memilih tombol Simpan tanpa melengkapi form.

Akan menampilkan pesan kesalahan “Provinsi berita berasal belum dipilih.”.

4.2.2.10 Skenario Pengujian Terhadap Form Edit Berita Skenario pengujian untuk aplikasi ensiklopedia tari daerah berbasis web pada form edit berita di halaman administrator dapat dilihat pada Tabel 4.11 berikut ini: Tabel 4.11 Skenario Pengujian Form Edit Berita di Halaman Administrator No 1

Antar muka yang diuji Form edit berita

Item Uji

Skenario Pengujian

Menguji form edit berita jika judul berita tidak diinput (kosong).

1. User menjalankan aplikasi dengan web browser. 2. User login ke aplikasi sebagai admin atau wartawan. 3. User memilih tombol



144 Tabel 4.11 Skenario Pengujian Form Edit Berita di Halaman Administrator (lanjutan) halaman admin di sisi bagian bawah (footer). 4. User memilih menu Berita di sisi kiri halaman. 5. User memilih tombol Edit dikolom aksi pada tabel berita. 6. Setelah tampil form edit berita, user menghapus / tidak menginput judul berita (kosong). 7. User memilih tombol Simpan tanpa melengkapi judul berita. 4.2.2.11 Skenario Pengujian Terhadap Form Cut Off Berita Skenario pengujian untuk aplikasi ensiklopedia tari daerah berbasis web pada form cut off berita di halaman administrator dapat dilihat pada Tabel 4.12 berikut ini: Tabel 4.12 Skenario Pengujian Form Cut Off Berita di Halaman Administrator No 1

Antar muka yang Item Uji diuji Form cut off Menguji form data berita cut off data berita jika tanggal periode awal (start) tidak diinput user (kosong).

Skenario Pengujian 1. User menjalankan aplikasi dengan web browser. 2. User login ke aplikasi sebagai admin. 3. User memilih tombol halaman admin di sisi bagian bawah (footer). 4. User memilih menu Berita di sisi kiri halaman. 5. User menyorot form cut off di bawah tabel berita.


Hasil yang diharapkan Akan menampilkan pesan kesalahan “Tanggal periode awal (start) masih kosong.”.

145 Tabel 4.12 Skenario Pengujian Form Cut Off Berita di Halaman Administrator (lanjutan)

2

Form cut off Menguji form data berita cut off data berita jika tanggal periode akhir (end) tidak diinput user (kosong).

3

Form cut off Menguji form data berita cut off data berita jika tanggal periode awal (start) dan akhir (end) sudah diinput dengan benar.

6. User memilih tombol Cut Off tanpa melengkapi form dengan inputan tangal awal dan akhir. 1. User menjalankan aplikasi dengan web browser. 2. User login ke aplikasi sebagai admin. 3. User memilih tombol halaman admin di sisi bagian bawah (footer). 4. User memilih menu Berita di sisi kiri halaman. 5. User menyorot form cut off di bawah tabel berita. 6. User menginput tanggal awal (start) cut off. 7. User memilih tombol Cut Off tanpa menginput tangal akhir (end). 1. User menjalankan aplikasi dengan web browser. 2. User login ke aplikasi sebagai admin. 3. User memilih tombol halaman admin di sisi bagian bawah (footer). 4. User memilih menu Berita di sisi kiri halaman. 5. User menyorot form cut off di bawah tabel berita. 6. User menginput tanggal awal (start) cut off. 7. User menginput


Akan menampilkan pesan kesalahan “Tanggal periode akhir (end) masih kosong.”.

Akan menampilkan form konfirmasi hapus data berita dengan daftar berita yang berada pada periode tersebut (awal dan akhir cut off).

146 Tabel 4.12 Skenario Pengujian Form Cut Off Berita di Halaman Administrator (lanjutan) tanggal akhir (end) cut off. 8. User memilih tombol Cut Off. 4 Form cut off Menguji form 1. User menjalankan Menghapus data data berita cut off data aplikasi dengan web berita dari berita setelah browser. database dan dilakukan 2. User login ke aplikasi menampilkan cross check sebagai admin. kembali daftar data berita dan 3. User memilih tombol semua berita user memilih halaman admin di sisi yang terbaru tombol Hapus. bagian bawah setelah (footer). dilakukan cut 4. User memilih menu off berita. Berita di sisi kiri halaman. 5. User menyorot form cut off di bawah tabel berita. 6. User menginput tanggal awal (start) cut off. 7. User menginput tanggal akhir (end) cut off. 8. User memilih tombol Cut Off. 9. User meng-cross check data berita. 10. User memilih tombol Hapus untuk menghapus data berita dari database. 4.2.2.12 Skenario Pengujian Terhadap Form Menu Galeri Gambar Skenario pengujian untuk aplikasi ensiklopedia tari daerah berbasis web pada form menu galeri gambar di halaman pengunjung dapat dilihat pada Tabel 4.13 berikut ini: Tabel 4.13 Skenario Pengujian Form Menu Galeri Gambar di Halaman Pengunjung


147

No 1

Antar muka yang diuji Menu Galeri Gambar

Item Uji

Skenario Pengujian

Menguji menu galeri gambar jika tombol play slideshow dipilih (klik).

1. User menjalankan aplikasi dengan web browser. 2. User menyorot tombol galeri di menu utama halaman pengunjung dilanjutkan dengan memilih pilihan menu gambar. 3. User memilih tombol play slideshow. 1. User menjalankan aplikasi dengan web browser. 2. User menyorot tombol galeri di menu utama halaman pengunjung dilanjutkan dengan memilih pilihan menu gambar. 3. User memilih tombol pause slideshow. 1. User menjalankan aplikasi dengan web browser. 2. User menyorot tombol galeri di menu utama halaman pengunjung dilanjutkan dengan memilih pilihan menu gambar. 3. User memilih tombol download image.

2

Menu Galeri Gambar

Menguji menu galeri gambar jika tombol pause slideshow dipilih (klik).

3

Menu Galeri Gambar

Menguji menu galeri gambar jika tombol download image dipilih (klik).

Hasil yang diharapkan Akan menampilkan galeri gambar tarian daerah secara berurutan dengan tampilan slideshow.

Galeri gambar tarian daerah yang berjalan secara slideshow akan berhenti.

Akan mengunduh gambar yang sedang aktif dan disimpan dilokal disk.

4.2.2.13 Skenario Pengujian Terhadap Form Menu Galeri Video Skenario pengujian untuk aplikasi ensiklopedia tari daerah berbasis web pada form menu galeri video di halaman pengunjung dapat dilihat pada Tabel 4.14 berikut ini:


148

Tabel 4.14 Skenario Pengujian Form Menu Galeri Video di Halaman Pengunjung No 1

Antar muka yang diuji Menu Galeri Video

Item Uji

Skenario Pengujian

Menguji menu galeri video jika icon video dipilih (diklik) oleh user.

1. User menjalankan aplikasi dengan web browser. 2. User menyorot tombol galeri di menu utama halaman pengunjung dilanjutkan dengan memilih pilihan menu video. 3. User memilih icon video dan mengklik.

Hasil yang diharapkan Akan menampilkan pop up video dengan tampilan diperbesar dari ukuran icon video dan sekaligus dimainkan (play video)

4.2.2.14 Skenario Pengujian Terhadap Form Menu Kuis Taripedia Skenario pengujian untuk aplikasi ensiklopedia tari daerah berbasis web pada form menu kuis taripedia di halaman pengunjung dapat dilihat pada Tabel 4.15 berikut ini: Tabel 4.15 Skenario Pengujian Form Menu Kuis Taripedia di Halaman Pengunjung No 1

Antar muka yang diuji Menu Kuis Taripedia

Item Uji

Skenario Pengujian

Menguji menu kuis taripedia jika user memilih tombol link kuis (klik disini).

1. User menjalankan aplikasi dengan web browser. 2. User menyorot tombol Ekstra di menu utama halaman pengunjung dilanjutkan dengan memilih pilihan menu kuis. 3. User memilih tombol link untuk membuka flash Kuis Taripedia.


Hasil yang diharapkan Akan menampilkan flash Kuis Taripedia.

149 Tabel 4.15 Skenario Pengujian Form Menu Kuis Taripedia di Halaman Pengunjung (lanjutan) 2

Menu Kuis Taripedia

Menguji menu kuis taripedia jika user memilih tombol start pada file flash kuis taripedia.

1. User menjalankan aplikasi dengan web browser. 2. User menyorot tombol Ekstra di menu utama halaman pengunjung dilanjutkan dengan memilih pilihan menu kuis. 3. User memilih tombol link untuk membuka flash Kuis Taripedia. 4. User memilih tombol START kuis.

Akan menampilkan pertanyaanpertanyaan kuis taripedia satu per satu sampai selesai (10 pertanyaan).

4.2.2.15 Skenario Pengujian Terhadap Form Menu Hubungi Kami Skenario pengujian untuk aplikasi ensiklopedia tari daerah berbasis web pada form menu hubungi kami di halaman pengunjung dapat dilihat pada Tabel 4.16 berikut ini: Tabel 4.16 Skenario Pengujian Form Menu Hubungi Kami di Halaman Pengunjung

1

Antar muka yang diuji Form pada menu Hubungi Kami

2

Form pada

No

Item Uji

Skenario Pengujian

Menguji form menu hubungi kami jika kolom nama tidak diinput oleh user (kosong).

1. User menjalankan aplikasi dengan web browser. 2. User memilih pilihan menu hubungi kami pada menu utama. 3. Setelah form hubungi kami ditampilkan, user memilih tombol Kirim, tanpa melengkapi form seluruhnya. 1. User menjalankan

Menguji form


Hasil yang diharapkan Akan menampilkan pesan kesalahan “Anda belum mengisikan nama.”

Akan

150 Tabel 4.16 Skenario Pengujian Form Menu Hubungi Kami di Halaman Pengunjung (lanjutan) menu Hubungi Kami

menu hubungi kami jika kolom email tidak diinput oleh user (kosong).

2. 3. 4.

3

Form pada menu Hubungi Kami

Menguji form menu hubungi kami jika kolom pesan/ komentar tidak diinput oleh user (kosong).

1. 2. 3. 4. 5.

4


Menguji form menu hubungi kami jika kolom kode captcha tidak diinput oleh user (kosong).

1. 2. 3. 4. 5.

aplikasi dengan web browser. User memilih pilihan menu hubungi kami pada menu utama. Setelah form hubungi kami ditampilkan, user menginput nama. User memilih tombol Kirim, tanpa melengkapi form seluruhnya. User menjalankan aplikasi dengan web browser. User memilih pilihan menu hubungi kami pada menu utama. Setelah form hubungi kami ditampilkan, user menginput nama. User menginput alamat email. User memilih tombol Kirim, tanpa melengkapi form seluruhnya. User menjalankan aplikasi dengan web browser. User memilih pilihan menu hubungi kami pada menu utama. Setelah form hubungi kami ditampilkan, user menginput nama. User menginput alamat email. User memilih tombol Kirim, tanpa melengkapi form seluruhnya.


menampilkan pesan kesalahan “Anda belum mengisikan email.”

Akan menampilkan pesan kesalahan “Anda belum mengisikan pesan.”

Akan menampilkan pesan kesalahan “Anda belum mengisikan kode.”

151 4.2.3

Hasil Pengujian

Berikut ini adalah hasil pengujian yang dilakukan dengan menggunakan metode black box:

4.2.3.1 Hasil Pengujian Form Menu Utama Hasil pengujian untuk aplikasi ensiklopedia tari daerah berbasis web pada form menu utama di halaman pengunjung dapat dilihat pada tabel 4.17 berikut ini: Tabel 4.17 Hasil Pengujian Form Menu Utama di Halaman Pengunjung No 1

2

3

4

5

4.2.3.2

Antar muka yang diuji Form Menu Utama (Halaman Pengunjung) Form Menu Utama (Halaman Pengunjung) Form Menu Utama (Halaman Pengunjung) Form Menu Utama (Halaman Pengunjung) Form Menu Utama (Halaman Pengunjung)

Item Uji Menguji menu utama Tarian Menguji menu utama Informasi (Berita atau Artikel) Menguji menu utama Galeri (Gambar atau Video) Menguji menu utama Ekstra (Kuis atau Forum) Menguji menu utama Hubungi Kami

Hasil yang diharapkan Akan menampilkan semua data tarian daerah yang ada di database. Akan menampilkan semua berita atau artikel yang ada di database. Akan menampilkan galeri gambar atau video tarian daerah.

Hasil pengujian Berhasil dan Sesuai Berhasil dan Sesuai Berhasil dan Sesuai

Akan menampilkan Berhasil dan kuis taripedia atau Sesuai forum Diskusi. Akan menampilkan Berhasil dan form hubungi kami Sesuai (contact us).

Hasil Pengujian Form Pencarian (Quick & Advanced) Hasil pengujian untuk aplikasi ensiklopedia tari daerah berbasis web pada

form pencarian (quick & advanced) dapat dilihat pada tabel 4.18 berikut ini:


152

Tabel 4.18 Hasil Pengujian Form Pencarian (Quick & Advanced) No 1

Antar muka yang diuji Form Pencarian Cepat (Quick)

2

Form Pencarian Cepat (Quick)

3


4


5


6


7


Item Uji Menguji form pencarian cepat disisi kanan jika tidak diinput keywords pencariannya. Menguji form pencarian cepat yang valid dengan penginputan keywords pencarian.

Hasil yang diharapkan Akan keluar pesan kesalahan “Harap isi bidang ini”.

Akan menampilkan pesan tidak ditemukan data jika tidak ditemukan data yang cocok dengan keywords dan menampilkan data hasil pencarian jika ditemukan. Menguji form Akan keluar pesan pencarian lanjutan kesalahan “Anda belum jika kategori memilih pulau”. pulau tidak dipilih user. Menguji form Akan keluar pesan pencarian lanjutan kesalahan “Anda belum jika kategori memilih provinsi”. provinsi tidak dipilih user. Menguji form Akan keluar pesan pencarian lanjutan kesalahan “Anda belum jika kategori memilih kategori tarian tidak tarian”. dipilih user. Menguji form Akan keluar pesan pencarian lanjutan kesalahan “Anda belum jika keywords memasukkan nama pencarian tidak tarian yang dicari”. diinput user. Menguji form Akan menampilkan pencarian lanjutan pesan tidak ditemukan yang valid dengan data jika tidak memilih pulau, ditemukan data yang provinsi, kategori cocok dengan kategori tarian, dan dan keywords, dan menginput menampilkan data hasil keywords pencarian jika pencarian. ditemukan.


Hasil pengujian Berhasil dan Sesuai

Berhasil dan Sesuai

Berhasil dan Sesuai

Berhasil dan Sesuai

Berhasil dan Sesuai

Berhasil dan Sesuai

Berhasil dan Sesuai

153

4.2.3.3

Hasil Pengujian Form Login & Register Hasil pengujian untuk aplikasi ensiklopedia tari daerah berbasis web pada

form login dan register dapat dilihat pada tabel 4.19 berikut ini: Tabel 4.19 Hasil Pengujian Form Login dan Register No 1

Antar muka yang diuji Form Login & Register

2


3


4


5


Item Uji Menguji form login jika username dan password tidak valid (belum registrasi). Menguji form login jika username dan password valid. Menguji form register jika salah satu field (kolom) tidak terisi dengan benar (valid).

Menguji form register jika kolom username berisi kurang dari 4 karakter atau lebih dari 10 karakter. Menguji form register jika kolom email berisi alamat email yang tidak valid.


Hasil pengujian

Verifikasi login dan akan menampilkan pesan kesalahan “Maaf, Username atau Password Anda salah. Atau account Anda sedang diblokir”. Verifikasi login dan akan menampilkan halaman beranda (home). Akan menampilkan pesan kesalahan “Harap isi bidang ini” atau pesan kesalahan “Masukkan alamat email”, yang mengharuskan user untuk melengkapi semua kolom (field) yang tersedia. Akan menampilkan pesan kesalahan “GAGAL! Username harus antara 4-10 karakter”.

Berhasil dan Sesuai

Akan menampilkan pesan kesalahan “GAGAL! Alamat email Anda tidak benar”.

Berhasil dan Sesuai


Berhasil dan Sesuai Berhasil dan Sesuai

Berhasil dan Sesuai

154

Tabel 4.19 Hasil Pengujian Form Login dan Register (lanjutan) 6 Form Login Menguji form Akan menampilkan & Register register jika pesan kesalahan kolom kata sandi “GAGAL! Kata sandi (password) berisi Anda harus antara 6-20 kurang dari 6 karakter”. karakter atau lebih dari 20 karakter. 7 Form Login Menguji form Akan menampilkan & Register register jika pesan kesalahan kolom konfirmasi “GAGAL! Kata sandi kata sandi tidak yang Anda masukkan cocok atau sama tidak sama!”. dengan kata sandi sebelumnya. 8 Form Login Menguji form Akan menampilkan & Register register jika pesan kesalahan username sudah “Username sudah terdaftar terdaftar. Silahkan sebelumnya Login.” dan (sudah teregistrasi menampilkan form sebagai anggota). login. 9 Form Login Menguji form Akan menampilkan & Register register jika pesan kesalahan semua field “Pendaftaran berhasil. (kolom) sudah Silahkan Login.” dan valid dan belum menampilkan form terdaftar login. sebelumnya. 4.2.3.4

Berhasil dan Sesuai

Berhasil dan Sesuai

Berhasil dan Sesuai

Berhasil dan Sesuai

Hasil Pengujian Form Menu Admin di Halaman Administrator Hasil pengujian untuk aplikasi ensiklopedia tari daerah berbasis web pada

form menu admin dihalaman administrator dapat dilihat pada tabel 4.20 berikut ini: Tabel 4.20 Hasil Pengujian Form Menu Admin di Halaman Administrator No


Item Uji



Hasil pengujian

155 Tabel 4.20 Hasil Pengujian Form Menu Admin di Halaman Administrator (lanjutan) 1

Form Menu Admin

Menguji menu Bagian Tari

2

Form Menu Admin

Menguji menu Banner

3

Form Menu Admin

Menguji menu Berita

4

Form Menu Admin

Menguji menu Daftar Pengguna

5

Form Menu Admin

Menguji menu Ganti Password

6

Form Menu Admin

Menguji menu Hubungi Kami

7

Form Menu Admin

Menguji menu Kategori Forum

8

Form Menu Admin

Menguji menu Kategori Tarian

9

Form Menu Admin

Menguji menu Konten Web

10

Form Menu Admin

Menguji menu Manajemen Modul

11

Form Menu Admin

Menguji menu Pelaporan

Akan menampilkan daftar ragam gerak atau bagian tari daerah. Akan menampilkan daftar semua banner dalam database. Akan menampilkan daftar semua berita dalam database dan form cut off data berita. Akan menampilkan daftar semua pengguna (baik dari level user, wartawan ataupun admin). Akan menampilkan form untuk mengubah password pengguna. Akan menampilkan daftar pesan atau komentar yang disampaikan pengunjung atau user pada halaman hubungi kami (contact us). Akan menampilkan daftar kategori topik pada forum diskusi. Akan menampilkan daftar kategori tarian daerah. Akan menampilkan daftar konten-konten web (baik statis maupun dinamis). Akan menampilkan daftar semua modulmodul yang ada dalam database. Akan menampilkan daftar pelaporan pengunjung atau user yang dilaporkan dari halaman pengunjung.


Berhasil dan Sesuai Berhasil dan Sesuai Berhasil dan Sesuai Berhasil dan Sesuai


Berhasil dan Sesuai Berhasil dan Sesuai Berhasil dan Sesuai Berhasil dan Sesuai Berhasil dan Sesuai

156 Tabel 4.20 Hasil Pengujian Form Menu Admin di Halaman Administrator (lanjutan) 12 Form Menu Menguji menu Akan menampilkan Berhasil Admin daftar semua user dan Sesuai Pengguna (pengguna) dalam aplikasi ensiklopedia berbasis web. 13 Form Menu Menguji menu Akan menampilkan Berhasil Admin detail profil dari dan Sesuai Profil Pengguna pengguna yang aktif. 14 Form Menu Menguji menu Akan menampilkan Berhasil Admin daftar semua provinsi di dan Sesuai Provinsi Indonesia. 15 Form Menu Menguji menu Akan menampilkan Berhasil Admin daftar semua pulau di dan Sesuai Pulau Indonesia. 16 Form Menu Menguji menu Akan menampilkan Berhasil Admin daftar semua tarian dan Sesuai Tarian daerah dalam database. 17 Form Menu Menguji menu Akan menampilkan Berhasil daftar dokumen (file) dan Sesuai Unduh yang dapat diunduh user. Admin 18 Form Menu Menguji menu Akan menampilkan Berhasil Admin daftar video tarian dan Sesuai Video daerah yang tersimpan dalam database. 4.2.3.5

Hasil Pengujian Form Input Data Tarian Hasil pengujian untuk aplikasi ensiklopedia tari daerah berbasis web pada

form input data tarian dapat dilihat pada tabel 4.21 berikut ini: Tabel 4.21 Hasil Pengujian Form Input Data Tarian No 1

Antar muka yang diuji Form input data tarian daerah

Item Uji Menguji tombol Tambah Tarian di sisi atas dari tabel daftar tarian daerah.

Hasil yang diharapkan Akan menampilkan form untuk menginput data tarian daerah baru.



157

Tabel 4.21 Hasil Pengujian Form Input Data Tarian (lanjutan) 2


3


4


5


4.2.3.6

Menguji form input data tarian jika nama tarian belum diinput (kosong). Menguji form input data tarian jika user tidak memilih kategori tarian (value=0). Menguji form input data tarian jika user tidak memilih provinsi asal tarian daerah (value=0). Menguji form input data tarian jika nama tarian yang diinput sudah ada sebelumnya yang tersimpan di database (double record).

Akan menampilkan pesan kesalahan “Nama tarian masih kosong.”. Akan menampilkan pesan kesalahan “Kategori tarian belum dipilih.”.

Berhasil dan Sesuai

Akan menampilkan pesan kesalahan “Provinsi asal tarian daerah belum dipilih.”. Akan menampilkan pesan kesalahan “Nama tarian yang diinput sudah ada dalam database.”.

Berhasil dan Sesuai

Berhasil dan Sesuai

Berhasil dan Sesuai

Hasil Pengujian Form Edit Data Tarian di Halaman Administrator Hasil pengujian untuk aplikasi ensiklopedia tari daerah berbasis web pada

form edit data tarian dapat dilihat pada tabel 4.22 berikut ini: Tabel 4.22 Hasil Pengujian Form Edit Data Tarian di Halaman Administrator No 1

4.2.3.7

Antar muka yang diuji Form edit data tarian daerah

Item Uji Menguji form edit data tarian jika nama tarian belum diinput (kosong).

Hasil yang diharapkan Akan menampilkan pesan kesalahan “Nama tarian masih kosong.”.


Hasil Pengujian Form Input Ragam Gerak/Bagian Tari di Halaman Administrator


158 Hasil pengujian untuk aplikasi ensiklopedia tari daerah berbasis web pada form input ragam gerak/bagian tari dapat dilihat pada tabel 4.23 berikut ini: Tabel 4.23 Hasil Pengujian Form Input Ragam Gerak/Bagian Tari di Halaman Administrator No 1

2

4.2.3.8

Antar muka yang diuji Form input ragam gerak / bagian tari daerah.

Menguji form input ragam gerak / bagian tari daerah jika nama ragam gerak atau bagian tari belum diinput (kosong). Form input Menguji form input ragam gerak ragam gerak / bagian / bagian tari tari daerah jika nama daerah. ragam gerak atau bagian tari yang diinput sudah ada sebelumnya yang tersimpan di database (double record). Hasil


Item Uji

Pengujian

Form Edit

Hasil pengujian

Akan menampilkan pesan kesalahan “Nama ragam gerak / bagian tari masih kosong.”.

Berhasil dan Sesuai

Akan menampilkan pesan kesalahan “Nama ragam gerak / bagian tari yang diinput sudah ada dalam database.”.

Berhasil dan Sesuai

Ragam/Bagian

Tari

di Halaman

Administrator Hasil pengujian untuk aplikasi ensiklopedia tari daerah berbasis web pada form edit ragam gerak/bagian tari dapat dilihat pada tabel 4.24 berikut ini: Tabel 4.24 Hasil Pengujian Form Edit Ragam Gerak/Bagian Tari di Halaman Administrator No 1

Antar muka yang diuji Form edit ragam gerak / bagian tari daerah.

Item Uji


Hasil pengujian

Menguji form edit ragam gerak / bagian tari daerah jika nama ragam gerak atau bagian tari belum diinput (kosong).

Akan menampilkan pesan kesalahan “Nama ragam gerak / bagian tari masih kosong.”.

Berhasil dan Sesuai


159

4.2.3.9

Hasil Pengujian Form Input Berita di Halaman Administrator Hasil pengujian untuk aplikasi ensiklopedia tari daerah berbasis web pada

form input berita dapat dilihat pada tabel 4.25 berikut ini: Tabel 4.25 Hasil Pengujian Form Input Berita di Halaman Administrator No 1

2

Antar muka yang diuji Form input berita Form input berita

Item Uji Menguji form input berita jika judul berita tidak diinput (kosong). Menguji form input berita jika kolom provinsi tidak dipilih (value=0).

Hasil yang diharapkan Akan menampilkan pesan kesalahan “Judul berita masih kosong.”. Akan menampilkan pesan kesalahan “Provinsi berita berasal belum dipilih.”.

Hasil pengujian Berhasil dan Sesuai Berhasil dan Sesuai

4.2.3.10 Hasil Pengujian Form Edit Berita di Halaman Administrator Hasil pengujian untuk aplikasi ensiklopedia tari daerah berbasis web pada form edit berita dapat dilihat pada tabel 4.26 berikut ini: Tabel 4.26 Hasil Pengujian Form Edit Berita di Halaman Administrator No 1

Antar muka yang diuji Form edit berita

Item Uji Menguji form edit berita jika judul berita tidak diinput (kosong).



4.2.3.11 Hasil Pengujian Form Cut Off Berita di Halaman Administrator


160 Hasil pengujian untuk aplikasi ensiklopedia tari daerah berbasis web pada form cut off berita dapat dilihat pada tabel 4.27 berikut ini: Tabel 4.27 Hasil Pengujian Form Cut Off Berita di Halaman Administrator No 1

2

3

4

Antar muka yang Item Uji diuji Form cut off Menguji form cut off data berita data berita jika tanggal periode awal (start) tidak diinput user (kosong). Form cut off Menguji form cut off data berita data berita jika tanggal periode akhir (end) tidak diinput user (kosong). Form cut off Menguji form cut off data berita data berita jika tanggal periode awal (start) dan akhir (end) sudah diinput dengan benar.


Akan menampilkan pesan kesalahan “Tanggal periode awal (start) masih kosong.”. Akan menampilkan pesan kesalahan “Tanggal periode akhir (end) masih kosong.”. Akan menampilkan form konfirmasi hapus data berita dengan daftar berita yang berada pada periode tersebut (awal dan akhir cut off). Form cut off Menguji form cut off Menghapus data berita data berita data berita setelah dari database dan dilakukan cross menampilkan kembali check data berita dan daftar semua berita user memilih tombol yang terbaru setelah Hapus. dilakukan cut off berita.


Berhasil dan Sesuai

Berhasil dan Sesuai

Berhasil dan Sesuai

4.2.3.12 Hasil Pengujian Form Menu Galeri Gambar di Halaman Pengunjung Hasil pengujian untuk aplikasi ensiklopedia tari daerah berbasis web pada form menu galeri gambar dapat dilihat pada tabel 4.28 berikut ini: Tabel 4.28 Hasil Pengujian Form Menu Galeri Gambar di Halaman Pengunjung No


Item Uji



Hasil pengujian

161

Tabel 4.28 Hasil Pengujian Form Menu Galeri Gambar di Halaman Pengunjung (lanjutan) 1

Menu Galeri Gambar

2

Menu Galeri Gambar

3

Menu Galeri Gambar

Menguji menu galeri gambar jika tombol play slideshow dipilih (klik).

Akan menampilkan galeri gambar tarian daerah secara berurutan dengan tampilan slideshow. Menguji menu galeri Galeri gambar tarian gambar jika tombol daerah yang berjalan pause slideshow secara slideshow akan dipilih (klik). berhenti. Menguji menu galeri Akan mengunduh gambar jika tombol gambar yang sedang download image aktif dan disimpan dipilih (klik). dilokal disk.

Berhasil dan Sesuai


4.2.3.13 Hasil Pengujian Form Menu Galeri Video di Halaman Pengunjung Hasil pengujian untuk aplikasi ensiklopedia tari daerah berbasis web pada form menu galeri video dapat dilihat pada tabel 4.29 berikut ini: Tabel 4.29 Hasil Pengujian Form Menu Galeri Video di Halaman Pengunjung No 1

Antar muka yang diuji Menu Galeri Video

Item Uji Menguji menu galeri video jika icon video dipilih (diklik) oleh user.


Hasil pengujian

Akan menampilkan pop up video dengan tampilan diperbesar dari ukuran icon video dan sekaligus dimainkan (play video)

Berhasil dan Sesuai

4.2.3.14 Hasil Pengujian Form Menu Kuis Taripedia di Halaman Pengunjung Hasil pengujian untuk aplikasi ensiklopedia tari daerah berbasis web pada form menu kuis taripedia dapat dilihat pada tabel 4.30 berikut ini: Tabel 4.30 Hasil Pengujian Form Menu Kuis Taripedia di Halaman Pengunjung


162

No 1

2

Antar muka yang diuji Menu Kuis Taripedia Menu Kuis Taripedia

Item Uji Menguji menu kuis taripedia jika user memilih tombol link kuis (klik disini). Menguji menu kuis taripedia jika user memilih tombol start pada file flash kuis taripedia.

Hasil yang diharapkan Akan menampilkan flash Kuis Taripedia.


Akan menampilkan Berhasil pertanyaan-pertanyaan dan Sesuai kuis taripedia satu per satu sampai selesai (10 pertanyaan).

4.2.3.15 Hasil Pengujian Form Menu Hubungi Kami di Halaman Pengunjung Hasil pengujian untuk aplikasi ensiklopedia tari daerah berbasis web pada form menu hubungi kami dapat dilihat pada tabel 4.31 berikut ini: Tabel 4.31 Hasil Pengujian Form Menu Hubungi Kami di Halaman Pengunjung No 1

Antar muka yang diuji Form pada menu Hubungi Kami

2


3


4


Item Uji Menguji form menu hubungi kami jika kolom nama tidak diinput oleh user (kosong). Menguji form menu hubungi kami jika kolom email tidak diinput oleh user (kosong). Menguji form menu hubungi kami jika kolom pesan/ komentar tidak diinput oleh user (kosong). Menguji form menu hubungi kami jika kolom kode captcha tidak diinput oleh user (kosong).


Hasil pengujian

Akan menampilkan pesan kesalahan “Anda belum mengisikan nama.”

Berhasil dan Sesuai

Akan menampilkan pesan kesalahan “Anda belum mengisikan email.”

Berhasil dan Sesuai

Akan menampilkan pesan kesalahan “Anda belum mengisikan pesan.”

Berhasil dan Sesuai

Akan menampilkan pesan kesalahan “Anda belum mengisikan kode.”

Berhasil dan Sesuai


163 4.2.4

Pengujian Antarmuka

Setelah penulis melakukan pengujian aplikasi dengan metode black box, selanjutnya penulis akan melakukan pengujian terhadap antarmuka aplikasi ensiklopedia tari daerah berbasis web ini. Berikut ini akan dijelaskan beberapa pengujian antarmuka aplikasi ini yaitu:

4.2.4.1 Tampilan Form Menu Beranda (Home) Berikut ini adalah tampilan antarmuka aplikasi pada form menu beranda (home):

Gambar 4.1

Tampilan Form Menu Utama (Beranda)


164 4.2.4.2

Tampilan Form Menu Tarian Berikut ini adalah tampilan antarmuka aplikasi pada form menu tarian:

Gambar 4.2

4.2.4.3

Tampilan Form Menu Tarian di Halaman Pengunjung

Tampilan Form Menu Informasi – Berita Berikut ini adalah tampilan antarmuka aplikasi pada form menu informasi

berita:

Gambar 4.3

Tampilan Form Menu Informasi - Berita


165 4.2.4.4

Tampilan Form Menu Informasi – Artikel Berikut ini adalah tampilan antarmuka aplikasi pada form menu informasi

artikel:

Gambar 4.4 4.2.4.5

Tampilan Form Menu Informasi - Artikel

Tampilan Form Menu Galeri Gambar Berikut ini adalah tampilan antarmuka aplikasi pada form menu galeri

gambar:

Gambar 4.5

Tampilan Form Menu Galeri Gambar


166 4.2.4.6

Tampilan Form Menu Galeri Video Berikut ini adalah tampilan antarmuka aplikasi pada form menu galeri

video:

Gambar 4.6 4.2.4.7

Tampilan Form Menu Galeri Video

Tampilan Form Menu Unduh Berikut ini adalah tampilan antarmuka aplikasi pada form menu unduh:

Gambar 4.7

Tampilan Form Menu Unduh


167 4.2.4.8

Tampilan Form Menu Ekstra – Forum Berikut ini adalah tampilan antarmuka aplikasi pada form menu ekstra -

forum:

Gambar 4.8 4.2.4.9

Tampilan Form Menu Ekstra – Forum

Tampilan Form Menu Ekstra – Kuis Berikut ini adalah tampilan antarmuka aplikasi pada form menu ekstra -

kuis:

Gambar 4.9

Tampilan Form Menu Ekstra – Kuis


168 4.2.4.10 Tampilan Form Menu Hubungi Kami Berikut ini adalah tampilan antarmuka aplikasi pada form menu hubungi kami:

Gambar 4.10 Tampilan Form Menu Hubungi Kami 4.2.4.11 Tampilan Form Menu Admin Input Tarian Berikut ini adalah tampilan antarmuka aplikasi pada form menu admin input tarian:

Gambar 4.11 Tampilan Form Menu Admin Input Tarian


169 4.2.4.12 Tampilan Form Menu Admin Input Ragam Gerak / Bagian Tari Berikut ini adalah tampilan antarmuka aplikasi pada form menu admin input ragam gerak / bagian tari:

Gambar 4.12 Tampilan Form Menu Admin Input Ragam Gerak / Bagian Tari 4.2.4.13 Tampilan Form Menu Admin Input Berita Berikut ini adalah tampilan antarmuka aplikasi pada form menu admin input berita:

Gambar 4.13 Tampilan Form Menu Admin Input Berita


170 4.2.4.14 Tampilan Form Menu Admin Input Konten Berikut ini adalah tampilan antarmuka aplikasi pada form menu admin input konten:

Gambar 4.14 Tampilan Form Menu Admin Input Konten

4.2.5

Analisis Hasil Pengujian

Analisis hasil pengujian adalah hasil sementara yang didapat oleh penulis dari aplikasi yang dibangun. Analisa hasil pengujian yang didapat sebagai berikut: 1.

Aplikasi ensiklopedia tari daerah berbasis web khusus pulau Jawa ini dapat dijadikan alternatif untuk pencarian data dan informasi yang lebih detail tentang tari-tarian daerah di Indonesia khususnya di pulau Jawa.

2.

Aplikasi ensiklopedia tari daerah berbasis web khusus pulau Jawa ini merupakan salah satu media pengarsipan data dan informasi secara digital tentang tari-tarian daerah guna melestarikan kebudayaan Indonesia.


171 4.2.6

Kesimpulan Hasil Pengujian

Berdasarkan hasil pengujian dengan skenario-skenario pengujian di atas dapat ditarik kesimpulan bahwa aplikasi ensiklopedia tari daerah berbasis web khusus pulau Jawa sudah berjalan dengan semestinya, output aplikasi sesuai dengan apa yang diharapkan dan aplikasi ini dapat menyediakan proses pencarian data tentang tari-tarian daerah.


172


BAB IV IMPLEMENTASI DAN PENGUJIAN

» Hasil Pencarian

`--Bad Request Error-- Ada kesalahan dalam penulisan alamat URL. Silahkan periksa dahulu address bar pada browser Anda atau pergi ke halaman lainnya!`

`--Unauthorized-- Halaman ini membutuhkan Log in terlebih dahulu. Silahkan log in dengan mengklik link di kiri atas atau register untuk mendaftar!`

`--Forbidden-- Anda dilarang untuk mengakses halaman ini. Silahkan pergi ke halaman lainnya!`

`--Page Not Found-- Halaman yang Anda akses tidak ada (sudah dihapus). Silahkan pergi ke halaman lainnya!`

BAB IV IMPLEMENTASI DAN PENGUJIAN

Recommend Documents

Pencarian Cepat

» Hasil Pencarian

Pencarian Lanjutan

Pencarian Lanjutan

» Hasil Pencarian

--Bad Request Error-- Ada kesalahan dalam penulisan alamat URL. Silahkan periksa dahulu address bar pada browser Anda atau pergi ke halaman lainnya!

--Unauthorized-- Halaman ini membutuhkan Log in terlebih dahulu. Silahkan log in dengan mengklik link di kiri atas atau register untuk mendaftar!

--Forbidden-- Anda dilarang untuk mengakses halaman ini. Silahkan pergi ke halaman lainnya!

--Page Not Found--Halaman yang Anda akses tidak ada (sudah dihapus). Silahkan pergi ke halaman lainnya!

`--Bad Request Error-- Ada kesalahan dalam penulisan alamat URL. Silahkan periksa dahulu address bar pada browser Anda atau pergi ke halaman lainnya!`

`--Unauthorized-- Halaman ini membutuhkan Log in terlebih dahulu. Silahkan log in dengan mengklik link di kiri atas atau register untuk mendaftar!`

`--Forbidden-- Anda dilarang untuk mengakses halaman ini. Silahkan pergi ke halaman lainnya!`

`--Page Not Found-- Halaman yang Anda akses tidak ada (sudah dihapus). Silahkan pergi ke halaman lainnya!`