Perancangan Aplikasi Penjualan Online Berbasis Web Pada Distro Molotov

(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

: CASTRAN P S MANIK

Nomor Stambuk

: 132406103

Judul Tugas Akhir

:

PERANCANGAN APLIKASI PENJUALAN

ONLINE BERBASIS WEB PADA DISTRO

MOLOTOV

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

: CASTRAN P S MANIK

NIM

: 132406103

Program Studi

: D3 Teknik Informatika

Judul TA

: PERANCANGAN APLIKASI PENJUALAN ONLINE

BERBASIS WEB PADA DISTRO MOLOTOV

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)

NIP. 1965603031984031004

Listing Program

1. Index.php

<?php

session_start();

require "library/library.php"; ?>

<!DOCTYPE html> <html class="no-js"> <head>

<title>Molotov</title>

href="assets/publik/css/bootstrap.min.css"> <link rel="stylesheet"

href="assets/publik/css/icomoon-social.css"> <link

href='http://fonts.googleapis.com/css?family=Open+Sans:400,70 0,600,800' rel='stylesheet' type='text/css'>

href="assets/publik/css/leaflet.css" />

<!--[if lte IE 8]>

href="assets/publik/css/leaflet.ie.css" />

<![endif]-->

href="assets/publik/css/main-grey.css">

</head> <body>

<?php

top_nav();

navigasi();

?>

</div>

(4)

<?php

$query = "select * from

tbl_slide";

$conn = mysqli_query($koneksi,

$query);

while($data =

mysqli_fetch_array($conn))

{

echo '

<li

class="bg1">

<h2

class="title">'.$data['judul'].'</h2>

<h3

class="subtitle">'.$data['konten'].'</h3>

<img

class="slide-img"

src="assets/publik/img/Slide/'.$data['foto'].'" alt="'.$data['judul'].'" />

</li>

';

}

?>

</ul>

<?php

$query = "select * from

tbl_slide";

$conn =

mysqli_query($koneksi, $query);

while($data =

mysqli_fetch_array($conn))

{

echo '

<li>

'.$data['id_slide'].'

(5)

</div>

<?php

$no = 1;

$conn_produk = produk();

while($produk =

mysqli_fetch_array($conn_produk))

{

$subkategori =

get_subkategori($produk['subkategori']);

$kategori =

get_kategori($produk['kategori']);

if(empty($_SESSION['id_user']))

{

cek_wishlist($_SESSION['id_user'], $produk['kode_produk']);

if($cek_wishlist == 0)

{

$tombolWishlist =

'<a class="btn btn-small"

href="library/crud.php?act=TambahWishlist&&produk='.$produk[' kode_produk'].'" title="Tambah Ke Wishlist"><i

class="glyphicon glyphicon-heart"></i></a>';

}

col-sm-6">

<div

class="shop-item">

<div

(6)

<a

href="detail-produk.php?produk='.$produk['kode_produk'].'"><img

src="'.$halaman_utama.'assets/publik/produk/'.$kategori['nama _kategori'].'/'.$subkategori['nama_subkategori'].'/'.$produk[ 'foto'].'" alt="'.$produk['nama_produk'].'"></a>

</div>

<div

class="title">

</div>

';

if($no % 4 == 0)

{

echo '</div>';

}

$no++;

}

?>

</div>

<?php

footer();

?>

</html>

2. Library / koneksi.php

<?php

$koneksi = new

mysqli('localhost','root','','castran');

$halaman_utama = 'http://localhost/castran/'; ?>

3. Library/in.conecction.php

<?php

$myHost = "localhost"; $myUser = "root"; $myPass = "";

$myDbs = "castran";

(7)

echo "Failed Connection !"; }

mysql_select_db($myDbs) or die("Database not found !"); ?>

4. Panelc/index.php

<?php

session_start();

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

if(empty($_SESSION['id_admin'])) {

header ('location: ../panelc.php'); }

?>

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

<head>

href="../assets/public/img/favicon.ico">

<title>Admin | Molotov</title>

<link

href="../assets/admin/css/bootstrap.min.css" rel="stylesheet">

<link

href="assets/fullcalendar/fullcalendar/bootstrap-fullcalendar.css" rel="stylesheet" />

<link

(8)

href="../assets/admin/css/owl.carousel.css" type="text/css">

href="../assets/admin/css/fullcalendar.css">

</head>

<body>

</div>

<?php

TopNav(); ?>

</header>

<?php

SideNav(); ?>

<div class="col-lg-12"> <h3 class="page-header"><i class="fa fa-home"></i> Beranda</h3>

(9)

<li><i class="fa fa-home"></i>Beranda</li>

</ol> </div> </div>

<h2><strong>Beranda</strong></h2>

</div> <div class="panel-body">

<h1>Selamat Datang Admin</h1>

</div> </div>

</section> </section>

</section>

<script

src="../assets/admin/js/jquery.js"></script>

src="../assets/admin/js/jquery-ui-1.9.2.custom.min.js"></script> <script

src="../assets/admin/js/bootstrap.min.js"></script> <script

src="../assets/admin/js/jquery.scrollTo.min.js"></script> <script

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

</body> </html>

5. Login.php

<?php

(10)

href="assets/publik/css/bootstrap.min.css"> <link rel="stylesheet"

href="assets/publik/css/icomoon-social.css"> <link

href='http://fonts.googleapis.com/css?family=Open+Sans:400 ,700,600,800' rel='stylesheet' type='text/css'>

href="assets/publik/css/leaflet.css" /> <!--[if lte IE 8]>

<![endif]-->

</head> <body>

<?php

top_nav(); navigasi(); ?>

</div> </div>

<h1><i class="glyphicon glyphicon-log-in"></i> Login</h1>

(11)

</div> </div>

<label

for="email"><i class="icon-user"></i> <b>Email</b></label> <input class="form-control" id="email" name="email" type="text" placeholder="Email">

</div> <div class="form-group">

<label

for="password"><i class="icon-lock"></i> <b>Password</b></label>

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

type="password" placeholder="Password">

<a href="page-password-reset.html"

class="forgot-password">Lupa password?</a>

<button name="Login" type="submit" class="btn pull-right"><i class="glyphicon glyphicon-log-in"></i> Login</button>

</div> </form> </div>

</div>

<p>Segera login dan pesan produk yang ingin anda beli, persediaan produk terbatas hanya untuk anda yang membutuhkan.</p>

(12)

</div> </div>

</div>

<?php

footer();

</body> </html>

6. Daftar.php

<?php

session_start();

<![endif]-->

<script

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

var htmlobjek;

$(document).ready(function(){

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

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

(13)

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

success: function(msg){

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

}); });

$("#kabkot").change(function(){

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

url: "library/change.php", data:

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

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

}); }); });

</script> </head>

<body>

<?php

</div> </div>

<label

for="nama"><i class="icon-user"></i> <b>Nama</b></label> <input class="form-control" id="nama" name="nama" type="text" placeholder="Nama">

(14)

<label

for="email"><i class="icon-user"></i> <b>Email</b></label> <input class="form-control" id="email" name="email" type="text" placeholder="Email">

<label

for="telepon"><i class="icon-user"></i> <b>Telepon</b></label>

<input class="form-control" id="telepon" name="telepon"

type="text" placeholder="Telepon">

<label

for="provinsi"><i class="icon-user"></i> <b>Provinsi</b></label>

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

<?php

$conn_provinsi = provinsi();

while($provinsi = mysqli_fetch_array($conn_provinsi))

{

echo '<option

value="'.$provinsi['id_provinsi'].'">'.$provinsi['nama_pro vinsi'].'</option>';

}

?> </select> </div>

<label

for="kabkot"><i class="icon-user"></i> <b>Kabupaten / Kota</b></label>

(15)

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

<label

for="kecamatan"><i class="icon-user"></i> <b>Kecamatan</b></label>

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

</select> </div>

<label

for="kode_pos"><i class="icon-user"></i> <b>Kode Pos</b></label>

<input class="form-control" id="kode_pos" name="kode_pos"

type="text" placeholder="Kode Pos">

<label

for="alamat"><i class="icon-user"></i> <b>Alamat</b></label>

<label

for="password"><i class="icon-lock"></i> <b>Password</b></label>

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

type="password" placeholder="Password">

<label

for="ver_password"><i class="icon-lock"></i> <b>Verifikasi Password</b></label>

(16)

<button name="Daftar" type="submit" class="btn pull-right"><i class="glyphicon glyphicon-user"></i> Daftar</button> <div class="clearfix"></div>

</div>

<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>

<div class="not-member"> <p>Sudah Memiliki Akun? <a href="login.php">Login Disini</a></p>

</div> </div>

</div>

<?php

footer(); ?>

</body> </html>

7. Produk.php

<?php

session_start();

require "library/library.php";

if(empty($_GET['subkategori'])) {

header("location: ".$halaman_utama.""); }

else {

$subkategori =

(17)

$conn_produk =

get_produk_subkategori($_GET['subkategori']); $kategori =

get_kategori($subkategori['kode_kategori']); }

?>

<![endif]-->

</head> <body>

<?php

</div> </div>

<h2>

<?php echo ''.$kategori['nama_kategori'].' > '.$subkategori['nama_subkategori'].'';

?> </h2> <?php

(18)

while($produk = mysqli_fetch_array($conn_produk))

{

if(empty($_SESSION['id_user'])) {

$tombolWishlist = '';

} else {

$cek_wishlist = cek_wishlist($_SESSION['id_user'],

$produk['kode_produk']);

if($cek_wishlist == 0)

{

$tombolWishlist = '<a class="btn btn-small"

href="library/crud.php?act=TambahWishlist&&produk='.$produ k['kode_produk'].'" title="Tambah Ke Wishlist"><i

class="glyphicon glyphicon-heart"></i></a>'; } else {

$tombolWishlist = '';

} }

if($no % 4 == 1) {

echo '<div class="row">';

}

echo '

<a

href="detail-produk.php?produk='.$produk['kode_produk'].'"><img

(19)

</div>

<h3><a

href="detail-produk.php?produk='.$produk['kode_produk'].'">'.$produk['n ama_produk'].'</a></h3>

</div>

Rp. '.number_format($produk['harga'], 0, ',', '.').'

</div>

'.$tombolWishlist.'

<a

href="detail-produk.php?produk='.$produk['kode_produk'].'"

title="Lihat" class="btn btn-small" href="page-product-details.html"><i class="glyphicon

glyphicon-search"></i></a>

</div>

</div> </div>

';

if($no % 4 == 0) {

echo '</div>'; }

$no++; }

?> </div> </div>

<?php

footer(); ?>

(20)

8. Transaksi.php

<?php

session_start();

header("location: ".$halaman_utama."daftar.php");

} ?>

href="assets/publik/css/icomoon-social.css">

<![endif]-->

</head> <body>

<?php

</div> </div>

(21)

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

</div> </div>

</div>

<?php

$conn_transaksi = transaksi($_SESSION['id_user']);

if(mysqli_num_rows($conn_transaksi) == 0) {

echo '<h5>Tidak Ada Transaksi Yang Dilakukan</h5>';

} else {

echo '

';

while($transaksi =

mysqli_fetch_array($conn_transaksi))

{

$banyak_item =

banyak_pesanan($transaksi['id_pesanan']);

echo '

<tr>

<td

class="image"><h3>'.$transaksi['id_pesanan'].'</h3><p>'.$t ransaksi['status'].'</p></td>

(22)

</tr>

</form>

';

}

echo '

</table>

'; }

?> </div>

<h4>Layanan Costumer</h4> <?php

layanan_costumer(); ?>

</div> </div>

<?php

footer(); ?>

</body> </html>

9. Konfirmasipengiriman.php

<?php

session_start();

header("location: ".$halaman_utama."daftar.php");

} else {

(23)

if(empty($_GET['provinsi']) or empty($_GET['kabkot']) or empty($_GET['kecamatan']) or empty($_GET['kode_pos']) or empty($_GET['alamat']))

{

header("location: ".$halaman_utama.""); }

else {

$provinsi = get_provinsi($_GET['provinsi']); $kabkot = get_kabkot($_GET['provinsi'], $_GET['kabkot']);

$kecamatan = get_kecamatan($_GET['provinsi'], $_GET['kabkot'], $_GET['kecamatan']);

} ?>

<link

href='http://fonts.googleapis.com/css?family=Open+Sans:400 ,700,600,800' rel='stylesheet' type='text/css'>

<![endif]-->

<script

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

var htmlobjek;

(24)

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

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

url: "library/change.php", data: "provinsi="+provinsi, cache: false,

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

}); });

$("#kabkot").change(function(){

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

url: "library/change.php", data:

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

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

}); }); });

</script> </head>

<body>

<?php

</div> </div>

<h1><i class="glyphicon glyphicon-check"></i> Konfirmasi Pengiriman</h1>

</div> </div>

(25)

<tr> <td colspan="4"><h4>Produk Yang Dibeli</h4></td>

</tr> <?php

$total = 0; $conn_pesanan = get_keranjang_belanja($_SESSION['id_user']);

while($pesanan = mysqli_fetch_array($conn_pesanan))

{

$produk = get_produk($pesanan['kode_produk']);

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

$subkategori =

get_subkategori($produk['subkategori']);

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

{

$harga = 'Rp. '.number_format($produk['harga'] * $pesanan['banyak'], 0, ',', '.').'';

$satuan = 'Rp. '.number_format($produk['harga'], 0, ',', '.').'';

$total += $produk['harga'] * $pesanan['banyak']; } else {

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

$get_harga = $get_harga * $pesanan['banyak'];

$satuan = 'Rp. '.number_format($produk['harga'], 0, ',', '.').'<sup>- '.$produk['diskon'].'%</sup>';

(26)

'.$produk['diskon'].'%</sup><br>Rp.

'.number_format($get_harga, 0, ',', '.').'';

$total += $get_harga;

}

echo '

<tr>

<img

src="'.$halaman_utama.'assets/publik/produk/'.$kategori['n ama_kategori'].'/'.$subkategori['nama_subkategori'].'/'.$p roduk['foto'].'" alt="'.$produk['nama_produk'].'">

<div class="cart-item-title"><a

href="detail-produk.php?produk='.$produk['kode_produk'].'">'.$produk['n ama_produk'].'</a></div>

<div class="feature">Ukuran: <b>'.$pesanan['ukuran'].'</b></div>

<div class="feature">@ Harga: <b>'.$satuan.'</b></div>

</td>

<td>

</td>

<input name="banyak" class="form-control input-sm input-micro" type="text"

value="'.$pesanan['banyak'].'" readonly>

</td>

<td class="price">'.$harga.'</td>

(27)

</form>

'; }

?> </table> </div>

<div class="basic-login"> <h3>Konfirmasi

Pengiriman</h3>

<label

for="provinsi"><i class="icon-user"></i> <b>Provinsi</b></label>

<input class="form-control" type="text" id="provinsi"

name="provinsi" value="<?php echo

$provinsi['nama_provinsi'] ?>" readonly>

<label

for="kabkot"><i class="icon-user"></i> <b>Kabupaten / Kota</b></label>

<input class="form-control" type="text" id="kabkot" name="kabkot" value="<?php echo $kabkot['nama_kabkot'] ?>" readonly>

<label

for="kecamatan"><i class="icon-user"></i> <b>Kecamatan</b></label>

<input class="form-control" type="text" id="kecamatan"

name="kecamatan" value="<?php echo

$kecamatan['nama_kecamatan'] ?>" readonly>

<label

for="kode_pos"><i class="icon-user"></i> <b>Kode Pos</b></label>

<input class="form-control" id="kode_pos" name="kode_pos"

(28)

<label

for="alamat"><i class="icon-user"></i> <b>Alamat</b></label>

<label

for="keterangan"><i class="icon-user"></i> <b>Keterangan</b></label>

Konfirmasi</button>

</div>

<h4>Layanan Costumer</h4> <?php

layanan_costumer(); ?>

</div> </div>

<?php

footer(); ?>

(29)

10. Logout.php

<?php

session_start(); session_destroy();

header ('location: login.php'); ?>

11. Panelc.php

<?php

session_start();

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

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

<head>

Dashboard, Admin, Template, Theme, Bootstrap, Responsive, Retina, Minimal">

<title>Admin Login | MOLOTOVSQUAD</title>

</head>

<?php

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

{

if(isset($_POST["username"])&&isset($_POST["password" ]))

{

$query = "select * from tbl_admin where username='".$_POST["username"]."' and

password=md5('".$_POST["password"]."')";

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

(30)

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"

placeholder="Username" autofocus> </div>

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

placeholder="Password">

</div>

<input class="btn btn-primary btn-lg btn-block" type="submit" name="tombol"

value="Login">

<input class="btn btn-danger btn-lg btn-block" type="reset" name="tombol"

value="Batal">

<?php

if(isset($_POST["username"]) && isset($_POST["password"]))

(31)

echo '<br><b><font color="red">Username atau Password Tidak

Valid!</font></b>';

} ?> </div> </form> </div>