Keranjang Belanja Amin

Komunitas eLearning IlmuKomputer.
Com
Copyright 2003-2009 IlmuKomputer.Com

Halaman : 1
Shortcourse Membuat Aplikasi Keranjang Belanja

Muhammad Miftakul Amin
mafis_amin@yahoo.com
http://mafisamin.web.ugm.ac.id
http://masamin.darmajaya.ac.id

Salam jumpa.
Assalamualaikum Wr., Wb.
Terlebih dahulu, penulis akan memberikan informasi singkat tentang aplikasi yang akan
dibangun.

Tentang Shoping Cart

Aplikasi Keranjang Belanja (Shoping Cart) sering anda temui jika anda sering duduk di depan
komputer yang terhubung dengan internet. J ika anda pernah mengunjungi situs amazon.com,
di sana akan anda temui aplikasi yang serupa, tetapi dengan kekayaan fitur yang kompleks
tentunya.

Anda tertarik untuk bisa membuat aplikasi yang serupa ? Tidak banyak syarat yang harus
dipenuhi, dengan bekal kemauan dan tekad yang bulat, ditopang dengan ketekunan dan
keuletan, yakinlah anda mampu untuk membangunnya. Tetapi ingat anda tentu harus sudah
mengerti dasar-dasar perancangan sistem, seperti sistem basis data, perintah SQL, serta
Algoritma Pemrograman, Struktur data, dan konsep jaringan komputer. Sedikit syarat tetapi
banyak juga jika disebutkan. Demikian juga harapan penulis, sedikit yang tertulis dalam
modul ini, tetapi mudah-mudahan berbuah banyak manfaat. Amiin.

Materi yang disajikan dalam workshop ini memberikan gambaran tentang bagaimana
membangun sebuah aplikasi shopping cart/keranjang belanja step by step. Penulis hanya
menyajikan aplikasi yang dijalankan di sisi end-user saja, mengingat keterbatasan sumber
daya waktu untuk bisa menyajikan seluruhnya secara sempurna. Tetapi tidak perlu berkecil
hati, karena setelah anda mampu membuat aplikasi end-user ini, anda akan mampu membuat
aplikasi di sisi admin nantinya.

Wassalamualaikum Wr., Wb.
Penulis

Lisensi Dokumen:
Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan
secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus
atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap
dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin
terlebih dahulu dari IlmuKomputer.Com.

Komunitas eLearning IlmuKomputer.Com

Halaman : 2
Perancangan Sistem

1. Event List
Event list merupakan gambaran bagaimana sebuah aplikasi bekerja dengan urutan-urutan
kerja tertentu. Shopping cart yang dibangun nantinya mampu memenuhi fungsi sebagai
berikut :
o Mengelola data kategori produk
o Mengelola daftar produk
o Keranjang belanja yang berisi produk yang akan dibeli user
o Meyimpan data pembelian yang dilakukan user

Adapun event list dapat digambarkan secara skematik sebagai berikut :

Dari skema di atas, seorang user dapat berpindah dari satu halaman ke halaman yang
lain. Pertama kali aplikasi berjalan akan ditampilkan daftar kategori produk. Kemudian
user dapat memilih sebuah kategori, untuk kemudian ditampilkan daftar produk
berdasarkan kategori yang dipilih. Selanjutnya user dapat memilih salah satu produk
untuk ditambahkan ke keranjang belanja.
Setelah user memilih beberapa produk, maka keranjang belanja akan berisi produk
yang akan dibeli. Di sini user dapat menghapus satu item barang megubah jumlah
pembelian barang.
Setelah proses di atas dilalui, maka user dapat melakukan checkout untuk merekam
daftar pembelian ke server database.

Daftar
Kategori
ENTER
Daftar detail buku
berdasarkan
kategori
Keranjang
Belanja
Add
to
Cart

CHECK OUT
EXIT
Update QTY
Hapus Item


Halaman : 3
2. Desain Database
Untuk memenuhi kebutuhan di atas diperlukan sebuah database yang berisi table sebagai
berikut :
1. categories

J ika anda terbiasa dengan perintah SQL, anda dapat membuatnya dengan mengetikan
perintah SQL DDL, sebagai berikut :

CREATE TABLE categories (
catid int(10) unsigned NOT NULL auto_increment,
catname varchar(40) NOT NULL default '',
PRIMARY KEY (catid)
) TYPE=MyISAM;

2. books

CREATE TABLE books (
isbn varchar(13) NOT NULL default '',
author varchar(30) default NULL,
title varchar(60) default NULL,
catid int(10) unsigned default NULL,
price float(4,2) NOT NULL default '0.00',
description varchar(255) default NULL,
image varchar(100) default NULL,
PRIMARY KEY (isbn)
) TYPE=MyISAM;


Halaman : 4
3. customers

CREATE TABLE customers (
customerid int(10) unsigned NOT NULL auto_increment,
name char(40) NOT NULL default '',
address char(40) NOT NULL default '',
city char(20) NOT NULL default '',
state char(20) default NULL,
zip char(10) default NULL,
country char(20) NOT NULL default '',
PRIMARY KEY (customerid)
) TYPE=MyISAM;

4. orders

CREATE TABLE orders (
orderid int(10) unsigned NOT NULL auto_increment,
customerid int(10) unsigned NOT NULL default '0',
amount float(6,2) default NULL,
date date NOT NULL default '0000-00-00',
PRIMARY KEY (orderid)
) TYPE=MyISAM;


Halaman : 5
5. order_items

CREATE TABLE order_items (
orderid int(10) unsigned NOT NULL default '0',
isbn char(13) NOT NULL default '',
item_price float(4,2) NOT NULL default '0.00',
quantity tinyint(3) unsigned NOT NULL default '0',
PRIMARY KEY (orderid,isbn)
) TYPE=MyISAM;

Sehingga akan diperoleh objek database dan relasi table sebagai berikut :

categories

books

orders

order_items

customers


Halaman : 6
3. Script Program
Script program yang diperlukan adalah sebagai berikut :

File yang ada di aplikasi shopping cart
Nama Module Desciption
header.php library untuk tampilan atas setiap halaman
middle.php library untuk tampilan tengah setiap halaman
footer.php library untuk tampilan bawah setiap halaman
koneksi.php library untuk koneksi ke database server
style.css library untuk tampilan halaman CSS
index.php shoppingcart untuk aplikasi enduser
listproduk.php shoppingcart untuk menampilkan produk
keranjang.php shoppingcart untuk menampilkan keranjang belanja
checkoutform.php shoppingcart untuk formulir pesanan
prosescheckout.php shoppingcart untuk checkout/keluar aplikasi

4. Membangun aplikasi
Buat struktur folder seperti berikut :

Untuk membuat aplikasi tulis script berikut melalui editor yang anda miliki.
1) header.php

<ht ml >
<head>
<t i t l e>Book St or e</ t i t l e>
<met a ht t p- equi v=" Cont ent - Type" cont ent ="t ext / ht ml ; char set =i so- 8859- 1" >
<l i nk hr ef =" l i br ar y/ St yl e. css" r el =" st yl esheet " t ype=" t ext / css">
</ head>

<body bgcol or ="#B6B7CB" >
<t abl e bgcol or ="#F9F9F9" wi dt h=" 600" bor der =" 0" al i gn=" cent er " cel l paddi ng=" 10"
cel l spaci ng=" 0">
<t r >
<t d al i gn=" cent er " ><h2><f ont col or =" #3E5E89" >. : : Book St or e : : . </ f ont ></ h2></ t d>
</ t r >
</ t abl e>


Halaman : 7
2) middle.php

<t abl e bgcol or =" #2d4a97" wi dt h=" 600" bor der =" 0" al i gn="cent er " cel l paddi ng="10"
cel l spaci ng="0" >
<t r >
<t d bgcol or =" #3E5E89" al i gn="cent er " >
<a cl ass=" under l i ne" hr ef ="i ndex. php" >
<i mg sr c=" i mage/ BP_CATEGORY. gi f " wi dt h="134" hei ght =" 34" bor der =" 0">
</ a>

<a cl ass=" under l i ne" hr ef ="ker anj ang. php" >
<i mg sr c=" i mage/ BP_CART. gi f " wi dt h="134" hei ght ="34" bor der ="0" >
</ a>

<a cl ass=" under l i ne" hr ef ="checkout f or m. php" >
<i mg sr c=" i mage/ BP_CHECKOUT. gi f " wi dt h=" 134" hei ght =" 34" bor der =" 0">
</ a>
</ t d>
</ t r >
</ t abl e>

3) footer.php

<t abl e bgcol or =" #3E5E89" wi dt h=" 600" bor der =" 0" al i gn="cent er " cel l paddi ng="10"
cel l spaci ng="0" >
<t r >
<t d al i gn=" cent er ">
<p><f ont col or =" #FFFFCC">Ver si on 1. 0. 1 Copy Ri ght @2006 Power ed by Mi f t akh
Al l r i ght Reser ved</ f ont ></ p>
</ t d>
</ t r >
</ t abl e>
</ body>
</ ht ml >

4) koneksi.php

<?php
/ / dat abase connect i on conf i gur at i on
$dbHost = ' l ocal host ' ;
$dbUser = ' r oot ' ;
$dbPass = ' ' ;
$dbName = ' Shop' ;

/ / koneksi ke ser ver
$koneksi =mysql _connect ( $dbHost , $dbUser , $dbPass) ;
i f ( ! $koneksi ) {
echo " Ada Kesal ahan " . mysql _er r or ( ) ;
exi t ;
}

/ / memi l i h dat abase
$dat abase=mysql _sel ect _db( $dbName, $koneksi ) ;
i f ( ! $dat abase) {
echo " Ada Kesal ah ". mysql _er r or ( ) ;
exi t ;
}
?>


Halaman : 8
5) style.css

/ * CSS Document */
<STYLE>

a. menu_l ef t : l i nk {col or : #FF0000; t ext - decor at i on: none}
a. menu_l ef t : vi si t ed {col or : #FF0000; t ext - decor at i on: none}
a. menu_l ef t : hover {t ext - decor at i on: under l i ne; col or =#000000}
a. menu_l ef t : hover {backgr ound: or ange}
a. menu_l ef t {f ont - f ami l y: sans- ser i f ; f ont - si ze: 12pt }

a. under l i ne: l i nk {col or : #f f f f cc; t ext - decor at i on: none}
a. under l i ne: vi si t ed {col or : #f f f f cc; t ext - decor at i on: none}
a. under l i ne: hover {t ext - decor at i on: under l i ne}
a. under l i ne: hover {col or : #f f cc00}
a. under l i ne {f ont - f ami l y: sans- ser i f ; f ont - si ze: 12pt }

t abl e{bor der - col l apse: col l apse};

BODY {
SCROLLBAR- FACE- COLOR: #2d4a97;
SCROLLBAR- HI GHLI GHT- COLOR: #7981b3;
SCROLLBAR- SHADOW- COLOR: #f f f f f f ;
SCROLLBAR- ARROW- COLOR: #7981b3
}
</ STYLE>

6) index.php

<?
sessi on_st ar t ( ) ;
i f ( ! sessi on_i s_r egi st er ed( "car t _i sbn" ) ) {
sessi on_r egi st er ( " car t _i sbn" ) ;
sessi on_r egi st er ( " car t _j udul ") ;
sessi on_r egi st er ( " car t _i mage") ;
sessi on_r egi st er ( " car t _pr i ce") ;
sessi on_r egi st er ( " car t _qt y" ) ;
sessi on_r egi st er ( " car t _subt ot al ") ;
sessi on_r egi st er ( " t ot al " ) ;
$car t _i sbn=ar r ay( ) ;
$car t _j udul =ar r ay( ) ;
$car t _i mage=ar r ay( ) ;
$car t _pr i ce=ar r ay( ) ;
$car t _qt y=ar r ay( ) ;
$car t _subt ot al =ar r ay( ) ;
}

r equi r e_once( " l i br ar y/ header . php") ;
r equi r e_once( " l i br ar y/ mi ddl e. php") ;
r equi r e_once( " l i br ar y/ koneksi . php" ) ;

$st r sql ="SELECT * FROM cat egor i es" ;
$quer y=mysql _quer y( $st r sql , $koneksi ) ;

/ / membuat t abl e
echo "<t abl e al i gn=cent er bgcol or =#F1F2F3 wi dt h=600 bor der =1 cel l spaci ng=0
cel l paddi ng=10>
<t r >
<t h col span=2>DAFTAR KATEGORI BUKU</ t h>
</ t r >
<t r ><t d>Si l ahkan Pi l i h Kat egor i : <br >" ;


Halaman : 9

whi l e( $dat a=mysql _f et ch_ar r ay( $quer y) ) {
echo " <a cl ass=menu_l ef t
hr ef =l i st Pr oduk. php?i d=$dat a[ cat i d] >$dat a[ cat name] </ a><br >" ;
}

echo "</ t d></ t r >
</ t abl e>" ;
r equi r e_once( " l i br ar y/ f oot er . php") ;
?>

7) listproduk.php

<?


$st r sql ="SELECT books. *, cat egor i es. cat name
FROM books, cat egor i es
WHERE books. cat i d=cat egor i es. cat i d
AND books. cat i d=' $i d' ";
$r ecor dcount =mysql _num_r ows( $quer y) ;
i f ( $r ecor dcount <1) {
echo " <cent er >Unt uk Kat egor i i ni bel umada</ cent er >" ;
}

/ / membuat t abl e
echo "<t abl e al i gn=cent er bgcol or =#F2F2F9 wi dt h=600 bor der =1 bor der col or =#3E5E89
cel l spaci ng=0 cel l paddi ng=10>
<t r >
<t h col span=2>DAFTAR BUKU </ t h>
</ t r >" ;

echo " <t r >
<t d>
I SBN : $dat a[ i sbn] <br >
Pengar ang : $dat a[ aut hor ] <br >
J udul : $dat a[ t i t l e] <br >
Har ga : $. $dat a[ pr i ce] <br >
Deskr i psi : Rp. $dat a[ descr i pt i on]
</ t d>
<t d>
Kat egor i : $dat a[ cat name] <br >
<i mg sr c=i mage/ $dat a[ i mage] ><br ><br >
<a cl ass=menu_l ef t
hr ef =Ker anj ang. php?i sbn=$dat a[ i sbn] &pr i ce=$dat a[ pr i ce] &qt y=1&subt ot al =$dat a[ pr i ce] >
<i mg sr c=i mage/ add- t o- car t . gi f > </ a>
</ t d>
</ t r >";
}

echo "</ t abl e>";
?>


Halaman : 10
8) keranjang.php

<?

/ / j i ka aksi updat e i t emdi pi l i h
i f ( ( si zeof ( $car t _i sbn) >0) && ( $aksi =="updat e") ) {
f or ( $i =0; $i <si zeof ( $car t _i sbn) ; $i ++) {
ar r ay_spl i ce( $car t _qt y, $i , 1, $j ml [ $i ] ) ;
}
}

/ / j i ka aksi hapus di pi l i h
i f ( ( ! empt y( $i sbn) ) && ( $aksi ==" hapus" ) ) {
i f ( $car t _i sbn[ $i ] ==$i sbn) {
ar r ay_spl i ce( $car t _i sbn, $i , 1) ;
ar r ay_spl i ce( $car t _j udul , $i , 1) ;
ar r ay_spl i ce( $car t _pr i ce, $i , 1) ;
ar r ay_spl i ce( $car t _qt y, $i , 1) ;
ar r ay_spl i ce( $car t _subt ot al , $i , 1) ;
br eak;
}
}
echo "<cent er ><h2>Dat a I t emt el ah di hapus dar i ker anj ang bel anj a</ h2></ cent er >";
exi t ;
}

/ / j i ka ker anj ang masi h kosong
/ / t ampi l kan pesan kosong

i f ( ( si zeof ( $car t _i sbn) <1) && ( empt y( $i sbn) ) ) {
echo " <cent er ><h2>Ker anj ang Bel anj a anda masi h kosong</ h2></ cent er >" ;
r equi r e_once( " l i br ar y/ f oot er . php" ) ;
exi t ;
}

/ / mengecek apakah buku yang akan di bel i
/ / t el ah ada di dal amker anj ang
/ / j i ka sudah ada t ampi l kan pesan
/ / j i ka bel umada masukkan dat anya ke ar r ay/ ker anj ang
i f ( i n_ar r ay( $i sbn, $car t _i sbn) ) {
echo " <cent er ><h2>Dat a sudah ada di ker anj ang Bel anj a</ h2></ cent er >" ;
exi t ;
}el se{
i f ( ! empt y( $i sbn) ) {
ar r ay_push( $car t _i sbn, $i sbn) ;
ar r ay_push( $car t _pr i ce, $pr i ce) ;
ar r ay_push( $car t _qt y, $qt y) ;
ar r ay_push( $car t _subt ot al , $subt ot al ) ;
}
}


Halaman : 11
/ / penomor an i t embar ang dan t ot al Pembel i an
$nomor =0;
$t ot al =0;

/ / membuat t abl e unt uk j udul ker anj ang bel anj a
cel l paddi ng=10>
<t r >
<t h col span=2>KERANJ ANG BELANJ A</ t h>
</ t r >
</ t abl e>" ;

/ / membuat t abl e unt uk menampi l kan dat a dar i ker anj ang bel anj a
/ / echo " <f or mmet hod=get act i on=$PHP_SELF>" ;
echo "<f or mmet hod=post act i on=$PHP_SELF>" ;
cel l paddi ng=0>
<t r >
<t h>No. </ t h>
<t h>Pr oduct </ t h>
<t h>QTY</ t h>
<t h>Har ga</ t h>
<t h>Subt ot al </ t h>
</ t r >" ;

/ / mengambi l f i el d j udul
/ / dar i t abel buku
$st r sql =" SELECT t i t l e, i mage
FROM books
WHERE i sbn=' $car t _i sbn[ $i ] ' ";
$car t _j udul [ $i ] =$dat a[ 0] ;
$car t _i mage[ $i ] =$dat a[ 1] ;
}

echo "<t r >
<t d><i mg sr c=i mage/ $car t _i mage[ $i ] wi dt h=60 hei ght =80 bor der =0></ t d>
<t d>$car t _i sbn[ $i ] <br >$car t _j udul [ $i ] </ t d>
<t d><i nput t ype=t ext si ze=2 maxl engt h=2 name=j ml [ ] val ue=$car t _qt y[ $i ] ></ t d>
<t d>$car t _pr i ce[ $i ] </ t d>
<t d>" . $car t _qt y[ $i ] *$car t _pr i ce[ $i ] . " </ t d>
<t d><a cl ass=menu_l ef t
hr ef =$PHP_SELF?aksi =hapus&i sbn=$car t _i sbn[ $i ] >[ Hapus] </ a></ t d>
</ t r >";
$t ot al =$t ot al +( $car t _qt y[ $i ] *$car t _pr i ce[ $i ] ) ;
}

/ / menampi l kan t ot al Pembel i an
echo "<t r >
<t d col span=4>Tot al </ t d>
<t d col span=4>$. $t ot al </ t d>
</ t r >
<t r bgcol or =#FFFFFF>
<i nput name=aksi t ype=hi dden i d=aksi val ue=updat e>
<t d col span=7><i nput t ype=submi t name=Submi t val ue=\ "Updat e Qt y\ " ></ t d>
</ t r >" ;
echo "</ t abl e>";
echo "</ f r om>" ;
?>


Halaman : 12
9) checkoutform.php

<?php

i f ( ( si zeof ( $car t _i sbn) <1) && ( empt y( $i sbn) ) ) {
echo " <cent er ><h2>Ker anj ang Bel anj a anda masi h kosong</ h2></ cent er >" ;
exi t ;
}

i f ( si zeof ( $car t _i sbn) >0) {
cel l paddi ng=0>
<t r >
<t h>No. </ t h>
<t h>Pr oduct </ t h>
<t h>QTY</ t h>
<t h>Har ga</ t h>
<t h>Subt ot al </ t h>
</ t r >" ;

/ / mengambi l f i el d j udul
/ / dar i t abel buku
$st r sql =" SELECT t i t l e
FROM books
WHERE i sbn=' $car t _i sbn[ $i ] ' ";
$car t _j udul [ $i ] =$dat a[ 0] ;
}

echo " <t r >
<t d><br >". ++$nomor . " </ t d>
<t d>$car t _i sbn[ $i ] <br >$car t _j udul [ $i ] </ t d>
<t d>$car t _qt y[ $i ] </ t d>
<t d>$car t _pr i ce[ $i ] </ t d>
<t d>" . $car t _qt y[ $i ] *$car t _pr i ce[ $i ] . " </ t d>
</ t r >";
}

/ / menampi l kan t ot al Pembel i an
echo "<t r >
<t d col span=4>Tot al </ t d>
<t d col span=3>Rp $t ot al </ t d>
</ t r >" ;
echo "</ t abl e>";
}

/ / f or mpemesanan
echo "<f or mname=f or mCheckout met hod=post act i on=pr osesCheckout . php>" ;
cel l paddi ng=0>
<t r >
<t d col span=2>Dat a Pemesan</ t d>
</ t r >" ;


Halaman : 13
echo "<t r >
<t d>Nama</ t d>
<t d><i nput name=name t ype=t ext si ze=25></ t d>
</ t r >
<t r >
<t d>Addr ess</ t d>
<t d><i nput name=addr ess t ype=t ext si ze=50></ t d>
</ t r >
<t d>Ci t y</ t d>
<t d><i nput name=ci t y t ype=t ext si ze=20></ t d>
</ t r >
<t d>St at e</ t d>
<t d><i nput name=st at e t ype=t ext si ze=20></ t d>
</ t r >
<t d>Kode Pos</ t d>
<t d><i nput name=zi p t ype=t ext si ze=5></ t d>
</ t r >
<t d>Negar a</ t d>
<t d><i nput name=count r y t ype=t ext si ze=20></ t d>
</ t r >
<t d><i nput name=Send t ype=submi t i d=Send val ue=Send></ t d>
<t d><i nput name=Cl ear t ype=r eset i d=Cl ear val ue=Cl ear ></ t d>
</ t r >
";
echo "</ t abl e>";
echo "</ f or m>" ;

?>

10) prosescheckout.php

<?php


/ / i nser t cust omer s
$quer y = " i nser t i nt o cust omer s val ues
( ' ' , ' $name' , ' $addr ess' , ' $ci t y' , ' $st at e' , ' $zi p' , ' $count r y' ) " ;
$r esul t = mysql _quer y( $quer y) ;
i f ( ! $r esul t ) {
exi t ;
}

/ / i nser t or der s
$quer y = " sel ect cust omer i d f r omcust omer s wher e
name = ' $name' and addr ess = ' $addr ess'
and ci t y = ' $ci t y' and st at e = ' $st at e'
and zi p = ' $zi p' and count r y = ' $count r y' ";
i f ( mysql _numr ows( $r esul t ) >0)
$cust omer i d = mysql _r esul t ( $r esul t , 0, ' cust omer i d' ) ;
el se{
exi t ;
}


Halaman : 14
$dat e = dat e( ' Y- m- d' ) ;
$quer y = " i nser t i nt o or der s ( cust omer i d, amount , dat e)
val ues ( $cust omer i d, $t ot al , ' $dat e' ) ";
i f ( ! $r esul t ) {
exi t ;
}

$quer y = " sel ect or der i d f r omor der s wher e
cust omer i d = $cust omer i d and
dat e = ' $dat e' " ;
i f ( mysql _numr ows( $r esul t ) >0)
$or der i d = mysql _r esul t ( $r esul t , 0, ' or der i d' ) ;

/ / i nser t or der i t ems
f or ( $i =0; $i <si zeof ( $car t _i sbn) ; $i ++)
{
$quer y = "i nser t i nt o or der _i t ems val ues
( ' $or der i d' , ' $car t _i sbn[ $i ] ' , ' $car t _pr i ce[ $i ] ' , ' $car t _qt y[ $i ] ' ) " ;
i f ( ! $r esul t ) {
echo "Ada Kesal ah " . mysql _er r or ( ) ;
exi t ;
}
}

sessi on_unr egi st er ( " car t _i sbn") ;
sessi on_unr egi st er ( " car t _j udul " ) ;
sessi on_unr egi st er ( " car t _i mage" ) ;
sessi on_unr egi st er ( " car t _pr i ce" ) ;
sessi on_unr egi st er ( " car t _qt y" ) ;
sessi on_unr egi st er ( " car t _subt ot al " ) ;
sessi on_unr egi st er ( " t ot al " ) ;
sessi on_dest r oy( ) ;

echo "<cent er ><h2>Ter i ma kasi h at as kunj ungan anda</ h2></ cent er >" ;
echo "<cent er ><h2>. : : : Nomor Or der anda adal ah $or der i d : : . </ h2></ cent er >" ;
?>


Halaman : 15
Implementasi Sistem

Tahapan ini merupakan uji coba sistem yang telah dibangun.
Pertama kali aplikasi dijalankan akan terlihat tampilan sebagai berikut :

Ketika user memilih salah satu kategori, maka akan ditampilkan daftar buku berdasarkan
kategori sebagai berikut :


Halaman : 16

Kemudian user dapat memilih salah satu produk untuk ditambahkan ke keranjang belanja
dengan mengklik tombol Add To Cart (yang ada gambar keranjang). Maka dengan sendirinya
anda akan dibawa ke halaman keranjang belanja untuk melihat daftar barang yang telah
dipilih.


Halaman : 17

Pada halaman keranjang belanja ini, user dapat mengubah jumlah item barang yang akan
dibeli dengan menekan tombol Update Qty, serta dapat membatalkan item pembelian dengan
memilih link Hapus di sebelah kanan daftar item.


Halaman : 18
Selanjutnya ketika dirasa proses pembelian telah cukup, maka user dapat check-out dengan
memilih link Check-Out di bagian atas keranjang belanja, sehingga dimunculkan form isian
pemesanan.

Setelah proses pengisian data pemesanan telah selesai, user dapat menekan tombol Send
untuk mengirim data ke server database. Selanjutnya anda akan menerima konfirmasi
mengenai data pemesanan yang telah anda kirim seperti berikut :


Halaman : 19

Selanjutnya anda tinggal menunggu, produk(buku) yang anda pesan sampai ke tempat anda
sesuai dengan alamat yang telah anda isikan.


Halaman : 20
Biografi Penulis
Muhammad Miftakul Amin, Menyelesaikan S1 di Teknik Informatika,
Universitas Teknologi Yogyakarta (UTY) tahun 2004 dan pada tahun
2008 melanjutkan study S2 di Sistem Komputer Informatika (SKI),
Department of Electrical Engineering, Universitas Gadjah Mada
(UGM) Yogyakarta. Saat ini tercatat sebagai dosen di jurusan Sistem
Informasi, Institut Bisnis dan Informatika (IBI) Darmajaya Lampung.
Kompetensi utama pada bidang Software Engineering, dan Web
Engineering.

Informasi lebih lanjut tentang penulis ini dapat diperoleh melalui:
Email : mafis_amin@yahoo.com
Homepage : http://mafisamin.web.ugm.ac.id
http://masamin.darmajaya.ac.id

Keranjang Belanja Amin

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Keranjang Belanja Amin

Diunggah oleh

Hak Cipta:

Format Tersedia

Komunitas eLearning IlmuKomputer.

Anda mungkin juga menyukai