BAB IV HASIL DAN ANALISIS Tampilan awal website (Home) Berikut ini adalah tampilan awal website pada index.php

Transkripsi

1 BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya atau Implementasi Tampilan awal website (Home) Berikut ini adalah tampilan awal website pada index.php Gambar 4.1 tampilan Home Pada tampilan awal atau home pada website ini berisi beberapa informasi sebagai berikut : 1. Menu login admin 2. Menu login customers 26

2 27 3. Daftar produk bagi pengunjung. 4. Daftar harga 5. Form comment bagi pengunjung Tampilan About Berikut ini adalah tampilan page About pada About.php Gambar 4.2 Tampilan page about.php Dalam tampilan ini berisi informasi mengenai Toko Primajaya Aluminium Salatiga, yaitu sebagai berikut : 1. Contact person Primajaya Aluminium 2. Primajaya Aluminium 3. Blogs Primajaya Aluminium 4. Sistem pekerjaan beserta sistem pembayaran. 5. Daftar produk bagi pengunjung.

3 Tampilan Partner Berikut ini adalah tampilan page Partner pada partner.php Gambar 4.3 Tampilan page partner.php Pada tampilan ini berisi beberapa informasi mengenai partner kerja Toko Primajaya Aluminium Salatiga dan disisi sebelah kanan ada daftar produk.

4 Tampilan Product Berikut ini adalah tampilan product pada Product.php Gambar 4.4 tampilan product.php Gambar 4.5 tampilan product kategori

5 30 Pada tampilan ini berisi seluruh produk Primajaya Aluminium sesuai dengan kategori produk yang ada, pada sisi sebelah kiri terdapat menu kategori produk, jika pelanggan memilih atau meng-click salah satu kategori tersebut, maka akan muncul gambar atau foto sesuai dengan kategori yang dipilih beserta detail produk dan harga produk. Kode Program 1. Kode program untuk menampilkan semua produk berupa gambar, harga dan detail produk. <?php $prod = $_GET['id']; $cat = $_GET['cat']; if($cat){ $sql = mysql_query("select * FROM category WHERE id = '$cat'"); $jdl = mysql_fetch_array($sql); echo "<h1 class='judul'>kategori $jdl[category]</h1>"; $sql2 = mysql_query("select * FROM product WHERE id_category='$cat'"); while($t = mysql_fetch_array($sql2)){?> <div class="produk"> <table width="500" border="1"> <tr> <th scope="row"><img title="<?php echo $t['product_name'];?>" class="fotoproduk" src="foto/<?php echo $t['image'];?>" width="150px" height="200px" /><br /></th>

6 31 <td><?php echo $t['deskripsi'];?><br /><div class="">rp.<?php echo $t['price'];?> </div><br /></td> </div> </tr> </table> </a> Tampilan Material Berikut ini adalah tampilan Material pada Material.php Gambar 4.6 Tampilan page material.php

7 32 Pada tampilan ini hanya berisi beberapa gambar material yang digunakan untuk pembuatan produk di Toko Primajaya Aluminium Salatiga dan beberapa kategori produk Tampilan Menu Login Admin Berikut ini adalah tampilan login admin pada admin.php Gambar 4.7 Tampilan login admin Pada tampilan ini, admin harus mengisikan username dan password, setelah selesai mengisikan kemudian klik button login, selanjutnya akan masuk ke page home admin.

8 33 Kode Program 2. Kode program untuk masuk pada Login Admin <?php include('koneksi.php'); //tangkap data dari form login $username = $_POST["id_user"]; $password = $_POST["password"]; //untuk mencegah sql injection //kita gunakan mysql_real_escape_string $username = mysql_real_escape_string($id_user); $password = mysql_real_escape_string($password); //cek data yang dikirim, apakah kosong atau tidak if (empty($id_user) && empty($password)) { //kalau username dan password kosong header("location:index.php?error=1"); break; } else if (empty($id_user)) { //kalau username saja yang kosong header("location:index.php?error=2"); break; } else if (empty($password)) { //kalau password saja yang kosong //redirect ke halaman index header("location:index.php?error=3"); break; }

9 34 $q = mysql_query("select * from user where id_user='$id_user' and password='$password'"); if (mysql_num_rows($q) == 1) { //kalau username dan password sudah terdaftar di database } else { header('location:admin.php'); //kalau username ataupun password tidak terdaftar di database } header('location:index.php?error=4'); Tampilan Home Admin Gambar 4.8 tampilan Home admin Pada tampilan Home Login pada Admin ini berisikan :

10 35 1. Page Produk yang dapat di-update oleh admin untuk menambahkan produk baru, meng-edit detail produk ataupun harga setiap produk. 2. Page Kategori berisikan form kategori yang dapat diupdate oleh admin dengan menambahkan kategori lain. 3. Menu Logout untuk admin jika ingin keluar dari sistem admin. 4. Page Laporan berisikan beberapa nama-nama pembeli beserta laporan penjualan barang yang dibeli oleh customers dilengkapi dengan tanggal pembelian, berikut kode program untuk mengatur tanggal pembelian : Kode Program 3. Kode program untuk mengatur tanggal pembelian pada Page Laporan pada Admin. <?php $seminggu = array("minggu","senin","selasa","rabu","kamis","jumat ","Sabtu"); $hari = date("w"); $hari_ini = $seminggu[$hari]; $tgl_sekarang = date("ymd"); $thn_sekarang = date("y"); $jam_sekarang = date("h:i:s"); $nama_bln=array(1=> "Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember");?>

11 Tampilan Produk Admin Gambar 4.9 tampilan produk admin Jika admin ingin menambahkan beberapa produk baru kedalam website, kllik button Tambah Produk Baru akan ganti tampilan seperti gambar Kemudian jika admin ingin menghapus atau meng-edit produk yang sudah ada, admin tinggal mengklik tulisan biru edit atau hapus yang terletak disebelah kanan kolom harga.

12 37 Gambar 4.10 tampilan tambah produk baru Kode Program 4. Kode program untuk menyimpan kedatabase dari updating admin (aksi.php) <?php session_start(); error_reporting(0); include "koneksi.php"; include "tanggal.php"; $mod=$_get[mod]; $act=$_get[act]; // Menghapus data if (isset($mod) AND $act=='hapus'){ mysql_query("delete FROM ".$mod." WHERE id ='$_GET[id]'"); } header('location:admin.php?mod='.$mod);

13 38 //Add Category elseif ($mod=='category' AND $act=='input'){ $insert = mysql_query("insert INTO category (id,category) VALUES ('','$_POST[nama_kategori]')"); if($insert == FALSE){ echo "<p>kategori gagal ditambahkan, alesannya:".(mysql_error())."</p>"; } header('location:admin.php?mod='.$mod); } //Category Update elseif ($mod=='category' AND $act=='update'){ $update = mysql_query("update category SET category = '$_POST[nama_kategori]' WHERE id = '$_POST[id]'"); if($update ==FALSE){ echo "<p>update gagal dilakukan karena:".(mysql_error())."</p>"; } header('location:admin.php?mod='.$mod); } //Add Product elseif ($mod=='product' AND $act=='input'){ $lokasi_file $tipe_file $nama_file = $_FILES['fgambar']['tmp_name']; = $_FILES['fgambar']['type']; = $_FILES['fgambar']['name']; move_uploaded_file($lokasi_file,"../foto/$nama_file");

14 39 $insert = mysql_query("insert INTO product (product_name,price,image, id_category, deskripsi) VALUES ('$_POST[product_name]', '$_POST[price]', '$nama_file','$_post[cat]', '$_POST[deskripsi]')"); header('location:admin.php?mod='.$mod); } //Product Update elseif ($mod=='product' AND $act=='update'){ $lokasi_file = $_FILES['fgambar']['tmp_name']; $tipe_file = $_FILES['fgambar']['type']; $nama_file = $_FILES['fgambar']['name']; //If the image doesnt change if (empty($lokasi_file)){ mysql_query("update product SET product_name = '$_POST[product_name]', price id_category deskripsi = '$_POST[price]', = '$_POST[cat]', = '$_POST[deskripsi]' WHERE id = '$_POST[id]'"); } else { "); move_uploaded_file($lokasi_file,"../foto/$nama_file mysql_query("update product SET product_name= '$_POST[product_name]',

15 40 price = '$_POST[price]', image = '$nama_file', id_category = '$_POST[cat]', deskripsi = '$_POST[deskripsi]' WHERE id = '$_POST[id]'");} header('location:admin.php?mod='.$mod); }?> Tampilan Kategori Admin Gambar 4.10 tampilan kategori admin Jika di kllik button Tambah akan ganti tampilan seperti berikut :

16 41 Gambar 4.11 tampilan tambah kategori Kode Program 5. Kode program untuk menyimpan penambahan kategori kedatabase (aksi.php) //Add Category elseif ($mod=='category' AND $act=='input'){ $insert = mysql_query("insert INTO category (id,category) VALUES ('','$_POST[nama_kategori]')"); if($insert == FALSE){ echo "<p>kategori gagal ditambahkan, alesannya:".(mysql_error())."</p>"; } header('location:admin.php?mod='.$mod); }

17 Tampilan Laporan Admin Gambar 4.12 tampilan laporan admin Kode Program 6. Kode program untuk menampilkan Laporan pada Admin (laporan.php) <?php $sid = session_id(); $sql = mysql_query("select * FROM order_product, product WHERE order_product.id_product=product.id");?> <h1 class="judul">laporan</h1> <table class="tablecart"> <tr><th>no</th> <th>nama Produk</th> <th>nama Pemesan</th>

18 43 <th>alamat Pemesan</th> <th>telepon</th> <th>jumlah</th> <th>tanggal</th> </tr> <?php $no = 1; while ($r=mysql_fetch_array($sql)){ echo"<tr><td>$no</td> <td>$r[product_name]</td> <td>$r[name]</td> <td>$r[address]</td> <td>$r[phone]</td> <td><center>$r[jumlah]</center></td> <td>$r[tanggal]</td> </tr>"; $no++; }?>

19 44 Jika anda ingin keluar dari sistem administrator, klik link logout maka akan muncul konfirmasi seperti berikut ini : Gambar 4.13 tampilan keluar sistem admin Kode Program 7. Kode program untuk keluar dari sistem admin. <?php session_start(); session_destroy(); echo "<script>window.alert('berhasil keluar dari sistem administrator'); window.location=('../index.php')</script>";?>

20 Tampilan Login Customers Gambar 4.14 tampilan login customers Dengan mengisikan nama user dan password, maka customers akan masuk kehalaman home customers. Jika nama user dan password yang anda masukkan salah maka page akan me-reload kehalaman index.php

21 Tampilan Home Customers Gambar 4.15 tampilan home customers Kode Program 8. Kode program untuk memunculkan nama customers <?php $member_id=$_session['member_id']; $result=mysql_query("select * from members where member_id='$member_id'")or die(mysql_error);?> $row=mysql_fetch_array($result); $FirstName=$row['FirstName']; $LastName=$row['LastName']; echo $FirstName." ".$LastName;

22 Tampilan Produk Customers Gambar 4.16 tampilan produk customers Kode Program 9. Kode program untuk memunculkan setiap kategori produk yang dipilih seperti terlihat pada gambar 4.16 <div class="produk"> <a href="product.php?id=<?php echo $t['id'];?>"> <img title="<?php echo $t['product_name'];?>" class="fotoproduk" src="foto/<?php echo $t['image'];?>" width="180px" height="150px" /></a> <br class="clearfloat" /> <a class="pesanprod" href="input.php?input=add&id=<?php echo $t['id'];?>"><input name="" type="button" value="pesan" /></a>

23 48 <a class="detprod" href="product.php?id=<?php echo $t['id'];?>"><input name="" type="button" value="detail" /></a> </div> <br /> Tampilan Detail Produk pada Customers Gambar 4.17 tampilan detail produk pada customers

24 49 Kode Program 10. Kode program untuk menampilkan detail setiap produk yang dipilih. Seperti pada gambar <?php $sql = mysql_query("select * FROM product WHERE id='$prod'"); $d = mysql_fetch_array($sql);?> <h1 class="judul">produk <?php echo $d['product_name'];?></h1> <div class="ketprod"> <table width="600" border="1"><tr> <th scope="row"><img class="gambarketprod" src="foto/<?php echo $d['image'];?>" width="300px" height="200px" /><br/></th> <td><?php echo $d['deskripsi'];?><br /><div class="">rp.<?php echo $d['price'];?> </div></td> </tr> </table> </div> <a class="haha" href="javascript:history.go(- 1)">Kembali</a> <a class="haha" href="input.php?input=add&id=<?php echo $d['id'];?>">beli</a> <?php }?>

25 Tampilan Cart Pembelian pada Customers Gambar 4.18 tampilan cart pembelian Pada tampilan cart pembelian customers ini, customers dapat membeli atau menambahkan order kedalam trolly yang sudah ada, kemudian untuk tahap pembayaran, customers tinggal langsung masuk ketahap selanjutnya.

26 51 Kode Program 11. Kode program untuk menampilkan dan menyimpan pesanan <?php include "koneksi.php"; $sid = session_id(); $sql = mysql_query("select * FROM keranjang"); $row = mysql_num_rows($sql); $jml = mysql_fetch_array($sql); echo "<span class='ketcart'>$row item</span>";?> Jika trolly anda dalam keadaan kosong, klik link hapus maka akan muncul konfirmasi seperti berikut ini : Gambar 4.19 konfirmasi pesanan kosong

27 52 Kode Program 12. Kode program untuk menjumlah pesanan dan konfirmasi pesanan nol. <?php $sid = session_id(); $no = 1; $sql = mysql_query("select * FROM keranjang, product WHERE id_session='$sid' AND keranjang.id_product=product.id"); $hitung = mysql_num_rows($sql); if ($hitung < 1){ Anda Kosong!'); echo"<script>window.alert('trolly window.location=('indexmember.php')</script>"; else { } while($tian=mysql_fetch_array($sql)){ echo"<tr><td>$no</td> src=foto/$tian[image]></td> <td><img width=50 <td>$tian[product_name]</td> <td>$tian[qty]</td> <td>$tian[price]</td> <td><a href=input.php?input=delete&id=$tian[id_keranjang]>hapus</ a></td></tr>";$no++;?> } }

28 Tampilan Konfirmasi Pemesanan pada Customers Gambar 4.20 tampilan konfirmasi pesanan Dalam tampilan konfirmasi tersebut diatas pada gambar 4.20, setelah selesai melakukan pesanan makan akan muncul keterangan mengenai identitas kelengkapan customers. Jika anda telah selesai melakukan pemesanan barang, klik button pesan maka akan muncul konfirmasi seperti berikut ini :

29 54 Kode Program 13. Kode program untuk menjumlah pesanan dan konfirmasi pesanan nol. <?php $member_id=$_session['member_id']; $result=mysql_query("select * from members where member_id='$member_id'")or die(mysql_error); $row=mysql_fetch_array($result); $FirstName=$row['FirstName']; $LastName=$row['LastName']; $ =$row[' ']; $address=$row['address']; $phone=$row['telp']; echo $FirstName." ".$LastName;?><br /> echo '/'; echo $ ; echo '/'; echo $address; echo '/'; echo $phone; <a class="tocart" href="cart.php">trolly Anda :</a> <?php include "cart2.php";?><br />

30 Gambar 4.21 konfirmasi pesan 55

31 56 Structure Database menggunakan php MYSQL : 1. Tabel Category 2. Tabel Comment Partner 3. Tabel Comment Primajaya 4. Tabel Harga

32 57 5. Tabel Keranjang 6. Tabel Material 7. Tabel member atau customers 8. Tabel user

33 58 9. Tabel order product 10. Tabel product

34 Hasil Pengujian Berikut adalah tabel pengujian website Toko Primajaya Aluminium Salatiga sebagai berikut : NO Fungsi yang diuji Cara pengujia n Hasil yang diharapkan Hasil pengujia n 1 Form Memilih Menampilkn akses OK management halaman halaman home dan Home utama akses sebagai Admin atau dan Customers. Home 2 Form Memilih Menampilkan akses OK management page ke halaman About About About 3 Form Memilih Menampilkan akses OK management page ke halaman Partner Partner Partner 4 Form Memilih Menampilkan akses OK management detail halaman detail detail produk yang diinginka n 5 Form Memilih Menampilkan akses OK management produk halaman cart cart yang dibeli 6 Form Mengkon Menampilkan akses OK management firmasi halaman konfirmasi

35 60 konfirmasi pembelia pembelian pembelian n 7 Form Memilih Menampilkan akses OK management page ke halaman material material material 8 Form Memilih Menampilkan akses OK management page ke halaman product product product 9 Form Mengisik Menampilkan akses OK management an form halaman comment comment comment 10 Form Mengisik Menampilkan akses OK management an halaman customers customers usernam e dan password 11 Form Mengisik Menampilkan akses OK management an halaman admin admin usernam e dan password 15 Form Mengisik Menampilkan akses OK management an nama halaman update update produk, product dan product pada jenis mengupdate database admin. kategori, produk. harga produk, foto produk.

36 61 16 Form Mengisik Menampilkan akses OK management an nama halaman update update kategori category dan category yang mengupdate database pada admin. akan kategori. ditambah kan.

37 Analisis Website e-commerce ini dapat diakses oleh Customers Toko Primajaya Aluminium sebagai pelanggan yang dapat melakukan pemesanan produk, Admin Toko Primajaya Aluminium sebagai user pengelola data produk, dan juga seluruh masyarkat umum sebagai pengunjung website yang dapat melihat informasi-informasi mengenai profile Toko Primajaya Aluminium. Dengan adanya website ini diharapkan Toko Primajaya Aluminium lebih dikenal oleh masyarakat luas dan memberikan pelayanan yang maksimal bagi pengunjung ataupun customers.