BudiSutedjoDharmaOetomo.2003.Kamus++ Jaringan Komputer.Yogyakarta:
Andi.
Fathansyah. 2002. BasisData.Informatika.Bandung.
Kadir, Abdul. 1998. BasisData.Yogyakarta:Andi.
Perangin-angin, Kasiman. AplikasiWeb dengan PHP dan MySQL. Jakarta.
Yogyakarta: Andi.
Wahana Komputer. 2001. Apa &Bagaimana E-Commerce. Semarang: Andi Yogyakarta.
Sugiri;HarisSaputro.2008.Pengelolaan database MySQLdenganPhpMyAdmin.
Yogyakarta:GrahaIlmu
Sunarfri hantono,Bimo, ST. 2003. PHPdanMySQLuntukWeb.Yogyakarta: Andi.
Waljiyanto.2003.SistemBasisData: Analisisdan PemodelanData. Yogyakarta:
GrahaIlmu
KEMENTERIAN RISET TEKNOLOGI DAN PENDIDIKAN TINGGI
UNIVERSITAS SUMATERA UTARA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
PROGRAM STUDI D3 TEKNIK INFORMATIKA Jl. Bioteknologi No.1 Kampus USU Padang Bulan Medan-20155
Telp. (061) 8211050, 8214290, Fax (061) 8214290
No
KARTU BIMBINGAN TUGAS AKHIR MAHASISWA
Nama Mahasiswa : Basri Primsa Sembiring
Nomor Induk Mahasiswa : 132406102
Judul Tugas akhir : PERANCANGAN APLIKASI JUAL BELI MOBIL BEKAS BERBASIS WEBSITE DI ANDIKA JAYA MOBIL
Dosen Pembimbing : Dr. Open Darnius, M.Sc Tanggal Mulai Bimbingan :
Tanggal Selesai Bimbingan :
Tanggal Asistensi Bimbingan
Pembahasan Asistensi Pada Bab
Paraf Dosen Pembimbing
*Kartu ini harap dikembalikan ke jurusan Matematika bila bimbingan mahasiswa telah selesai
Disetujui oleh
Program Studi D3 Teknik Informatika Fakultas MIPA USU
Ketua, Pembimbing,
Dr. Elly Rosmaini, M.Si Dr. Open Darnius, M.Sc
NIP. 196005201985032002 NIP. 196410141991031004
KEMENTRIAN RISET, TEKNOLOGI DANPENDIDIKANTINGGI UNIVERSITAS SUMATERA UTARA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
PROGRAM STUDI D3 TEKNIK INFORMATIKA
Jl. Bioteknologi No. 1 Kampus USU Padang Bulan Medan-20155 Telp. (061) 8211050, 8214290, Fax (061) 8214290
PERSETUJUAN
Judul : PERANCANGAN APLIKASI JUAL BELI
MOBIL BEKAS BERBASIS WEBSITE DI ANDIKA JAYA MOBIL
Kategori : Tugas Akhir
Nama : BASRI PRIMSA SEMBIRING
Nomor Induk Mahasiswa : 132406102
Program Studi : Diploma (D3) Teknik Informatika
Departemen : Matematika
Fakultas :Matematika Dan Ilmu Pengetahuan Alam (FMIPA)
Universitas Sumatera Utara.
Diluluskan di Medan, Juni 2016
Diketahui/Disetujui oleh Ketua Prog.Studi
D3Teknik Informatika, Pembimbing,
Dr. Elly Rosmaini,M.Si.
NIP 196005 201 985 032 002 NIP 196410 141 991 031 004
Dr. Open Darnius, M.Sc
LISTING PROGRAM
Koneksi.php
<?php
$koneksi = new mysqli('localhost','root','','basri');
if($koneksi -> connect_errno) {
die('Gagal koneksi ke database['.$koneksi -> connect_error.']');
}
require "../../library/fungsi.php";
if($_SESSION["username"] == "") {
echo '
<script type="text/javascript">
document.location.href="../../panelc.php";
</script>
';
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Creative - Bootstrap 3 Responsive Admin Template">
<meta name="author" content="GeeksLabs">
<meta name="keyword" content="Creative, Dashboard, Admin, Template, Theme, Bootstrap, Responsive, Retina, Minimal">
<link rel="shortcut icon" href="../assets/img/favicon.png">
<title>ADMIN | Andika Jaya Mobil</title>
<!-- Bootstrap CSS -->
<link href="../assets/css/bootstrap.min.css" rel="stylesheet">
<!-- bootstrap theme -->
<link href="../assets/css/bootstrap-theme.css" rel="stylesheet">
<!--external css-->
<!-- font icon -->
<link href="../assets/css/elegant-icons-style.css" rel="stylesheet" />
<link href="../assets/css/font-awesome.min.css" rel="stylesheet" />
<!-- full calendar css-->
<link href="../assets/fullcalendar/fullcalendar/bootstrap-fullcalendar.css" rel="stylesheet" />
<link href="../assets/fullcalendar/fullcalendar/fullcalendar.css"
rel="stylesheet" />
<!-- easy pie chart-->
<link href="../assets/jquery-easy-pie-chart/jquery.easy-pie-chart.css" rel="stylesheet" type="text/css" media="screen"/>
<!-- owl carousel -->
<link rel="stylesheet" href="../assets/css/owl.carousel.css"
type="text/css">
<link href="../assets/css/jquery-jvectormap-1.2.2.css"
rel="stylesheet">
<!-- Custom styles -->
<link rel="stylesheet" href="../assets/css/fullcalendar.css">
<link href="../assets/css/widgets.css" rel="stylesheet">
<link href="../assets/css/style.css" rel="stylesheet">
<link href="../assets/css/style-responsive.css" rel="stylesheet" />
<link href="../assets/css/xcharts.min.css" rel=" stylesheet">
<link href="../assets/css/jquery-ui-1.10.4.min.css"
rel="stylesheet">
<section id="container" class="">
<header class="header dark-bg">
<div class="toggle-nav">
</div>
<a href="index.html" class="logo">Admin <span class="lite">Andika Jaya Mobil</span></a>
<?php
$query_pesan = "select * from tbl_pesan where status = 'belum'";
$conn_pesan = mysqli_query($koneksi,
$query_pesan);
echo '
<div class="top-nav notification-row">
<ul class="nav pull-right top-menu">
<li id="mail_notificatoin_bar" class="dropdown">
<a data-toggle="dropdown" class="dropdown-toggle" href="#">
<i class="icon-envelope-l"></i>
';
if(mysqli_num_rows($conn_pesan) > 0) {
$banyak = mysqli_num_rows($conn_pesan);
echo '
<span class="badge bg-important">'.$banyak.'</span>
</a>
<ul class="dropdown-menu extended inbox">
<span class="">
'.substr($data['pesan'], 0, 40).'
</span>
<a href="../pesan.php">Lihat Semua Pesan</a>
</li>
';
} else {
echo '
</a>
<ul class="dropdown-menu extended inbox">
<div class="notify-arrow notify-arrow-blue"></div>
<li>
<p class="blue">Tidak ada pesan baru</p>
</li>
<li>
<a href="../pesan.php">Lihat Semua Pesan</a>
</li>
';
} echo '
</ul>
</il>
<li class="dropdown">
<a data-toggle="dropdown" class="dropdown-toggle" href="#">
<span class="username">
';
sapa_user();
echo '
</span>
<b class="caret"></b>
</a>
<ul class="dropdown-menu extended logout">
<i class="fa fa-tasks"></i>
<span>Angsuran</span>
</a>
</li>
<li class="">
<a href="../mobil/" class="">
<i class="fa fa-car"></i>
<section id="main-content">
<section class="wrapper">
<div class="row">
<div class="col-lg-12">
<h3 class="page-header"><i class="fa fa-tasks"></i> Angsuran</h3>
<ol class="breadcrumb">
<li><i class="fa fa-home"></i><a href="../">Beranda</a></li>
<li><i class="fa fa-tasks"></i>Angsuran</li>
</ol>
</div>
</div>
<div class="row">
<div class="col-lg-9">
<section class="panel">
<header
$query
= "select * from tbl_penjualan";
$conn
= mysqli_query($koneksi, $query);
$banyak = mysqli_num_rows($conn);
if($banyak == 0)
{ echo '
<a href="#pembelian" data-toggle="modal" class="btn btn-primary">Pembelian Baru</a><br><br>
<p>Tidak Ada Data Yang Ditampilkan</p>
';
} else { echo '
<table class="table table-striped table-advance table-hover">
<thead>
<tr class="success">
<th>Status</th>
<th></th>
</tr>
</thead>
<tbody>
';
while($data = mysqli_fetch_array($conn))
{
$query_nama_mobil = "select * from tbl_mobil where kode_mobil = '".$data['kode_mobil']."'";
$conn_nama_mobil = mysqli_query($koneksi, $query_nama_mobil);
$data_nama_mobil = mysqli_fetch_array($conn_nama_mobil);
$query_angsuran = "select * from tbl_angsuran where id_penjualan = '".$data['id_penjualan']."'";
$conn_angsuran = mysqli_query($koneksi, $query_angsuran);
$banyak_angsuran = mysqli_num_rows($conn_angsuran);
if($data['status'] == 'lunas') {
$status = '
<a class="btn btn-success"
href="#'.$data['id_penjualan'].'" data-toggle="modal"><i class="fa fa-search"></i></a>
';
}
<a class="btn btn-primary" title="Lihat"
href="#'.$data['id_penjualan'].'" data-toggle="modal"><i class="fa fa-search"></i></a>
<a class="btn btn-success"
title="Konfirmasi"
href="act-angsuran.php?act=konfirmasi&&id='.$data['id_penjualan'].'"><i class="fa fa-check"></i></a>
<a class="btn btn-danger" title="Hapus"
href="act-angsuran.php?act=hapus&&id='.$data['id_penjualan'].'&&mobil='.$data['kode_m obil'].'"><i class="fa fa-trash-o"></i></a>
';
}
echo '
<tr>
<td>'.$data['id_penjualan'].'</td>
<td>'.$data['nama_pembeli'].'</td>
<td>'.$data_nama_mobil['merk'].' '.$data_nama_mobil['jenis'].'</td>
<td><a href="#lihat'.$data['id_penjualan'].'" data-toggle="modal">'.$data['lama_angsuran'].' kali</a></td>
<td>'.ucfirst($data['status']).'</td>
<td>'.$status.'</td>
</tr>
';
echo '
<div aria-hidden="true" aria-labelledby="myModalLabel"
role="dialog" tabindex="-1" id="lihat'.$data['id_penjualan'].'" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button aria-hidden="true"
data-dismiss="modal" class="close" type="button">×</button>
<h4 class="modal-title">Detail Pembelian</h4>
</div>
<div class="modal-body"
style="background-color: white !important;">
';
$query_get_angsuran = "select * from tbl_angsuran where id_penjualan = '".$data['id_penjualan']."' order by tgl_bayar desc";
$conn_get_angsuran = mysqli_query($koneksi, $query_get_angsuran);
$no++;
<div class="form-group ">
<div class="col-lg-12">
<select class=" form-control" id="IDAngsuran"
name="IDAngsuran">
<option value="" hidden> PILIH ID ANGSURAN
--</option>
<?php
$query_cek_angsuran = "select * from tbl_penjualan where status = 'berjalan'";
$conn_cek_angsuran = mysqli_query($koneksi,
$query_cek_angsuran);
while($data_cek_angsuran = mysqli_fetch_array($conn_cek_angsuran))
{
$query_nama_mobil = "select * from tbl_mobil where kode_mobil = '".$data_cek_angsuran['kode_mobil']."'";
$conn_nama_mobil = mysqli_query($koneksi, $query_nama_mobil);
$data_nama_mobil = mysqli_fetch_array($conn_nama_mobil);
echo '
<option
value="'.$data_cek_angsuran['id_penjualan'].'- '.$data_cek_angsuran['lama_angsuran'].'">'.$data_cek_angsuran['id_penjualan'].'-'.$data_cek_angsuran['nama_pembeli'].'-'.$data_nama_mobil['merk'].'
'.$data_nama_mobil['jenis'].'</option>
';
}
?>
</select>
</div>
</div>
<div class="form-group">
<div class="col-lg-12">
<input class="btn btn-primary" name="tombolAngsuran"
type="submit" value="Simpan" />
</div>
</div>
</form>
</div>
</div>
<div aria-hidden="true" aria-labelledby="myModalLabel"
role="dialog" tabindex="-1" id="pembelian" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
<h4 class="modal-title">Pembelian Baru</h4>
</div>
<div class="modal-body">
<form role="form" action="act-angsuran.php" method="post">
<div class="form-group">
<label for="mobil">Mobil</label>
<select name="mobil"
class="form-control" id="mobil">
<option value="" hidden>== Pilih Mobil ==</option>
<?php
$query_mobil = "select * from tbl_mobil where status = 'dijual'";
$conn_mobil = mysqli_query($koneksi, $query_mobil);
while($data_mobil = mysqli_fetch_array($conn_mobil))
{ echo '
<option
value="'.$data_mobil['kode_mobil'].'">'.$data_mobil['merk'].' | '.$data_mobil['jenis'].' | '.$data_mobil['no_plat'].'</option>
';
}
?>
</select>
</body>
</html>
Daftar-mobil.php
<?php
include "library/fungsi.php";
?>
<!DOCTYPE html>
<html>
<head>
<title>Andika Jaya Mobil</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css"
media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.0.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css"
media="all" />
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Free Style Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){
window.scrollTo(0,1); } </script>
<!--fonts-->
<link
href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC:100,300,400,50 0,700,800,900,100italic,300italic,400italic,500italic,700italic,800italic,900italic' rel='stylesheet' type='text/css'>
<link
href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic, 300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<!--//fonts-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<script src="js/simpleCart.min.js"></script>
<link href="css/memenu.css" rel="stylesheet" type="text/css"
media="all" />
<script type="text/javascript" src="js/memenu.js"></script>
<script>$(document).ready(function(){$(".memenu").memenu();});</scrip t>
</head>
<body>
<div class="top-header">
<div class="container">
<div class="top-header-main">
<div class="col-md-4 top-header-left">
</div>
<div class="col-md-4 top-header-middle">
<a href="index.html"><img src="images/logo-4.png" alt="" /></a>
</div>
<div class="col-md-4 top-header-right">
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="header-bottom">
<div class="container">
<div class="top-nav">
<ul class="memenu skyblue">
<li class="">
<a href="index.php">Beranda</a>
</li>
<li class="active">
<a href="daftar-mobil.php">Daftar Mobil</a>
</li>
<li class="">
<a href="cek-angsuran.php">Cek Angsuran</a>
</li>
<li class="">
<a href="kontak.php">Hubungi Kami</a>
</li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="breadcrumbs">
<div class="container">
<div class="breadcrumbs-main">
<ol class="breadcrumb">
<li>Daftar Mobil</li>
</ol>
</div>
</div>
</div>
<div class="product">
<div class="container">
<div class="product-main">
<div class="col-md-12 p-left">
<?php
$query_mobil = "select * from tbl_mobil where status = 'dijual'";
$conn_mobil = mysqli_query($koneksi, $query_mobil);
$no = 1;
while($data_mobil = mysqli_fetch_array($conn_mobil))
{
if($no % 3 == 1) {
echo '
<div class="product-one">
';
} echo '
<div class="col-md-4 product-left single-left">
<div class="p-one simpleCart_shelfItem">
<a href="detail-mobil.php?mobil='.$data_mobil['kode_mobil'].'">
<img style="height:220px !important;"
src="images/car/'.$data_mobil['foto'].'" alt="'.$data_mobil['merk'].' '.$data_mobil['jenis'].'" />
<div class="mask mask1">
<span>Lihat</span>
</div>
</a>
<h4>'.$data_mobil['merk'].' '.$data_mobil['jenis'].'</h4>
<p><span class=" item_price">'.$data_mobil['tahun'].'</span></p>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="footer-text">
<div class="container">
<div class="footer-main">
<p class="footer-class">© 2016 Andika Jaya Mobil
</p>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<a href="#home" id="toTop" class="scroll" style="display:
block;"><span id="toTopHover" style="opacity: 1;"></span></a>
</div>
<!--end-footer-text-->
</body>
</html>
Cek-angsuran.php
<?php
include "library/koneksi.php";
?>
<!DOCTYPE html>
<html>
<head>
<title>Andika Jaya Mobil</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css"
media="all" />
<script src="js/jquery-1.11.0.min.js"></script>
<link href="css/style.css" rel="stylesheet" type="text/css"
media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Free Style Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){
window.scrollTo(0,1); } </script>
<link
href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC:100,300,400,50 0,700,800,900,100italic,300italic,400italic,500italic,700italic,800italic,900italic' rel='stylesheet' type='text/css'>
<link
href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic, 300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
<script src="js/simpleCart.min.js"></script>
<link href="css/memenu.css" rel="stylesheet" type="text/css"
media="all" />
<script type="text/javascript" src="js/memenu.js"></script>
<script>$(document).ready(function(){$(".memenu").memenu();});</scrip t>
<script type="text/javascript">
var htmlobjek;
$(document).ready(function(){
$("#nomor_pembelian").change(function(){
var nomor_pembelian =
$("#nomor_pembelian").val();
$.ajax({
url: "simulasi.php", data:
"nomor_pembelian="+nomor_pembelian,
cache: false,
success: function(msg){
$("#hasil_cek").html(msg);
<div class="top-header">
<div class="container">
<div class="top-header-main">
<div class="col-md-4 top-header-left">
</div>
<div class="col-md-4 top-header-middle">
<a href="index.html"><img src="images/logo-4.png" alt="" /></a>
</div>
<div class="col-md-4 top-header-right">
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="header-bottom">
<div class="container">
<div class="top-nav">
<ul class="memenu skyblue">
<li class="">
<a href="index.php">Beranda</a>
</li>
<li class="">
<a href="daftar-mobil.php">Daftar Mobil</a>
</li>
<li class="active">
<a href="cek-angsuran.php">Cek Angsuran</a>
</li>
<li class="">
<a href="kontak.php">Hubungi Kami</a>
</li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="breadcrumbs">
<div class="container">
<div class="breadcrumbs-main">
<ol class="breadcrumb">
<li>Cek Angsuran</li>
</ol>
</div>
</div>
</div>