Aplikasi Minimarket Meranti Jaya dengan Menggunakan PHP dan MySQL.

(1)

Listing Program

a. Index.php

<?php

session_start();

if(!isset($_SESSION['kd_toko'])&&!isset($_SESSION['status_toko'])){ header('location:akses/login_toko.php');}

else if(!isset($_SESSION['id_user'])&&!isset($_SESSION['status_user'])){ header('location:akses/login_user.php');}

else{

$status_toko=$_SESSION['status_toko']; $status_user=$_SESSION['status_user'];} ?>

<?php

include('koneksi/koneksi.php'); if(isset($_SESSION['kd_toko'])){

$query_info_toko=mysql_query("SELECT * FROM tabel_toko WHERE kd_toko='".$_SESSION['kd_toko']."'");

$info_toko=mysql_fetch_array($query_info_toko); $nm_toko=$info_toko['nm_toko'];

$almt_toko=$info_toko['almt_toko']; $tlp_toko=$info_toko['tlp_toko']; $fax_toko=$info_toko['fax_toko']; $logo_toko=$info_toko['logo'];

$header=true;} ?>

<head>

(2)

<script

src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script> <script type='text/javascript' src='menu_jquery.js'></script>

<?php

if(isset($_GET['do'])=="update"){ $param=2;}

else{ $param=1;} ?>

</head>

<body>

<li class='active'><a href="index.php?menu=home"><span>Index</span></a></li> <?php

if(($status_toko=="pusat")&&($status_user=="manager"||$status_user=="admin ")){

?>

<li class='has-sub'><a href='#'><span>Master Data</span></a> <ul>

(3)

</li>

<li ><a href="index.php?menu=kategori"><span>Kategori Barang</span></a> </li>

<li ><a href="index.php?menu=satuan"><span>Satuan Barang</span></a> </li>

<li ><a href="index.php?menu=barang"><span>Barang</span></a> </li>

<li ><a href="index.php?menu=supplier"><span>Supplier</span></a> </li>

</ul> </li> <?php }?>

<?php if($status_user=="gudang"||$status_user=="manager"||$status_user=="admin"){ ?>

<li class='has-sub'><a href='#'><span>Menu Gudang</span></a>

<ul>

<li ><a href="index.php?menu=pembelian"><span>Pembelian</span></a> </li>

<li ><a href="index.php?menu=stok"><span>Stok Barang</span></a> </li>

</ul> </li> <?php }?>

<?php if($status_user=="kasir"||$status_user=="manager"||$status_user=="admin") { ?> <li class='has-sub'><a href='#'><span>Mesin Kasir</span></a>

<ul>

(4)

<li ><a href="index.php?menu=setoran_kasir"><span>Setoran Kasir</span></a> </li>

</ul> </li> <?php }?>

<?php if($status_user=="manager"||$status_user=="admin"){ ?> <li class='has-sub'><a href='#'><span>Manajer Toko</span></a> <ul>

<li ><a href="index.php?menu=stok"><span>Stok Barang</span></a> </li>

<li class='has-sub'><a href="#"><span>Laporan</span></a> <ul>

<li><a href="#" onclick="popup_print(1)"> <span>Penjualan</span></a></li>

<li><a href="#"

onclick="popup_print(3)"><span>Pembelian</span></a></li>

<li class='last'><a href="#" onclick="popup_print(5)"><span>Profit

Penjualan</span></a></li> </ul>

</li> </ul> </li> <?php }?> <?php

if(($status_toko=="pusat")&&($status_user=="admin"||$status_user=="manager")){ ?> <li class='has-sub'><a href='#'><span>Kantor Cabang</span></a>

<ul>

<li ><a href="index.php?menu=stok&view=cabang"><span>Stok Barang</span></a>

</li>

(5)

<ul>

<li><a href="#" onclick="popup_print(2)"><span>Penjualan</span></a></li>

<li><a href="#" onclick="popup_print(4)"><span>Pembelian</span></a></li>

<li class='last'><a href="#" onclick="popup_print(6)"><span>Profit Penjualan</span></a></li>

</ul> </li> </ul> </li> <?php }?>

<li class='last'><a href="akses/logout.php"><span>Keluar Aplikasi</span></a></li> </ul>

</div>

<div id="content"> <?php

if(isset($_GET['menu'])){ $menu=$_GET['menu'];

switch($menu){

case('home');include('home.php');break;

case('user');include('master_data/data_user.php');break;

case('kategori');include('master_data/kategori_barang.php');break; case('satuan');include('master_data/satuan_barang.php');break; case('barang');include('master_data/data_barang.php');break; case('supplier');include('master_data/data_supplier.php');break; case('toko');include('master_data/data_toko.php');break;

case('pembelian');include('gudang/pembelian.php');break; case('stok');include('gudang/stok_barang.php');break; case('penjualan');include('kasir/penjualan.php');break;

case('setoran_kasir');include('kasir/setoran_kasir.php');break;

(6)

</div>

font-family: "OCR A Std"; font-weight: bold;

text-transform: uppercase; color: #C0C;

padding-top: 80px; margin-left: 100px; height:320px; }

</style> </head>

<body>

<h2 align="center">SELAMAT DATANG <?php echo $_SESSION['nm_user']; ?></h2>

</tr> <tr>

(7)

</tr> </table> </div> </div>

</body> </html>

c. Index.css

#wrapper{ width:100%; height:100%;

background-color: #fdbef3; }

#container { height: 500px; width: 100%;

border: 1px solid #FOC; }

#header {

margin-left:60px; padding-top:20px;} #menu {

background-color: #fdffc1; height: 35px;

width: 100%; }

#content {

background-color: #fdbef3;

background-image:url(../images/back.png); background-repeat:no-repeat;

/*height: 450px; width: 100%;*/} #content2 {

background-color: #fdbef3; height: 450px; width: 100%;} #footer {

font-family: "Comic Sans MS", cursive; font-size: 14px;

color: #000;

background-color: #9cf2c2; height: 50px;

(8)

#footer_text{ padding-top: 15px; }

#logo {

height: 130px; width: 230px; float: left;} #info_toko {

height: 130px; width: 450px; margin-left: 20px; float: left;} .nama_toko {

font-family: "Comic Sans MS", cursive; font-size: 16pt;

color: #FFF;

text-transform: uppercase; text-decoration: underline; }

.alamat_toko {

font-family: "Comic Sans MS", cursive; font-size: 12px;

color: #000;

text-transform: capitalize; }

a {

font-family: "Comic Sans MS", cursive; color: #000;

font-size: 10pt; text-decoration: none; }

a:visited{

font-family: "Comic Sans MS", cursive; color: #000;

background-color: #fff; text-decoration: none; }

d. Form.css

#view_data {

font-family: "Comic Sans MS", cursive; float: left; overflow: scroll;

height: 450px; width: 70%; background-color: #fdbef3;

(9)

background-repeat:no-repeat; }

#query {

font-family: "Comic Sans MS", cursive; background-color: #fbffc0;

float: left; height: 450px; width: 30%;} #info_query {

font-size: 20px; font-weight: bold; color: #000; height: 30px; width: 300px; margin-left: 20px;} .judul_tabel {

font-size: 12pt; font-weight: bold; color: #000; }

.header_tabel {

font-size: 11pt; font-weight: bold; color: #FFF; background-color: #333;}

.isi_tabel {

font-size: 10pt; color: #000;

background-color: #FFF;} .footer_tabel {

background-color: #333;

font-family: "Comic Sans MS", cursive; font-size: 10pt; color: #FFF;}

#tambah{

background-color: #FFF;} #form_tambah {

font-size: 11pt; color: #000; background-color: #fbffc0; text-transform: capitalize;} #form_update {

(10)

text-transform: capitalize;}

e. Laporan.css

#pilih_laporan {

background-color: #666; height: 30px; width: 100%; font-weight: bold; color: #FFF;

text-transform: capitalize;} #tampil_laporan{

height: auto;width: 100%; overflow: auto; text-transform: capitalize;}

.judul_laporan{

font-size: 14pt; font-weight: bold; color: #000; text-align: center;} .header_footer{

text-align: center; font-weight: bold;}

.isi_laporan{

font-size: 10pt; color: #000; background-color: #FFF;} .resume_laporan{

font-weight: bold; color: #FFF;} @media print {

#pilih_laporan{display: none;} }

f. Login.css

#pilih_laporan {

(11)

font-weight: bold; color: #FFF; text-transform: capitalize;} #tampil_laporan{

height: auto;width: 100%; overflow: auto; text-transform: capitalize;}

.judul_laporan{

font-size: 14pt; font-weight: bold; color: #000; text-align: center;} .header_footer{

text-align: center; font-weight: bold;} .isi_laporan{

font-size: 10pt; color: #000; background-color: #FFF;} .resume_laporan{

font-weight: bold; color: #FFF;} @media print {

#pilih_laporan{display: none;} }

g. Menu.css

#cssmenu {

position: relative; height: 44px;

background: #9cf2c2; width: auto;

(12)

#cssmenu ul { list-style: none; padding: 0; margin: 0; line-height: 1; }

#cssmenu > ul { position: relative; display: block;

background: #9cf2c2; height: 32px;

width: 100%; z-index: 500; }

#cssmenu > ul > li { display: block; position: relative; float: left;

margin: 0; padding: 0; }

#cssmenu > ul > #menu-button { display: none;

}

#cssmenu ul li a { display: block;

font-family: Helvetica, sans-serif; text-decoration: none;

}

#cssmenu > ul > li > a { font-size: 14px;

(13)

padding: 15px 20px; color: #7a8189;

text-transform: uppercase;

-webkit-transition: color 0.25s ease-out; -moz-transition: color 0.25s ease-out; -ms-transition: color 0.25s ease-out; -o-transition: color 0.25s ease-out; transition: color 0.25s ease-out; }

#cssmenu > ul > li.has-sub > a { padding-right: 32px;

}

#cssmenu > ul > li:hover > a { color: #ffffff;

}

#cssmenu li.has-sub::after { display: block;

content: '';

position: absolute; width: 0;

height: 0; }

#cssmenu > ul > li.has-sub::after { right: 10px;

top: 20px;

border: 5px solid transparent; border-top-color: #7a8189; }

#cssmenu > ul > li:hover::after { border-top-color: #ffffff; }

(14)

position: absolute; height: 12px; width: 100%; bottom: 0px; overflow: hidden; z-index: -1; }

#pIndicator { position: absolute; height: 0;

width: 100%;

border: 12px solid transparent; border-top-color: #9cf2c2; z-index: -2;

-webkit-transition: left .25s ease; -moz-transition: left .25s ease; -ms-transition: left .25s ease; -o-transition: left .25s ease;

transition: left .25s ease; }

#cIndicator { position: absolute; height: 0;

width: 100%;

border: 12px solid transparent; border-top-color: #9cf2c2; top: -12px;

right: 100%; z-index: -2; }

(15)

left: -9999px; top: 70px; opacity: 0;

-webkit-transition: opacity .3s ease, top .25s ease; -moz-transition: opacity .3s ease, top .25s ease; -ms-transition: opacity .3s ease, top .25s ease; -o-transition: opacity .3s ease, top .25s ease; transition: opacity .3s ease, top .25s ease; z-index: 1000;

}

#cssmenu ul ul ul { top: 37px;

padding-left: 5px; }

#cssmenu ul ul li { position: relative; }

#cssmenu > ul > li:hover > ul {

left: auto; top: 44px; opacity: 1; }

#cssmenu ul ul li:hover > ul { left: 170px;

top: 0; opacity: 1; }

#cssmenu ul ul li a { width: 130px;

border-bottom: 1px solid #eee; padding: 10px 20px;

(16)

color: #9ea2a5; background: #fff;

-webkit-transition: all .35s ease; -moz-transition: all .35s ease; -ms-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease; }

#cssmenu ul ul li:hover > a { background: #f6f6f6; color: #8c9195; }

#cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last > a { border-bottom: 0;

}

.submenuArrow {

border: 6px solid transparent;

width: 0; height: 0;

border-bottom-color: #fff; position: absolute;

top: -12px; }

#cssmenu ul ul li.has-sub::after { border: 4px solid transparent; border-left-color: #9ea2a5; right: 10px;

top: 12px;

(17)

transition: all .2s ease;

-webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease; }

#cssmenu ul ul li.has-sub:hover::after { border-left-color: #fff;

right: -5px; }

@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-(-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

#cssmenu { width: auto; }

#cssmenu ul { width: auto;

}

#cssmenu .submenuArrow, #cssmenu #indicatorContainer { display: none;

}

#cssmenu > ul { height: auto; display: block; }

#cssmenu > ul > li { float: none;

}

#cssmenu li,

(18)

display: none; }

#cssmenu ul ul, #cssmenu ul ul ul,

#cssmenu ul > li:hover > ul, #cssmenu ul ul > li:hover > ul { position: relative;

left: auto; top: auto; opacity: 1; padding-left: 0; }

#cssmenu ul .has-sub::after { display: none;

}

#cssmenu ul li a { padding: 12px 20px; }

#cssmenu ul ul li a { border: 0;

background: none; width: auto;

padding: 8px 35px; }

#cssmenu ul ul li:hover > a { background: none;

color: #8c9195; }

#cssmenu ul ul ul a { padding: 8px 50px; }

(19)

padding: 8px 65px; }

#cssmenu ul ul ul ul ul a { padding: 8px 80px; }

#cssmenu ul ul ul ul ul ul a { padding: 8px 95px;

}

#cssmenu > ul > #menu-button { display: block;

cursor: pointer; }

#cssmenu #menu-button > a { padding: 14px 20px;

}

#cssmenu ul.open li, #cssmenu > ul.open > li { display: block;

}

#cssmenu > ul.open > li#menu-button > a { color: #fff;

border-bottom: 1px solid rgba(150, 150, 150, 0.1); }

#cssmenu #menu-button::after { display: block;

content: '';

position: absolute; height: 3px; width: 22px;

(20)

top: 15px; }

#cssmenu #menu-button::before { display: block;

content: '';

position: absolute; height: 3px; width: 22px;

border-top: 2px solid #7a8189; right: 20px;

top: 25px; }

#cssmenu ul.open #menu-button::after, #cssmenu ul.open #menu-button::before { border-color: #fff;

} }

h. Tabel.css

body {

font-family: 'trebuchet MS', 'Lucida sans', Arial; font-size: 14px;

color: #444; }

table {

(21)

width: 100%; }

.bordered {

border: solid #ccc 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;

-webkit-box-shadow: 0 1px 1px #ccc; -moz-box-shadow: 0 1px 1px #ccc; box-shadow: 0 1px 1px #ccc; }

.bordered tr:hover { background: #fbf8e9;

-o-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out;

-ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.bordered td, .bordered th { border-left: 1px solid #ccc; border-top: 1px solid #ccc; padding: 10px;

text-align: left; }

.bordered th {

(22)

background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));

background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9); background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9); background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9); background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9); background-image: linear-gradient(top, #ebf3fc, #dce9f9); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset; box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; border-top: none;

text-shadow: 0 1px 0 rgba(255,255,255,.5); }

.bordered td:first-child, .bordered th:first-child { border-left: none;

}

.bordered th:first-child {

-moz-border-radius: 6px 0 0 0; -webkit-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0;

}

.bordered th:last-child {

-moz-border-radius: 0 6px 0 0; -webkit-border-radius: 0 6px 0 0; border-radius: 0 6px 0 0;

}

.bordered th:only-child{

(23)

-webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;

}

.bordered tr:last-child td:first-child { -moz-border-radius: 0 0 0 6px; -webkit-border-radius: 0 0 0 6px; border-radius: 0 0 0 6px;

}

.bordered tr:last-child td:last-child { -moz-border-radius: 0 0 6px 0; -webkit-border-radius: 0 0 6px 0; border-radius: 0 0 6px 0;

}

.footer_tabel {

font-family: "Comic Sans MS", cursive;

font-size: 10pt; color: #FFF;}

i. Login_toko.php

<head>

(24)

<body>

<h2 align="center" style="color : #FFF;">Login Toko</h2>

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

</html>

j. Login_user.php

<head>

(25)

<body>

<h2 align="center" style="color : #FFF;">Login User</h2> <form id="login_form" action="p_login_user.php" method="post"> <div class="field_container">

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

</html>

k. Logout.php

<?php

session_start();

unset($_SESSION['id_user']); unset($_SESSION['akses']); unset($_SESSION['kd_toko']); unset($_SESSION['status']); session_destroy(); header('location:login_toko.php');

(26)

l. Cetak_faktur.php

<head>

window.open('gudang/faktur_pembelian.php?no_faktur=<?php echo $_GET['no_faktur'];?>','page','toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=

0,resizable=0,width=600,height=600,left=50,top=50,titlebar=yes');} </script>

</head>

<body>

<td>

Klik tombol dibawah ini untuk mencetak faktur<br />

</tr> </table> </body> </html>

m. Faktur_pembelian.php

<?php

(27)

$query_get_rinci_pembelian="SELECT tabel_pembelian.*,tabel_rinci_pembelian.*

FROM tabel_pembelian,tabel_rinci_pembelian WHERE

tabel_pembelian.no_faktur_pembelian='".$no_faktur."' AND tabel_pembelian.no_faktur_pembelian=tabel_rinci_pembelian.no_faktur_pembelian";

$get_pembelian=mysql_query($query_get_rinci_pembelian); $pembelian=mysql_fetch_array($get_pembelian);

$kd_supplier=$pembelian['kd_supplier']; $tgl_pembelian=$pembelian['tgl_pembelian']; $tgl=substr($tgl_pembelian,8,2);

$bln=substr($tgl_pembelian,5,2); $thn=substr($tgl_pembelian,0,4);

$tgl_diformat_ind="".$tgl."-".$bln."-".$thn.""; $id_user=$pembelian['id_user'];

$total_pembelian=$pembelian['total_pembelian'];

$query_get_data_supplier="SELECT * FROM tabel_supplier WHERE kd_supplier='".$kd_supplier."'";

$get_data_supplier=mysql_query($query_get_data_supplier); $data_supplier=mysql_fetch_array($get_data_supplier);

$nm_supplier=$data_supplier['nm_supplier']; $atas_nama=$data_supplier['atas_nama'];

$get_rinci_pembelian=mysql_query($query_get_rinci_pembelian); $hitung_baris=mysql_num_rows($get_rinci_pembelian);

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

(28)

font-family: Arial, Helvetica, sans-serif; font-size: 10px;}

#tabel_faktur{

background-color: #FFF; margin-top: 20px;} .tr_info{

color: #000; font-weight: bold;} .tr_header_footer{

color: #000; font-weight: bold; background-color: #CCC;} .tr_item{

color: #000; background-color: #FFF;} </style>

</head>

<td width="66"><span class="tr_info">NO FAKTUR</span></td>

<td width="89"><span class="tr_info">KODE SUPPLIER</span></td> <td width="10"><span class="tr_info">:</span></td>

<tr>

<td><span class="tr_info">TGL FAKTUR</span></td> <td><span class="tr_info">:</span></td>

<td><?php echo $tgl_diformat_ind; ?> </td> <td><span class="tr_info">SUPPLIER</span></td> <td><span class="tr_info">:</span></td>

(29)

<tr>

<tr>

<td>SUB TOTAL</td> </tr>

<?php $total_item=0;

while($rinci_pembelian=mysql_fetch_array($get_rinci_pembelian)){ $kd_brg=$rinci_pembelian['kd_barang'];

$nm_brg=$rinci_pembelian['nm_barang']; $sat=$rinci_pembelian['satuan'];

$jml=$rinci_pembelian['jumlah']; $hrg=$rinci_pembelian['harga'];

$sub_ttl=$rinci_pembelian['sub_total_beli']; $total_item=$jml+$total_item;

?>

(30)

<?php } ?>

<tr class="tr_header_footer"> <td>TOTAL</td>

<td><?php echo $total_item ?>ITEMS</td> <td> </td>

<td colspan="3"><p>PALEMBANG,<?php echo $tgl_diformat_ind; ?></p> <p> </p>

<p>SUPPLIER</p>

</table></td> </tr>

</table> </div> </body> </html>

(31)

<?php

include('../koneksi/koneksi.php'); $kd_barang=$_GET['kd_barang']; $no_faktur=$_GET['no_faktur'];

$query_hapus="DELETE FROM tabel_rinci_pembelian WHERE kd_barang='".$kd_barang."' AND no_faktur_pembelian='".$no_faktur."'";

$hapus=mysql_query($query_hapus); if($hapus){

header('location:../index.php?menu=pembelian');} else{

echo"<script language='javascript'>

window.alert('Gagal Menghapus Data');javascript:history.back(); </script>";}

?>

o. Proses_kode_barang.php

<?php

session_start();

include('../koneksi/koneksi.php');

if(isset($_GET['kd_barang'])&&isset($_GET['no_faktur'])){ $kd_barang=$_GET['kd_barang'];

$no_faktur=$_GET['no_faktur']; $kd_toko=$_SESSION['kd_toko'];

(32)

tabel_stok_toko.kd_barang='".$kd_barang."' AND tabel_stok_toko.kd_toko='".$kd_toko."'";

$get_data=mysql_query($query); $found=mysql_num_rows($get_data); if($found>0){

$data=mysql_fetch_array($get_data); $kd_barang=$data['kd_barang']; $nm_barang=$data['nm_barang']; $kd_satuan=$data['kd_satuan']; $kd_kategori=$data['kd_kategori']; $hrg_jual=$data['hrg_jual'];

$hrg_beli=$data['hrg_beli']; $stok=$data['stok'];

$jml=1;

$sub_total=$hrg_jual*$jml;

$query_rinci_jual="INSERT INTO tabel_rinci_penjualan (no_faktur_penjualan,kd_barang,nm_barang,jumlah,harga,sub_total_jual)VALUES

('".$no_faktur."','".$kd_barang."','".$nm_barang."','".$jml."','".$hrg_jual."','".$sub_total."

') ";

$insert_rinci_jual=mysql_query($query_rinci_jual); if($insert_rinci_jual){

header('location:../index.php?menu=penjualan');} else{

echo "Terjadi Kesalahan, Tidak dapat melanjutkan proses";}} else{

echo "<script type='text/javascript'> alert('Kode Barang Tidak Terdaftar!'); document.location.href='../index.php?menu=penjualan'; </script>;";}}

?>