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 diperlukannya 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 : PC b. Processor : Pentium 4 c. Floppy disk drive : 1,44 MB d. RAM : 256 MB e. Hardisk : 80 GB f. Monitor : Flat 17 71
72 2. Perangkat Lunak a. Microsoft Xp Professional b. Macromedia Dreamweaver 8 c. Xampp 1.4.6 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. 4.3.1 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 : <??> Mysql_connect ( localhost, root, ivan ); Mysql_select_db( situs ); Gambar 4.1 Koneksi Database
73 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 hnya menjelaskan pembuatan basis data yang berkaitan dengan sistem ini. 4.4.1 Halaman MySQL Database Karang Pembuatan database karang didalam MySQL diawali dengan memasukkan kata karang didalam kolom Ciptakan Database Baru setelah basisdata tercipta maka selanjutnya dapat dibuat table-tabel yang diperlkan didalam pembuatan aplkasi ini, dengan cara membuat table baru dengan memasukkan jmlah field yang diperlukan dalam suatu table. Seperti yang terlihat pada gambar di bawah ini. Gambar 4.1 Database Karang
74 4.4.2 Membuat Tabel Calon Pemesan Pembuatan database calon pemesan dimaksudkan sebagai media untuk menyimpan data yang berkaitan dengan data calon pemesan yang masuk kedalam aplikasi ini. Database calon pemesan ini memiliki lima field yaitu kode pelanggan yang juga sebagai primary key, nama, alamat, kota, no tlp. Berikut ini gambar dari tabel barang yang terdapat didalam basis data calon pemesan. Gambar 4.2 Tabel Calon Pemesan 4.4.3 Membuat Tabel Detail Pesan Pembuatan database detail pesan dimaksudkan sebagai media untuk menyimpan data yang berkaitan dengan data detail pesan yang masuk kedalam aplikasi ini. Database detail pesan ini memiliki empat field yaitu id pesan, kode villa, kode pesan yang juga sebagai primary key, harga. Berikut ini gambar dari tabel barang yang terdapat didalam basis data detail pesan.
75 Gambar 4.3 Tabel Detail Pesan 4.4.4 Membuat Tabel Master Pesan Pembuatan database mater pesan dimaksudkan sebagai media untuk menyimpan data yang berkaitan dengan data master pesan yang masuk kedalam aplikasi ini. Database master pesan ini memiliki empat field yaitu id pesan, kode pelanggan yang juga sebagai primary key,tanggal booking, lama menginap. Berikut ini gambar dari tabel barang yang terdapat didalam basis data master pesan. Gambar 4.4 Tabel Master Pesan
76 4.4.5 Membuat Tabel Villa Pembuatan database villa dimaksudkan sebagai media untuk menyimpan data yang berkaitan dengan data villa yang masuk kedalam aplikasi ini. Database villa ini memiliki tiga field yaitu kode villa yang juga sebagai primary key,nama villa, harga. Berikut ini gambar dari tabel barang yang terdapat didalam basis data villa. Gambar 4.5 Tabel Villa 4.5 Tampilan Antar Muka Berikut Ini adalah antar muka dari Tampilan Situs Pantai Wisata Karang Bolong Anyer. Diantaranya adalah :
77 4.5.1 Halaman Utama Kode program halaman utama: <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top" class="bgmain"><table width="780" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td valign="top"><table width="780" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="3" rowspan="2" class="loginbg"><img src="images/spacer.gif" alt="spacer" height="15"/><center> </center></td> Gambar 4.6 Layar Halaman Awal (Home) Ini merupakan halaman awal (home) yang merupakan halaman informasi utama.
78 4.5.2 Halaman Sejarah Kode program halaman sejarah : <form method="post" action="polling.php" target="_blank"> <tr> <td> <p style="margin-top: 1px; margin-bottom: 1px"> <font color="#000080"><b>bagaimana Keadaan Pantai Wisata Karang Bolong Saat Ini</b></font></p> <p style="margin-top: 1px; margin-bottom: 1px"> <font color="#000080"> <input type="radio" value="1" name="p" checked>sangat Indah</font></p> <p style="margin-top: 1px; margin-bottom: 1px"> <font color="#000080"><input type="radio" value="2" Gambar 4.7 Layar Halaman Sejarah Ini merupakan halaman katalog yang merupakan halaman informasi mengenai Sejarah Pantai Wisata Karang Bolong.
79 4.5.3 Halaman Buku Tamu Kode program program halaman buku tamu : <td class="rightcolboxbg"> <table border="0" style="border-collapse: collapse" width="95%" cellspacing="1" cellpadding="0" id="table1"> <form method="post" action="polling.php" target="_blank"> <tr> <td> <p style="margin-top: 1px; margin-bottom: 1px"> <font color="#000080"><b>bagaimana Keadaan Pantai Wisata Karang Bolong Saat Ini</b></font></p> Gambar 4.8 Layar Halaman Buku Tamu Ini merupakan halaman katalog yang merupakan halaman Buku tamu yang terdapat pada pantai wisata karang bolong
80 4.5.4 Halaman Administrator Kode program halaman administrator: <tr bgcolor="#ffffff"> <td>16</td> <td>ivan</td> <td>ivan</td> <td>administrator</td> <td><div align="center"><a href="hak.php?act=edit&id_admin=16"><img src="images/icon_edit.gif" width="16" height="13" border="0"></a></div></td> <td><div align="center"><a href="hak.php?act=del&id_admin=16"><img Gambar 4.9 Layar Halaman Administrator Ini merupakan halaman yang merupakan halaman Akses Administrator 4.5.5 Halaman Cek Persediaan Villa Kode program program halaman cek persediaan villa: <tr> <td colspan="3"><img src="images/logo.jpg" alt="selamat Datang Di Pantai Wisata Karang Bolong" width="368" height="83" border="0" usemap="#map" /></td>
81 <td><img src="images/spacer.gif" width="1" height="83" alt="1" /></td> </tr> Gambar 4.10 Layar Halaman Cek Persediaan Villa Ini merupakan halaman yang merupakan halaman Informasi Persediaan Villa yang ada di karang bolong 4.5.6 Halaman Edit Admin Kode program edit admin : <tr bgcolor="#ffffff"> <td>16</td> <td>ivan</td> <td>ivan</td> <td>administrator</td> <td><div align="center"><a href="hak.php?act=edit&id_admin=16"><img src="images/icon_edit.gif" width="16" height="13" border="0"></a></div></td> <td><div align="center"><a href="hak.php?act=del&id_admin=16"><img src="images/icon_delete.gif"
82 Gambar 4.11 Layar Halaman Edit Administrator Ini merupakan halaman untuk membuat, mengedit, dan menghapus administrator 4.5.7 Halaman Edit Villa Kode program halaman edit villa: </center></td> <td colspan="4" style="font-size:9px; color:#afafaf; paddingtop:3px;"><marquee> <span class="style1">selamat Datang Di Web Site Pantai Wisata Karang Bolong Anyer - A Beautiful Beach In Anyer</span> </marquee></td> <td><img src="images/spacer.gif" width="1" height="25" alt="1" /></td>
83 Gambar 4.12 Layar Halaman Edit Villa Ini merupakan halaman Untuk memasukkan, mengubah, dan menghapus villa. 4.5.8 Halaman Melihat Buku Tamu Kode program halaman melihat buku tamu: <td class="rightcolboxbg"> <table border="0" style="border-collapse: collapse" width="95%" cellspacing="1" cellpadding="0" id="table1"> <form method="post" action="polling.php" target="_blank"> <tr> <td> <p style="margin-top: 1px; margin-bottom: 1px"> <font color="#000080"><b>bagaimana Keadaan Pantai Wisata Karang Bolong Saat Ini</b></font></p>
84 Gambar 4.13 Layar Halaman Melihat Buku Tamu Ini merupakan halaman View buku tamu yang berisi informasi tentang semua pengunjung yang mengisi buku tamu 4.2.9 Halaman Edit Polling Kode program halaman edit poling: <tr> <td colspan="4" rowspan="2"> </td> <td><img src="images/spacer.gif" width="1" height="15" alt="1" /></td> </tr> <tr> <td colspan="3"><img src="images/logo.jpg" alt="selamat Datang Di Pantai Wisata Karang Bolong" width="368" height="83" border="0" usemap="#map" /></td>
85 Gambar 4.14 Layar Halaman Edit Polling Ini merupakan halaman untuk membuat, menghapus dan mengedit polling yang ada dihalaman utama 4.6 Metode Pengujian Ada 2 metode untuk malakukan unit testing, yaitu Black Box Testing dan White Box Testing. Black Box Testing dilakukan dengan memfokuskan pada apakah unit program memenuhi kebutuhan (requirement) yang disebutkan dalam spesifikasi. Pada black box testing cara pengujian hanya dilakukan dengan menjalankan atau mengeksekusi unit atau modul, kemudian diamati apakah hasil dari unit itu sesuai dengan proses bisnis yang diinginkan atau tidak. Sedangkan
86 White Box Testing adalah pengujian dengan melihat kedalam modul untuk meneliti kode-kode program yang ada. Dan menganalisis 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 Penggujian pada aplikasi ini mengunakan metode black box testing dan white box testing, yaitu suatu penggujian yang terfokus pada persyaratan fungsionalitas dari perangkat lunak. Pengujian ini dimaksudkan untuk menguji program yang tela dibuat sebelumnya. 4.7.1 Pengujian Black Box Metode penggujian black box ini merupakan metode pengujian dengan program kasus pengujian yang berbasis spesifikasi, dan pengujian dimulai pada saat pengembangan system.
87 INPUT DATA SYSTEM OUTPUT RESRESULT Gambar 4.15 Metode Pengujian Black-Box Metode pengujian Black Box berfokus pada persyaratan fungsional perangkat lunak, pengujian black box bukan merupakan alternatif dari teknik white box tetapi merupakan pendekatan komplementer yang kemungkinan besar mampu menemui kesalahan daripada metode white box. Pengujian black box dapat menemukan kesalahan dalam kategori sebagai berikut : 1. Fungsi yang tidak benar atau hilang 2. Kesalahan 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.
88 Pengujian dengan menggunakan metode black box testing dilakukan dengan cara memberikan sejumlah masukkan (input) pada program aplikasi yang kemudian diproses sesuai dengan kebutuhan fungsionalnya untuk melihat apakah program aplikasi web menghasilkan keluaran (output) yang diinginkan sesuai dengan fungsi dari program aplikasi web tersebut. Bila dari input yang diberikan proses manghasilkan 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 perbaikkan 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. 4.7.1.1 Skenario Pengujian Skenario pengujian diperlukan untuk mengetahui apakah aplikasi yang penulis rancang dapat berfungsi dengan baik atau tidak. Skenario pengujian dilakukan dengan memilih dari setiap pilihan yang ada pada aplikasi web ini.
89 Tabel 4.1 Tabel skenario pengujian No Antar Muka yang diuji 1. Halaman awal 2. Buku Tamu Bagian yang diuji Link Input Data Status aplikasi Skenario pengujian Halaman awal sudah terbuka Halaman Komentar Sudah Terbuka 3. Polling Link Halaman Polling 4. Halaman Link Halaman Administr About me ator sudah terbuka 5. Cek Link Halaman persediaa Pemesanan n villa Villa sudah terbuka Hasil yang diharapkan Klik link yang Terhubung dengan tersedia di halaman awal halaman link yang di klik Memasukkan Data Menginput Kedalam Database Memilih Salah satu polling Input User Name dan password ke dalam database Klik link pada cek persediaan villa Terinput Kedalam database user name dan passowrd terinput ke dalam database Terhubung dengan link persediaan villa 4.7.1.2 Hasil Pengujian Dari hasil scenario pengujian terakhir yang dilakukan dapat diperoleh hasil pengujian. Dari hasil scenario pengujian pada setiap pilihan yang ada pada pilihan yang ada pada aplikasi ini yaitu menu admin, menu Halaman Awal, menu Buku Tamu, dan menu Polling maka diperoleh hasil pengujian tersebut sesuai dengan rumusan perancangan aplikasi program ini. dan terangkum dalam table. Tabel 4.2 Tabel hasil pengujian No Antar Muka yang diuji 1. Halaman awal Bagian Status aplikasi yang diuji Link Halaman awal sudah terbuka Skenario pengujian Klik link yang tersedia di halaman awal Hasil yang diharapkan Terhubung dengan halaman link yang di klik Hasil Pengujian Berhasil Membuka halaman awal
90 2. Buku Tamu Input Data Halaman Komentar Sudah Terbuka 3. Polling Link Halaman Polling 4. Halaman Administr ator 5. Cek persediaa n villa Link Link Halaman About me sudah terbuka Halaman Pemesanan Villa sudah terbuka Memasukkan Data Memilih Salah polling satu Input User Name dan password ke dalam database Klik link pada cek persediaan villa Menginput Kedalam Database Terinput Kedalam database user name dan passowrd terinput ke dalam database Terhubung dengan link persediaan villa Berhasil memasukk an polling Data tersimpan ke dalam database Berhasil nenbuka halaman administra tor Berhasil membuka halaman persediaan villa 4.8 Analisis Hasil Pengujian Setelah melakukan pengujian terhadap semua menu sistem pada program ini, maka dapat disimpulkan bahwa pengujian telah menunjukkan hasil keluaran (Output) dan proses yang sesuai dengan rancangan aplikasi program ini. dan hasil dari pengujian ini dapat dikatakan bahwa program ini dapat berfungsi dengan baik dan benar, karena telah dibuktikan dari hasil skenario pengujian. Bahwa program aplikasi berbasis web ini dapat digunakan sebagai control dalam melakukan kegiatan Pemesanan Villa 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.