- PDF Download Gratis

Transkripsi

1 BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Setelah dilakukannya analisa dan perancangan sistem pada bab sebelumnya, lalu langkah selanjutnya adalah implementasi dan pengujian sistem dimana didalam sistem diperlukanya suatu implementasi yang menjabarkan tentang implementasi yang akan dilakukan pada sistem yang baru yang siap untuk dioperasikan. Sedangkan dalam pengujian sistem akan menentukan sistem akan diuji dengan menggunakan white box atau black box, agar penulis mengetahui apakah sistem yang dibuat dapat beroperasi dengan baik. 4.2 Perangkat Pengujian Pembuatan aplikasi ini dibuat menggunakan computer dengan spesifikasi sebagai berikut : 1. Perangkat Keras a. Tipe Komputer : Notebook b. Processor : Intel Atom c. Floppy disk drive : 22,1 MB d. RAM : 1,00 GB e. Hardisk : 125 MB f. Monitor : Lcd Perangkat Lunak a. Windows 7 Profesional b. Macromedia Dreamweaver 8 c. Xampp 3.3.9

2 4.3 Implementasi Sistem Pada sub bab ini akan diterangkan secara bertahap mengenai tahapan-tahapan dalam pembuatan sistem ini yang meliputi proses pengkodean, implementasi basis data, dan implementasi bentuk tampilan antar muka. Berikut ini adalah tahapantahapan yang dipakai dalam pembuatan aplikasi ini Pengkodean Pengkodean diperlukan agar rancangan dapat dijelaskan ke dalam bentuk mesin dan dapat dijalankan. Berikut ini merupakan penggalan program untuk sistem yang penulis buat, diantaranya : 1. Menu koneksi ke database Pada menu ini penulis bisa melakukan koneksi ke dalam database MySQL yang telah penulis buat. Dibawah ini merupakan penggalan program tersebut sebagai berikut : <?php $server = "localhost"; $username = "root"; $password = ""; $database = "reservasi";?> Gambar 4.1 Koneksi Database 4.4 Implementasi Basis Data Dalam pembuatan basis data ini dikondisikan MySQL sudah terinstal dalam computer karena penulis tidak menjelaskan langkah-langkah instalasi MySQL kedalam computer, penulis hanya menjelaskan pembuatan basis data yang berkaitan dengan sistem ini.

3 4.4.1 Halaman MySQL Database Reservasi Pembuatan database reservasi didalam MySQL diawali dengan memasukan kata reservasi didalam kolom Ciptakan Database Baru setelah basisdata tercipta maka selanjutnya dapat dibuat tabel-tabel yang diperlukan didalam pembuatan aplikasi ini, dengan cara membuat tabel baru dengan memasukan jumlah field yang diperlukan dalam suatu tabel. Seperti yang terlihat pada gambar di bawah ini. Gambar 4.2 Database Reservasi Membuat Tabel admins Pembuatan database admins dimaksudkan sebagai media untuk menyimpan data yang berkaitan dengan hak akses administrasi yang masuk kedalam aplikasi ini. Database admins ini memiliki enam field yaitu username yang juga sebagai primary key, password, nama lengkap, , no tlp, level. Berikut ini gambar dari tabel admins yang terdapat didalam basisdata reservasi. Gambar 4.3 Tabel admins

4 4.4.3 Membuat Tabel berita Pembuatan database berita dimaksudkan sebagai media untuk menyimpan data yang berkaitan dengan data berita yang masuk kedalam aplikasi ini. Database berita ini memiliki tiga field yaitu id_berita yang juga sebagai primary key, nama berita, keterangan. Berikut ini gambar dari tabel berita yang terdapat didalam basisdata reservasi. Gambar 4.4 Tabel berita Membuat Tabel contact Pembuatan database contact dimaksudkan sebagai media untuk menyimpan data yang berkaitan dengan data contact yang masuk kedalam aplikasi ini. Database contact ini memiliki enam field yaitu id_contact yang juga sebagai primary key, nama, , subject, pesan, tanggal. Berikut ini gambar dari tabel contact yang terdapat didalam basisdata reservasi. Gambar 4.5 Tabel contact

5 4.4.5 Membuat Tabel customer Pembuatan database customer dimaksudkan sebagai media untuk menyimpan data yang berkaitan dengan data customer yang masuk kedalam aplikasi ini. Database customer ini memiliki tujuh field yaitu id_customer yang juga sebagai primary key, nama, alamat, telepon, , user name, password. Berikut ini gambar dari tabel customer yang terdapat didalam basisdata reservasi. Gambar 4.6 Tabel customer Membuat Tabel fasilitas Pembuatan database fasilitas dimaksudkan sebagai media untuk menyimpan data yang berkaitan dengan data fasilitas yang masuk kedalam aplikasi ini. Database fasilitas ini memiliki sembilan field yaitu id fasilitas yang juga sebagai primary key, id kategori, nama fasilitas, deskripsi, harga, stok, tgl masuk, tgl masuk, tampil. Berikut ini gambar dari tabel fasilitas yang terdapat didalam basisdata reservasi. Gambar 4.7 Tabel fasilitas

6 4.4.7 Membuat Tabel kategori Pembuatan database kategori dimaksudkan sebagai media untuk menyimpan data yang berkaitan dengan data kategori yang masuk kedalam aplikasi ini. Database kategori ini memiliki tiga field yaitu id kategori yang juga sebagai primary key, nama kategori, kategori seo. Berikut ini gambar dari tabel kategori yang terdapat didalam basisdata reservasi. Gambar 4.8 Tabel kategori Membuat Tabel pesanan Pembuatan database pesanan dimaksudkan sebagai media untuk menyimpan data yang berkaitan dengan data pesanan yang masuk kedalam aplikasi ini. Database pesanan ini memiliki delapan field yaitu id pesanan yang juga sebagai primary key, nama customer, alamat, telpon, , status pesanan, tgl pesanan, jam pesanan. Berikut ini gambar dari tabel pesanan yang terdapat didalam basisdata reservasi. Gambar 4.9 Tabel pesanan

7 4.4.9Membuat Tabel detail pesanan Pembuatan database detail pesanan dimaksudkan sebagai media untuk menyimpan data yang berkaitan dengan data detail pesanan yang masuk kedalam aplikasi ini. Database detal pesanan ini memiliki tiga field yaitu id pesanan, id fasilitas, jumlah. Berikut ini gambar dari tabel detail pesanan yang terdapat didalam basisdata reservasi. Gambar 4.10 Tabel detail pesanan 4.5 Tampilan Antar Muka Berikut ini adalah antar muka dari tampilan web Sanggar Karawitan Puspo Langgeng Budoyo. Diantaranya adalah : Halaman Utama Kode Program Halaman Utama : <head> <meta http-equiv="content-type" content="text/html; charset=iso " /> <title>sanggar Karawitan Puspo Langgeng Budoyo</title> <link href="gaya.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="wrapper"> <div id="footer">sanggar Karawitan Puspo Langgeng Budoyo</div> <div id="header"></div> <div id="menu">

8 <ul> <li><a href="index.php" id="aktif">home</a></li> <li><a href="download.php">download</a></li> <li><a href="profil.php">profil</a></li> <li><a href="cara_pemesanan.php">petunjuk Pemesanan</a></li> <li><a href="keranjang_pemesanan.php">pemesanan</a></li> <li><a href="buku_tamu.php">buku Tamu</a></li> </ul> </div> Gambar 4.11 Layar Halaman Awal (Home) Ini merupakan halaman awal (home) yang merupakan halaman informasi utama Halaman Pendaftaran Kode Program Halaman Pendaftaran : class="style2 style1" ><strong>pendaftaran Customer</strong></span> </td> </tr> <tr> <td align="left"><h2><b>customer Register</b></h2>

9 <table> <tr><td>nama Lengkap</td> <td>: <input type=text name='nama_customer' size=40 maxlength=30></td></tr> <tr><td>alamat</td> <td>: <input type=text name='alamat' size=40 maxlength=140></td></tr> <tr><td>telepon/hp</td> <td>: <input type=text name='telepon' size=40 maxlength=13 onkeypress="return harusangka(event)"></td></tr> <tr><td> </td> <td>: <input type=text name=' ' size=40 maxlength=35></td></tr> <tr><td>user Name</td> <td>: <input type=text name='user_name' size=40 maxlength=35></td></tr> <tr><td>password</td> <td>: <input type=password name='password' size=40 maxlength=35></td></tr> <tr><td colspan=2><input type=submit value=register> <input type=button value=batal onclick=self.history.back()> </td></tr> </table></td></tr> </table> </form> Gambar 4.12 Layar Halaman Pendaftaran Ini merupakan halaman pendaftaran yang merupakan halaman pendaftaran sebelum customer melakukan pemesanan.

10 4.5.3 Halaman Keranjang Pemesanan Kode Program Halaman Keranjang Pemesanan: include "config/koneksi.php"; include "config/fungsi_rupiah.php"; $sid = session_id(); $sql = mysql_query("select * FROM orders_temp, fasilitas WHERE id_session='$sid' AND orders_temp.id_fasilitas=fasilitas.id_fasilitas"); echo "<form method=post action=aksi.php?module=keranjang&act=update> <table border=0> <tr><th bgcolor='#2e6ab1'>no</th><th bgcolor='#2e6ab1'>nama fasilitas</th><th bgcolor='#2e6ab1'>jumlah</th><th bgcolor='#2e6ab1'>harga Satuan</th><th bgcolor='#2e6ab1'>sub Total</th><th bgcolor='#2e6ab1'>hapus</th></tr>"; $no=1; while($r=mysql_fetch_array($sql)){ $subtotal = $r[harga] * $r[jumlah]; if (($r[jumlah]) >= ($r[stok])){echo "<script language=javascript> alert('stock untuk barang $r[nama_fasilitas] tidak mencukupi'); </script>";} $total = $total + $subtotal; $subtotal_rp = format_rupiah($subtotal); $total_rp = format_rupiah($total); $harga = format_rupiah($r[harga]); Gambar 4.13 Layar pemesanan Ini merupakan halaman pemesanan yang merupakan halaman pesanan customer Halaman Print Out

11 Kode Program Halaman Print Out : <?php session_start(); include "config/koneksi.php"; if(!empty($_post[nama])&&!empty($_post[telpon])&&!empty($_post[ ])){!empty($_post[alamat])&& function format_rupiah($angka){ $rupiah=number_format($angka,0,',','.'); return $rupiah; } // fungsi untuk mendapatkan isi keranjang belanja function isi_keranjang(){ $isikeranjang = array(); $sid = session_id(); $sql = mysql_query("select * FROM orders_temp WHERE id_session='$sid'"); } while ($r=mysql_fetch_array($sql)) { $isikeranjang[] = $r; } return $isikeranjang; $tgl_skrg = date("ymd"); $jam_skrg = date("h:i:s"); Gambar 4.14 Layar print out Ini merupakan halaman print out yang merupakan halaman data pesanan customer Halaman Login Admin

12 Kode Program Halaman Login Admin : <html> <head> <title>admin Sanggar Karawitan Puspo Langgeng Budoyo</title> <style type="text/css" media="all">@import "images/style.css";</style> <link href="../style2.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="../config/val.js"></script> <meta http-equiv="content-type" content="text/html; charset=iso "><style type="text/css">  </style></head> Gambar 4.15 Layar Login Admin Ini merupakan halaman login admin yang merupakan halaman hak akses admin sebelum melakukan aktifitas Halaman Edit Admin Kode Program Halaman Edit Admin : echo "<h2>ganti Password</h2> <form method=post action=passadmin/aksi_password.php> <table> <tr><td>masukkan Password Lama</td><td> : <input type=password maxlength=15 name='pass_lama'></td></tr> <tr><td>masukkan Password Baru</td><td> : <input type=password maxlength=15 name='pass_baru'></td></tr> <tr><td>masukkan Lagi Password Baru</td><td> : <input type=password maxlength=15 name='pass_ulangi'></td></tr>

13 <tr><td colspan=2><input type=submit value=proses> <input type=button value=batal onclick=self.history.back()></td></tr> </table></form>"; } Gambar 4.16 Layar Edit Admin Ini merupakan halaman edit admin yang merupakan halaman dimana admin dapat merubah passwordnya Halaman Berita Kode Program Halaman Berita : <?php echo "<h2>data Berita<h2> <form action='berita/cari_berita.php'> <input type='text' name='katakunci' value=''><input type='submit' value='cari'> </form> <form method=post action=index.php?menu=berita/tambah_berita> <input type=submit value='tambah Berita'> </form> <table border='1'> <tr><th>no</th><th>nama Berita</th><th>Keterangan</th><th>Action</th></tr>"; include"../config/koneksi.php"; $tampil=mysql_query("select * FROM berita ORDER BY id_berita"); $no=1; while($r=mysql_fetch_array($tampil)){ echo "<tr bgcolor=#cccccc><td>$no</td> <td>$r[nama_berita]</td> <td>$r[keterangan]</td>";?>

14 Gambar 4.17 Layar berita Ini merupakan halaman berita yang merupakan halaman dimana admin dapat mengelola berita yang akan di terbitkan Halaman Kategori Kode Program Halaman Kategori : <?php echo "<h2>data Kategori<h2> <form action='kategori/cari_kategori.php'> <input type='text' name='katakunci' value=''><input type='submit' value='cari'> </form> <form method=post action=index.php?menu=kategori/tambah_kategori> <input type=submit value='tambah Kategori'> </form> Gambar 4.18 Layar kategori Ini merupakan halaman kategori yang merupakan halaman dimana admin dapat mengelola data kategori.

15 4.5.9 Halaman Fasilitas Kode Program Halaman Fasilitas : <?php echo "<h2>data Fasilitas<h2> <form action='fasilitas/cari_fasilitas.php'> <input type='text' name='katakunci' value=''><input type='submit' value='cari'> </form> <form method=post action=index.php?menu=fasilitas/form_fasilitas> <input type=submit value='tambah Fasilitas'> </form> Gambar 4.16 Layar fasilitas Ini merupakan halaman fasilitas yang merupakan halaman dimana admin dapat mengelola data fasilitas Halaman pesanan Kode Program Halaman pesanan : <?php session_start(); if ($_SESSION[sesadmin]==""){ header("location:index.php"); } else{?> <?php include "../config/koneksi.php"; $sql=mysql_query("select * from pesanan order by id_pesanan desc");

16 echo "<h2>data Pesanan</h2> <table border=0> <tr><th>order</th><th>nama Customer</th><th>Tgl Order</th><th>Jam Order</th><th>Status</th><th>Aksi</th></tr>"; Gambar 4.20 Layar pesanan Ini merupakan halaman pesanan yang merupakan halaman dimana admin dapat mengelola data pemesanan Halaman customer Kode Program Halaman customer : <?php echo "<h2>data Customer<h2> <form action='cari_customer.php' action='post'> <input type='text' name='katakunci' value=''><input type='submit' value='cari'> </form> <form method=post action=customer_register.php> <input type=submit value='tambah Customer'> </form> <table border=0> <tr><th>no</th><th>nama</th><th>alamat</th><th> </th><th>telepon</th><t h>action</th></tr>"; include"../config/koneksi.php"; $tampil=mysql_query("select * FROM customer ORDER BY id_customer"); $no=1; while($r=mysql_fetch_array($tampil)){ echo "<tr bgcolor=#cccccc><td>$no</td> <td>$r[nama]</td> <td>$r[alamat]</td> <td><a href=mailto:$r[ ]>$r[ ]</a></td>

17 Gambar 4.21 Layar customer Ini merupakan halaman customer yang merupakan halaman dimana admin dapat mengelola data customer Halaman contact us Kode Program Halaman contact us : echo "<h2>contact Us<h2> <form action='contact/cari.php'> <input type='text' name='katakunci' value=''><input type='submit' value='cari'> </form> <table border='1'> <tr><th>no</th><th>nama Lengkap</th><th> </th><th>Subjek</th><th>Pesan</th><th>Action</th></tr>"; include"../config/koneksi.php"; Gambar 4.22 Layar contact us

18 Ini merupakan halaman contact us yang merupakan halaman dimana admin dapat mengelola data komentar yang masuk Halaman laporan Kode Program Halaman laporan : <?php //untuk koneksi database include "../config/koneksi.php"; //untuk menantukan tanggal awal dan tanggal akhir data di database $min_tanggal=mysql_fetch_array(mysql_query("select min(tanggal) as min_tanggal from fasilitas")); $max_tanggal=mysql_fetch_array(mysql_query("select max(tanggal) as max_tanggal from fasilitas"));?> Gambar 4.23 Layar laporan Ini merupakan halaman laporan yang merupakan halaman dimana admin dapat mengelola data laporan. 4.6 Metode Pengujian Ada 2 metode untuk melakukan unit testing, yaitu black box testing dan white box testing. Black box testing dilakukan dengan memfokuskan pada apakah unit program memenuhi kebutuhan (requirement) yang dilakukan dengan menjalankan atau mengeksekusi unit atau modul, kemudian diamati apakah hasil dari unit itu sesuai dengan proses bisnis yang diinginkan atau tidak. Sedangkan white box testing

19 adalah pengujian dengan melihat kedalam modul untuk meneliti kode-kode program yang ada dan mengenalisis apakah ada kesalahan atau tidak. Jika ada modul yang menghasilkan output yang tidak sesuai dengan proses bisnis yang dilakukan. Maka baris-baris program, variable, dan parameter yang terlibat pada unit tersebut akan dicek satu persatu dan diperbaiki, kemudian di compile ulang. Dalam pengujian ini penulis menggunakan metode pengujian black box testing, karena proses testing ini dilakukan berdasarkan kebutuhan. 4.7 Proses Pengujian Pengujian pada aplikasi ini menggunakan metode black box testing dan white box testing, yaitu suatu pengujian yang terfokus pada persyaratan fungsionalitas dari perangkat lunak. Pengujian ini dimaksudkan untuk menguji program yang telah dibuat sebelumnya Pengujian Black Box Metode pengujian black box ini merupakan metode pengujian dengan program kasus pengujian yang berbasis spesifikasi, dan pengujian dimulai pada saat pengembangan system. Gambar 4.24Metode Pengujian Black-Box Metode pengujian black box berfokus pada persyaratan fungsional perangkat lunak, pengujian black box bukan merupakan alternatif dari teknik white box tetapi

20 merupakan pendekatan komplementer yang kemungkinan besar mampu menemui kesalahan dari pada metode white box. Pengujian black box dapat menemukan kesalahan dalam kategori sebagai berikut : 1. Fungsi yang tidak benar atau hilang 2. Kesalahan antarmuka 3. Kesalahan dalam struktur data atau akses database eksternal 4. Kesalahan kinerja 5. Inisialisasi dan kesalahan terminasi Pengujian program aplikasi web ini dilakukan dengan menggunakan metode black box testing. Metode black box testing ini merupakan pengujian program berdasarkan fungsi dari program. Tujuan dari metode black box testing ini adalah untuk menemukan kesalahan fungsi pada program. Pengujian dengan menggunakan metode black box testing dilakukan dengan cara memberikan sejumlah masukan (input) pada program aplikasi yang kemudian diproses sesuai dengan kebutuhan fungsionalnya untuk melihat apakah program aplikasi web menghasilkan keluaran (output) yang sesuai dengan fungsi dari program aplikasi web tersebut. Bila dari input yang diberikan proses menghasilkan output yang sesuai dengan kebutuhan fungsionalnya, maka program aplikasi yang penulis rancang berhasil. Tetapi bila output yang dihasilkan tidak sesuai dengan kebutuhan fungsionalnya. Maka masih terdapat kesalahan pada program aplikasi tersebut. Pengujian dilakukan dengan mencoba semua kemungkinan yang terjadi dan dilakukan secara berulang-ulang. Jika dalam pengujian ditemukan kesalahan, maka akan dilakukan pencarian dan perbaikan untuk memperbaiki kesalahan yang terjadi. Jika telah selesai melakukan perbaikan maka akan dilakukan pengujian kembali. Pengujian dan perbaikan dilakukan secara terus menerus hingga diperoleh hasil yang terbaik.

21 4.7.2 Skenario dan Hasil Pengujian Dari hasil skenario pengujian terakhir yang dilakukan dapat diperoleh hasil pengujian. Pada setiap pilihan yang ada pada aplikasi ini yaitu menu admin, menu halaman awal, menu buku tamu dan menu laporan maka diperoleh hasil pengujian tersebut sesuai dengan rumusan perancangan aplikasi program ini dan terangkum dalam tabel. Tabel 4.1Skenario dan Hasil Pengujian No Antar muka yang diuji Bagian yang diuji Status aplikasi 1. Halaman awal Link Halaman awal sudah terbuka 2. Buku tamu Link Halaman komentar sudah terbuka 3. Pilih fasilitas Link Halaman fasilitas dapat dipilih 4. Input berita Link Halaman berita 5. Input fasilitas Link Halaman fasilitas 6. Input kategori Link Halaman kategori 7. laporan Link Halaman laporan Skenario pengujian Klik link yang tersedia di halaman awal Memasukan data Memilih fasilitas Memasukan data berita Memasukan data fasilitas Memasukan data kategori Mencetak laporan Hasil yang diharapkan Terhubung dengan halaman yang diklik Menginput ke dalam database Terinput ke dalam database Terinput ke dalam database Terinput ke dalam database Terinput ke dalam database Terhubung dengan link Hasil pengujian Berhasil membuka halaman awal Data tersimpan ke dalam database Data tersimpan ke dalam database Data tersimpan ke dalam database Data tersimpan ke dalam database Data tersimpan ke dalam database Berhasil membuka halaman laporan

22 4.8 Analisis Hasil Pengujian Setelah melakukan pengujian tampilan di web browser aplikasi ini dapat berjalan maksimal jika menggunakan mozila firefox dan google chrome. Selain itu pengujian terhadap semua menu sistem pada program ini, maka dapat disimpulkan bahwa pengujian telah menunjukan hasil keluaran (output) dan proses yang sesuai dengan rancangan aplikasi ini. Dan hasil dari pengujian ini dapat dikatakan bahwa aplikasi ini dapat berfungsi dengan baik dan benar, karena telah dibuktikan dari hasil skenario pengujian. Bahwa program aplikasi berbasis web ini dapat digunakan sebagai control dalam melakukan kegiatan pemesanan fasilitas serta dapat menunjang proses Operasional kepada pengunjung. Program aplikasi yang berbasis web ini dapat dipublikasikan dengan cara mendapatkan hosting dan domain, dengan cara menyewa tempat hosting dan membeli domain pada tempat yang menyediakan jasa tersebut. Namun tidak semua hosting dan domain yang ingin dimiliki harus membayar secara rutin, ada beberapa tempat untuk mendapatkan tempat hosting secara gratis.