E - Commerce
E-COMMERS
1.1 MEMBANGUN DATABASE DENGAN MENGGUNAKAN PHP
Untuk Pertama-tama buka php triad kemudian klik php my sql, setelah itu start apache. Yang kedua bula internet ekplorer dan ketik localhost. Php siap digunakan.
Membangun database dasar dengan menggunakan php dapat dilakukan dengan menggunakan pemograman database. Contohnya dengan membangun database dengan srtuktur table sebagai berikut:
Field Type Attributes Null Default Extra
Kdbarang varchar (10) No
nmbarang varchar (30) No
harga int (10) No
jumlah int (10) No
supplier varchar (30) No
Setelah selesai maka akan keluar hasil sebagai berikut: # Table structure for table ‘tblbrg’
Create table tblbrg (
kdbarang varchar (10) not null nmbarang varchar (30) no null harga int (10) default ‘o’ not null jumlah int (10) default ‘o’ not null supplier varchar (30) not null );
Kemudian masukan data sebagai berikut:
kdbarang nmbarang harga jumlah suplier
A1 Monitor 1000000 10 PT. Gemilang komputer Edit Delete A2 Printer 700000 20 PT. Ceria komputer Edit Delete
(2)
A3 Harddisk 500000 10 PT. Media komputer Edit Delete A4 Keyboard 100000 20 PT. Eba komputer Edit Delete A5 Speker 200000 15 PT. Merdeka komputer Edit Delete A6 Mouse 50000 20 PT. Ira komputer Edit Delete
rows starting from
2.1 INTERFACE UNTUK MEMASUKAN DATA
Setelah database dan table terbentuk, maka kita akan membuat aplikasi untuk memasukan data keda;am table dengan menggunakan script PHP. Form pemasukan data akan berbentuk sebagai berikut:
Form Pemasukan Data: Add.html
<html> <head>
<title> Insert Data </h3> <hr>
<form method=”POST” action=add.php> <table border=0>
<tr><td>Kode Barang<td>:<input type=”text” size=”10” name=”kdbarang”><br> <tr><td>Nama<td>:<input type=”text” size=”10” name=”nmbarang”><br> <tr><td>Harga<td>:<input type=”text” size=”10” name=”harga”><br>
Begin
<< Previous < >Show 30 >> End
Masuk Data Kode Barang :
Nama : Harga : Jumlah : Suplier :
Submi t
(3)
<tr><td>Jumlah<td>:<input type=”text” size=”10” name=”jumlah”><br> <tr><td>Suplier<td>:<input type=”text” size=”10” name=”suplier”><br> </table>
<input type=”submit” value=”submit”> <input type=”reset” value=”reset”></p> <br>
</form> </body>
Masukan data, kemuadian klik submit, untuk mengirim data kedalam database. Apabila data berhasil disimpan ke dalam database, maka akan ditampilkan konfirmasi seperti berikut:
Form action penyimpanan data:
3 Masuk Data
Kode Barang : Nama :
Harga : Jumlah : Suplier :
A1 Monitor
1000000 10
PT. Gemilang Komputer
Submit Reset
Insert Result
Kode Barang : Nama :
Harga : Jumlah : Suplier :
A1 Monitor
(4)
3.1 MENAMPILKAN DATA
Data yang sudah terekam kedalam database, harus dapat ditampilkan ke layar komputer, baik per-record atau record. Ada beberapa cara yang dapat dilakukan untuk menampilkan data, dari database mysql ke layar komputer.
Menampilkan data per-record dengan menggunakan list: <html>
<h3>MENAMPILKAN ISI DATA <hr>
<table border=0> <?
$conn=mysql_connect (“localhost”,”root”,”root”); if($conn)
{
$recno=;
Mysql_select_db(“barang”); $sql=”select*from tblbrg”; $hasil=mysql_query($sql,$conn); $row=mysql_fech_row(hasil); if($row)
{ do {
list($kdbarang,$nmbarang,$harga,$jumlah,$suplier)=$row; echo “<tr><td>Record ke<td>:$recno”;
echo “<tr><td>Kode Barang<td>:$kdbarang”; echo “<tr><td>Nama Barang<td>:$nmbarang”; echo “<tr><td>Harga<td>:$harga”;
1000000 10
(5)
echo “<tr><td>Jumlah<td>:$Jumlah”; echo “<tr><td>Suplier<td>:$suplier”; echo “<tr><td colspan=3><hr>”; $recno=$recno+1;
}
while ($row=mysql_fetch_row ($hasil)); } else
{
Echo “belum ada data\n”; }
Mysql_close($conn); }else
{
echo “server not connected! <br>\n”; }
?>
4.1 MENAMPILKAN SEMUA DATA DENGAN MENGGUNAKAN PERINTAH LIST.
<html> <center>
<h3> MENAMPILKAN ISI DATA <hr>
<table border=1>
<tr><td>Kode Barang<td>Nama Barang<td>Harga<td>Jumlah<td>Suplier <?
$conn=mysql_connect (“localhost”,”root”,”root”); if($conn)
{
$recno=;
Mysql_select_db(“barang”); $sql=”select*from tblbrg”;
(6)
$hasil=mysql_query($sql,$conn); $row=mysql_fech_row(hasil); if($row)
{ do {
list($kdbarang,$nmbarang,$harga,$jumlah,$suplier)=$row;
echo “<tr>Kode Barang<td>Nama Barang<td>Harga<td>Jumlah<td>Suplier”; }
while($row=mysql_fetch_row ($hasil)); } else
{
echo “belum ada data\n”; }
Mysql_close($conn); }else
{
echo “server not connected! <br>\n”; }
?>
5.1 PENCARIAN DATA
Apabila anda ingin mencari data dari sekian banyak data yang sudah ada, apabila dilakukan secara manual akan sangan merepotkan, akan tetapi bila menggunakan program komputer, kita dapat mencari data dengan waktu yang relatif singkat. Di bawah ini merupakan contoh bagaimana mencari data dengan menggunakan query perbandingan. Pertama data dapat ditampilkan dulu semuanya atau dapat juga hanya dengan membuat form pencarian saja. Caranya masukan kode barang yang akan dicari, kmudian klik tombol Cari, misalnya kita akan mencari kodebarang A1, maka selanjutnya akan ditampilkan jendela seperti berikut: PENCARIAN DATA
(7)
fcari.html <html > <center>
<h3> PENCARIAN DATA <hr>
<table border=0>
(form action=’cari.php’ method=post>
<tr><td>Cari Kode Barang<td><input type=reset value=reset>
fcari.php <html>
<h3>PENCARIAN DATA <hr>
<table border=0> <?
$conn=mysql_connect (“localhost”,”root”,”root”); PENCARIAN DATA
Kode Barang : Nama :
Harga : Jumlah : Suplier :
A1 Monitor
1000000 10
PT. Gemilang Komputer
(8)
if($conn) {
$recno=;
Mysql_select_db(“barang”);
$sql=”select*from tblbrg where kdbarang=’$ckdbarang’”; $hasil=mysql_query($sql,$conn);
$row=mysql_fech_row(hasil); if($row)
{ do {
list($kdbarang,$nmbarang,$harga,$jumlah,$suplier)=$row; echo “<tr><td>Record ke<td>:$recno”;
echo “<tr><td>Kode Barang<td>:$kdbarang”; echo “<tr><td>Nama Barang<td>:$nmbarang”; echo “<tr><td>Harga<td>:$harga”;
echo “<tr><td>Jumlah<td>:$jumlah”; echo “<tr><td>Suplier<td>:$suplier”; echo “<tr><td colspan=3><hr>”; $recno=$recno+1;
}
while ($row=mysql_fetch_row ($hasil)); } else
{
Echo “data tidak ada\n”; }
Mysql_close($conn); }else
{
echo “server not connected! <br>\n”; }
(9)
Contoh yang kedua, data ditampilkan semuanya, kemudian pada bagian diatas, terdapat form untuk pencarian data.
Viewsearch.php <html>
<center>
<h3> MENAMPILKAN ISI DATA <hr>
<table border=1>
<form action=’cari.php’ method=post>
<tr><td>Cari Kode Barang<td><input type=text name=ckdbarang>
<tr><td>Kode Barang<td>Nama Barang<td>Harga<td>Jumlah<td>Suplier <?
$conn=mysql_connect (“localhost”,”root”,”root”); if($conn)
{
Mysql_select_db(“barang”); $sql=”select*from tblbrg”; $hasil=mysql_query($sql,$conn);
MENAMPILKAN ISI DATA
Cari Kode Barang:
kdbarang nmbarang harga jumlah suplier
A1 Monitor 1000000 10 PT. Gemilang komputer A2 Printer 700000 20 PT. Ceria komputer A3 Harddisk 500000 10 PT. Media komputer A4 Keyboard 100000 20 PT. Eba komputer A5 Speker 200000 15 PT. Merdeka komputer A6 Mouse 50000 20 PT. Ira komputer
reset submi
(10)
$row=mysql_fech_row(hasil); if($row)
{ do {
list($kdbarang,$nmbarang,$harga,$jumlah,$suplier)=$row; echo “<tr><td><a
href=’edit.php?
kdbarang’=$kdbarang’>$kdbarang</a><td>$nmbarang<td>$harga<td>$jumlah<t d>$suplier”;
}
while($row=mysql_fetch_row ($hasil)); } else
{
echo “belum ada data”; }
Mysql_close($conn); }else
{
echo “server not connected!; }
?> </table> <br>
<input type=submit value=submit><input type=reset value=reset>
6.1 EDIT DAN HAPUS DATA
Apabila anda ingin memperbaiki data yang sudah masuk ke dalam database, ada beberapa langkah yang harus dilakukan, yaitu pertama data yang dicari, kemudian di edit, atau dapat juga data ditampilkan dulu kemudian click pada data yang akan diperbaiki atau dihapus. Misalnya pada bagian kode barang,
(11)
click kode barang yang ingin diedit, selanjutnya akan ditampilkan jendela seperti berikut ini:
Form edit/hapus data.
Untuk melakukan perbaikan data, edit bagian yang ingin dirubah, kemudian click tombol save, atau click delete jika ingin menghapusnya, jika anda meng-click save maka akan keluar dijendela seperti berikut ini:
Apabila anda mengclick tombol delete maka tampilannya akan menjadi sebagai berikut:
EDIT/HAPUS DATA Kode Barang : Nama :
Harga : Jumlah : Suplier :
A1 Monitor 1000000 10
PT. Gemilang Komputer
Sav e
Delet e
Edit Dan Hapus Data Kode Barang : Nama :
Harga : Jumlah : Suplier :
Update Success…..! A1 Monitor 1000000 10
PT. Gemilang Komputer
Edit Dan Hapus Data Kode Barang : Nama :
Harga : Jumlah :
A1 Monitor
1000000 10
(12)
Konfirmasi Delete data: Edit.php
<html>
<h3> EDIT/HAPUS DATA <hr>
<table border=1>
<form action=’proses.php’ method=post> <?
$conn=mysql_connect (“localhost”,”root”,”root”); if($conn)
{
$recno=1;
Mysql_select_db(“barang”);
$sql=”select*from tblbrg where kdbarang=’$kdbarang’”; $hasil=mysql_query($sql,$conn);
$row=mysql_fech_row(hasil); if($row)
{ do {
list($kdbarang,$nmbarang,$harga,$jumlah,$suplier)=$row;
echo “<tr><td>Kode Barang<td><input type=text name=kdbarang size=10 value=’$kdbarang’>”;
echo “<tr><td>Nama Barang<td><input type=text name=nmbarang size=10 value=’$nmbarang’>”;
echo “<tr><td>Harga<td><input type=text name=Harga size=10 value=’$Harga’>”;
(13)
echo “<tr><td>Suplier<td><input type=text name=suplier size=10 value=’$suplier’>”;
echo “<input type=hidden name=kdbarang value=’$kdbarang’>”; echo “<input type=hidden name=nmbarang value=’$nmbarang’>”; echo “<input type=hidden name=hrg value=’$harga’>”;
echo “<input type=hidden name=jumlah value=’$jumlah’>”; echo “<input type=hidden name=suplier value=’$suplier’>”; $recno=$recno+1;
}
while($row=mysql_fetch_row ($hasil)); } else
{
echo “belum ada data\n”; }
Mysql_close($conn); }else
{
echo “server not connected!; }
?> </table> <br>
<input type=submit name=submit value=save><input type=submit name=submit value=delete>
Proses.php <html>
Edit dan hapus Data </H1> <table border=1>
<?
(14)
echo “<tr><td>Nama Barang<td>:$nmbarang”; echo “<tr><td>Harga<td>:$harga”;
echo “<tr><td>Jumlah<td>:$jumlah”; echo “<tr><td>Suplier<td>:$suplier”; echo “</table>”;
if(submit=’Save’)
$conn=mysql_connect (“localhost”,”root”,”root”); if($conn)
{
Mysql_select_db(“barang”); $sql=”update tblbrg set
nmbarang=’nmbarang’,harga=$’harga’,jumlah=’$jumlah’,supplier=’$suplier’ where kdbarang=’$kdbarang’”;
$hasil=mysql_query($sql,$conn); echo “Update Success….!<br>\n”; mysql_close($conn);
} else {
echo “Update Error>\n”; }
}
If(submit==’Delete’) {
$conn=mysql_connect(“localhost”,”root”,”root”); Mysql_select_db(“barang”);
$sql=”delete from tblbrg where kdbarang=’$kdbarang’”; If(!mysql_query($sql,$conn))
{
echo “Delete error…!<br>\n”; exit;
(15)
echo “Delete Sucesss”; }
?>
7.1 MEMBUAT TOKO KOMPUTER ONLINE
Pada bab ini kita akan membuat sebuah toko komputer online, apabila ingin membuat aplikasi shopping chart (e-commerce). Dengan ananya sistem ini diharapkan akan mempermudah bagi user untuk membeli produk yang ada diperusahaan tersebut, hanya dengan melalui internet.
# pertama buat tampilan depan sebagai berikut: index.php
<html>
<frameset border=0 rows=”25%*”> <frame src=”atas.php”>
<frameset cols=”20%”> <frame src=”kiri.php”>
<frame src=”kanan.php” name=kanan> </frameset>
</html> atas.php <html>
<body bgcolor=skyblue> <center>
<table border=0> <td>
<img src=”rainbow.gif”> <td>
<h1>
KOMPUTER <font color=green><b>0</b><i>nline</i> </html>
(16)
kiri.php <html>
<body alink=#ddeeff bgcolor=green link=#aabbffvlink=#ffcc33> <font face=”MS Sans Serif,Arial”>
KATEGORI<br> <hr>
<a href=”kanan.php” target=kanan>HOME</a> <hr>
</?
include “db.inc”;
$sql=”select type, nama from kategori”; if(!$res=mysql_query($sql,$dbh)) {
echo mysql_error(); exit;
}
while ($row=mysql_fetch_row($res)) {
echo “<a target=’kanan’ href=jenisbarang.php?type=$row[0]>$row[0]<br></a>”; }
?> <br> <br> <hr>
MANITENENCE <hr>
<a href=”utama.php” target=”kanan”>Kategori</a><br>
<a href=”maintenance.php” target=”kanan”>Jenis Barang</a><br> <a href=”viewall.php” target=”kanan”>Daftar Pesanan</a><br>
kanan.php <html>
(17)
<center>
<img src=”images/itcs.gif”><br> <img src=”images/acer_logo.gif”> <img src=”images/compaq.gif”> <img src=”images/dell.gif”> <img src=”images/hplogo.gif”> <img src=”images/ibm.gif”> <img src=”images/vista.gif”> </center
<hr>
<table border=0> <?
include “db.inc”;
echo (“<font face=Verdana color=Red size=1>”); $sql=”select*from kategori”;
if((!$remysql_query($sql,$dbh)) {
Echo mysql_error(); exit;
}
While ($row=mysql_fetch_row($res)) { echo “<tr>”;
Echo”<td width=150><img src=’internet.php?id=$row[0]’ width=120 height=75>”;
Echo”<td><a href=jenisbarang.php?type=$row[1]>$row[1]</a>”; }
?>
8.1 MENU MANTENANCE
Pada bagian kiri layar, ada tiga buah link yang berguna untuk mengatur jalannya sistem e-commerce ini, jika sudah di onlinekan di internet, ketiga Menu ini harusndihilangkan karena hanya diperlukan untuk administrator saja.
(18)
Mantainance adalah suatu modul yang berguna untuk memasukan kategori barang apa saja yang akan dimasukan ke dalam database ini.
MAINTENANCE Kategori Jenis Barang Daftar Pesanan
a. Add
Tombol ini berfungsi untuk memasukan kategori barang yang akan dijual atau di online-kan, click tombol add, selanjutnya akan ditampilkan jendela seperti berikut:
b. Modify
Tombol ini berfungsi untuk melakukan perubahan, apabila ada data yang sudah terlanjur masuk dan akan diperbaiki, untuk memperbaiki data, pertama pilih category yang akan diedit.
Tipe :
Nama : Image :
Submi t
Bac k
Browse
Tipe Barang :
Modify Delet e
Reload Camera √
(19)
Selanjutnya click tombol modify, dan akan ditampilkan dijendela sebagai berikut:
Setelah melakukan perubahan, data harus di sace kembali, dengan cara mengklik lg tombol modify.
c. Delete
Tombol ini berfungsi untuk menghapus data yang sudah tidak diperlukan lagi. Untuk menghapus data, pertama pilih kategori yang akan dihapus, kemudian click tombol delete .
utama.php <html> <head>
<scrip languae=”JavaScrip1.2” src=”java.src”></scrip> </head>
<font face=”Verdana” color=”blue” size=”2”>
Pilih barang yang akan diedit atau dihapus dibawah ini <br> Atau tekan add untuk menambah data <br>
No ID : :
Tipe :
Nama :
Modify Bac k
Browse 15
Printer
(20)
<p>
<body background=bgr.gif>
<form action=’update.php’ method=POST> Tipe Barang
<select name=tipe size=1> <?
include “db.inc”;
$sql_titles=”select tipe,nama from kategori”; if(!$res=mysql_query($sql_titles,$dbh)) {
echo ( mysql_error; exit;
} ?> </select> <br><br> <hr size=2> <br>
<input type=hidden name=id>
<input type=button onclick=”tekan(‘adding.php’)” value=”Add”> <input type=hidden name=action_type value=Modify>
<input type=hidden name= action_type value=Delete >
<input type= button onclick=”tekan(‘utama.php’)” value=”Reload”> <p>
<hr>
<table width=850> <?
include “db.inc”;
echo (font face=Verdana color=Blue size=1>”) $sql=”select*from kategori”;
//execute the query
(21)
{
echo mysql_error(); exit;
}
While ($row=mysql_fetch_row($res)) { echo “<tr>”;
echo “<td><img src=’getdata.php?id=$row[0] width=150 height=100>”; echo “<td><a hef=jenisbarang.php?type=$row [1]>$row[1] </a>”; }
?>
(1)
kiri.php <html>
<body alink=#ddeeff bgcolor=green link=#aabbffvlink=#ffcc33> <font face=”MS Sans Serif,Arial”>
KATEGORI<br> <hr>
<a href=”kanan.php” target=kanan>HOME</a> <hr>
</?
include “db.inc”;
$sql=”select type, nama from kategori”; if(!$res=mysql_query($sql,$dbh)) {
echo mysql_error(); exit;
}
while ($row=mysql_fetch_row($res)) {
echo “<a target=’kanan’ href=jenisbarang.php?type=$row[0]>$row[0]<br></a>”; }
?> <br> <br> <hr>
MANITENENCE <hr>
<a href=”utama.php” target=”kanan”>Kategori</a><br>
<a href=”maintenance.php” target=”kanan”>Jenis Barang</a><br> <a href=”viewall.php” target=”kanan”>Daftar Pesanan</a><br>
kanan.php <html>
(2)
<center>
<img src=”images/itcs.gif”><br> <img src=”images/acer_logo.gif”> <img src=”images/compaq.gif”> <img src=”images/dell.gif”> <img src=”images/hplogo.gif”> <img src=”images/ibm.gif”> <img src=”images/vista.gif”> </center
<hr>
<table border=0> <?
include “db.inc”;
echo (“<font face=Verdana color=Red size=1>”); $sql=”select*from kategori”;
if((!$remysql_query($sql,$dbh)) {
Echo mysql_error(); exit;
}
While ($row=mysql_fetch_row($res)) { echo “<tr>”;
Echo”<td width=150><img src=’internet.php?id=$row[0]’ width=120 height=75>”;
Echo”<td><a href=jenisbarang.php?type=$row[1]>$row[1]</a>”; }
?>
8.1 MENU MANTENANCE
Pada bagian kiri layar, ada tiga buah link yang berguna untuk mengatur jalannya sistem e-commerce ini, jika sudah di onlinekan di internet, ketiga Menu ini harusndihilangkan karena hanya diperlukan untuk administrator saja.
(3)
Mantainance adalah suatu modul yang berguna untuk memasukan kategori barang apa saja yang akan dimasukan ke dalam database ini.
MAINTENANCE Kategori Jenis Barang Daftar Pesanan
a. Add
Tombol ini berfungsi untuk memasukan kategori barang yang akan dijual atau di online-kan, click tombol add, selanjutnya akan ditampilkan jendela seperti berikut:
b. Modify
Tombol ini berfungsi untuk melakukan perubahan, apabila ada data yang sudah terlanjur masuk dan akan diperbaiki, untuk memperbaiki data, pertama pilih category yang akan diedit.
Tipe :
Nama : Image :
Submi t
Bac k
Browse
Tipe Barang Camera : √
(4)
Selanjutnya click tombol modify, dan akan ditampilkan dijendela sebagai berikut:
Setelah melakukan perubahan, data harus di sace kembali, dengan cara mengklik lg tombol modify.
c. Delete
Tombol ini berfungsi untuk menghapus data yang sudah tidak diperlukan lagi. Untuk menghapus data, pertama pilih kategori yang akan dihapus, kemudian click tombol delete .
utama.php <html> <head>
<scrip languae=”JavaScrip1.2” src=”java.src”></scrip> </head>
<font face=”Verdana” color=”blue” size=”2”>
Pilih barang yang akan diedit atau dihapus dibawah ini <br> Atau tekan add untuk menambah data <br>
No ID : :
Tipe :
Nama :
Modify Bac k
Browse 15
Printer
(5)
<p>
<body background=bgr.gif>
<form action=’update.php’ method=POST> Tipe Barang
<select name=tipe size=1> <?
include “db.inc”;
$sql_titles=”select tipe,nama from kategori”; if(!$res=mysql_query($sql_titles,$dbh)) {
echo ( mysql_error; exit;
} ?> </select> <br><br> <hr size=2> <br>
<input type=hidden name=id>
<input type=button onclick=”tekan(‘adding.php’)” value=”Add”> <input type=hidden name=action_type value=Modify>
<input type=hidden name= action_type value=Delete >
<input type= button onclick=”tekan(‘utama.php’)” value=”Reload”> <p>
<hr>
<table width=850> <?
include “db.inc”;
echo (font face=Verdana color=Blue size=1>”) $sql=”select*from kategori”;
//execute the query
(6)
{
echo mysql_error(); exit;
}
While ($row=mysql_fetch_row($res)) { echo “<tr>”;
echo “<td><img src=’getdata.php?id=$row[0] width=150 height=100>”; echo “<td><a hef=jenisbarang.php?type=$row [1]>$row[1] </a>”; }
?>