tutorial aplikasi toko online berbasis web dengan php
TRANSCRIPT
Page | 1
TUTORIAL APLIKASI TOKO ONLINE BERBASIS WEB1. Buat database dengan nama
ini dan direlasikan.
2. Setelah itu sisipkan atau t
3. Buatlah 4 buah trigger seperti di bawah ini :
TUTORIAL APLIKASI TOKO ONLINE BERBASIS WEBatabase dengan nama toko_online dan buat 6 buah tabel dengan struktur seperti di bawah
tambahkan data petugas di tabel petuga
Buatlah 4 buah trigger seperti di bawah ini :
Page | 2
TUTORIAL APLIKASI TOKO ONLINE BERBASIS WEB
dan buat 6 buah tabel dengan struktur seperti di bawah
as seperti contoh di bawah ini :
4. Kemudian buatlah folder dengan nama
buah folder di dalam folder toko_online seperti di bawah ini :
5. Selanjutnya buat file dengan nama
seperti berikut.
Kemudian buatlah folder dengan nama toko_online di dalam folder
buah folder di dalam folder toko_online seperti di bawah ini :
Selanjutnya buat file dengan nama koneksi.php letakkan di dalam folder
Page | 3
di dalam folder c:\xampp\htdocs dan buat 3
letakkan di dalam folder config dengan kode php
Page | 4
6. Selanjutnya buat file dengan nama login.php letakkan di dalam folder admin dengan kode php
seperti di bawah ini.
<?php
session_start();
if(!empty($_SESSION['email']) && !empty($_SESSION['jenis_user'])) {
header('location:index.php');
} else {
if(!empty($_GET['akun'])) {
if($_GET['akun']=='kosong') {
echo "<h2><font color=red>Form Login Kosong</font></h2>";
} else if($_GET['akun']=='salah') {
echo "<h2><font color=red>Akun tidak terdaftar</font></h2>";
}
}
}
?>
<form id="form1" name="form1" method="post" action="cek-login.php">
<table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" bgcolor="#FF9966"><div align="center">
<h2>Form Login Admin/Operator</h2>
</div></td>
</tr>
<tr>
<td width="124" bgcolor="#FFFF99">Username</td>
<td width="376" bgcolor="#FFFF99">:
<input name="email_petugas" type="email" size="35" /></td>
</tr>
<tr>
<td bgcolor="#FFFF99">Password</td>
<td bgcolor="#FFFF99">:
<input name="password_petugas" type="password" size="35" /></td>
</tr>
<tr>
<td bgcolor="#FFFF99">Jenis User</td>
<td bgcolor="#FFFF99">:
<select name="jenis_user" id="jenis_user">
<option selected="selected">Admin</option>
<option>Operator</option>
</select>
</td>
</tr>
<tr>
<td bgcolor="#FFFF99"> </td>
<td bgcolor="#FFFF99"><input type="submit" name="button" id="button" value="Login !" /></td>
</tr>
</table>
</form>
7. Dan hasil untuk file login.php :
Page | 5
8. Setelah itu buat file dengan nama cek-login.php letakkan di folder admin dengan kode php seperti
berikut.
<?php
session_start();
include "../config/koneksi.php";
if(empty($_POST['email_petugas']) || empty($_POST['password_petugas'])) {
header('location:login.php?akun=kosong');
} else {
$email=mysql_real_escape_string($_POST['email_petugas']);
$password=mysql_real_escape_string($_POST['password_petugas']);
$jenis_user=$_POST['jenis_user'];
$pilih_user=mysql_query("select * from petugas where email_petugas='$email' and
password_petugas='$password' and jenis_user='$jenis_user'");
if(mysql_num_rows($pilih_user)) {
$_SESSION['email']=$email;
$_SESSION['jenis_user']=$jenis_user;
header('location:index.php');
} else {
header('location:login.php?akun=salah');
}
}
?>
9. Kemudian buat file lagi letakkan di dalam folder admin dengan nama logout.php dan ketikkan kode
php seperti berikut.
<?php
session_start();
session_destroy();
header('location:login.php?logout=sukses');
?>
10. Buat file lagi letakkan di dalam folder admin dengan nama file index.php dan ketikkan kode php
berikut.
<?php
session_start();
include "../config/koneksi.php";
if(isset($_SESSION['email']) && isset($_SESSION['jenis_user'])) {
$id_email=$_SESSION['email'];
echo "Selamat Datang <b>$id_email</b> <a href='logout.php'>Logout</a> <a
href='../index.php' target='_blank'>Lihat Halaman Pemesanan</a><br/>";
echo "<p></p>
<a href='index.php'>Input Barang</a> <a href='tampil-barang.php'>Lihat Barang</a>";
echo "<h2>Data Barang Baru</h2>
<form method='post' name='data_barang' action='save-barang.php' enctype='multipart/form-data'>
Kode Barang : <input name='kode_barang' type='text' size='20'><br/>
Kode Petugas :
<select name='kode_petugas'>";
$ambil_petugas=mysql_query("select kode_petugas from petugas");
Page | 6
while($row_petugas=mysql_fetch_array($ambil_petugas)) {
$kode_petugas=$row_petugas['kode_petugas'];
echo "<option>$kode_petugas</option>";
}
echo "</select><br/>
Nama Barang : <input name='nama_barang' type='text' size='40'><br/>
Jenis Barang : <input name='jenis_barang' type='text' size='30'><br/>
Tanggal Masuk :
<select name='tgl'>";
for($tgl=01;$tgl<=31;$tgl++) {
echo "<option>$tgl</option>";
}
echo "</select>
<select name='bln'>";
for($bln=1;$bln<=12;$bln++) {
echo "<option>$bln</option>";
}
echo "</select>
<select name='thn'>";
$thn_skr=date('Y');
for($thn=2010;$thn<=$thn_skr;$thn++) {
echo "<option>$thn</option>";
}
echo "</select><br/>
Jumlah Barang : <input name='jumlah_barang' type='text' size='20'><br/>
Harga Barang : <input name='harga_barang' type='text' size='30'><br/>
Gambar : <input name='gambar' type='file' size='40'><br/>
<input type='hidden' name='MAX_FILE_SIZE' value='1000000'>
<input type='submit' name='submit' value='Simpan Barang'>
</form>";
} else {
header('location:login.php');
}
?>
11. Hasil tampilan halaman index.php :
12. Buat file lagi dan letakkan di dalam folder admin dengan nama file save-barang.php dan ketikkan
kode seperti di bawah ini :
<?php
session_start();
Page | 7
include "../config/koneksi.php";
if(!isset($_SESSION['email']) && !isset($_SESSION['jenis_user'])) {
header('location:login.php');
} else {
if(empty($_POST['kode_barang']) || empty($_POST['kode_petugas']) || empty($_POST['nama_barang'])
|| empty($_POST['jenis_barang']) || empty($_POST['jumlah_barang']) || empty($_POST['harga_barang']))
{
header('location:index.php?simpan=kosong');
} else {
$kode_barang=$_POST['kode_barang'];
$kode_petugas=$_POST['kode_petugas'];
$nama_barang=$_POST['nama_barang'];
$jenis_barang=$_POST['jenis_barang'];
$tgl=$_POST['tgl'];
$bln=$_POST['bln'];
$thn=$_POST['thn'];
$jumlah_barang=$_POST['jumlah_barang'];
$harga_barang=$_POST['harga_barang'];
$gambar=$_FILES['gambar']['name'];
$tmp_gambar=$_FILES['gambar']['tmp_name'];
$tujuan='../gambar/';
$proses=$tujuan.$gambar;
$query=mysql_query("insert into barang
values('$kode_barang','$kode_petugas','$nama_barang','$jenis_barang','$tgl-$bln-
$thn','$jumlah_barang','$harga_barang','$gambar')");
if(move_uploaded_file($tmp_gambar, $proses)) {
if($query) {
header('location:index.php?simpan=sukses');
} else {
header('location:index.php?simpan=gagal');
}
} else {
header('location:index.php?simpan=gagal_upload');
}
}
}
?>
13. Selanjutnya buat file di dalam folder admin untuk menampilkan hasil data yang sudah tersimpan di
tabel database dengan nama tampil-barang.php dan ketikkan kode berikut.
<?php
session_start();
include "../config/koneksi.php";
if(isset($_SESSION['email']) && isset($_SESSION['jenis_user'])) {
$id_email=$_SESSION['email'];
echo "Selamat Datang <b>$id_email</b> <a href='logout.php'>Logout</a> <a
href='../index.php' target='_blank'>Lihat Halaman Pemesanan</a><br/>";
echo "<p></p>
<a href='index.php'>Input Barang</a> <a href='tampil-barang.php'>Lihat Barang</a>";
$query=mysql_query("select * from barang");
echo "<table width='950' align='center' cellpadding='0' cellspacing='0' border='1'>
<tr>
<td width='100' align='center' bgcolor='#99ff00'>Kode Barang</td>
Page | 8
<td width='150' align='center' bgcolor='#99ff00'>Nama Barang</td>
<td width='100' align='center' bgcolor='#99ff00'>Jenis Barang</td>
<td width='100' align='center' bgcolor='#99ff00'>Tanggal Masuk</td>
<td width='100' align='center' bgcolor='#99ff00'>Jumlah Barang</td>
<td width='100' align='center' bgcolor='#99ff00'>Harga Barang</td>
<td width='200' align='center' bgcolor='#99ff00'>Gambar</td>
<td width='100' align='center' bgcolor='#99ff00'>Edit/Hapus</td>
</tr>";
while($baris=mysql_fetch_array($query)) {
$kode_barang=$baris['kode_barang'];
$nama_barang=$baris['nama_barang'];
$jenis_barang=$baris['jenis_barang'];
$tgl_masuk=$baris['tgl_masuk'];
$jumlah_barang=$baris['jumlah_barang'];
$harga_barang=$baris['harga_barang'];
$gambar=$baris['gambar'];
echo "<tr>
<td width='100' align='center' bgcolor='#eeff00'>$kode_barang</td>
<td width='150' align='center' bgcolor='#eeff00'>$nama_barang</td>
<td width='100' align='center' bgcolor='#eeff00'>$jenis_barang</td>
<td width='100' align='center' bgcolor='#eeff00'>$tgl_masuk</td>
<td width='100' align='center' bgcolor='#eeff00'>$jumlah_barang</td>
<td width='100' align='center' bgcolor='#eeff00'>$harga_barang</td>
<td width='200' align='center' bgcolor='#eeff00'><img src='../gambar/$gambar' width='150'
height='150'></td>
<td width='100' align='center' bgcolor='#99ff00'><a href='form-edit-
barang.php?edit_barang=$kode_barang'>Edit</a> <a href='hapus-
barang.php?hapus_barang=$kode_barang'>Hapus</a></td>
</tr>";
}
echo "</table>";
} else {
header('location:login.php');
}
?>
14. Hasil tampilan untuk halaman tampil-barang.php :
15. Setelah itu buat file lagi masih diletakkan di dalam folder admin dengan nama hapus-barang.php
dan ketikkan kode berikut.
Page | 9
<?php
session_start();
include "../config/koneksi.php";
if(isset($_SESSION['email']) && isset($_SESSION['jenis_user'])) {
$query=mysql_query("select * from barang");
while($ambil=mysql_fetch_array($query)) {
$kode_barang=$ambil['kode_barang'];
if(!empty($_GET['hapus_barang'])) {
if($_GET['hapus_barang']==$kode_barang) {
$hapus=mysql_query("delete from barang where kode_barang='$kode_barang'");
if($hapus) {
header('location:tampil-barang.php?hapus=sukses');
} else {
header('location:tampil-barang.php?hapus=gagal');
}
} else {
header('location:tampil-barang.php');
}
} else {
header('location:tampil-barang.php');
}
}
} else {
header('location:login.php');
}
?>
16. Buat file di dalam folder admin dengan nama form-edit-barang.php dan ketikkan kode seperti di
bawah ini :
<?php
session_start();
include "../config/koneksi.php";
if(isset($_SESSION['email']) && isset($_SESSION['jenis_user'])) {
$id_email=$_SESSION['email'];
echo "Selamat Datang <b>$id_email</b> <a href='logout.php'>Logout</a> <a
href='../index.php' target='_blank'>Lihat Halaman Pemesanan</a><br/>";
echo "<p></p>
<a href='index.php'>Input Barang</a> <a href='tampil-barang.php'>Lihat Barang</a>";
$query=mysql_query("select * from barang");
while($ambil=mysql_fetch_array($query)) {
$kode_barang=$ambil['kode_barang'];
$kode_petugas=$ambil['kode_petugas'];
$nama_barang=$ambil['nama_barang'];
$jenis_barang=$ambil['jenis_barang'];
$tgl_masuk=$ambil['tgl_masuk'];
$jumlah_barang=$ambil['jumlah_barang'];
$harga_barang=$ambil['harga_barang'];
$gambar=$ambil['gambar'];
if(!empty($_GET['edit_barang'])) {
if($_GET['edit_barang']==$kode_barang) {
echo "<form method='post' name='edit' action='update-barang.php'
enctype='multipart/form-data'>
<input type='hidden' name='kode_barang' value='$kode_barang'>
Page | 10
Kode Barang : <input name='kode_barang' type='text' size='25' value='$kode_barang'
disabled /><br/>
Kode Petugas : <select name='kode_petugas'>";
$petugas=mysql_query("select * from petugas");
while($ambilpetugas=mysql_fetch_array($petugas)) {
$k_petugas=$ambilpetugas['kode_petugas'];
echo "<option selected>$kode_petugas</option>
<option>$k_petugas</option>";
}
echo "</select><br/>
Nama Barang : <input name='nama_barang' type='text' size='40'
value='$nama_barang'><br/>
Jenis Barang : <input name='jenis_barang' type='text' size='35' value='$jenis_barang'><br/>
Tanggal Masuk : <input name='tgl_masuk' type='text' size='35' value='$tgl_masuk'><br/>
Jumlah Barang : <input name='jumlah_barang' type='text' size='35'
value='$jumlah_barang'><br/>
Harga Barang : <input name='harga_barang' type='text' size='35'
value='$harga_barang'><br/>
Upload Gambar : <input name='gambar' type='file' size='40'><br/>
<img src='../gambar/$gambar' width='150' height='150'><br/>
<input name='submit' type='submit' value='Update Barang'>";
echo "</form>";
}
} else {
header('location:tampil-barang.php?kosong=variabel');
}
}
} else {
header('location:login.php');
}
?>
17. Hasil tampilan halaman form-edit-barang.php :
18. Selanjutnya buat file di dalam folder admin dengan nama update-barang.php dan ketikkan kode
php berikut.
<?php
session_start();
include "../config/koneksi.php";
if(!isset($_SESSION['email']) && !isset($_SESSION['jenis_user'])) {
header('location:login.php');
} else {
Page | 11
if(empty($_POST['nama_barang']) || empty($_POST['jenis_barang']) || empty($_POST['tgl_masuk']) ||
empty($_POST['jumlah_barang']) || empty($_POST['harga_barang'])) {
header('location:form-edit-barang.php?edit_barang='.$_POST['kode_barang'].'&update=kosong');
} else {
$kode_barang=$_POST['kode_barang'];
$kode_petugas=$_POST['kode_petugas'];
$nama_barang=$_POST['nama_barang'];
$jenis_barang=$_POST['jenis_barang'];
$tgl_masuk=$_POST['tgl_masuk'];
$jumlah_barang=$_POST['jumlah_barang'];
$harga_barang=$_POST['harga_barang'];
$gambar=$_FILES['gambar']['name'];
$tmp_gambar=$_FILES['gambar']['tmp_name'];
$folder='../gambar/';
$upload=$folder.$gambar;
$proses=move_uploaded_file($tmp_gambar, $upload);
$update=mysql_query("update barang set kode_petugas='$kode_petugas',
nama_barang='$nama_barang', jenis_barang='$jenis_barang', tgl_masuk='$tgl_masuk',
jumlah_barang='$jumlah_barang', harga_barang='$harga_barang', gambar='$gambar' where
kode_barang='$kode_barang'");
if($proses && $update) {
header('location:form-edit-
barang.php?edit_barang='.$_POST['kode_barang'].'&update=sukses');
} else {
header('location:form-edit-barang.php?edit_barang='.$_POST['kode_barang'].'&update=gagal');
}
}
}
?>
19. Setelah itu buat file letakkan di dalam folder toko_online dengan nama index.php dan ketikkan
kode seperti di bawah ini.
<?php
include "config/koneksi.php";
$query=mysql_query("select * from stok");
$jum_pesan=mysql_query("select barang.*,pemesanan.kode_barang, sum(pemesanan.jumlah_pesan) as
jml_beli from barang,pemesanan where barang.kode_barang=pemesanan.kode_barang group by
pemesanan.kode_barang");
echo "<table width='800' border='0' align='center' cellpadding='0' cellspacing='0'>
<tr>
<td width='800' align='center' colspan='2' bgcolor='#ff0088'><h3><a href='admin/'>Halaman
Admin</a></h3><h2>Daftar Harga Jam</h2></td>
</tr>
<tr>
<td width='500' align='center' bgcolor='#ffff00'><h3>Daftar Barang Tersedia</h3></td>
<td width='300' align='center' bgcolor='#ff9977'><h3>Jumlah Barang Terpesan</h3></td>
</tr>";
while($row=mysql_fetch_array($query)) {
$kode_barang=$row['kode_barang'];
$nama_barang=$row['nama_barang'];
$jumlah_stok=$row['jumlah_stok'];
$gambar=$row['gambar'];
Page | 12
$sisa_stok=mysql_query("select sum(jumlah_stok) from stok where kode_barang='$kode_barang'
group by kode_barang");
echo "<tr><td width='400' align='center' bgcolor='#ffff77'>";
while($stok_tersisa=mysql_fetch_row($sisa_stok)) {
$sisa=$stok_tersisa[0];
if($sisa==0) {
echo "<img src='gambar/$gambar' width='300' height='300'><br/>
$nama_barang</a> Stok Habis<br/>Dalam Proses Penyediaan";
} else {
echo "<a href='form-pelanggan.php?barang=$kode_barang'>
<img src='gambar/$gambar' width='300' height='300'><br/>
$nama_barang</a> Stok Tersedia : $jumlah_stok";
}
}
echo "</td><td width='300' align='center' valign='top' bgcolor='#ffff99'>";
while($pembeli=mysql_fetch_array($jum_pesan)) {
$nama_brg=$pembeli['nama_barang'];
$jum_beli=$pembeli['jml_beli'];
echo "<br/>$nama_brg ($jum_beli)<br/>";
}
echo "</td></tr>";
}
echo "</table>";
?>
20. Dan hasil tampilan file index.php :
21. Selanjutnya buat file di dalam folder toko_online dengan nama form-pelanggan.php dan ketikkan
kode berikut.
<?php
include "config/koneksi.php";
$query=mysql_query("select * from stok");
while($ambil=mysql_fetch_array($query)) {
$kode_barang=$ambil['kode_barang'];
$nama_barang=$ambil['nama_barang'];
$stok=$ambil['jumlah_stok'];
$sisa_stok=mysql_query("select sum(jumlah_stok) from stok where kode_barang='$kode_barang' group
by kode_barang");
if(!empty($_GET['barang'])) {
if($_GET['barang']==$kode_barang) {
Page | 13
while($jum_stok=mysql_fetch_row($sisa_stok)) {
$stok_tersisa=$jum_stok[0];
if($stok_tersisa==0) {
echo "Stok untuk kode barang ini sudah habis, silahkan <a href='index.php'>Kembali ke
menu utama</a>";
} else {
$id_pel="id-".date('md').rand(1,19);
echo "<!DOCTYPE html>
<form method='post' action='save-pelanggan.php'>
<input type='hidden' name='kode_barang' value='$kode_barang'>
<h2>Form Data Pelanggan</h2>
<input type='hidden' name='id_pelanggan' value='$id_pel'>
Id Pelanggan : <input name='id_pelanggan' type='text' value='$id_pel' disabled><br/>
Nama Pelanggan : <input name='nama_pelanggan' type='text' size='40'><br/>
Alamat : <textarea name='alamat' cols='45' rows='9'></textarea><br/>
Kecamatan : <input type='text' name='kecamatan' size='40'><br/>
Kabupaten : <input type='text' name='kabupaten' size='40'><br/>
Provinsi : <input type='text' name='provinsi' size='40'><br/>
Kode Pos : <input type='text' name='kode_pos' size='20'><br/>
Nomor HP : <input type='text' name='no_hp' size='40'><br/>
Jumlah Barang $nama_barang Yang Dipesan : <input name='jumlah_pesan' type='number'
size='20'><br/>
<input type='submit' name='kirim' value='Pesan'><br/>
</form>";
}
}
} else {
echo "";
}
}
}
?>
22. Dan hasil tampilan file form-pelanggan :
23. Setelah itu buat file save-pelanggan.php didalam folder toko_online dan ketikkan kode php
berikut.
<?php
include "config/koneksi.php";
Page | 14
if(empty($_POST['nama_pelanggan']) || empty($_POST['alamat']) || empty($_POST['kecamatan']) ||
empty($_POST['kabupaten']) || empty($_POST['provinsi']) || empty($_POST['kode_pos']) ||
empty($_POST['no_hp']) || empty($_POST['jumlah_pesan'])) {
$kode_barang=$_POST['kode_barang'];
header('location:form-pelanggan.php?barang='.$kode_barang);
} else {
date_default_timezone_set('Asia/Jakarta');
$id_transaksi="tr-".date('yd').rand(1,30);
$tgl_pesan=date('d-m-Y');
$id_pel=$_POST['id_pelanggan'];
$kode_barang=$_POST['kode_barang'];
$nama_pelanggan=$_POST['nama_pelanggan'];
$alamat=$_POST['alamat'];
$kecamatan=$_POST['kecamatan'];
$kabupaten=$_POST['kabupaten'];
$provinsi=$_POST['provinsi'];
$kode_pos=$_POST['kode_pos'];
$no_hp=$_POST['no_hp'];
$jumlah_pesan=$_POST['jumlah_pesan'];
$simpan_pelanggan=mysql_query("insert into pelanggan
values('$id_pel','$nama_pelanggan','$alamat','$kecamatan','$kabupaten','$provinsi','$kode_pos','$no_hp')
");
$simpan_pemesanan=mysql_query("insert into pemesanan
values('$id_transaksi','$kode_barang','$id_pel','$tgl_pesan','$jumlah_pesan')");
if($simpan_pelanggan && $simpan_pemesanan) {
header('location:index.php?pemesanan=sukses');
} else {
header('location:index.php?pemesanan=gagal');
}
}
?>
TUGAS !
1. Buatlah VIEW untuk keempat tabel di atas !
2. Buatlah file php untuk menampilkan kumpulan data dari VIEW tersebut sesuai desain kalian !