BAB IV IMPLEMENTASI DAN PENGUJIAN

Transkripsi

1 68 BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1. Implementasi Sistem Implementasi sistem informasi untuk mengetahui produksi perikanan ini membutuhkan beberapa perangkat lunak serta spesifikasi hardware yang mendukung. Pembuatan aplikasi ini menggunakan komputer dengan spesifikasi sebagai berikut : 1. Perangkat keras a. Tipe komputer : Note Book b. Processor : AMD Radeon c. RAM : 2GB d. Harddisk : 200 GB e. Monitor : 11 inch 2. Perangkat lunak a. Microsoft Windows 7 Ultimate b. MYSQL versi c. Mozila Firefox Implementasi Basis Data Tahap awal dalam pembuatan aplikasi ini yaitu pembuatan database. Berikut tabel-tabel yang dibutuhkan :

2 1. Tabel admin Gambar 4.1.Tabel admin CREATE TABLE IF NOT EXISTS àdministrator` ( ìd` int(11) NOT NULL AUTO_INCREMENT, ùsername` varchar(45) NOT NULL, `password` varchar(50) NOT NULL, `role` varchar(15) NOT NULL, `created_date` date NOT NULL, PRIMARY KEY (ìd`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=2 ; 69

3 2. Tabel berita Gambar 4.2.Tabel berita CREATE TABLE IF NOT EXISTS `berita` ( ìd` int(11) NOT NULL AUTO_INCREMENT, `title` varchar(200) NOT NULL, `content` text NOT NULL, ìmage` varchar(100) NOT NULL, `created_date` date NOT NULL, `hits` int(11) NOT NULL, PRIMARY KEY (ìd`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=13 ; 70

4 3. Tabel ikan Gambar 4.3.Tabel ikan CREATE TABLE IF NOT EXISTS ìkan` ( ìd` int(11) NOT NULL AUTO_INCREMENT, `jenis_ikan` varchar(50) NOT NULL, `nama_ikan` varchar(50) NOT NULL, PRIMARY KEY (ìd`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=28 ; 4. Tabel hits Gambar 4.4.Tabel hits 71

5 CREATE TABLE IF NOT EXISTS `hits` ( ìp` varchar(20) NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1; 5. Tabel kritik_saran Gambar 4.5.Tabel kritik_saran CREATE TABLE IF NOT EXISTS `kritik_saran` ( ìd` int(11) NOT NULL AUTO_INCREMENT, `nama` varchar(45) NOT NULL, ` ` varchar(45) NOT NULL, `komentar` text NOT NULL, `created_date` date NOT NULL, PRIMARY KEY (ìd`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=4 ; 72

6 6. Tabel perairan Gambar 4.6.Tabel perairan CREATE TABLE IF NOT EXISTS `perairan` ( ìd` int(11) NOT NULL AUTO_INCREMENT, ìd_wpp` int(11) NOT NULL, `perairan` varchar(100) NOT NULL, PRIMARY KEY (ìd`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=32 ; 73

7 7. Tabel peta_wpp Gambar 4.7.Tabel peta_wpp CREATE TABLE IF NOT EXISTS `peta_wpp` ( `id` int(11) NOT NULL AUTO_INCREMENT, `nama_wpp` varchar(100) NOT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=12 ; 74

8 8. Tabel produksi Gambar 4.8.Tabel produksi CREATE TABLE IF NOT EXISTS `produksi` ( ìd` int(11) NOT NULL AUTO_INCREMENT, ìd_wpp` int(11) NOT NULL, ìd_ikan` int(11) NOT NULL, `nilai_produksi` int(11) NOT NULL, `nilai_msy` int(11) NOT NULL, `stok` int(11) NOT NULL, `created_date` date NOT NULL, ìd_admin` int(11) NOT NULL, PRIMARY KEY (ìd`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=7 ; 75

9 4.3. Tampilan Antar Muka Tampilan Antar Muka Pada User a. Tampilan Halaman Utama pada User Gambar 4.9.Halaman Utama Berikut potongan coding untuk utama : <body onload="coolclock.findandcreateclocks()"> <div class="wrapper"> <div class="header"><imgsrc="<?php echo base_url();?>images/header.jpg" width="900" height="150" /></div> <div class="head_title">selamat DATANG DI WEBSITE INFORMASI WILAYAH PENGELOLAAN PERIKANAN</div> <?php $this->load->view('menu');?><div class="wrap_content"> <?php $this->load->view('left_content');?><div class="center_content"><div class="box_center"> <div class="box_center_title">beritautama</div><div class="box_content"><div class="padding10"> <?phpforeach($berita->result() as $row) {?><div class="row_berita"><div class="title_berita"><a href="<?php echo base_url();?>index.php/berita/detail/<?php echo $row->id;?>"><?php echo ucwords($row->title);?></a></div> <div class="tgl_berita"><?php echo date('d F Y', strtotime($row- >created_date));?></div> <div class="content_berita"> 76

10 b. Tampilan Halaman Profil pada User Gambar Halaman Profil Berikut potongan coding untuk profil : <title>profil</title> <link id="size-stylesheet" rel="stylesheet" type="text/css" href="<?php echo base_url();?>css/style.css" />  <script type="text/javascript" src="<?php echo base_url();?>javascript/coolclock.js"></script> <script type="text/javascript" src="<?php echo base_url();?>javascript/moreskins.js"></script> </head> <body onload="coolclock.findandcreateclocks()"> <div class="wrapper"> <div class="header"><imgsrc="<?php echo base_url();?>images/header.jpg" width="900" height="150" /></div> <div class="head_title">selamat DATANG DI WEBSITE INFORMASI WILAYAH PENGELOLAAN PERIKANAN</div> <?php $this->load->view('menu');?> <div class="wrap_content"> <?php $this->load->view('left_content');?> <div class="center_content"> 77

11 c. Tampilan Halaman Peta pada User Gambar Halaman Peta Berikut potongan coding untuk peta : $(".maps").click(function () { $.post("<?php echo base_url();?>index.php/peta/get_map/"+this.id+"",function(data,status){ $('#divpeta').html(data); }); }); }); </script> </head> <body onload="coolclock.findandcreateclocks()"> <div class="wrapper"> <div class="header"><imgsrc="<?php echo base_url();?>images/header.jpg" width="900" height="150" /></div> <div class="head_title">selamat DATANG DI WEBSITE INFORMASI WILAYAH PENGELOLAAN PERIKANAN</div> <?php $this->load->view('menu');?> <div class="wrap_content"> <div class="left_peta"> <div class="box_peta"> <div class="box_peta_title">peta</div> <div class="box_content"> <div class="padding10"> <div id="imgmapdiv"> <map name="imgmap"> 78

12 d. Tampilan Halaman Berita pada User Gambar Halaman Berita Berikut potongan coding untuk berita : <?php $this->load->view('menu');?><div class="wrap_content"> <?php $this->load->view('left_content');?> <div class="center_content"><div class="box_center"> <div class="box_center_title">berita</div> <div class="box_content"> <div class="padding10"> <?phpforeach($berita->result() as $row) {?> <div class="row_berita"> <div class="title_berita"><a href="<?php echo base_url();?>index.php/berita/detail/<?php echo $row->id;?>"><?php echo ucwords($row->title);?></a></div> <div class="tgl_berita"><?php echo date('d F Y', strtotime($row- >created_date));?></div> <div class="content_berita"> <div class="image_berita"><img width="120" height="80" src="<?php echo base_url();?>images/upload/<?php echo $row->image;?>" title="<?php echo ucwords($row->title);?>" /></div> <div class="text_berita"><?php echo character_limiter(strip_tags($row- >content), 160);?></div> div></div><?php }?> 79

13 e. Tampilan Halaman Statistik pada User Gambar Halaman Statistik Berikut potongan coding untuk statistik : <div class="header"><img src="<?php echo base_url();?>images/header.jpg" width="900" height="150" /></div> <div class="head_title">selamat DATANG DI WEBSITE INFORMASI WILAYAH PENGELOLAAN PERIKANAN</div> <?php $this->load->view('menu');?> <div class="wrap_content"> <div class="left_statistik"> <div class="box_peta"> <div class="box_peta_title">statistik</div> <div class="box_content"> <div class="padding10"> <h1><p align="center">potensi PRODUKSI PERIKANAN WPP 571</p></h1> <img src="<?php echo base_url();?>images/wpp_571.jpg" width="860" /> <h1><p align="center">potensi PRODUKSI PERIKANAN WPP 572</p></h1> <img src="<?php echo base_url();?>images/wpp_572.jpg" width="860" /> <h1><p align="center">potensi PRODUKSI PERIKANAN WPP 573</p></h1> width="860" /> PERIKANAN 80

14 f. Tampilan Halaman Kritik dan Saran pada User Gambar Halaman Kritik dan Saran Berikut potongan coding untuk kritik dan saran: <?php echo $this->session->flashdata('message');?> <?php echo validation_errors('<div class="error">', '</div>');?> <form action="<?php echo current_url();?>" method="post"> <table border="0" cellpadding="0" cellspacing="10"> <tr><td width="80">nama</td><td width="10">:</td> <td><input type="text" style="width: 200px;" name="nama" id="nama" value=""></td></tr><tr><td> </td> <td>:</td><td><input type="text" style="width: 200px;" name=" " id=" " value=""></td></tr><tr> <td valign="top">komentar</td><td valign="top">:</td> <td><textarea style="width:370px; height:100px;" name="komentar" id="komentar"></textarea></td> </tr><tr> <td></td> <td></td> <td><input type="submit" name="submit" id="submit" value="submit"></td></tr></table></form> </div></div></div></div> <?php $this->load->view('right_content');?> <div class="clear"></div></div> <div class="clear"></div> <div class="footer">copyright <?php echo date('y');?> Direktorat Kelautan dan Perikanan</div></div> 81

15 Tampilan Antar Muka Pada Admin a. Tampilan Halaman Login pada Admin Gambar Halaman Login Admin $username = $this->input->post('username'); $password = md5($this->input- >post('password')); $query = $this->admin_model- >valid(array('username'=>$username, 'password'=>$password)); if($query->num_rows() > 0) { $getdata = $this->admin_model->info(array('username' => $username)); $admin = $getdata->row(); /* create session */ $session = array( 'role'=> $admin->role, 'id'=> $admin->id, 'username'=> $admin->username, 'is_admin_login'=> true ); $this->session->set_userdata($session) redirect('admin/home'); } else { $this->session- >set_flashdata('error', '<div class="error text_center">username Atau Password Yang Anda Masukan Tidak Valid</div>'); } } $this->load->view('admin/index', $data); } function logout() { $this->session->sess_destroy(); $this->session->unset_userdata('role'); $this->session->unset_userdata('id'); $this->session- >unset_userdata('username'); $this->session >unset_userdata('is_admin_login'); redirect('admin'); } public function home() { if ($this->session- >userdata('is_admin_login') == false) { redirect('admin'); } 82

16 b. Tampilan Halaman Utama pada Admin Gambar Halaman Utama Admin Berikut potongan coding untuk utama admin: <link id="size-stylesheet" rel="stylesheet" type="text/css" href="<?php echo base_url();?>css/style_admin.css" /> </head> <body> <div class="wrapper"> <div class="header"> <div class="left paddinglr10">welcome <?php echo $this->session- >userdata('username');?></div> <div class="right paddinglr10 fontwhite"><a href="<?php echo base_url();?>index.php/admin/logout">logout</a></div> </div> <div class="wrap_content"> <div class="left_content"> <?php $this->load->view('admin/menu');?> </div> <div class="right_content"> <div class="padding10"> <span class="titleadmin">selamat datang di admin</span><br> <p>di bagian kiri adalah menu akses administrator</p> </div> </div> 83

17 c. Tampilan Halaman Peta Gambar Halaman Peta Admin Berikut potongan coding untuk peta admin: <body><div class="wrapper"><div class="header"> <div class="left paddinglr10">welcome <?php echo $this->session- >userdata('username');?></div> <div class="right paddinglr10 fontwhite"><a href="<?php echo base_url();?>index.php/admin/logout">logout</a></div> </div><div class="wrap_content"><div class="left_content"> <?php $this->load->view('admin/menu');?> </div><div class="right_content"> <div class="padding10"><div class="left titleadmin">edit Peta</div> <div class="clear"> </div> <form action="<?php echo current_url();?>" method="post"> <input type="hidden" name="id" id="id" value="<?php echo $peta->id;?>" /><table border="0" cellpadding="0" cellspacing="10" width="100%"><tr><td width="80">nama WPP</td> <td width="10">:</td><td><input type="text" name="nama_wpp" id="nama_wpp" style="width: 200px;" value="<?php echo $peta- >nama_wpp;?>" /></td></tr><tr> <td></td> <td></td><td><input type="submit" name="submit" class="btnorange" id="submit" value="submit" /> <input type="button" name="cancel" class="btnred" id="cancel" value="cancel" onclick="javascript:location.href='<?php echo base_url();?>index.php/admin/peta'" /></td> 84

18 d. Tampilan Halaman Perairan Gambar Halaman Perairan Admin Berikut potongan coding untuk perairan admin: <body><div class="wrapper"> <div class="header"> <div class="left paddinglr10">welcome <?php echo $this->session- >userdata('username');?></div> <div class="right paddinglr10 fontwhite"><a href="<?php echo base_url();?>index.php/admin/logout">logout</a></div> </div><div class="wrap_content"><div class="left_content"> <?php $this->load->view('admin/menu');?></div> <div class="right_content"><div class="padding10"> <div class="left titleadmin">add Perairan</div><div class="clear"> </div> <?php echo validation_errors('<div class="error">', '</div>');?> <form action="<?php echo current_url();?>" method="post"> <table border="0" cellpadding="0" cellspacing="10" width="100%"> <tr> <td width="100">id WPP</td> <td width="10">:</td><td> <select name="nama_wpp" id="nama_wpp"> <option value="">pilih ID WPP</option> <?php foreach($peta->result() as $row) {?> <option value="<?php echo $row->id;?>"><?php echo $row- >nama_wpp;?></option> <?php }?> 85

19 e. Tampilan Halaman Ikan Gambar Halaman Ikan Admin Berikut potongan coding untuk ikan admin: <?php $this->load->view('admin/menu');?></div> <div class="right_content"><div class="padding10"> <div class="left titleadmin">page Ikan</div><div class="right"><input class="btnorange" type="button" onclick="javascript:location.href='<?php echo base_url();?>index.php/admin/add_ikan'" value="buat Ikan Baru" name="create"></div> <?php echo $this->session->flashdata('message');?> <div class="clear"> </div> <table id="flex1" class="flexmember" style="display: none"></table></div></div> <div class="clear"></div></div> <div class="footer">copyright <?php echo date('y');?> Direktorat Kelautan dan Perikanan</div> </div> <script type="text/javascript" src="<?php echo base_url();?>javascript/flexigrid/js/flexigrid.js"></script> <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>javascript/flexigrid/css/flexigrid.css" /> <script type="text/javascript">$("#flex1").flexigrid({ url : '<?php echo base_url();?>index.php/admin/get_ikan', datatype : 'json', colmodel : [ { 86

20 f. Tampilan Halaman Produksi Gambar Halaman Produksi Admin Berikut potongan coding untuk produksi admin: <title>admin Produksi</title> <link id="size-stylesheet" rel="stylesheet" type="text/css" href="<?php echo base_url();?>css/style_admin.css" /> <script type="text/javascript" src="<?php echo base_url();?>javascript/jquery min.js"></script> </head><body><div class="wrapper"><div class="header"> <div class="left paddinglr10">welcome <?php echo $this->session- >userdata('username');?></div> <div class="right paddinglr10 fontwhite"><a href="<?php echo base_url();?>index.php/admin/logout">logout</a></div> </div><div class="wrap_content"><div class="left_content"> <?php $this->load->view('admin/menu');?></div> <div class="right_content"><div class="padding10"> <div class="left titleadmin">edit Produksi</div> <div class="clear"> </div> <?php echo validation_errors('<div class="error">', '</div>');?> <form action="<?php echo current_url();?>" method="post"> <input type="hidden" name="id" id="id" value="<?php echo $produksi->id;?>" /> <table border="0" cellpadding="0" cellspacing="10" width="100%"> <tr> <td width="100">id WPP</td> <td width="10">:</td><td> <select name="nama_wpp" id="nama_wpp"> <option value="">pilih ID WPP</option> <?php foreach($peta->result() as $row) {?><?php if($produksi 87

21 g. Tampilan Halaman Berita Gambar Halaman Berita Admin Berikut potongan coding untuk berita admin: <div class="wrapper"><div class="header"> <div class="left paddinglr10">welcome <?php echo $this->session- >userdata('username');?></div> <div class="right paddinglr10 fontwhite"><a href="<?php echo base_url();?>index.php/admin/logout">logout</a></div> </div><div class="wrap_content"><div class="left_content"> <?php $this->load->view('admin/menu');?></div> <div class="right_content"> <div class="padding10"> <div class="left titleadmin">page Berita</div><div class="right"><input class="btnorange" type="button" onclick="javascript:location.href='<?php echo base_url();?>index.php/admin/add_berita'" value="buat Berita Baru" name="create"></div> <?php echo $this->session->flashdata('message');?> <div class="clear"> </div> <table id="flex1" class="flexmember" style="display: none"></table> </div> </div> <div class="clear"></div> </div> 88

22 h. Tampilan Halaman Kritik dan Saran Gambar Halaman Kritik dan Saran Admin Berikut potongan coding untuk kritik dan saran admin: </div><div class="right_content"><div class="padding10"> <div class="left titleadmin">page Kritik & Saran</div> <?php echo $this->session->flashdata('message');?> <div class="clear"> </div> <table id="flex1" class="flexmember" style="display: none"></table> </div></div><div class="clear"></div> </div><div class="footer">copyright <?php echo date('y');?> Direktorat Kelautan dan Perikanan</div> </div> <script type="text/javascript" src="<?php echo base_url();?>javascript/flexigrid/js/flexigrid.js"></script> <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>javascript/flexigrid/css/flexigrid.css" /> <script type="text/javascript"> $("#flex1").flexigrid({ url : '<?php echo base_url();?>index.php/admin/get_kritik_saran', datatype : 'json', colmodel : [ { display : 'No', name : 'no', width : 30, align : 'center' 89

23 i. Tampilan Halaman Laporan Gambar Halaman Laporan Admin Berikut potongan coding untuk laporan admin: <form action="<?php echo current_url();?>" method="post" id="upload" enctype="multipart/form-data"> <table border="0" cellpadding="0" cellspacing="10" width="100%"> <tr> <td>upload Laporan</td> <td>:</td> <td><input type="file" id="userfile" name="userfile" /> *<i>max 30MB</i></td> </tr> <tr> <td></td> <td></td> <td><input type="submit" name="submit" class="btnorange" id="submit" value="submit" /></td> </tr> </table> </form><?php }?> <?php if ($handle = opendir('files')) { $thelist = ''; while (false!== ($file = readdir($handle))) { if (($file!= ".") && ($file!= "..")) { $button = ''; if ($this->session->userdata('username')!= 'staf') { $button = '<div class="row_icon"><a title="delete" href="'.base_url().'index.php/admin/delete_file/'.$file.'"><img src="'.base_url().'images/delete.png" /></a></div>'; } $thelist.= '<li><div class="row_file"><a href="'.base_url().'files/'.$file.'">'.$file.'</a></div>'.$button.'</li>'; } } closedir($handle); }?> <p>list of files:</p><ul class="row_upload"><p><?php echo $thelist?></p></ul><div class="clear"></div></div> </div> <div class="clear"></div> 90

24 j. Tampilan Halaman Petugas Gambar Halaman Petugas Berikut potongan coding untuk Petugas: class="right paddinglr10 fontwhite"><a href=" </div> <div class="wrap_content"> <div class="left_content"> <ul class="menu"> <li><a href=" <li><a href=" <li><a href=" </ul> </div> <div class="right_content"> <div class="padding10"> <span class="titleadmin">selamat datang di admin</span><br> <h2>informasi WILAYAH PENGELOLAAN PERIKANAN</h2> <p>di bagian kiri adalah menu akses administrator</p> </div> </div> <div class="clear"></div> </div> 91

25 4.4. Pengujian Sistem Pengujian sistem yang dilakukan adalah untuk mengetahui bahwa aplikasi yang telah dibuat dapat berjalan sebagaimana mestinya sesuai dengan yang dirancang. Dan untuk menghindari adanya kesalahan kesalahan yang mungkin terjadi pada saat web tersebut dijalankan Metode Pengujian Metode pengujian yang dilakukan adalah metode black box testing. Metode ini merupakan metode pengujian yang menekankan pada berhasil atau tidaknya menjalankan fungsi dari web yang telah dibuat tanpa memperdulikan code source yang ada Skenario Pengujian Berikut adalah beberapa skenario pengujian yang akan dilakukan: No Antar muka 1 Tampilan login 2 Tampilan utama 3 Tampilan peta 4 Tampilan Tabel 4.1.Tabel skenario pengujian Bagian dari antar muka yang diuji Proses input data login Menguji semua link menu yang terdapat pada utama Menguji fungsi tambah peta, edit dan hapus peta Menguji fungsi tambah data Status aplikasi Tampilan login sudah terbuka Tampilan utama sudah terbuka Halaman peta sudah terbuka Halaman perairan 92 Skenario pengujian Masukan user name & password lalu klik login Klik menu yang diinginkan Pilih peta klik buat peta baru jika ingin menambah, mengedit data jika ingin diedit dan klik hapus jika ingin menghapus. Pilih perairan Hasil yang diinginkan Data akan dicek. Jika salah akan diulangi, jika benar akan masuk ke menu utama Link menu yang dipilih dapat membuka yang dimaksud Data akan disimpan dan ditampilkan pada data peta Data akan disimpan dan ditampilkan pada data

26 perairan perairan, edit sudah klik buat perairan dan hapus data terbuka perairan baru jika ingin menambah, mengedit data jika ingin diedit dan klik hapus jika ingin menghapus 5 Tampilan Menguji fungsi Halaman Pilih ikan Data akan disimpan dan tambah data ikan sudah klik buat ditampilkan pada data ikan perairan, edit terbuka ikan baru ikan dan hapus data jika ingin menambah, mengedit data jika ingin diedit dan klik hapus jika ingin menghapus 6 Tampilan Proses menginput data Tampilan Pilih produksi Data akan disimpan dan ditampilkan pada data produksi produksi produksi klik buat produksi sudah produksi terbuka baru jika ingin menambah, mengedit data jika ingin diedit dan klik hapus jika ingin menghapus 7 Tampilan Proses Tampilan Pilih berita Data akan disimpan dan membuat berita klik buat ditampilkan pada data berita baru dan edit berita berita baru berita berita sudah jika ingin terbuka menambah berita, mengedit berita jika ingin diedit dan klik hapus jika ingin menghapus 8 Tampilan Proses Tampilan Pilih kritik Menghapus kritik dan 93

27 kritik dan saran 9 Tampilan laporan 10 Halaman Petugas Daerah 11 Halaman produksi petugas daerah 12 Tampilan laporan petugas daerah menghapus kritik dan saran Proses mengunduh laporan Menguji semua link menu yang terdapat pada petugas daerah Melihat nilai produksi dan eksploitas perikanan Proses mengunggah laporan kritik dan saran sudah terbuka Tampilan laporan telah terbuka Tampilan petugas sudah terbuka Tampilan produksi petugas sudah terbuka Tampilan laporan telah terbuka dan saran klik detail jika ingin melihat detail krtik dan saran, klik hapus jika ingin menghapus Pilih laporan, klik choose file yang ingin di unduh. Klik menu yang diinginkan Klik menu produksi pada petugas daerah Pilih file yang ingin di unggah, lalu klik submit jika ingin di unggah saran yang dipilih Laporan diunduh. berhasil Link menu yang dipilih dapat membuka yang dimaksud Akan menampilkan nilai produksi dan eksploitas perikanan Laporan diunggah. berhasil Tabel 4.2.Tabel hasil pengujian Antar No muka yang diuji 1 Tampilan home 2 Tampilan profil 3 Tampilan peta Bagian dari antar muka yang diuji Menguji semua link menu yang terdapat pada utama Menguji fungsi profil Menguji tampilan WPP peta Status aplikasi Tampilan home sudah terbuka Tampilan profil sudah terbuka Tampilan peta WPP Skenario pengujian Klik link menu satu persatu Klik profil maka akan muncul visi dan misi. Klik peta, pilih nama WPP Hasil yang didapat Link menu yang dipilih dapat membuka yang dimaksud Menampilkan profil yang berisi visi dan misi Menampilkan produksi perikanan data 94

28 4 Tampilan berita 5 Tampilan statistik 6 Tampilan kritik dan saran Menguji fungsi berita Menguji fungsi statistik Menguji fungsi kritik dan saran sudah terbuka Tampilan berita sudah terbuka Tampilan statistik sudah terbuka Tampilan kritik dan saran sudah terbuka Klik berita, pilih berita yang akan dipilih Klik statisktik maka akan mucul statistik perikanan Klik kritik dan saran lalu input nama, dan isi komentar lalu klik submit Menampilkan berita yang akan dibaca Menampilkan statistik perikanan data Menginput komentar pada krtik dan saran Analisis Hasil Pengujian Dari skenario pengujian yang telah dilakukan terhadap aplikasi ini, maka diperoleh analisis hasil pengujian dengan rincian sebagai berikut: 1. Semua proses dan link berjalan dengan baik sesuai dengan yang dirancang oleh penulis. 2. Semua proses dapat berjalan dengan baik menggunakan spesifikasi komputer yang terdapat pada lingkungan pengujian. 3. Dalam pengujian ini penulis menggunakan web server apache dengan Mozila Firefox Analisa pengujian dengan Mozila Firefox 21.0 adalah : a. Masukan nama localhost web aplikasi, setelah itu masuk ke home. Di home ini akan terdapat 6 link yang terdiri dari link home, profil, peta, berita, statistis, dan kritik dan saran. b. Analisa pengujian yang dilakukan dengan mozila firefox adalah untuk mengetahui bahwa aplikasi yang telah dibuat dapat berjalan sebagaimana mestinya sesuai dengan yang dirancang dan semua link link yang ada dapat berjalan 95

29 Dari hasil pengujian yang dilakukan pada aplikasi ini, penulis menyimpulkan bahwa semua form dan tombol-tombol yang ada di dalam aplikasi dapat berjalan dengan baik. 96