Sistem Penjualan Sepatu Online Berbasis Web

(1)

KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN

UNIVERSITAS SUMATERA UTARA

FAKULTAS MATEMATIKA DAN ILMU

PENGETAHUAN ALAM

Jln. Bioteknologi No.1 Kampus USU Padang Bulan Medan-20155 Telp. (061) 8211050, 8214290, Fax. (061) 8214290

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

Nama Mahasiswa

: CHRISTY INDAH HALOHO

Nomor Stambuk

: 132406183

Judul Tugas Akhir

: SISTEM PENJUALAN SEPATU ONLINE

BERBASIS WEB

Dosen Pembimbing

: Drs. Ujian Sinulingga, M.Si

Tanggal Mulai Bimbingan

:

Tanggal Selesai Bimbingan

:

No.

Tanggal Asisten

Bimbingan

Pembahasan pada

Asistensi Mengenai,

pada Bab :

Paraf Dosen

Pembimbing

Keterangan

1

2

3

4

5

6

7 Diketahui,

KetuaProgram Studi D3 Teknik

Disetujui,

InformatikaFakultas MIPA USU

Pembimbing Utama

Dr. Elly Rosmaini, M.Si.

(2)

Hasil Uji Program Tugas Akhir

SURAT KETERANGAN

Yang bertanda tangan dibawah ini, menerangkan bahwa Tugas Akhir Mahasiswa

Program Diploma 3 Teknik Informatika :

Nama

: CHRISTY INDAH HALOHO

NIM

: 132406183

Program Studi

: D3 Teknik Informatika

Judul TA

: Sistem Penjualan Sepatu Online Berbasis Web

Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut diatas

tanggal...Juni 2016

Dengan Hasil

: Sukses / Gagal

Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian

Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika

FMIPA USU Medan.

Medan, Juni 2016

Dosen Pembimbing

(3)

Listing Program

1. Index.php

<?php

session_start();

require "library/fungsi.php";

if(empty($_SESSION["email"])) {

} else {

} ?>

<!DOCTYPE html> <html lang="en">

<head>

content="index,follow,snippet,archive"> <meta name="viewport"

content="width=device-width, initial-scale=1">

<title>GirlsCorner</title>

<link

href='http://fonts.googleapis.com/css?family=Roboto:40 0,100,100italic,300,300italic,500,700,800'

rel='stylesheet' type='text/css'>

href="assets/public/website_font_awesome_4_3/static/sr c/css/font-awesome.min.css">

<link

href="assets/public/css/style.pink.css" rel="stylesheet" id="theme-stylesheet">

(4)

href="assets/public/img/favicon.ico" type="image/x-icon" />

href="assets/public/img/apple-touch-icon.png" />

<link

href="assets/public/css/owl.theme.css" rel="stylesheet">

</head>

<body>

<?php

get_top(); ?>

<img src="assets/public/img/logo-small.png" alt="Universal logo" class="visible-xs visible-sm"><span class="sr-only">Universal - go to homepage</span>

</a> <div class="navbar-buttons">

<button type="button" class="navbar-toggle btn-template-main" toggle="collapse"

data-target="#navigation">

<span class="sr-only">Toggle navigation</span>

</button>

</div> </div>

(5)

navigasi(); ?>

</div> </div>

</div> </header>

<?php

login_modal(); ?>

<div class="home-carousel"> <div

class="dark-mask"></div>

<?php

$get_slide = slide();

while($slide = mysqli_fetch_array($get_slide)) {

echo '

<p>

<img

src="assets/public/img/logo.png" alt="">

</p>

<h1>'.$slide['judul'].'</h1>

<p>'.$slide['konten'].'</p>

</div>

(6)

</div>

';

} ?> </div> </div>

</div> </section>

<div class="row products"> <?php

semua_produk(); ?>

</div> </div>

</div>

<h2>Testimonial</h2>

</div>

<p class="lead">Apa yang mereka katakan?</p>

<?php

$get_testimoni = testimoni();

while($testimoni =

mysqli_fetch_array($get_testimoni))

{

(7)

echo '

<p>'.$testimoni['pesan'].'</p>

</div>

</div>

<h5>'.$orang['nama_depan'].' '.$orang['nama_belakang'].'</h5>

</div>

</li>

';

} ?> </ul> </div> </div>

</div> </section>

<?php

get_footer(); ?>

(8)

</body>

</html>

2. Library/koneksi.php

<?php

$koneksi = new

mysqli('localhost','root','','cici'); ?>

3. Daftar.php

<?php

session_start();

} else {

} ?>

<head>

<link

href="assets/public/css/owl.carousel.css" rel="stylesheet">

<link

(9)

<script

src="assets/admin/js/jquery.change.js"></script> <script type="text/javascript">

var htmlobjek;

$(document).ready(function(){

$("#provinsi").change(function(){ var provinsi =

$("#provinsi").val();

$.ajax({

url: "full-act.php",

data: "provinsi="+provinsi, cache: false,

success: function(msg){

$("#kabkot").html(msg); } }); });

$("#kabkot").change(function(){ var provinsi1 =

var kabkot = $("#kabkot").val(); $.ajax({

url: "full-act.php", data:

"provinsi1="+provinsi1+"&&kabkot="+kabkot, cache: false,

$("#kecamatan").html(msg); } }); }); });

</script> </head>

<body>

<?php

get_top(); ?>

(10)

</a> <div class="navbar-buttons">

<span class="sr-only">Toggle navigation</span>

</button>

</div> </div>

<?php

navigasi(); ?>

</div> </div>

</div> </header>

<?php

login_modal(); ?>

<h1>Daftar / Login</h1>

</div> </div>

(11)

<p>Dengan mendaftar anda dapat langsung memesan produk yang kami tawarkan, Anda juga dapat menyimpan daftar barang yang ingin anda beli ke dalam whislist anda.</p>

<p class="text-muted">Jika anda memiliki pertanyaan, jangan sungkan bertanya kepada kami di <a

href="kontak.php">kontak kami</a>, pelayanan costumer yang kami berikan 24/7.</p>

<label for="nama_depan">Nama Depan</label>

</div>

<label for="nama_belakang">Nama Belakang</label>

</div>

(12)

</div>

<label for="telepon">Telepon</label>

</div>

<label for="password">Password</label>

<input type="password" class="form-control" name="password" id="password-login"

placeholder="Password" >

</div>

<label for="ver_password">Verifikasi Password</label>

<input type="password" class="form-control" name="ver_password" id="password-login"

placeholder="Verifikasi Password" >

</div>

(13)

</div>

<label for="provinsi">Provinsi</label>

<option value="" hidden>Provinsi</option>

<?php

$get_provinsi = provinsi();

while($provinsi = mysqli_fetch_array($get_provinsi))

{

echo '

<option

value="'.$provinsi['id_provinsi'].'">'.$provinsi['nama _provinsi'].'</option>

';

}

?>

</select>

</div>

(14)

<option value="" hidden>Kabupaten/Kota</option>

</select>

</div>

<label for="alamat">Alamat</label>

</div>

<button name="daftar" type="submit" class="btn btn-template-main"><i class="fa fa-user-md"></i> Daftar</button>

</div>

</form> </div>

</div>

(15)

<p class="lead">Sudah Memiliki Akun?</p>

<p

class="text-muted">Segera login dan pesan produk yang ingin anda beli, persediaan produk terbatas hanya untuk anda yang membutuhkan</p>

<hr>

<label for="email">Email</label>

</div>

<label for="password">Password</label>

<input type="password" class="form-control"

id="password" name="password" placeholder="Password" >

</div>

<button name="tombolLogin" type="submit" class="btn btn-template-main"><i class="fa fa-sign-in"></i> Login</button>

</div>

</form> </div>

</div> </div>

</body>

</html>

4. Akun-costumer.php

(16)

session_start();

echo '

document.location.href="keluar.php"; </script>

'; }

else {

} ?>

<head>

<link

href="assets/public/img/apple-touch-icon.png" /> <script

var htmlobjek;

(17)

$.ajax({

$("#kabkot").html(msg); } }); });

url: "full-act.php", data:

</script> </head>

<body>

<?php

navigasi(); ?>

</div> </div>

</div> </header>

<h1>

<?php

sapa_user();

(18)

</h1> </div> </div>

</div> </div>

<p

class="lead">Ubah Data Pribada Atau Password Anda Di Sini</p>

<h3 class="text-uppercase">Ubah Password</h3>

</div> <form method="post" action="full-act.php">

<label for="password_lama">Password Lama</label>

</div>

(19)

</div>

<label for="ver_password_baru">Konfirmasi Password Baru</label>

</div>

<button name="PasswordBaru" type="submit" class="btn btn-template-main"><i class="fa fa-save"></i> Simpan Password Baru</button>

</div>

</form> </div>

<h3 class="text-uppercase">Data Personal</h3>

</div> <?php

$data = data_user();

?> <form method="post" action="full-act.php">

(20)

<label for="nama_depan">Nama Depan</label>

</div>

<label for="nama_belakang">Nama Belakang</label>

</div>

<label for="alamat">Alamat</label>

</div>

(21)

</div>

</form> </div>

</div>

<h3 class="panel-title">Fitur Customer</h3>

</div>

</li>

<a href="keranjang-belanja.php"><i class="fa fa-shopping-cart"></i> Keranjang Belanja</a>

</li>

<a href="transaksi.php"><i class="fa fa-list"></i> Transaksi</a>

</li>

<li>

<a href="wishlist.php"><i class="fa fa-heart"></i> Wishlist</a>

</li>

(22)

<a href="keluar.php"><i class="fa fa-sign-out"></i> Logout</a>

</li>

</body> </html>

5. Produk.php

<?php

session_start();

} else {

}

if(isset($_GET['produk'])) {

$produk = get_produk($_GET['produk']); $kategori =

get_kategori($produk['kategori']);

$update_lihat = "update tbl_produk set total_lihat = (total_lihat + 1) where kode_produk = '".$_GET['produk']."'";

$conn_update_lihat = mysqli_query($koneksi, $update_lihat);

} else {

echo '

document.location.href = "index.php";

</script> ';

} ?>

<head>

(23)

<link

</head>

<body>

<?php

get_top(); ?>

<img src="assets/public/img/logo-small.png" alt="Universal logo" class="visible-xs visible-sm"><span class="sr-only">Universal - go to homepage</span>

(24)

<?php

login_modal(); ?>

<h1>

<?php echo $produk['nama_produk'];

?> </h1> </div> </div>

</div> </div>

<img src="assets/public/img/produk/<?php echo ''.$kategori['nama_kategori'].'/'.$produk['foto'].''?> " alt="" class="img-responsive">

</div>

<?php

if($produk['diskon'] == 0)

{

$harga = '<p class="price">RP.

'.number_format($produk['harga'], 0, ',', '.').'</p>';

$banner = '';

(25)

else

{

$cek_harga = diskon($produk['harga'], $produk['diskon']);

$harga = '<p class="price"><del>Rp. '.number_format($produk['harga'], 0, ',',

'.').'</del><br> Rp. '.number_format($cek_harga, 0, ',', '.').'</p>';

$banner = '

<div class="theribbon">DISKON</div>

</div>

';

}

if(isset($_SESSION['email']))

{

$cek_wishlist =

cek_wishlist($produk['kode_produk']);

if($cek_wishlist == 0)

{

$wishlist = '<a

href="full-act.php?act=wishlist&&produk='.$produk['kode_produk']. '" class="btn btn-template-main" title="Tambah Ke Wishlist"><i class="fa fa-heart-o"></i></a>';

$tombol = '<button

(26)

btn-template-main"><i class="fa fa-shopping-cart"></i> Tambah Ke Keranjang Belanja</button>';

}

else

{

$wishlist = '<a class="btn btn-template-primary" title="Ada Dalam Daftar Wishlist"><i class="fa fa-heart-o"></i></a>';

$tombol = '<button

name="tambahKeranjangBelanja" type="submit" class="btn btn-template-main"><i class="fa fa-shopping-cart"></i> Tambah Ke Keranjang Belanja</button>';

}

else

{

$wishlist = "";

$tombol = '<a href="#" toggle="modal" data-target="#login-modal" class="btn btn-template-main"><i class="fa fa-sign-in"></i> Login</a>';

}

echo $banner;

?> </div> <div class="col-sm-6">

<?php

echo $harga;

echo '<h4 class="text-center">Stok '.$produk['stok'].'</h4><br>';

?>

(27)

<h3>Produk Yang Sering Dilihat</h3>

</div>

<?php

$query = "select * from tbl_produk order by total_lihat desc limit 3";

$conn = mysqli_query($koneksi, $query);

while($data = mysqli_fetch_array($conn)) {

$kategori = get_kategori($data['kategori']);

echo '

<a

href="produk.php?produk='.$data['kode_produk'].'">

<img

src="assets/public/img/produk/'.$kategori['nama_katego ri'].'/'.$data['foto'].'" alt="" class="img-responsive image1">

</a>

</div>

(28)

<p

class="price">'.number_format($data['harga'], 0, ',', '.').'</p>

</div>

';

} ?> </div> </div>

<h3 class="panel-title">Kategori</h3>

</div>

<?php

$conn_side_kategori = all_kategori();

while($side_kategori =

mysqli_fetch_array($conn_side_kategori))

{

$banyak =

get_count_produk($side_kategori['kode_kategori']);

echo '

<li>

<a

(29)

egori'].'">'.$side_kategori['nama_kategori'].' <span class="badge pull-right">'.$banyak.'</span></a>

</li>

';

}

?>

</ul> </div> </div>

</div> </div>

<?php

get_footer(); ?>

</div>

</body> </html>

6. Transaksi.php

<?php

session_start();

echo '

document.location.href="keluar.php"; </script>

'; }

else {

} ?>

<head>

(30)

<link

<script

var htmlobjek;

$(document).ready(function(){

$.ajax({

$("#kabkot").html(msg); } }); });

(31)

data:

</script> </head>

<body>

<?php

get_top(); ?>

</div> </div>

<?php

navigasi(); ?>

</div> </div>

</div> </header>

<h1>

<?php

sapa_user();

?> </h1> </div> </div>

(32)

<h3 class="panel-title">Fitur Customer</h3>

</div>

</li>

<a href="keranjang-belanja.php"><i class="fa fa-shopping-cart"></i> Keranjang Belanja</a>

</li>

<a href="transaksi.php"><i class="fa fa-list"></i> Transaksi</a>

</li>

<li>

<a href="wishlist.php"><i class="fa fa-heart"></i> Wishlist</a>

</li>

<li>

<a href="keluar.php"><i class="fa fa-sign-out"></i> Logout</a>

</li>

</ul> </div>

</div> </div>

(33)

<?php

get_footer(); ?>

</body>

</html>

7. Keluar.php

<?php

session_start();

session_destroy();

echo '

document.location="daftar.php"; </script>

'; ?>

8. Panelc.php

<?php

session_start();

require "library/fungsi-admin.php"; ?>

<head>

content="width=device-width, initial-scale=1.0"> <meta name="description" content="Creative - Bootstrap 3 Responsive Admin Template">

<title>Admin Login | GirlsCorner</title>

(34)

</head>

<?php

if(isset($_POST["tombol"]) && $_POST["tombol"] == "Login")

{

if(isset($_POST["username"])&&isset($_POST["passw ord"]))

{

$query = "select * from

tbl_admin where username='".$_POST["username"]."' and password=md5('".$_POST["password"]."')";

$conn = mysqli_query($koneksi, $query);

while($data = mysqli_fetch_array($conn))

{

$_SESSION["id_admin"] = $data['id_admin'];

$_SESSION["username"] = $data['username'];

$_SESSION["password"] = $data['password'];

$_SESSION["nama"] = $data['nama'];

}

navigasi_login(); }

}

navigasi_login(); ?>

<input type="text" class="form-control" name="username"