Perancangan Aplikasi Online Anime Stuff “Otaku Shop” Berbasis Web

(1)

L

A

M

P

I

R

A

N

(2)

KEMENTERIAN PENDIDIKAN NASIONAL UNIVERSITAS SUMATERA UTARA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Jl. Bioteknologi No.1 Kampus USU Padang Bulan Medan-20155

Telp. (061) 8211050, Fax. (061) 8214290

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

Nama Mahasiswa

: MUHAMMAD IKHSAN FAUZI

Nomor Stambuk

: 132406211

Judul Tugas Akhir

: PERANCANGAN

APLIKASI

ONLINE

PENJUALAN ANIME STUFF “OTAKU SHOP”

BERBASIS WEB

Dosen Pembimbing

: Drs. Partano Siagian, M.Sc

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.

∗ Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan telah selesai.

Diketahui,

Disetujui,

Ketua Departemen Matematika,

Pembimbing,

Dr. Elly Rosmaini, M.Si.

Drs. Patarno Siagian, M. Sc

NIP. 196005201985032002

NIP. 195112271980031001

(3)

LAMPIRAN PROGRAM

1.Media.php

<?php

error_reporting(0);

session_start();

include "config/koneksi.php";

include "config/fungsi_indotgl.php";

include "config/fungsi_combobox.php";

include "config/library.php";

include "config/fungsi_autolink.php";

include "config/fungsi_rupiah.php";

?>

<!DOCTYPE

html

PUBLIC

"-//W3C//DTD

XHTML

1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html;

charset=utf-8" />

<title>Welcome to OtakuShop</title>

<link

rel="shortcut

icon"

type="image/x-icon"

href="template/images/logota.jpg" />

(4)

<link

rel="stylesheet"

type="text/css"

href="template/css/style.css" media="screen" />

<link

rel="stylesheet"

type="text/css"

href="template/css/common.css" media="screen" />

<link

rel="stylesheet"

type="text/css"

href="template/css/button.css" media="screen" />

<script

src="template/js/jquery-1.9.1.min.js"

type="text/javascript"></script>

<script

src="template/js/slides.min.jquery.js"

type="text/javascript"></script>

<script type="text/javascript">

$(function(){

$('.slides').slides({

preload: true,

generatePagination: true,

play:3000

});

</script>

</head>

<body>

<div id="wrapper">

(5)

<div id="header">

<div class="primary-section">

<div

class="logo11.jpg"><img

src="template/images/otakotak.png"

width="1000"

height="200" /></div>

<div class="header-aside">

<ul>

<?php

if ($_SESSION['email']=="") {

echo "

<li

class='border'><a

href='media.php?module=login'

class='log'>

login

</a></li>

<li><a

href='media.php?module=register'

class='user'>register</a></li>

";

}

else {

echo

"<li

class='border'><a

href='logout.php'

class='log'> Logout </a></li>";

}

?>

<li

class="carts"><a

(6)

class="cart">Keranjang Belanja</a></li>

</ul>

</div>

<div class="nav-section">

<ul class="navigation">

<li

class="home"><a

href="media.php?module=home"

class="home">Home

</a></li>

<li><a

href="media.php?module=profilkami">Profile

Web

</a></li>

<li><a

href="media.php?module=carabeli">Cara

Pemesanan</a></li>

<li><a

href="media.php?module=keranjangbelanja">Shopping Cart

</a></li>

<li><a

href="media.php?module=pemesanan">Claim

Barang

Rusak</a></li>

</ul>

</div>

(7)

<div id="content">

<div class="sidebar">

<?php

if ($_SESSION['email'] !="") {

echo "

<div class='latest-product'>

<h2>Your Menu</h2>

<ul class='info'>

<img src='template/images/gohan.png' />

<li><a href='media.php?module=profilKustomer'>My

Profil</a></li>

<li><a

href='media.php?module=keranjangbelanja'>Shoping

Cart<img src='template/images/cart.gif' /></a></li>

";

echo "<div style='color:#E1473D;border:1px solid

#E78686;padding:10px;background:#FFE1E1;'>";

include "item.php";

echo "</div>";

echo "

<li><a href='logout.php'>Logout</a></li>

</ul>

(8)

</div>

";

}

?>

<div class="latest-product ">

<h2>Produk-Produk Kami</h2>

<ul class="info">

<?php

$kategori=mysql_query("select

nama_kategori, kategori.id_kategori,

count(produk.id_produk) as jml

from kategori left

join produk

on

produk.id_kategori=kategori.id_kategori

group

by

nama_kategori");

$no=1;

while($k=mysql_fetch_array($kategori)){

echo

"<li><a

href='

media.php?module=detailkategori&id=$k[id_kategori]'>

$k[nama_kategori] ($k[jml])</a></li>";

$no++;

}

(9)

?>

TRANSFER VIA BANK :<br>

<img src="template/images/bersama.jpg" />

<img src="template/images/mandirii.jpg" />

<img src="template/images/bca.jpg" />

<img src="template/images/danamon.png" />

</ul>

</div>

<div class="latest-product f-des">

<div class="plugin">

<div id="fb-root"></div>

<div

class="fb-like-box"

data-href="http://www.facebook.com/webgranth"

data-width="289" data-show-faces="true" data-stream="false"

data-header="true"></div>

</div> </div>

</div>

<div class="content-right" >

<?PHP include "tengah.php";?>

</div>

</div>

<div id="footer">

(10)

<div class="footer-top">

<div class="page">

<div class="footer-bottom">

<div class="copyright">

<ul>

<li>© 2016 </li>

<li><a href="#" class="select"> OtakuShop

</a> All Rights Reserved.</li>

<li><a

href="http:///"

class="select">

</a>.</li>

<li class="last"></li>

</ul>

</div>

<div class="social-icon">

<ul>

</div>

</div>

</body>

(11)

2. Tengah.php

if (form.nama.value == ""){

alert("Anda belum mengisikan Nama."); form.nama.focus();

return (false); }

if (form.alamat.value == ""){

alert("Anda belum mengisikan Alamat."); form.alamat.focus();

return (false); }

if (form.telpon.value == ""){

alert("Anda belum mengisikan Telpon."); form.telpon.focus();

return (false); }

if (form.email.value == ""){

alert("Anda belum mengisikan Email."); form.email.focus();

return (false); }

if (form.kota.value == 0){

alert("Anda belum mengisikan Kota."); form.kota.focus();

(12)

}

if (form.kode.value == ""){

alert("Anda belum mengisikan Kode."); form.kode.focus();

return (false); }

return (true); }

function validasi2(form2){ if (form2.email.value == ""){

alert("Anda belum mengisikan Email."); form2.email.focus();

return (false); }

if (form2.password.value == ""){

alert("Anda belum mengisikan Password."); form2.password.focus();

return (false); }

return (true); }

function harusangka(jumlah){

var karakter = (jumlah.which) ? jumlah.which : event.keyCode

if (karakter > 31 && (karakter < 48 || karakter > 57)) return false;

(13)

return true; }

</script> <?php

// Halaman utama (Home) if ($_GET[module]=='home'){ echo'<div class="banner">

<div class="slides_container">';

$sql=mysql_query("SELECT * FROM produk ORDER BY id_produk DESC LIMIT 6");

while ($r=mysql_fetch_array($sql)){ $deskripsi=substr($r[deskripsi],0,50);

echo"

<div class='imgeslider'><img

src='foto_produk/$r[gambar]' alt='lapy' title='product' width='220' height='240' />

<div class='banner-text'> <h1>$r[nama_produk]</h1> <p>$deskripsi</p>

href='media.php?module=detailproduk&id=$r[id_produk]'> <br> Klik Di sini </br><span></span></a></div>

</div>"; }

echo" </div> </div>

</div> ";

(14)

echo "<div class='center_title_bar'>Produk Terbaru</div>"; $sql=mysql_query("SELECT * FROM produk ORDER BY id_produk DESC LIMIT 6");

while ($r=mysql_fetch_array($sql)){

include "diskon_stok.php";

echo " <div class='product-info'>

<h2><a

href='media.php?module=detailproduk&id=$r[id_produk]'>$r[nam a_produk]</a></h2>

<div ><span>$divharga</span></div> <ul>

<li><a

href='media.php?module=detailproduk&id=$r[id_produk]' class='prod_details'>selengkapnya</a> </li>

<li><a href='#'> $tombol </a></li> </ul>

</div>"; }

}

elseif ($_GET[module]=="tes") {

//include digunakan untuk memanggil file include "tes.php";

(15)

//Module Warning

elseif ($_GET[module]=='warning') {

echo "<div id='info'>! Untuk Melakukan Hal ini Anda Harus Login Terlebih Dahulu <a

href='media.php?module=login'>disini</a></div>"; }

// Modul detail produk

elseif ($_GET[module]=='detailproduk'){

// Tampilkan detail produk berdasarkan produk yang dipilih $detail=mysql_query("SELECT * FROM produk,kategori WHERE

kategori.id_kategori=produk.id_kategori

AND id_produk='$_GET[id]'"); $r = mysql_fetch_array($detail);

include "diskon_stok.php";

echo "

<div class='product-detail'> <div class='img'><a href='foto_produk/$r[gambar]'><img

src='foto_produk/$r[gambar]' border='0' width='230' height='210'/></a><br/>

<div class='prod_price'>$divharga</div> <div style='text-align:center;margin-right:18px;'>(stok: $r[stok])</div>

(16)

</div> <div

class='product_title_big'>$r[nama_produk]</div>

<div class='deskripsi'>$r[deskripsi]</div> </div>";

}

// Modul produk per kategori

elseif ($_GET[module]=='detailkategori'){ // Tampilkan nama kategori

$sq = mysql_query("SELECT nama_kategori from kategori where id_kategori='$_GET[id]'");

$n = mysql_fetch_array($sq);

echo "<div class='center_title_bar'>Kategori: $n[nama_kategori]</div>";

// Tampilkan daftar produk yang sesuai dengan kategori yang dipilih

$sql = mysql_query("SELECT * FROM produk WHERE

id_kategori='$_GET[id]'

ORDER BY id_produk DESC LIMIT 9");

$jumlah = mysql_num_rows($sql);

// Apabila ditemukan produk dalam kategori if ($jumlah > 0){

while ($r=mysql_fetch_array($sql)){

(17)

echo " <div class='product-info'>

<h2><a

href='media.php?module=detailproduk&id=$r[id_produk]'>$r[nam a_produk]</a></h2>

<span>$divharga</span> <ul>

<li><a

href='media.php?module=detailproduk&id=$r[id_produk]' class='prod_details'>selengkapnya</a> </li>

<li><a href='#'> $tombol </a></li> </ul>

</div>"; }

} else{

echo "<p align=center>Belum ada produk pada kategori ini.</p>";

} }

// Modul profil

elseif ($_GET[module]=='profilkami'){ // Data profil mengacu pada id_modul=43

$profil = mysql_query("SELECT * FROM modul WHERE id_modul='1'");

(18)

echo "

</div>

<div class='details_big_box'> <div>$r[static_content]</div> </div>

</div>

<div class='bottom_prod_box_big'></div> </div>"; }

// Modul cara pembelian

elseif ($_GET[module]=='carabeli'){

// Data cara pembelian mengacu pada id_modul=45 $profil = mysql_query("SELECT * FROM modul WHERE id_modul='2'");

$r = mysql_fetch_array($profil);

echo "

<div>$r[static_content]</div> </div>

</div>

<div class='bottom_prod_box_big'></div> </div>";

(19)

}

// Modul keranjang belanja

elseif ($_GET[module]=='keranjangbelanja'){

// Tampilkan produk-produk yang telah dimasukkan ke keranjang belanja

$sid = $_SESSION[email];

$sql = mysql_query("SELECT * FROM orders_temp, produk WHERE id_session='$sid' AND orders_temp.id_produk=produk.id_produk");

$ketemu=mysql_num_rows($sql); if($ketemu < 1){

echo "<script>window.alert('Keranjang Belanjanya Masih Kosong');

window.location=('index.php')</script>"; }

else{

echo "<div class='center_title_bar'>Keranjang Belanja</div>

<div>

<form method=post

action=aksi.php?module=keranjang&act=update>

<tbody> <tr

bgcolor='#D22E23'><th>No</th><th>Produk</th><th>Nama Produk</th><th>Berat(Kg)</th><th>Qty</th>

(20)

<th>Harga</th><th>Sub Total</th><th>Hapus</th></tr>";

$no=1;

while($r=mysql_fetch_array($sql)){

$disc = ($r[diskon]/100)*$r[harga]; $hargadisc = number_format(($r[harga]-$disc),0,",",".");

$subtotal = ($r[harga]-$disc) * $r[jumlah]; $total = $total + $subtotal;

$subtotal_rp = format_rupiah($subtotal); $total_rp = format_rupiah($total); $harga = format_rupiah($r[harga]);

echo "<tr style='color:#000;border: 1px solid #ECECEC'><td>$no</td><input type=hidden name=id[$no] value=$r[id_orders_temp]>

<td align=center><br><img src=foto_produk/small_$r[gambar]></td> <td>$r[nama_produk]</td>

<td align=center>$r[berat]</td>

<td><select name='jml[$no]' value=$r[jumlah] onChange='this.form.submit()'>";

for ($j=1;$j <= $r[stok];$j++){ if($j == $r[jumlah]){

echo "<option selected>$j</option>"; }else{

echo "<option>$j</option>"; }

(21)

}

echo "</select></td> <td>$hargadisc</td> <td>$subtotal_rp</td> <td align=center><a

href='aksi.php?module=keranjang&act=hapus&id=$r[id_orders_te mp]'>

</tr>"; $no++;

}

echo "<tr style='color:#000'><td colspan=6

align=right><br><b>Total</b>:</td><td colspan=2><br>Rp. <b>$total_rp</b></td></tr>

<tr><td colspan=3><br /><a

href='javascript:history.go(-1)' class='button'>Lanjutkan Belanja</a><br /></td>

<td colspan=5 align=right><br /><a href='media.php?module=simpantransaksimember'

class='button'>Selesai Belanja</a></a><br /></td></tr> </tbody></table></form><br />

<div id='info'>*) Total harga diatas belum termasuk ongkos kirim yang akan dihitung saat <b>Selesai

Belanja</b>.</div> </div>

</div> </div>

<div class='bottom_prod_box_big'></div> </div>";

(22)

}

// Modul hasil pencarian produk

elseif ($_GET['module']=='hasilcari'){

// menghilangkan spasi di kiri dan kanannya $kata = trim($_POST['kata']);

// mencegah XSS

$kata = htmlentities(htmlspecialchars($kata), ENT_QUOTES);

// pisahkan kata per kalimat lalu hitung jumlah kata $pisah_kata = explode(" ",$kata);

$jml_katakan = (integer)count($pisah_kata); $jml_kata = $jml_katakan-1;

$cari = "SELECT * FROM produk WHERE " ; for ($i=0; $i<=$jml_kata; $i++){

$cari .= "deskripsi LIKE '%$pisah_kata[$i]%' OR nama_produk LIKE '%$pisah_kata[$i]%'";

if ($i < $jml_kata ){ $cari .= " OR "; }

}

$cari .= " ORDER BY id_produk DESC LIMIT 7"; $hasil = mysql_query($cari);

(23)

echo "<div class='center_title_bar'>Hasil Pencarian</div>";

if ($ketemu > 0){

echo "<div class='prod_details_cari'>Ditemukan

<b>$ketemu</b> produk dengan kata <font style='background-color:#00FFFF'><b>$kata</b></font> : </div>";

while($t=mysql_fetch_array($hasil)){ // Tampilkan hanya sebagian isi produk $isi_produk =

htmlentities(strip_tags($t['deskripsi'])); // mengabaikan tag html

$isi = substr($isi_produk,0,250); // ambil sebanyak 250 karakter

$isi = substr($isi_produk,0,strrpos($isi," ")); // potong per spasi kalimat

echo "<div class='prod_box_big'>

<div class='product_title_big'><a href=produk-$t[id_produk]-$t[produk_seo].html>$t[nama_produk]</a></div> <div>

<br />$isi ... <a href=produk-$t[id_produk]-$t[produk_seo].html>selengkapnya</a>

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

<div class='bottom_prod_box_big'></div> </div>";

(24)

}

} else{

echo "<p>Tidak ditemukan produk dengan kata <b>$kata</b></p>";

} }

// Modul hubungi kami(Hardware Repair) elseif ($_GET[module]=='pemesanan'){ echo "<div class='login-box'>

<h2>Hubungi Kami Secara Online</h2>

Silahkan anda mengirim pesan ke kami jika anda ingin bertanya seputar produk maupun mengkonfirmasi pesanan anda

<div class='product_title_big'>Kirim Pesan Anda Sekarang Disini,Kami Akan Segera Merespon Pesan Anda:</div> </div>

</div>";

if (empty($_SESSION[username]) AND empty($_SESSION[password])) {

echo "<div id='info'>Silahkan anda login terlebih dahulu, untuk mendapatkan layanan ini</div>";

} else {

$sql=mysql_query("SELECT * FROM kustomer WHERE email='$_SESSION[email]'");

$r=mysql_fetch_array($sql); echo "<div class='login-box'>

(25)

<form action=media.php?module=hubungiaksi method=POST><input type=hidden name='id'

value='$r[id_kustomer]'>

<tr><td>Nomor Urut</td><td> : $r[id_kustomer]</td></tr>

<tr><td>Nama</td><td> : $r[nama_lengkap] </td></tr> <tr><td>Nomor Rekening</td><td> :

$r[telpon]</td></tr>

<tr><td>Alamat Anda</td><td> : $r[alamat]</td></tr>

<br/><b>Silahkan Mengirim Pesan Dibawah Ini</b><br>

Tolong Jangan Spam Kata-Kata : <br/>

<tr><td valign=top>Pesan</td><td> <textarea name='pesan' style='width: 390px; height:

160px;'></textarea><br/> <i></i> </td></tr>

<tr><td> </td><td>(masukkan 6 kode di atas)<br /><input type=text name='kode' size=6 maxlength=6><br

/></td></tr>

</td><td colspan=2><input type=submit name=submit value=Kirim class='button' ></td></tr>

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

</div> </div>

(26)

<div class='bottom_prod_box_big'></div> </div>";

} }

// Modul hubungi aksi

elseif ($_GET[module]=='hubungiaksi'){ $id=trim($_POST['id']);

// $email=trim($_POST['email']); $subjek="Konfirmasi";

$pesan=trim($_POST['pesan']); echo "<div id='info'>";

if (empty($subjek)){

echo "Anda belum mengisikan SUBJEK<br />

<a href=javascript:history.go(-1)><b>Ulangi

Lagi</b>"; }

elseif (empty($pesan)){

echo "Anda belum mengisikan PESAN<br />

<a href=javascript:history.go(-1)><b>Ulangi

Lagi</b>"; }

else{

if(!empty($_POST['kode'])){

if($_POST['kode']==$_SESSION['captcha_session']){

mysql_query("INSERT INTO hubungi(id_kustomer, subjek,

(27)

pesan, tanggal) VALUES('$_POST[id]', '$subjek', '$pesan',

'$tgl_sekarang')");

echo "

</div>

<div class='product_title_big'>Terimakasih</div> <div>

<br />Terimakasih telah menghubungi kami.<br /><br /> Kami akan segera Merespon Pesan Anda.

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

<div class='bottom_prod_box_big'></div> </div>";

}else{

echo "Kode yang Anda masukkan tidak cocok<br />

(28)

<a href=javascript:history.go(-1)><b>Ulangi Lagi</b></a>";

} }else{

echo "Anda belum memasukkan kode<br />

<a href=javascript:history.go(-1)><b>Ulangi

Lagi</b></a>"; }

}

echo "</div>"; }

//Module Login

elseif ($_GET[module]=='login') { if ($_GET[act]=='aksilogin') { echo "<div id='info'>";

$email = $_POST['email'];

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

$sql = "SELECT * FROM kustomer WHERE email='$email' AND password='$password'";

$hasil = mysql_query($sql); $r = mysql_fetch_array($hasil);

if(mysql_num_rows($hasil) == 0){

echo "Email atau Password Anda tidak benar<br />";

} else{

(29)

session_start();

$_SESSION[email]= $r[email];

$_SESSION[password]= $r[password];

echo "<script> alert('Silahkan Berbelanja Di Toko Kami');window.location='index.php'</script>\n";

exit(0); }

echo "</div>"; }

echo "

<div class='login-box'> <h2>Form Login</h2> <form name=form2

action=media.php?module=login&act=aksilogin method=POST onSubmit=\"return validasi2(this)\">

<table>

<tr><td>Email</td><td> <input type=text name=email size=30></td></tr>

<tr><td>Password</td><td> <input type=password name=password size=30></td></tr>

<tr><td><input type='submit' class='button' value='Login' id='submit'></td><td align=right><a href='media.php?module=lupapassword'>Lupa

Password?</a></td></tr> </table>

</form></div>"; }

//Module Profil Kustomer

elseif ($_GET[module]=='profilKustomer') {

$sql=mysql_query("SELECT * FROM kustomer WHERE email='$_SESSION[email]'");

(30)

$p=mysql_fetch_array($sql); $password=md5($p['password']); echo "<div class='login-box'> <h2>Profil Saya</h2>

<tr><td>Nama Lengkap</td><td> $p[nama_lengkap] </td></tr>

<tr><td>Alamat Pengiriman</td><td> $p[alamat]</textarea></td></tr>

<tr><td>Nomor Rekening</td><td> $p[rekening]</td></tr> <tr><td>Email</td><td> $p[email]</td></tr>

<tr><td colspan=2><a

href='media.php?module=editProfilKustomer'><img

src='template/images/click-right.png' align='top'>Edit Profil</a></td></tr></table>

</div>"; }

//Module editProfilKustomer

elseif ($_GET[module]=='editProfilKustomer') { if ($_GET[aksi]=='edit') {

mysql_query("UPDATE kustomer SET nama_lengkap='$_POST[nama]',

alamat= '$_POST[alamat]',

rekening= '$_POST[rekening]',

id_kota ='$_POST[kota]'

WHERE email= '$_POST[email]'" ) ;

(31)

echo "<div id='info'>Anda Berhasil Mengedit

Profil Anda <a href='media.php?module=profilKustomer'>Lihat Disini</a></div>";

}

$sql=mysql_query("SELECT * FROM kustomer WHERE email='$_SESSION[email]'");

$e=mysql_fetch_array($sql); echo "

<h2>Form Edit Your Profil</h2> <form name=form

action=media.php?module=editProfilKustomer&aksi=edit method=POST onSubmit=\"return validasi(this)\"> <table width='90%'>

<tr><td>Nama Lengkap</td><td> <input type=text name=nama size=30 value='$e[nama_lengkap]'></td></tr> <tr><td>Alamat Pengiriman</td><td> <textarea name='alamat'>$e[alamat]</textarea>

<br /> Alamat pengiriman harus di isi lengkap, termasuk kota/kabupaten dan kode posnya.</td></tr> <tr><td>Nomor Rekening</td><td> <input type=text name=rekening value='$e[rekening]'></td></tr>

<tr><td valign=top>Kota Tujuan</td><td> <select name='kota'>

<option value=0 selected>- Pilih Kota -</option>"; $tampil=mysql_query("SELECT * FROM kota ORDER BY nama_kota");

while($r=mysql_fetch_array($tampil)){ echo "<option

value=$r[id_kota]>$r[nama_kota]</option>"; }

(32)

echo "</select> <br /><br />*) Apabila tidak terdapat nama kota tujuan Anda, pilih <b>Lainnya</b>

<br />**) Ongkos kirim dihitung berdasarkan kota tujuan</td></tr>

</table> </form>

</div>"; }

//Module Register

elseif ($_GET[module]=='register') { $kar1=strstr($_POST[email], "@"); $kar2=strstr($_POST[email], "."); $password=md5($_POST[password]); echo "<div id='info'>";

// Cek email kustomer di database

$cek_email=mysql_num_rows(mysql_query("SELECT email FROM kustomer WHERE email='$_POST[email]'"));

// Kalau email sudah ada yang pakai if ($cek_email > 0){

echo "Email <b>$_POST[email]</b> sudah ada yang pakai.<br />";

}

elseif (empty($_POST[nama]) || empty($_POST[password]) || empty($_POST[alamat]) || empty($_POST[rekening]) ||

empty($_POST[email]) || empty($_POST[kota]) || empty($_POST[kode])){

echo "Data yang Anda isikan belum lengkap<br />"; }

(33)

echo "Nama tidak boleh diisi dengan angka atau simbol.<br />";

}

elseif (strlen($kar1)==0 OR strlen($kar2)==0){

echo "Alamat email Anda tidak valid, mungkin kurang tanda titik (.) atau tanda @.<br />";

} else{

if(!empty($_POST['kode'])){

if($_POST['kode']==$_SESSION['captcha_session']){ // simpan data kustomer

mysql_query("INSERT INTO kustomer(nama_lengkap, password, alamat, telpon, email, id_kota)

VALUES('$_POST[nama]','$password','$_POST[alamat]','$_POST[r ekening]','$_POST[email]','$_POST[kota]')");

echo "<b>Anda berhasil Melakukan Registrasi</b><br/>

Silahkan anda login <a href='media.php?module=login'>disini</a>";

}else{

echo "Kode yang Anda masukkan tidak cocok<br /> <a href=javascript:history.go(-1)><b>Ulangi Lagi</b></a>";

} }else{

echo "Anda belum memasukkan kode<br /> <a href=javascript:history.go(-1)><b>Ulangi Lagi</b></a>";

(34)

}

echo "</div>"; echo "

<div class='login-box'> <h2>Form Register</h2>

<tr><td>Nama Lengkap</td><td> <input type=text name=nama size=30></td></tr>

<tr><td>Password</td><td> <input type=password name=password></td></tr>

<tr><td>Alamat Pengiriman</td><td> <textarea name='alamat'></textarea>

<br /> Alamat pengiriman harus di isi lengkap, termasuk kota/kabupaten dan kode posnya.</td></tr> <tr><td>Nomor Rekening</td><td> <input type=text name=rekening></td></tr>

<tr><td>Email</td><td> <input type=text name=email size=30></td></tr>

<tr><td valign=top>Kota Tujuan</td><td> <select name='kota'>

<option value=0 selected>- Pilih Kota -</option>"; $tampil=mysql_query("SELECT * FROM kota ORDER BY nama_kota");

while($r=mysql_fetch_array($tampil)){ echo "<option

value=$r[id_kota]>$r[nama_kota]</option>"; }

echo "</select> <br /><br />*) Apabila tidak terdapat nama kota tujuan Anda, pilih <b>Lainnya</b>

(35)

<br />**) Ongkos kirim dihitung berdasarkan kota tujuan</td></tr>

<tr><td> </td><td>(Masukkan 6 kode diatas)<br /><input type=text name=kode size=6 maxlength=6><br

/></td></tr>

</table> </form>

</div>"; }

// Modul selesai belanja

elseif ($_GET[module]=='selesaibelanja'){ echo "<div class='login-box'>";

$sid = $_SESSION[email];

$sql = mysql_query("SELECT * FROM orders_temp, produk WHERE id_session='$sid' AND orders_temp.id_produk=produk.id_produk");

$ketemu=mysql_num_rows($sql); if($ketemu < 1){

echo "<script> alert('Keranjang belanja masih kosong');window.location='index.php'</script>\n"; exit(0);

} else{

echo "<h2>Kustomer Lama</h2>

(36)

<table>

<tr><td>Email</td><td> <input type=text name=email size=30></td></tr>

<tr><td>Password</td><td> <input type=password name=password size=30></td></tr>

<tr><td><input type='submit' class='button' value='Login' id='submit'></td><td align=right><a href='media.php?module=lupapassword'>Lupa

Password?</a></td></tr> </table>

</form><br/><br/> ";

echo "<h2>Kustomer Baru</h2>"; echo "

<form name=form

action=media.php?module=simpantransaksi method=POST onSubmit=\"return validasi(this)\">

<tr><td>Nama Lengkap</td><td> <input type=text name=nama size=30></td></tr>

<tr><td>Password</td><td> <input type=text name=password></td></tr>

<tr><td>Alamat Pengiriman</td><td> <textarea name=alamat></textarea>

<br /> Alamat pengiriman harus di isi lengkap, termasuk kota/kabupaten dan kode posnya.</td></tr> <tr><td>Nomor Rekening</td><td> <input type=text name=></td></tr>

<tr><td>Email</td><td> <input type=text name=email size=30></td></tr>

<tr><td valign=top>Kota Tujuan</td><td> <select name='kota'>

(37)

<option value=0 selected>- Pilih Kota -</option>"; $tampil=mysql_query("SELECT * FROM kota ORDER BY nama_kota");

while($r=mysql_fetch_array($tampil)){ echo "<option

value=$r[id_kota]>$r[nama_kota]</option>"; }

echo "</select> <br /><br />*) Apabila tidak terdapat nama kota tujuan Anda, pilih <b>Lainnya</b>

<br />**) Ongkos kirim dihitung berdasarkan kota tujuan</td></tr>

<tr><td> </td><td>(Masukkan 6 kode diatas)<br /><input type=text name=kode size=6 maxlength=6><br

/></td></tr>

</table> </form>

</div>"; }

}

// Modul lupa password

elseif ($_GET[module]=='lupapassword'){

echo "<div class='center_title_bar'>Lupa Password</div>"; echo "<div class='login-box'>

(38)

<table>

<tr><td>Masukkan Email Anda</td><td> <input type=text name=email size=30></td></tr>

</table> </form>

</div>"; }

// Modul kirim password

elseif ($_GET[module]=='kirimpassword'){

// Cek email kustomer di database

$cek_email=mysql_num_rows(mysql_query("SELECT email FROM kustomer WHERE email='$_POST[email]'"));

// Kalau email tidak ditemukan if ($cek_email == 0){

echo "Email <b>$_POST[email]</b> tidak terdaftar di database kami.<br />

<a href=javascript:history.go(-1)><b>Ulangi Lagi</b></a>";

} else{

$password_baru = substr(md5(uniqid(rand(),1)),3,10);

// ganti password kustomer dengan password yang baru (reset password)

(39)

$query=mysql_query("update kustomer set password=md5('$password_baru') where email='$_POST[email]'");

// dapatkan email_pengelola dari database

$sql2 = mysql_query("select email_pengelola from modul where id_modul='43'");

$j2 = mysql_fetch_array($sql2);

$subjek="Password Baru";

$pesan="Password Anda yang baru adalah <b>$password_baru</b>";

// Kirim email dalam format HTML

$dari = "From: $j2[email_pengelola]\r\n"; $dari .= "Content-type: text/html\r\n";

// Kirim password ke email kustomer

mail($_POST[email],$subjek,$pesan,$dari);

echo "<div class='center_title_bar'>Kirim Password</div> <div class='prod_box_big'>

</div>

<div class='product_title_big'>Password Sudah Terkirim</div>

(40)

<div>

<br />Silahkan cek email Anda. </div>

</div> </div>

<div class='bottom_prod_box_big'></div> </div>";

} }

// Modul simpan transaksi member

elseif ($_GET[module]=='simpantransaksimember'){ echo "<div style='color:#000'>";

$email = $_SESSION[email];

$password = $_SESSION[password];

$sql = "SELECT * FROM kustomer WHERE email='$email' AND password='$password'";

$hasil = mysql_query($sql); $r = mysql_fetch_array($hasil);

// fungsi untuk mendapatkan isi keranjang belanja function isi_keranjang(){

$isikeranjang = array(); $sid = $_SESSION[email];

$sql = mysql_query("SELECT * FROM orders_temp WHERE id_session='$sid'");

(41)

while ($r=mysql_fetch_array($sql)) { $isikeranjang[] = $r;

}

return $isikeranjang; }

$tgl_skrg = date("Ymd"); $jam_skrg = date("H:i:s");

$id = mysql_fetch_array(mysql_query("SELECT id_kustomer FROM kustomer WHERE email='$email' AND password='$password'"));

// mendapatkan nomor kustomer $id_kustomer=$id[id_kustomer];

// simpan data pemesanan mysql_query("INSERT INTO

orders(tgl_order,jam_order,id_kustomer)

VALUES('$tgl_skrg','$jam_skrg','$id_kustomer')");

// mendapatkan nomor orders $id_orders=mysql_insert_id();

// panggil fungsi isi_keranjang dan hitung jumlah produk yang dipesan

$isikeranjang = isi_keranjang(); $jml = count($isikeranjang);

(42)

// simpan data detail pemesanan for ($i = 0; $i < $jml; $i++){

mysql_query("INSERT INTO orders_detail(id_orders, id_produk, jumlah)

VALUES('$id_orders',{$isikeranjang[$i]['id_produk']}, {$isikeranjang[$i]['jumlah']})");

}

// setelah data pemesanan tersimpan, hapus data pemesanan di tabel pemesanan sementara (orders_temp)

for ($i = 0; $i < $jml; $i++) {

mysql_query("DELETE FROM orders_temp

WHERE id_orders_temp =

{$isikeranjang[$i]['id_orders_temp']}"); }

echo "<div class='center_title_bar'>Proses Transaksi Selesai</div>";

echo "<div class='prod_box_big'>

<div>

Data pemesan beserta ordernya adalah sebagai berikut: <br />

<table>

<tr><td>Nama Lengkap </td><td> : <b>$r[nama_lengkap]</b> </td></tr>

<tr><td>Alamat Lengkap </td><td> : $r[alamat] </td></tr>

(43)

<tr><td>Nomor Rekening </td><td> : $r[telpon] </td></tr>

<tr><td>E-mail </td><td> : $r[email] </td></tr></table><hr /><br />

Nomor Order: <b>$id_orders</b><br /><br />";

$daftarproduk=mysql_query("SELECT * FROM orders_detail,produk

WHERE orders_detail.id_produk=produk.id_produk AND id_orders='$id_orders'");

echo "<table cellpadding=10>

<tr bgcolor=#6da6b1><th>No</th><th>Nama Produk</th><th>Berat(Kg)</th><th>Qty</th><th>Harga Satuan</th><th>Sub Total</th></tr>";

$pesan="Terimakasih telah melakukan pemesanan online di toko online kami <br /><br />

Nama: $r[nama_lengkap] <br /> Alamat: $r[alamat] <br/>

Nomor Rekening: $r[telpon] <br /><hr />

Nomor Order: $id_orders <br />

Data order Anda adalah sebagai berikut: <br /><br />";

$no=1;

(44)

$disc = ($d[diskon]/100)*$d[harga]; $hargadisc = number_format(($d[harga]-$disc),0,",",".");

$subtotal = ($d[harga]-$disc) * $d[jumlah];

$subtotalberat = $d[berat] * $d[jumlah]; // total berat per item produk

$totalberat = $totalberat + $subtotalberat; // grand total berat all produk yang dibeli

$total = $total + $subtotal;

$subtotal_rp = format_rupiah($subtotal); $total_rp = format_rupiah($total); $harga = format_rupiah($d[harga]);

echo "<tr

bgcolor=#dad0d0><td>$no</td><td>$d[nama_produk]</td><td align=center>$d[berat]</td><td align=center>$d[jumlah]</td> <td align=right>$harga</td><td align=right>$subtotal_rp</td></tr>";

$pesan.="$d[jumlah] $d[nama_produk] -> Rp. $harga -> Subtotal: Rp. $subtotal_rp <br />";

$no++; }

$kota=$r[id_kota];

$ongkos=mysql_fetch_array(mysql_query("SELECT ongkos_kirim FROM kota WHERE id_kota='$kota'"));

(45)

$ongkoskirim = $ongkoskirim1 * $totalberat;

$grandtotal = $total + $ongkoskirim;

$ongkoskirim_rp = format_rupiah($ongkoskirim); $ongkoskirim1_rp = format_rupiah($ongkoskirim1); $grandtotal_rp = format_rupiah($grandtotal);

// dapatkan email_pengelola dan nomor rekening dari database $sql2 = mysql_query("select

email_pengelola,nomor_rekening,nomor_hp from modul where id_modul='43'");

$j2 = mysql_fetch_array($sql2);

$pesan.="<br /><br />Total : Rp. $total_rp

<br />Ongkos Kirim untuk Tujuan Kota Anda : Rp. $ongkoskirim1_rp/Kg

<br />Total Berat : $totalberat Kg

<br />Total Ongkos Kirim : Rp. $ongkoskirim_rp

<br />Grand Total : Rp. $grandtotal_rp

<br /><br />Silahkan lakukan pembayaran sebanyak Grand Total yang tercantum, rekeningnya: $j2[nomor_rekening] <br />Apabila sudah transfer, konfirmasi ke nomor: $j2[nomor_hp]";

$subjek="Pemesanan Online";

// Kirim email dalam format HTML

(46)

$dari .= "Content-type: text/html\r\n";

// Kirim email ke kustomer

mail($email,$subjek,$pesan,$dari);

// Kirim email ke pengelola toko online

mail("$j2[email_pengelola]",$subjek,$pesan,$dari);

echo "<tr><td colspan=5 align=right>Total : Rp. </td><td align=right><b>$total_rp</b></td></tr>

<tr><td colspan=5 align=right>Ongkos Kirim untuk Tujuan Kota Anda: Rp. </td><td

align=right><b>$ongkoskirim1_rp</b>/Kg</td></tr> <tr><td colspan=5 align=right>Total Berat : </td><td align=right><b>$totalberat Kg</b></td></tr>

<tr><td colspan=5 align=right>Total Ongkos Kirim : Rp. </td><td align=right><b>$ongkoskirim_rp</b></td></tr> <tr><td colspan=5 align=right>Grand Total : Rp.

</td><td align=right><b>$grandtotal_rp</b></td></tr> </table>";

echo "<hr /><p>

No Order anda adalah : <b>$id_orders</b> , Silahkan Melakukan Pembayaran Pada Rekening dibawah ini, <br/>

Anda dapat melakukan Konfirmasi

Pembayaran Melalui SMS Ke NO : <b>082247007170 Atau bisa via online melalui menu hubungi kami</b>

<br/>Dengan Format Pesan :

<b>#No Orders #Nominal Transfer # Bank Tujuan # Bank Pengirim</b> Contoh :

(47)

<b> # $id_orders #$grandtotal_rp #Mandiri #Riau </b></div> <br /> <br />

Apabila Anda tidak melakukan pembayaran dalam 3 hari, maka transaksi dianggap batal.</p><br /> ";

$sql = mysql_query("SELECT * FROM modul WHERE id_modul='3'");

$r = mysql_fetch_array($sql); echo "$r[static_content]";

echo"

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

<div class='bottom_prod_box_big'></div> </div>";

echo "</div>"; } ?>

3. Adminweb/Style.css

-- body{

font-family: arial; text-align: center;

background:url(images/back.jpg) left top

repeat;/*background: url(../images/body-bg.jpg) center top no-repeat;*/

}

(48)

position: relative; margin-right: auto; margin-left: auto; width: 930px;

border: 1px solid #272727; text-align: left;

background:#fff; }

#content {

margin-left: 230px; padding:0px 10px 0 0;

}

#content p {

font-size: 100%; line-height: 1.8em; padding-left: 2em; }

#menu {

position: relative; float: left;

top: 0px; left: 0; width: 180px; }

#menu ul {

(49)

margin: 0; padding: 0; border: none; font-weight:bold;

}

#menu li {

width: 180px;

border-bottom: 1px solid #969BA5; margin: 0;

padding: 0; font-size: 80%;

vertical-align: bottom;

}

#menu li a {

background:url(images/icon.png)left center no-repeat; }

#menu a:link, #menu a:visited { display: block;

padding: 5px 5px 5px 0.5em; border-right: 1px solid #969BA5; color: #011D5C;

text-decoration: none; padding-left:18px; }

(50)

text-decoration:underline; }

a:link,a:visited { color:#D22E23; }

a:hover {

color: #FF6600;

text-decoration:none; }

h2 {

font: normal 120% Georgia; color: #D22E23;

background-color: transparent; border-bottom: 1px dotted #D22E23; }

table {

font-family: Tahoma; font-size: 8pt;

border-width: 1px; border-style: solid; border-color: #999999; border-collapse: collapse; margin: 10px 0px;

} th{

color: #FFFFFF; font-size: 7pt;

(51)

text-transform: uppercase; text-align: center;

padding: 0.5em; border-width: 1px; border-style: solid; border-color: #969BA5; border-collapse: collapse; background-color: #f60; }

td{

padding: 0.5em; vertical-align: top; border-width: 1px; border-style: solid; border-color: #969BA5; border-collapse: collapse; }

input,textarea,select{ font-family: arial; font-size: 12pt; }

#paging{

font-family: Tahoma; font-size: 8pt; }

#footer{

clear :both;

(52)

font-size: 70%; color: #272727;

background-color: #00ffff; }

4. Adminweb/media.php

<?php

error_reporting(0);

session_start();

if (empty($_SESSION[username]) AND empty($_SESSION[passuser])){

echo "<link href='style.css' rel='stylesheet' type='text/css'>

<center>Untuk mengakses Admin, Anda harus login <br>"; echo "<a href=index.php><b>LOGIN</b></a></center>"; }

else{ ?>

plugins : 'style,layer,table,save,advhr,advimage, ...', themes : 'simple,advanced',

(53)

languages : 'en', disk_cache : true, debug : false });

</script>

mode : "textareas", theme : "advanced", plugins :

"table,youtube,advhr,advimage,advlink,emotions,flash,searchr eplace,paste,directionality,noneditable,contextmenu",

theme_advanced_buttons1_add : "fontselect,fontsizeselect",

theme_advanced_buttons2_add :

"separator,preview,zoom,separator,forecolor,backcolor,listst yle",

theme_advanced_buttons2_add_before:

"cut,copy,paste,separator,search,replace,separator", theme_advanced_buttons3_add_before : "tablecontrols,separator,youtube,separator",

theme_advanced_buttons3_add : "emotions,flash", theme_advanced_toolbar_location : "top",

theme_advanced_toolbar_align : "left",

theme_advanced_statusbar_location : "bottom", extended_valid_elements :

"hr[class|width|size|noshade]",

file_browser_callback : "fileBrowserCallBack", paste_use_dialog : false,

theme_advanced_resizing : true,

(54)

theme_advanced_link_targets : "_something=My somthing;_something2=My somthing2;_something3=My

somthing3;",

apply_source_formatting : true });

function fileBrowserCallBack(field_name, url, type, win) {

var connector =

"../../filemanager/browser.html?Connector=connectors/php/con nector.php";

var enableAutoTypeSelection = true;

var cType;

tinymcpuk_field = field_name; tinymcpuk = win;

switch (type) { case "image":

cType = "Image"; break;

case "flash":

cType = "Flash"; break;

case "file":

cType = "File"; break;

}

(55)

connector += "&Type=" + cType; }

window.open(connector, "tinymcpuk", "modal,width=600,height=400");

} </script>

<body>

<li><a href='media.php?module=home'>Home</a> <li><a href='media.php?module=hubungi'>Pesan Customer</a></li>

<li><a href='media.php?module=kategori'>Kategori Produk</a></li>

<li><a

href='media.php?module=produk'>Produk</a></li> <li><a

href='media.php?module=order'>Order</a></li>

<li><a href='media.php?module=ongkoskirim'>Ongkos Kirim</a></li>

<li><a href='media.php?module=profil'>Profil OtakuShop</a></li>

<li><a href='media.php?module=rekening'>Info Rekening Toko</a></li>

(56)

<li><a href='logout.php'>Logout</a></li> </ul>

</div>

<?php include "content.php"; ?> </div>

</div> </div>

</body> </html> <?php } ?>

5. Adminweb/content.php

<?php

include "../config/koneksi.php"; include "../config/library.php";

(57)

include "../config/fungsi_indotgl.php"; include "../config/fungsi_combobox.php"; include "../config/fungsi_rupiah.php";

// Bagian Home

if ($_GET[module]=='home'){

if ($_SESSION['leveluser']=='admin'){ echo "<h2>Welcome Admin</h2>

<p>Hai <b>$_SESSION[namalengkap]</b>, selamat datang di halaman Admin dari OtakuShop.<br> Silahkan klik menu pilihan yang berada

di sebelah kiri untuk mengelola content website. </p>

<p align=right>Login : $hari_ini, "; echo tgl_indo(date("Y m d"));

echo " | ";

echo date("H:i:s"); echo " WIB</p>"; }

}

// Bagian Modul

elseif ($_GET[module]=='modul'){

if ($_SESSION['leveluser']=='admin'){ include "modul/mod_modul/modul.php"; }

(58)

elseif ($_GET[module]=='laporanpemesanan'){ if ($_SESSION['leveluser']=='admin'){

include "modul/mod_laporanpemesanan/laporan.php"; }

}

// Bagian Kategori

elseif ($_GET[module]=='kategori'){ if ($_SESSION['leveluser']=='admin'){

include "modul/mod_kategori/kategori.php"; }

}

// Bagian Produk

elseif ($_GET[module]=='produk'){

if ($_SESSION['leveluser']=='admin'){ include "modul/mod_produk/produk.php"; }

}

// Bagian Order

elseif ($_GET[module]=='order'){

if ($_SESSION['leveluser']=='admin'){ include "modul/mod_order/order.php"; }

(59)

// Bagian Profil

elseif ($_GET[module]=='profil'){

if ($_SESSION['leveluser']=='admin'){ include "modul/mod_profil/profil.php"; }

}

// Bagian Order

elseif ($_GET[module]=='hubungi'){ if ($_SESSION['leveluser']=='admin'){ include "modul/mod_hubungi/hubungi.php"; }

}

// Bagian Cara Pembelian

elseif ($_GET[module]=='carabeli'){ if ($_SESSION['leveluser']=='admin'){

include "modul/mod_carabeli/carabeli.php"; }

}

// Bagian Banner

elseif ($_GET[module]=='rekening'){ if ($_SESSION['leveluser']=='admin'){

include "modul/mod_rekening/rekening.php"; }

(60)

// Bagian Kota/Ongkos Kirim

elseif ($_GET[module]=='ongkoskirim'){ if ($_SESSION['leveluser']=='admin'){

include "modul/mod_ongkoskirim/ongkoskirim.php"; }

}

// Bagian Laporan

elseif ($_GET[module]=='laporan'){ if ($_SESSION['leveluser']=='admin'){ include "modul/mod_laporan/laporan.php"; }

}

// Apabila modul tidak ditemukan else{

echo "<p><b>MODUL BELUM ADA ATAU BELUM LENGKAP</b></p>"; }

6. Adminweb/index.php

<head>

<style> body {

(61)

background: url(images/blurred.jpg) no-repeat center top;

-webkit-background-size: cover; -moz-background-size: cover; background-size: cover; }

</style>

if (form.username.value == ""){

alert("Anda belum mengisikan Username."); form.username.focus();

return (false); }

if (form.password.value == ""){

alert("Anda belum mengisikan Password."); form.password.focus();

return (false); }

return (true); }

</script> </head>

(62)

<p class="clearfix"> <label

for="login">Username</label>

</p>

<p class="clearfix"> <label

for="password">Password</label>

</p>

</p> </form>

</section>

</div> </body>

7. Db_toko.sql

-- phpMyAdmin SQL Dump -- version 3.2.4

(63)

-- Host: localhost

-- Generation Time: Jun 15, 2016 at 11:26 AM -- Server version: 5.1.41

-- PHP Version: 5.3.1

SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO";

/*!40101 SET

@OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */; /*!40101 SET

@OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */; /*!40101 SET

@OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */; /*!40101 SET NAMES utf8 */;

-- Database: `db_toko` --

-- ---

-- Table structure for table `admins` --

CREATE TABLE IF NOT EXISTS `admins` (

(64)

`password` varchar(50) COLLATE latin1_general_ci NOT NULL, `nama_lengkap` varchar(100) COLLATE latin1_general_ci NOT NULL,

`email` varchar(100) COLLATE latin1_general_ci NOT NULL, `no_telp` varchar(20) COLLATE latin1_general_ci NOT NULL, `level` varchar(20) COLLATE latin1_general_ci NOT NULL DEFAULT 'user',

`blokir` enum('Y','N') COLLATE latin1_general_ci NOT NULL DEFAULT 'N',

PRIMARY KEY (`username`)

) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci;

-- Dumping data for table `admins` --

INSERT INTO `admins` (`username`, `password`,

`nama_lengkap`, `email`, `no_telp`, `level`, `blokir`) VALUES

('ikhsan', 'ikhsanfauzi001', 'Administrator',

'[email protected]', '082247007170', 'admin', 'Y');

-- ---

-- Table structure for table `hubungi` --

(65)

`id_hubungi` int(5) NOT NULL AUTO_INCREMENT, `id_kustomer` int(5) NOT NULL,

`subjek` varchar(100) COLLATE latin1_general_ci NOT NULL, `pesan` text COLLATE latin1_general_ci NOT NULL,

`tanggal` date NOT NULL, PRIMARY KEY (`id_hubungi`)

) ENGINE=MyISAM DEFAULT CHARSET=latin1

COLLATE=latin1_general_ci AUTO_INCREMENT=21 ;

-- Dumping data for table `hubungi` --

INSERT INTO `hubungi` (`id_hubungi`, `id_kustomer`, `subjek`, `pesan`, `tanggal`) VALUES

(19, 13, '[email protected]', 'rusak', '2016-06-08'), (20, 13, '[email protected]', 'rusak', '2016-06-08');

-- ---

-- Table structure for table `kategori` --

CREATE TABLE IF NOT EXISTS `kategori` (

`id_kategori` int(5) NOT NULL AUTO_INCREMENT,

`nama_kategori` varchar(100) COLLATE latin1_general_ci NOT NULL,

(66)

) ENGINE=MyISAM DEFAULT CHARSET=latin1

COLLATE=latin1_general_ci AUTO_INCREMENT=22 ;

-- Dumping data for table `kategori` --

INSERT INTO `kategori` (`id_kategori`, `nama_kategori`) VALUES

(7, 'Kaos'), (9, 'Jacket'),

(10, 'Action Figure'), (13, 'Anime Stuff'), (16, 'Komik'),

-- ---

-- Table structure for table `kota` --

CREATE TABLE IF NOT EXISTS `kota` (

`id_kota` int(3) NOT NULL AUTO_INCREMENT, `nama_kota` varchar(100) NOT NULL,

`ongkos_kirim` int(10) NOT NULL, PRIMARY KEY (`id_kota`)

(67)

) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=12 ;

-- Dumping data for table `kota` --

INSERT INTO `kota` (`id_kota`, `nama_kota`, `ongkos_kirim`) VALUES

(1, 'Jakarta', 13000), (2, 'Bandung', 13500), (3, 'Semarang', 10000), (4, 'Medan', 20000), (5, 'Aceh', 25000),

(6, 'Banjarmasin', 17500), (7, 'Balikpapan', 18500), (8, 'Samarinda', 19500), (9, 'Lainnya', 10000), (10, 'Palembang', 23000), (11, 'Surabaya', 13000);

-- ---

-- Table structure for table `kustomer` --

CREATE TABLE IF NOT EXISTS `kustomer` (

(68)

`password` varchar(50) COLLATE latin1_general_ci NOT NULL, `nama_lengkap` varchar(100) COLLATE latin1_general_ci NOT NULL,

`alamat` text COLLATE latin1_general_ci NOT NULL,

`email` varchar(100) COLLATE latin1_general_ci NOT NULL, `telpon` varchar(20) COLLATE latin1_general_ci NOT NULL, `id_kota` int(5) NOT NULL,

PRIMARY KEY (`id_kustomer`)

) ENGINE=MyISAM DEFAULT CHARSET=latin1

COLLATE=latin1_general_ci AUTO_INCREMENT=14 ;

-- Dumping data for table `kustomer` --

INSERT INTO `kustomer` (ìd_kustomer`, `password`, `nama_lengkap`, àlamat`, èmail`, `telpon`, ìd_kota`) VALUES

(1, 'e10adc3949ba59abbe56e057f20f883e', 'Lukmanul Hakim', 'Jl. Prof. Dr. Soepomo No. 178, Tebet, Jakarta Timur 17280', '[email protected]', '081804396000', 1),

(2, 'cec1de94b66011a1cfed0a45f8ba8e16', 'budiono', 'Jl. Dipenogoro', '[email protected]', '083242233323', 5), (3, '4b0cf71ac4f5267ae87e1092e98395ba', 'budionokompas1', 'Jl. Dorak, Selatpanjang1', '[email protected]', '081275371724', 3),

(4, '4b0cf71ac4f5267ae87e1092e98395ba', 'budionokompas', 'tes', '[email protected]', '081275371724', 5), (8, '7f363f401f336a7925f28655b6a44447', 'imam', 'bakti', '[email protected]', '1231312312312', 4),

(9, '4ba338b15d2b1749da13f7db92c2d028', 'boy', 'jalan bakti no.56 gaperta ujung medan\r\n', '[email protected]', '12344245324', 4),

(69)

(10, 'ce9689abdeab50b5bee3b56c7aadee27', 'amron', 'medan', '[email protected]', '34567890', 4),

(11, 'b3656d629717d62a1c483dfec800638e', 'ikhsan fauzi', 'medan', '[email protected]', '123-143', 4),

(12, '64e031bbcf7ac9bb65e5423c261e10da', 'yani', 'medan', '[email protected]', '123-123-345', 4),

(13, 'ab7e00a3dd6dd5ce2749dbd993b257ad', 'saidan', 'medan', '[email protected]', '123-123-421', 4);

-- ---

-- Table structure for table `modul` --

CREATE TABLE IF NOT EXISTS `modul` (

`id_modul` int(5) NOT NULL AUTO_INCREMENT,

`static_content` text COLLATE latin1_general_ci NOT NULL, `gambar` varchar(100) COLLATE latin1_general_ci NOT NULL, PRIMARY KEY (`id_modul`)

) ENGINE=MyISAM DEFAULT CHARSET=latin1

COLLATE=latin1_general_ci AUTO_INCREMENT=58 ;

-- Dumping data for table `modul` --

INSERT INTO `modul` (`id_modul`, `static_content`, `gambar`) VALUES

(70)

(1, 'OtakuShop , Menjual Bermacam-Macam Barang bertema kan anime seperti kaos,jacket,komik,anime stuff,action figure dll.\r\nDengan Harga yang sangat bersahabat dengan kantong anda,\r\n', 'sports-brand-logo-vector-94764.jpg'),

(2, 'Silahkan Anda melakukan register terlebih dahulu , setelah itu anda dapat login ke otakushop dan dapat berbelanja kebutuhan anda', ''),

(3, '<p>\r\nPembayaran dilakukan Melalui Rekening Toko Kami di bawah ini :\r\n</p>\r\n<p>\r\n<strong>BRI

:1909.8099.00.11</strong>\r\n</p>\r\n<p>\r\nA/n   : AnandaSport1\r\n</p>\r\n<p>\r\n<strong>Mandiri :

503.0292.22</strong>\r\n</p>\r\n<p>\r\nA/n :

AnandaSport2\r\n</p>\r\n<p>\r\n<strong>BNI :  09.8099.00.</strong>\r\n</p>\r\n<p>\r\nA/n :

AnandaSport3\r\n</p>\r\n<p>\r\n \r\n</p>\r\n<p>\r\n&nbs p;\r\n</p>\r\n<p>\r\n \r\n</p>\r\n<p>\r\n \r\n</p> \r\n<p>\r\n \r\n</p>\r\n<p>\r\n \r\n</p>\r\n', '');

-- ---

-- Table structure for table `orders` --

CREATE TABLE IF NOT EXISTS `orders` (

`id_orders` int(5) NOT NULL AUTO_INCREMENT,

`status_order` varchar(50) COLLATE latin1_general_ci NOT NULL DEFAULT 'Baru',

`tgl_order` date NOT NULL, `jam_order` time NOT NULL, `id_kustomer` int(5) NOT NULL, PRIMARY KEY (`id_orders`)

) ENGINE=MyISAM DEFAULT CHARSET=latin1

(71)

-- Dumping data for table `orders` --

INSERT INTO òrders` (ìd_orders`, `status_order`, `tgl_order`, `jam_order`, ìd_kustomer`) VALUES (26, 'Lunas', '2016-03-31', '21:29:27', 8), (27, 'Baru', '2016-04-10', '13:05:02', 9), (28, 'Baru', '2016-04-10', '13:06:37', 9), (29, 'Lunas', '2016-05-18', '12:24:41', 10), (30, 'Baru', '2016-06-08', '21:24:45', 13), (31, 'Baru', '2016-06-08', '21:49:58', 13), (32, 'Baru', '2016-06-08', '21:51:27', 13), (33, 'Lunas', '2016-06-08', '21:52:00', 13);

-- ---

-- Table structure for table `orders_detail` --

CREATE TABLE IF NOT EXISTS `orders_detail` ( `id_orders` int(5) NOT NULL,

`id_produk` int(5) NOT NULL, `jumlah` int(5) NOT NULL

) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci;

(72)

-- Dumping data for table `orders_detail` --

INSERT INTO òrders_detail` (ìd_orders`, ìd_produk`, `jumlah`) VALUES

(26, 34, 1), (27, 43, 1), (28, 42, 1), (29, 59, 1), (30, 52, 1), (30, 54, 1), (31, 63, 1);

-- ---

-- Table structure for table `orders_temp` --

CREATE TABLE IF NOT EXISTS `orders_temp` (

`id_orders_temp` int(5) NOT NULL AUTO_INCREMENT, `id_produk` int(5) NOT NULL,

`id_session` varchar(100) COLLATE latin1_general_ci NOT NULL,

`jumlah` int(5) NOT NULL,

(73)

`jam_order_temp` time NOT NULL, `stok_temp` int(5) NOT NULL, PRIMARY KEY (`id_orders_temp`)

) ENGINE=MyISAM DEFAULT CHARSET=latin1

COLLATE=latin1_general_ci AUTO_INCREMENT=190 ;

-- Dumping data for table `orders_temp` --

INSERT INTO òrders_temp` (ìd_orders_temp`, ìd_produk`, ìd_session`, `jumlah`, `tgl_order_temp`, `jam_order_temp`, `stok_temp`) VALUES

(189, 65, '[email protected]', 1, '2016-06-12', '11:53:33', 5);

-- ---

-- Table structure for table `produk` --

CREATE TABLE IF NOT EXISTS `produk` (

`id_produk` int(5) NOT NULL AUTO_INCREMENT, `id_kategori` int(5) NOT NULL,

`nama_produk` varchar(100) COLLATE latin1_general_ci NOT NULL,

`deskripsi` text COLLATE latin1_general_ci NOT NULL, `harga` int(20) NOT NULL,

(74)

`berat` decimal(5,2) unsigned NOT NULL DEFAULT '0.00', `tgl_masuk` date NOT NULL,

`gambar` varchar(100) COLLATE latin1_general_ci NOT NULL, `dibeli` int(5) NOT NULL DEFAULT '1',

`diskon` int(5) NOT NULL, PRIMARY KEY (`id_produk`)

) ENGINE=MyISAM DEFAULT CHARSET=latin1

COLLATE=latin1_general_ci AUTO_INCREMENT=67 ;

8. Aksi.php

<?php

session_start(); error_reporting(0);

include "config/koneksi.php"; include "config/library.php";

if (empty($_SESSION[username]) AND empty($_SESSION[password])) {

header('location:media.php?module=warning'); }

else {

$module=$_GET[module]; $act=$_GET[act];

if ($module=='keranjang' AND $act=='tambah'){

(75)

$sql2 = mysql_query("SELECT stok FROM produk WHERE id_produk='$_GET[id]'");

$r=mysql_fetch_array($sql2); $stok=$r[stok];

if ($stok == 0){

echo "stok habis"; }

else{

// check if the product is already // in cart table for this session

$sql = mysql_query("SELECT id_produk FROM orders_temp

WHERE id_produk='$_GET[id]' AND id_session='$sid'");

$ketemu=mysql_num_rows($sql); if ($ketemu==0){

// put the product in cart table mysql_query("INSERT INTO orders_temp (id_produk, jumlah, id_session, tgl_order_temp,

jam_order_temp, stok_temp)

VALUES ('$_GET[id]', 1, '$sid', '$tgl_sekarang', '$jam_sekarang', '$stok')");

} else {

// update product quantity in cart table mysql_query("UPDATE orders_temp

SET jumlah = jumlah + 1

WHERE id_session ='$sid' AND id_produk='$_GET[id]'");

(76)

}

deleteAbandonedCart();

header('Location:media.php?module=keranjangbelanja'); }

}

elseif ($module=='keranjang' AND $act=='hapus'){ mysql_query("DELETE FROM orders_temp WHERE id_orders_temp='$_GET[id]'");

header('Location:media.php?module=keranjangbelanja'); }

elseif ($module=='keranjang' AND $act=='update'){ $id = $_POST[id];

$jml_data = count($id);

$jumlah = $_POST[jml]; // quantity for ($i=1; $i <= $jml_data; $i++){

$sql2 = mysql_query("SELECT stok_temp FROM orders_temp WHERE id_orders_temp='".$id[$i]."'");

while($r=mysql_fetch_array($sql2)){ if ($jumlah[$i] > $r[stok_temp]){

echo "<script>window.alert('Jumlah yang dibeli melebihi stok yang ada');

window.location=('media.php?module=keranjangbelanja')</scrip t>";

}

(77)

echo "<script>window.alert('Anda tidak boleh menginputkan angka 0 atau mengkosongkannya!');

window.location=('media.php?module=keranjangbelanja')</scrip t>";

} else{

mysql_query("UPDATE orders_temp SET jumlah = '".$jumlah[$i]."'

WHERE id_orders_temp = '".$id[$i]."'");

header('Location:media.php?module=keranjangbelanja'); }

} } } }

Delete all cart entries older than one day */

function deleteAbandonedCart(){

$kemarin = date('Y-m-d', mktime(0,0,0, date('m'), date('d') - 1, date('Y')));

mysql_query("DELETE FROM orders_temp

WHERE tgl_order_temp < '$kemarin'"); }

(78)

DAFTAR PUSTAKA

Adi Nugroho. 2011. Perancangan dan Implementasi Sistem Basis Data Andi:

Yogyakarta

Abdul, K. 2008. Tuntunan Praktis Belajar Database Menggunakan MySQL

Andi : Yogyakarta

Kadir, Abdul. 2005. Dasar Pemrograman Web Dinamis Menggunakan

PHP. Yogyakarta : Informatika Bandung

Mulyana. Y.B. 2004. Trik Membangun Situs Menggunakan PHP dan MySQL.

Jakarta: Elex Media Komputindo

Sutarman, 2003. Membangun Aplikasi Web dengan PHP dan MySQL, Yogyakarta

: Graha Ilmu.

Utdirartatmo, Firrar. 2006. Segudang Trik Pengembangan Situs WEB.

Yogyakarta : Penerbit Andi

(79)

BAB 3

PERANCANGAN SISTEM

3.1 Perancangan Sistem

Seiring dengan perkembangan teknologi informasi saat ini, serta untuk meningkatkan efesiensi kerja dan waktu, maka masih banyak sistem yang ada saat ini yang masih manual dan harus diganti dengan sistem yang lebih baik lagi. Hal ini dilakukan dengan cara membangun sistem yang terkomputerisasi atau online. Untuk memulai membangun suatu program mengenai perancangan system informasi akademik, maka penulis terlebih dahulu merencanakan alur kerja berdasarkan kebutuhan dari user yang akan menggunakan aplikasi basis data ini.

Perancangan merupakan proses yang dilakukan oleh perancang sistem untuk mengerjakan spesifikasi sistem, membuat keputusan tentang bagaimana komponen system diaktualisasikan. Proses ini menyangkut tujuan sistem tersebut, audience, objek dan informasi domain. Perancangan yang baik harus mengetahui bagaimana mendapatkan efek yang dibutuhkan oleh spesifikasi tersebut dengan cara paling fleksibel, efesien dan elegan.

(1)

iii

PENGHARGAAN

Puji syukur panjatkan kehadirat Tuhan Yang Maha Esa yang telah melimpahkan rahmat dan hidayah-Nya penulis menyelesaikan penyusunan tugas akhir ini dengan judul Perancangan Aplikasi E-Commerce Toko Online “Otaku Shop”.

Pada kesempatan ini penulis mengucapkan banyak terima kasih kepada pihak yang telah banyak membimbing, mengarahkan, membantu, dan memberikan dukungan semangat dan kasih sayang dalam menyelesaikan tugas akhir ini. Penulis mengucapkan terima kasih kepada :

1. Bapak Drs. Patarno Siagian, M.Sc. selaku dosen pembimbing yang telah bersedia memberi arahan, bimbingan dan petunjuk serta nasehat kepada penulis dalam menyelesaikan tugas akhir ini.

2. Bapak Prof. Dr. Kerista Sebayang, M.S. selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara. 3. Bapak Prof. Dr. Tulus, M.Si, selaku Ketua Departemen Matematika

Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

4. Ibu Dra. Elly Rosmaini, M.Si. selaku Ketua Program Studi D3 Teknik Informatika FMIPA USU.

5. Seluruh Bapak dan Ibu Dosen yang telah membimbing saya selama menjalani pendidikan di program studi D3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara. 6. Terkhusus penulis ucapkan terima kasih yang sebesar – besarnya kepada

Ayahanda tercinta H. Zainuddin dan Ibunda tersayang Ustati,S,Sos, serta kakak,abang dan adik yang telah memberikan doa, dukungan moril dan materil, motivasi, semangat dan kasih sayang yang tiada henti kepada penulis sehingga penulis dapat menyelesaikan tugas akhir ini. .

7. Teman-teman seperjuangan Penulis di Departemen Matematika Prodi D3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

(2)

PERANCANGAN APLIKASI ONLINE PENJUALAN ANIME STUFF “OTAKU SHOP” BERBASIS WEB

ABSTRAK

E-Commerce adalah wadah jual beli untuk mempermudah membeli suatu barang tanpa harus datang ke toko. E-Commerce merupakan suatu kontak transaksi perdagangan antara penjual dan pembeli dengan menggunakan media internet. Keuntungan dengan menggunakan transaksi melalui e-commerce adalah untuk meningkatkan pendapatan dengan penjualan online yang biayanya lebih murah

Tujuan pembuatan web ini menyediakan aplikasi penjualan kaos, jacket, action figure, anime stuff, komik dll betemakan anime/kartun yang terhubung langsung ke website secara lengkap dengan informasi toko beserta harga dan cara pembeliannya sehingga dapat mempermudah user mencari barang-barang tertentu.

(3)

v DAFTAR ISI

Halaman

Persetujuan Iii

Penghargaan Iv

Abstrak V

Daftar Isi Vi

Daftar Gambar Viii

Daftar Tabel Ix

Bab 1 PENDAHULUAN 1

1.1 Latar Belakang 1

1.2 Rumusan Masalah 3

1.3 Batasan Masalah 3

1.4 Tujuant 3

1.5 Manfaat 3

1.6 Metodologi Penelitian 3

1.7 Sistematika Penulisan 4

Bab 2 LANDASAN TEORI 6

2.1 Pengertian Internet Commerce 2.1.1 Gambaran Umum I-Commerce 2.1.2 Trade Cycles I-Commerce

6 7 9 2.2 Pengenalan Internet

2.2.1 Network 2.2.2 Web Server

2.2.3 World Wide Web (WWW) 2.2.4Hyper Text Tranfer Protocol

10 11 11 12 13 2.3 Pengenalan Personal Home Page

2.3.1 Sejarah Asal Mula PHP 2.3.2 Variabel Pada PHP

2.3.3 Konsep Dasar Penggunaan php

13 14 15 16

2.4 XAMPP 17

2.5 Sublime Text 20

2.6 Cascading Style Sheet (CSS) 2.6.1 Struktur CSS

2.6.2 Penulisan CSS 2.6.3 Selector

2.6.4 Memformat dokumen dgn CSS

20 21 22 23 24

2.7 FlowChart 26

2.8 Algoritma

2.8.1 Sejarah Istilah Algoritma 2.8.2 Jenis-Jenis Algoritma

27 28 29 2.9 Data Flow Diagram (DFD)

2.9.1 Diagram Konteks

30 32

Bab 3 PERANCANGAN SISTEM 33

(4)

3.1 Perancangan Sistim 33 3.2 Data Flow Diagram (DFD)

3.2.1 Diagram Konteks Aplikasi 3.2.2 DFD Level 0

3.2.3 DFD Level 1

34 35 36 37 3.3 Perancangan Database Aplikasi

3.3.1 ERD

3.3.2 Relationship 3.3.3 Struktur Tabel

37 38 39 39 3.4 Flowchart Aplikasi

3.4.1 Flowchart Menu Utama 3.4.2 Flowchart Login Admin 3.4.3 FlowChart Menu Admin

44 45 46 47

3.5 Algoritma Perancangan Aplikasi 48

Bab 4 IMPLEMENTASI SISTEM 49

4.1 Pengertian Implementasi Sistem 49

4.2 Tujuan Implementasi 50

4.3 Komponen dalam Implementasi Sistem

4.3.1 Kebutuhan Perangkat Keras 4.3.2 Kebutuhan Perangkat Lunak 4.3.3 Kebutuhan Brainware

50 51 52 52

4.4 Instalasi XAMPP 53

4.5 Tampilan Halaman Website 57

Bab 5 KESIMPULAN dan SARAN 64

5.1 Kesimpulan 64

5.2 Saran 64

Daftar Pustaka Lampiran

(5)

vii

DAFTAR TABEL

Nomor Tabel Judul Halaman

2.1 Arti Lambang Lambang Flowchart 28

2.2 Simbol Data Flow Diagram 33

3.1 Tabel Admin 41

3.2 Tabel Hubungi 42

3.3 Tabel Kategori 42

3.4 Tabel Kota 43

3.5 Tabel Kustomer 43

3.6 Tabel Modul 44

3.7 Tabel Order 44

3.8 Tabel Order Detil 45

3.9 Tabel Order Temp 45

3.10 Tabel Produk 46

(6)

DAFTAR GAMBAR

No. Gambar Judul Halaman

2.1.2 Trade Cycles Internet Commerce 11

3.2.1 Diagram Konteks E-commerce Otaku Shop 37

3.2.2 Data Flow Diagram Level 0 38

3.2.3 Data Flow Diagram Level 1 39

3.3.1 ERD 40

3.3.2 Relationship 41

3.4.1 Flowchart Menu Utama 47

3.4.2 Flowchart Login Admin 48

3.4.3 Flowchart Admin 49

4.1 Instalasi XAMPP 3.2.2 (1) 55

4.2 Instalasi XAMPP 3.2.2 (2) 56

4.3 Instalasi XAMPP 3.2.2 (3) 56

4.4 Instalasi XAMPP 3.2.2 (4) 57

4.5 Instalasi XAMPP 3.2.2 (5) 57

4.6 Control Panel XAMPP 58

4.7 Tampilan Halaman Home Web 59

4.8 Tampilan Halaman Tentang Profile Web 60

4.9 Tampilan Halaman Produk-Produk 62

4.10 Tampilan Halaman Cara Pemesanan 63

4.11 Tampilan Halaman Claim Barang Rusak 63

4.12 Tampilan Halaman Balasan Claim Barang Rusak 64

4.13 Tampilan Halaman Keranjang Belanja 64