tutorial aplikasi toko online berbasis web dengan php

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();


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

}


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


if(!isset($_SESSION['email']) && !isset($_SESSION['jenis_user'])) {


} 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();






echo "<p></p>


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


}

?>

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();




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 {


}

?>

16. Buat file di dalam folder admin dengan nama form-edit-barang.php dan ketikkan kode seperti di

bawah ini :

<?php

session_start();






echo "<p></p>





$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>";

}


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 {


}

?>

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();


if(!isset($_SESSION['email']) && !isset($_SESSION['jenis_user'])) {


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


$query=mysql_query("select * from stok");



$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


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'])) {


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'];


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

tutorial aplikasi toko online berbasis web dengan php

Education