BAB IV IMPLEMENTASI DAN PENGUJIAN

Transkripsi

1 BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Sistem Tahap implementasi pengujian dilakukan setelah tahap analisis perancangan selesai dilakukan. Pada bab ini akan dijelaskan implementasi aplikasi sistem dengan menggunakan beberapa fungsi yang di buat, terdiri dari lingkungan implementasi, pengkodean interface dari aplikasi sistem tersebut. Aplikasi Sistem Informasi Pemesanan Penjualan pada UD. Sinar Abadi menggunakan PHP base MySQL. Web Server yang di gunakan berupa XAMPP. Untuk memulai program, jalankan browser seperti Internet Explorer, Mozilla Firefox atau Google Chrome. Lalu ketikkan alamat contoh : Localhost adalah nama server tempat program di simpan 4.2 Perangkat Penguji 1. Perangkat Keras a. Tipe Komputer : Laptop b. Processor : AMD E 300 APU with Radeon (tm) Hd Graphics 1,3Ghz c. RAM : 2.00 GB 2. Perangakat Lunak a. Sistem Operasional : Microsoft Windows 7 Ultimate b. Database Server : XAMPP c. Web Server : Apache, MySQL base d. Browser : Internet Explorer, Mozila Firefox, Google Chrome e. Program : PHP f. Tampilan : Macromedia Dreamwaver 8 g. Editing : Adobe Photoshop CS 5 70

2 Implementasi Basis Data Pada bagian ini akan menjelaskan implementasi basis dari aplikasi system menggunakan XAMPP. Adapun langkah-langkah untuk membuka base sebagai berikut: Adapun langkah-langkah untuk membuka base adalah sebagai berikut: 1. Buka browser untuk membuka web server, lalu ketikan pada alamat address. Gambar 4.1 Localhost pada Firefox 2. Pilih db_penjualan untuk base pada UD Sinar Abadi. Gambar 4.2 Tampilan layar muka base SQL (Structured Query Languange): Create DATABASE db_penjualan;

3 72 3. Berikut tampilan tabel control panel pada base penjualan. Gambar 4.3 Tampilan tabel control panel SQL (Structured Query Languange): Create TABLE cpanel (control varchar (50), value text ); 4. Tampilan tabel pengujung Gambar 4.4 Tampilan tabel pengunjung SQL (Structured Query Languange): Create TABLE pengunjung (ip varchar (50), Tgl date );

4 73 5. Tampilan tabel kategori Gambar 4.5 Tampilan tabel kategori SQL (Structured Query Languange): Create TABLE rf_kategori (kd_kategori varchar (5), nm_kategori varchar (50), status enum ( 0, 1 )); 6. Tampilan tabel kota Gambar 4.6 Tampilan tabel kota SQL (Structured Query Languange): Create TABLE kota (kd_kota int (4), nams_kota varchar (100), kd_provinsi int (4) kd_negara int (3));

5 74 7. Tampilan tabel negara Gambar 4.7 Tampilan tabel negara SQL (Structured Query Languange): Create TABLE rf_negara (kd_negara int (11), nama_negara varchar (100)); 8. Tampilan tabel produk Gambar 4.8 Tampilan tabel produk SQL (Structured Query Languange): Create TABLE rf_produk (kd_produk varchar (5), nm_produk varchar (50), harga int (8), harga_x int (8),

6 75 stok int (5), keterangan text, foto varchar (255), kd_kategori varchar (5), control varchar (11), status enum ( 0, 1 )); 9. Tampilan tabel provinsi Gambar 4.9 Tampilan tabel provinsi Create TABLE rf_provinsi (kd_provinsi int (3), nama_provinsi varchar (30) kd_negara int (11)); 10. Tampilan tabel keranjang Gambar 4.10 Tampilan tabel keranjang

7 76 Create TABLE tr_keranjang (kd_keranjang int (11), kd_pelanggan int (15), kd_produk varchar (5), stok int (11), harga int (8), total int (8), tgl datetime, status enum ( aktif, tidak )); 11. Tampilan tabel kontak kami Gambar 4.11 Tampilan tabel kontak kami Create TABLE tr_kontak_kami (id int (11), nm_tamu varchar (50), varchar (30), subjek varchar (255), tgl datetime, status varchar (5));

8 Tampilan tabel krj Gambar 4.12 Tampilan tabel krj Create TABLE tr_krj (id_krj int (11), kd_produk varchar (5), stok int (5), harga int (8), total int (8), status enum ( 0, 1 )); 13. Tampilan tabel pelanggan Gambar 4.13 Tampilan tabel pelanggan Create TABLE tr_pelanggan (kd_pelanggan int (11), nama_lengkap varchar (50), varchar (30),

9 78 telepon int (15), negara int (3), provinsi int (3), kota int (3), alamat text, kode_pos int (6)); 14. Tampilan tabel testimonial Gambar 4.14 Tampilan tabel testimonial Create TABLE tr_testimonial (id int (11), Tgl datetime, nama varchar (50), varchar (30), keterangan text, foto varchar (255), tampil varchar (5)); 4.4 Implementasi Program Pada bagian ini akan digambarkan tampilan layar antar muka pada Aplikasi weside UD. Sinar Abadi, Secara umum terdapat dua bagian tampilan layar antar muka dalam aplikasi ini yaitu untuk admin pelanggan. Perbedaan yang tersedia pada setiap bagian di sesuaikan dengan fungsi kegunaan masing masing pengguna, segkan tampilan untuk masing masing bagian akan berbeda yang satu dengan yang lain. Admin harus login terlebih dahulu untuk melanjutkan

10 79 ke selanjutnya dapat melakukan pengolahan segkan pelanggan atau pengunjung bisa langsung melihat informasi pada web ataupun melakukan pemesanan. 1. Tampilan admin a. Tampilan Login Admin Tampilan layar ini merupakan tampilan dimana admin melakukan login. Gambar 4.15 Tampilan Login Admin <? include("koneksi.php"); include("select.php"); $username = ""; $password = ""; $msg = if(!empty($_session['usename']) &&!empty($_session['password'])){ echo "<script>document.location.href='login.php'</script>";}

11 80 b. Tampilan Halaman Awal Admin Tampilan layar ini merupakan tampilan pertama saat admin melakukan login. Gambar 4.16 Tampilan Halaman Awal Admin <html> <body> <form method="post" action=""> <h3>halaman Admin</h3> <img src="selamat-datang.jpg" align="absmiddle" width="800" height="100"> <h3> <br><br><br> - Admin harus tunduk terhadap peraturan yang telah di buat perusahaan <br> <br> <br>

12 81 c. Tampilan Menu Editor Home Tampilan layar ini merupakan tampilan untuk mengupdate informasi home pada website. Gambar 4.17 Tampilan Menu Editor Home <?php $home = select("cpanel","value","where control = 'depan' LIMIT 1"); $hotline = select("cpanel","value","where control = 'hotline' LIMIT 1"); $sms = select("cpanel","value","where control = 'sms' LIMIT 1"); $bb = select("cpanel","value","where control = 'bb' LIMIT 1"); $ = select("cpanel","value","where control = ' ' LIMIT 1"); $rek_bca = select("cpanel","value","where control = 'rek_bca' LIMIT 1");

13 82 d. Tampilan Menu Editor Kategori Produk Tampilan layar ini merupakan tampilan dimana admin dapat melihat, menginput, mengedit menghapus kategori produk.. Gambar 4.18 Menu Editor Kategori Produk = Select("rf_kategori","kd_kategori","ORDER BY kd_kategori DESC LIMIT 1")+1; $text1 = $kode; $text2 = ""; $text3 = ""; if(isset($_get['aksi'])){ if($_get['aksi']=="edit"){ $kd = $_GET['id']; $sqledit = mysql_query("select kd_kategori, nm_kategori, status from rf_kategori WHERE kd_kategori = '$kd' LIMIT 1"); $edit = mysql_fetch_row($sqledit);

14 83 e. Tampilan Menu Editor Produk Tampilan layar ini merupakan tampilan dimana admin dapat melihat, menginput, mengedit menghapus - produk. Gambar 4.19 Tampilan Menu Editor Produk if(isset($_get['aksi'])){ if($_get['aksi']=="edit"){ $kd = $_GET['id']; $sqledit = mysql_query("select * from rf_produk WHERE kd_produk = '$kd' LIMIT 1"); $edit = mysql_fetch_row($sqledit);

15 84 f. Tampilan Menu Editor Tentang Kami Tampilan layar ini merupakan tampilan untuk mengupdate informasi tentang kami pada website. Gambar 4.20 Tampilan Menu Editor Tentang Kami <?php $tentang_kami = Select("cpanel","value","WHERE control = 'tentang kami' LIMIT 1"); if(isset($_post['save_kami'])){ mysql_query("update `cpanel` SET `value`= '$_POST[tentang_kami]' WHERE control = 'tentang kami' LIMIT 1"); echo "<script>document.location.href='index.php?m=tentang';</script>";

16 85 g. Tampilan Menu Editor Testimonial Tampilan layar ini merupakan tampilan untuk mengubah pengaturan testimonial pada website. Gambar 4.21 Tampilan Menu Editor Testimonial <?php if(isset($_get['id'])){ mysql_query("update `tr_testimonial` SET `tampil`= '$_GET[tampil]' WHERE id = '$_GET[id]' LIMIT 1"); echo "<script>document.location.href='index.php?m=testimonial';</script >"; }

17 86 h. Tampilan Menu Editor Cara Order Tampilan layar ini merupakan tampilan untuk mengupdate informasi cara order pada website. Gambar 4.22 Tampilan Menu Editor Cara Order <?php $cara_order = Select("cpanel","value","WHERE control = 'cara order' LIMIT 1"); if(isset($_post['save_order'])){ mysql_query("update `cpanel` SET `value`= '$_POST[cara_order]' WHERE control = 'cara order' LIMIT 1"); echo "<script>document.location.href='?m=order';</script>";

18 87 i. Menu Editor Kontak kami Tampilan layar ini merupakan tampilan untuk melihat pesan pesan yang telah dikirim oleh pelanggan. Gambar 4.23 Menu Editor Kontak Kami } <?php if(isset($_get['id'])){ mysql_query("update `tr_kontak_kami` SET `status`= '$_GET[tampil]' WHERE id = '$_GET[id]' LIMIT 1"); echo "<script>document.location.href='?m=kontak';</script>";

19 88 j. Tampilan Menu Editor Keranjang Tampilan layar ini merupakan tampilan dimana admin dapat melihat produk yang telah di pesan oleh pelanggan. Gambar 4.24 Tampilan Menu Editor Keranjang <?php if(isset($_get['id'])){ mysql_query("update `tr_keranjang` SET `status`= '1' WHERE kd_pelanggan = '$_GET[id]'"); $ssl = mysql_query("select * from tr_keranjang where kd_pelanggan = '$_GET[id]'"); while($llk = mysql_fetch_array($ssl)){ $sstok = Select("rf_produk","stok","WHERE kd_produk = '$llk[kd_produk]'"); $dup = $sstok - $llk[stok]; mysql_query("update rf_produk SET stok = '$dup' WHERE kd_produk = '$llk[kd_produk]'"); }

20 89 k. Tampilan Laporan Tampilan layar ini merupakan tampilan dimana admin dapat melihat mencetak laporan dari yang ada sesuai periode. Gambar 4.25 Tampilan Menu Laporan <?php == "lap_pen"){?> <td> Bulan </td> <td> <select name="bulan" onchange="submit();"> <option value="0" selected="selected">--pilih Bulan-- </option>

21 90 2. Tampilan Menu Pelanggan a. Tampilan Menu Home Tampilan layar ini merupakan tampilan dimana pelanggan dapat melihat informasi umum pada website UD. Sinar Abadi. Gambar 4.26 Tampilan Menu Home <div class="center_title_bar">ud Sinar Abadi Menjual Berbagai Kusen Pintu lain lain</div> <div class="isinya"> <? echo Select("cpanel","value","WHERE control = 'depan' LIMIT 1");?> </div> <div class="center_title_bar">produk Terbaru</div>

22 91 b. Tampilan Menu Produk Tampilan layar ini merupakan tampilan dimana pelanggan dapat melihat detail - produk yang ada bisa langsung memasukkan produk yang ingin dipesan ke dalam keranjang. Gambar 4.27 Tampilan Menu Editor Produk <div class="center_prod_box_big"> <div class="product_img_big"> <img src="images/<?=$prodata[foto];?>" alt="" width="94" height="92" title="" border="0" /><br/><br/> <a href="?fill=keranjang&kode=<?=$kode;?>" class="addtocart">+ Ke Keranjang</a> </div> <div class="details_big_box"> <div class="product_title_big"><?=$prodata[nm_produk];?></div> <div class="specifications"> <?=$prodata[keterangan];?> </div>

23 92 c. Tampilan Menu Tentang kami Tampilan layar ini merupakan tampilan dimana pelanggan dapat melihat detail profil perusahaan. Gambar 4.28 Tampilan Menu Tentang Kami <div class="center_title_bar">tentang Kami</div> <br/> <br/> <br/> <form method="post" name="form" action=""> <table width="100%" cellpadding="2" cellspacing="2" border="0" style="padding-left:14px; font-size:12px"> <tr> <td><? echo Select("cpanel","value"," WHERE control = 'Tentang Kami' LIMIT 1");?></td>

24 93 d. Tampilan Menu Testimonial Tampilan layar ini merupakan tampilan dimana pelanggan dapat mengirim komentarnya melalui testimonial yang disediakan dengan menginput diri. Gambar 4.29 Tampilan Menu Testimonial <?php extract($_post, EXTR_SKIP); $tgl_testi = date('y-m-d H:i:s'); if(isset($save_testi)){ $nama_file1=$_files['foto']['name']; $lokasi_file=$_files['foto']['tmp_name']; if(!empty($nama_file1)) $nama_file = $nama_file1; else $nama_file = "no_foto.png"; move_uploaded_file($lokasi_file,"foto/$nama_file"); mysql_query("insert INTO `tr_testimonial`(`id`, `tgl`, `nama`, ` `, `keterangan`, `foto`, `tampil`) VALUES ('NULL', '$tgl_testi', '$nama_testi', '$ _testi', '$area_testi', '$nama_file', 'Tidak')");

25 94 e. Tampilan Menu Cara Order Tampilan layar ini merupakan tampilan dimana pelanggan dapat melihat informasi mengenai prosedur pemesanan barang sesuai yang di tentukan perusahaan. Gambar 4.30 Tampilan Menu Cara Order <div class="center_title_bar">cara Order</div> <br/> <br/> <br/> <form method="post" name="form" action=""> <table width="100%" cellpadding="2" cellspacing="2" border="0" style="paddingleft:14px; font-size:12px"> <tr> <td><? echo Select("cpanel","value"," WHERE control = 'cara order' LIMIT 1");?></td>

26 95 f. Tampilan Menu Kontak kami Tampilan layar ini merupakan tampilan dimana pelanggan dapat mengirim pesan langsung ke pada UD. Sinar abadi dengan mengisi diri terlebih dahulu. Gambar 4.31 Tampilan Menu Kontak Kami extract($_post, EXTR_SKIP); $tgl_kontak = date('y-m-d H:i:s'); if(isset($save_kontak)){ mysql_query("insert INTO `tr_kontak_kami`(`id`, `nm_tamu`, ` `, `subjek`, `keterangan`, `tgl`, `status`) VALUES ('NULL', '$nama_kontak', '$ _kontak', '$subjek_kontak', '$area_kontak', '$tgl_kontak', 'Belum')"); echo "<script>document.location.href='?fill=kontak';</script>"; <?

27 96 g. Halaman Keranjang Pelanggan Tampilan layar ini merupakan tampilan dimana pelanggan dapat melihat produk apa saja yang telah masukkan ke dalam keranjang bisa langsung mengirim transaksi dengan mengisi diri terlebih dahulu. Gambar 4.32 Halaman Keranjang Pelanggan <? extract($_post, EXTR_SKIP); if($_get[fill] == 'keranjang' && $_GET['kode']){ $kdd = base64_decode($_get[kode]); $hgt = Select("rf_produk","harga","WHERE kd_produk = '$kdd' LIMIT 1"); $cek = SelectRow("tr_krj","kd_produk","WHERE kd_produk = '$kdd' AND status = '0'"); if($cek == 0){ mysql_query("insert INTO `tr_krj`(`id_krj`, `kd_produk`, `stok`, `harga`, `total`, `status`) VALUES (NULL, '$kdd', '1', '$hgt', '$hgt', '0')");

28 97 h. Halaman Bukti pemesanan Tampilan layar ini merupakan tampilan dimana pelanggan dapat mencetak bukti pemesanan atas transaksi yang telah di lakukan. Gambar 4.33 Halaman Bukti Pemesanan <div class="center_title_bar">terima Kasih</div> <br/> <table width="100%" cellpadding="4" cellspacing="0" border="0" style="padding:0 15px 0 15px;"> <tr> <td colspan="4"><? echo Select("cpanel","value","WHERE control = 'sukses' LIMIT 1");?></td> </tr> <tr> <td colspan="4"> </td>

29 Metode Pengujian Metode pengujian yang dilakukan adalah metode blackbox testing yaitu metode pengujian yang menekankan pada berhasil atau tidak dalam menjalankan fungsi dari program yang dibuat. Pengujian dilakukan dengan cara menginput pada program kemudian di proses apakah sesuai dengan spesifikasi rancangan yang diinginkan. Teknik pengujian blackbox berfokus pada domain informasi dari perangkat lunak, dengan melakukan input dari suatu program engan cara memberikan cakupan pengujian yang mendalam. Pengujian black box dapat menemukan kesalahan dalam kategori sebagai berikut ; 1. Fungsi yang tidak benar atau hilang 2. Kesalahan antar muka 3. Kesalahan dalam struktur atau akses base eksternal 4. Kesalahan kinerja Pengujian dengan menggunakan metode black box testing dilakukan dengan cara memberikan sejumlaj masukan pada program aplikasi yang kemudian diproses sesuai dengan kebutuhan fungsionalnya untuk melihat apakah program aplikasi web menghasilkan keluaran yang diinginkan sesuai dengan fungsi dari program aplikasi ini.

30 Skenario, hasil analisa pengujian Skenario yang di maksud adalah skenario skenario pengujian yang dilakukan untuk melihat hasil dari skenario yang dilakukan. Tabel 4.1 Tabel skenario pengujian aplikasi penjualan barang pada UD. Sinar Abadi. No Antar muka yang diuji 1 Halaman login admin 2 Halaman admin editor home. 3 Halaman admin editor kategori produk. Bagian dari antar muka yang diuji Status Aplikasi Skenario pengujian Login Halaman Masukkan admin. login admin username sudah terbuka. password klik login. Menguji Halaman Input teks proses admin lalu klik update editor update. home telah home pada terbuka. website. Menguji Halaman Input proses admin kategori input editor produk lalu menampilk kategori klik an produk simpan. kategori produk. telah terbuka. Hasil yang di harapkan Hasil Pengujian Masuk ke admin. masuk ke admin. Gagal login. Gagal masuk ke muncul error login. mengupdate mengupdate informasi informasi pada home pada home tersimpan ke dalam base. tersimpan ke dalam base. kategori kategori produk produk kategori kategori produk produk tersimpan tersimpan kedalam kedalam

31 100 base base 4 Halaman Menguji Halaman Input admin proses admin produk lalu editor input editor klik produk produk produk. menampilk produk simpan. an telah produk produk produk. terbuka. tersimpan tersimpan kedalam kedalam base base 5 Halaman Menguji Halaman Input teks admin proses admin lalu klik mengupdate mengupdate editor update editor update. informasi informasi tentang tentang tentang kami tentang kami kami. tentang kami telah pada website pada website kami pada terbuka. website. tersimpan ke tersimpan ke dalam dalam base. base. 6 Halaman Menguji Halaman Mengubah admin tampilan admin pengaturan editor editor tampilan testimonial testimonial testimonial. testimonial testimonial pada front pada front pada telah testimonial web web website. terbuka. pada front testimonial testimonial web. tersimpan tersimpan kedalam kedalam base base 7 Halaman Menguji Halaman Input teks admin proses admin lalu klik mengupdate mengupdate editor update editor update. informasi informasi cara order. cara order cara order cara order cara order telah pada website pada website pada terbuka. website. tersimpan ke tersimpan ke dalam dalam

32 101 base. base. 8 Halaman Menguji Halaman Mengubah admin tampilan admin pengaturan mengubah mengubah editor editor pengaturan pengaturan kontak kontak kontak kami. kami. kami telah editor editor editor terbuka. kontak kontak kami kontak kami kami. tersimpan tersimpan kedalam kedalam base base 9 Halaman Menguji Halaman Mengubah admin tampilan admin pengaturan editor editor keranjang. keranjang keranjang keranjang. editor editor pelanggan. telah keranjang keranjang terbuka. tersimpan tersimpan kedalam kedalam base base 10 Halaman Menguji Halaman Input jenis admin proses admin laporan editor tampilan editor pilih priode laporan. laporan. laporan lalu klik laporan laporan telah cetak. sesuai sesuai terbuka. dengan dengan priode priode 11 Halaman Menguji Halaman Buka tampilan home alamat home. telah website terbuka. lalu pilih home. home. home. home. 12 Halaman Menguji Halaman Pilih tampilan produk.

33 102 produk. produk telah produk. produk. terbuka. produk. 13 Halaman Menguji Halaman Pilih tampilan tentang tentang tentang kami. kami. kami telah tentang tentang tentang terbuka. kami. kami. kami. 14 Halaman Menguji Halaman Input teks inputan lalu klik testimonial. menampilk testimonial simpan. an telah testimonial. testimonial. terbuka. testimonial. 15 Halaman Menguji Halaman Pilih cara tampilan cara cara order. order. order telah cara terbuka. cara cara order. order. order. 16 Halaman Menguji Halaman Input teks inputan lalu klik mengirim mengirim kontak kontak simpan. pesan pesan kami kami telah pesan pesan kontak terbuka. tersimpan ke tersimpan ke kami. dalam dalam base. base. 17 Halaman Menguji Halaman Klik icon keranjang inputan keranjang keranjang pelanggan. menampilk pelanggan lalu klik an telah update, isi keranjang keranjang keranjang terbuka. diri pelanggan pelanggan lalu klik transaksi kirim tersimpan tersimpan pemesanan transaksi. dalam dalam

34 Halaman bukti pemesanan. pelanggan. base. base. Menguji Halaman Klik cetak tampilan bukti pada pemesanan bukti telah transaksi. bukti bukti pemesanan. terbuka. pemesanan. pemesanan. 4.7 Analisa hasil pengujian Setelah melakukan pengujian maka dapat di simpulkan bahwa pengujian pengujian yang telah dilakukan njukkan hasil keluaran proses yang sesuai dengan rancangan aplikasi program ini. Hasil dari pengujian ini dapat di katakan bahwa program ini dapat berfungsi dengan baik karena telah dibuktikan dari hasil skenario pengujian. Pada saat admin pertama kali membuka web, admin melakukan login, pengujian yang dilakukan adalah dengan memasukan username password, apabila validasi sukses maka akan diarahkan ke editor admin, segkan pelanggan bisa langsung melihat informasi melakukan pemesanan dengan langsung membuka alamat website tanpa harus login terlebih dahulu. Program ini dapat digunakan oleh seorang admin dalam mengelola kegiatan penjualan perusahaan agar proses pejualan dapat dilakukan dengan cepat, tepat akurat.