Perancangan Website Untuk Berbelanja Di Butik.

(1)

i

Universitas Kristen Maranatha

ABSTRAK

Metoda perdagangan beberapa tahun belakangan ini banyak mengalami

perubahan. Berbagai produk ditawarkan penjual dan dibeli oleh konsumen melalui

proses jarak jauh. Hal ini dimungkinkan oleh pesatnya perkembangan teknologi,

khususnya teknologi informasi dan komputer. Salah satu media perdagangan jarak

jauh yang paling digemari, baik oleh penjual maupun pembeli adalah media

internet (online). Spesifikasi produk dapat ditampilkan secara lengkap dengan

akses yang lebih mudah dan dapat dilakukan oleh beberapa konsumen secara

paralel. Sehingga jumlah konsumen yang dapat dilayani bersamaan cukup banyak.

Apalagi bila media online tersebut dilengkapi dengan fasilitas jual beli (transaksi)

secara langsung.

Tugas akhir ini bertujuan untuk membuat suatu media online, dalam hal

ini website yang akan digunakan untuk penjualan pakaian, sepatu dan aksesories.

Di website ini akan ditawarkan berbagai macam pakaian dan sepatu anak-anak

sampai dewasa, perempuan dan laki-laki. Ditambah dengan penawaran produk

aksesories wanita, dan dilengkapi dengan metoda pembayaran dan pengiriman

barang.

Setelah melakukan perancangan, akhirnya dibuatlah website butik seperti

yang telah direncanakan sebelumnya dengan menggunakan program Edit Plus.

Pada tugas akhir ini, website yang dibuat hanya dapat dijalankan pada local host

saja dahulu.

(2)

ii

Universitas Kristen Maranatha

ABSTRACT

Trading methods in recent years have changes. Various products are

sold and bought by consumers through the remote process. This is made possible

by the rapid development of technology, especially information technology and

computers. One of the most popular remote trading is through internet online,

both the seller and the buyer. Where product specifications can be displayed

complete with easier access that can be performed at the same moment by

multiple consumers. So the number of the customers that can be served will be

much improved. Especially when the online media provide the direct buying and

selling facilities.

Therefore, this thesis aims to create an online media which is a website

that will be used to sell clothes, footwear and accessories. In this website will be

offered a wide range of clothing and children's shoes to adults, women and men.

Coupled with women's accessories product offerings, and is equipped with a

method of payment and delivery of goods.

After designed, finally a boutique website is made according to plan,

using an Edit Plus program. However, for this thesis, the website is to be run in

local host only.

(3)

v

Universitas Kristen Maranatha

DAFTAR ISI

ABSTRAK ... I

ABSTRACT ... II

KATA PENGANTAR ... III

DAFTAR ISI ... V

DAFTAR GAMBAR ... VII

BAB I PENDAHULUAN ... 1

1.1 L

ATAR

B

ELAKANG

... 1

1.2 I

DENTIFIKASI

M

ASALAH

... 2

1.3 T

UJUAN

... 2

1.4 P

EMBATASAN

M

ASALAH

... 3

1.5 S

ISTEMATIKA

... 3

BAB II LANDASAN TEORI ... 4

2.1 P

ENGENALAN

PHP ... 4

2.2 M

Y

SQL... 12

2.3 D

ATABASE

... 17

2.4 HTML ... 17

2.5 XAMPP ... 19

2.6 E

DIT

P

LUS

... 20

2.7 CSS

(C

ASCADING

S

TYLE

S

HEETS

) ... 21

2.8 J

AVA

S

CRIPT

... 23

2.9 JQ

UERY

... 23

BAB III PERANCANGAN DAN PEMODELAN ... 26

3.1 B

LOK

D

IAGRAM

... 26

3.2 P

ETA

S

ITUS

... 28

3.3 F

LOWCHART

... 29

3.4 P

EMBUATAN WEBSITE MENGGUNAKAN

E

DIT

P

LUS

... 33

3.5 P

ROGRAM

XAMPP ... 56

(4)

vi

Universitas Kristen Maranatha

3.7 P

EMBUATAN

K

ONEKSI

... 61

BAB IV HASIL DAN PEMBAHASAN... 62

4.1 T

AMPILAN

A

WAL

W

EBSITE

I

LLONG

S

HOP

... 62

4.2 T

AMPILAN

M

ENU

W

EBSITE

I

LLONG

S

HOP

... 64

4.3 T

AMPILAN

H

ALAMAN

A

DMIN

W

EBSITE

I

LLONG

S

HOP

... 71

BAB V KESIMPULAN DAN SARAN ... 74

5.1 K

ESIMPULAN

... 74

5.2 S

ARAN

... 74

DAFTAR PUSTAKA ... 75

LAMPIRAN

(5)

vii

Universitas Kristen Maranatha

DAFTAR GAMBAR

Gambar 2. 1 Tampilan XAMPP control panel ... 20

Gambar 2. 2 Jendela program EditPlus... 21

Gambar 3.1 Blok diagram pengunjung website yang tidak mendaftar ... 26

Gambar 3.2 Blok diagram pengunjung website yang sudah mendaftar ... 27

Gambar 3.3 Peta situs website Illong Shopp ... 28

Gambar 3.4 Flowchart pilihan menu awal ... 29

Gambar 3.5 Flowchart untuk login ... 30

Gambar 3.6 Flowchart tampilan Home ... 30

Gambar 3.7 Flowchart tampilan Shopping cart ... 31

Gambar 3.8 Flowchart tampilan History Order ... 32

Gambar 3.9 Flowchart tampilan Contact... 32

Gambar 3.10 Flowchart tampilan Profile ... 33

Gambar 3.11 Tampilan jendela program EditPlus ... 33

Gambar 3.12 Tampilan halaman EditPlus ... 34

Gambar 3.13 Hasil tampilan awal website ... 37

Gambar 3.14 Hasil tampilan login website ... 46

Gambar 3.15 Hasil tampilan saat konsumen berbelanja ... 50

Gambar 3.16 Tampilan pengiriman barang ... 50

Gambar 3. 17 Tampilan List belanja saat konsumen belanja ... 51

Gambar 3.18 Tampilan history order... 54

Gambar 3.19 Tampilan Contact ... 56

Gambar 3.20 Tampilan XAMPP control panel ... 56

Gambar 3. 21 ERD (Entity Relationship Diagram) database... 57

Gambar 3. 22 Database project ... 58

Gambar 3.23 Membuat tabel ... 58

Gambar 3. 24 Tabel pada database ... 59

Gambar 3.25 Database table category... 59

(6)

viii

Universitas Kristen Maranatha

Gambar 3.28 Database tabel dalamannya checkout ... 60

Gambar 4. 1 Tampilan awal website Illong Shop ... 62

Gambar 4. 2 Tampilan home website Illong Shop ... 63

Gambar 4.3 Tampilan Latest Products website Illong Shop ... 63

Gambar 4.4 Tampilan memilih warna website Illong Shop ... 64

Gambar 4.5 Tampilan register Illong Shop... 65

Gambar 4.6 Tampilan Login website Illong Shop ... 65

Gambar 4. 7 Tampilan Shopping Cart Illong Shop ... 65

Gambar 4.9 Tampilan latest products Illong Shop ... 66

Gambar 4. 10 Tampilan order Illong Shop ... 66

Gambar 4. 11 Tampilan Shopping cartwebsite Illong Shop ... 67

Gambar 4.12 Tampilan Contact Us website Illong Shop ... 67

Gambar 4.13 Tampilan List Belanja website Illong Shop ... 68

Gambar 4.14 Tampilan Finish website Illong Shop ... 68

Gambar 4.15 Tampilan History Order website Illong Shop ... 69

Gambar 4. 16 Tampilan Contact website Illong Shop ... 69

Gambar 4. 17 Tampilan Profile website Illong Shop ... 70

Gambar 4. 18 Tampilan logout website Illong Shop ... 70

Gambar 4. 19 Tampilan awal halaman admin ... 71

Gambar 4. 20 Tampilan product halaman admin... 71

Gambar 4.21 Tampilan categories halaman admin ... 72

Gambar 4. 22 Tampilan member halaman admin ... 72

Gambar 4. 23 Tampilan order halaman admin ... 73

(7)

(8)

A-1

1. Style

Body {

background:url(images/bg.jpg) no-repeat center top #d4825c; padding:0;

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

margin:0px auto auto auto; color:#fff;

} a {

text-decoration:underline; color:#BF2F68; }

P {

text-align:justify; line-height:15px; padding:5px 0 5px 0; font-size:11px; margin:0px; }

#main_container{ width:902px; height:auto; margin:auto; padding:0px; }

#header {

width:902px; height:109px; margin:auto;

background:url(images/top_menu_bg.png) no-repeat center;behavior: url(iepngfix.htc); }

.logo{

padding:15px 0 0 0; float:left;

}

/*--- menu tab---*/ #menu_tab{

width:470px; float:left; padding:0px; }

ul.menu {

list-style-type:none; display:block; width:470px; margin: auto; padding:65px 0 0 0; background:none;} ul.menu li {

display:inline; font-size:13px; font-weight:bold; line-height:28px;} ul.menu li.divider { display:block; float:left; width:1px; height:31px; padding:0px ; margin:0px;

background:url(images/divider.gif) no-repeat center; }

a.nav:link, a.nav:visited {

display:block; float:left; padding:0px; margin:0;width: auto; margin:0px 14px 0px 14px; text-align:center; text-decoration:none; background:none; color:#fff;}

a.nav_selected:link, a.nav_selected:visited {

display:block; float:left; padding:0px; margin:0;width: auto;margin:0px 14px 0px 14px;text-align:center; text-decoration:none; color: #BF2F68;}

(9)

A-2

a.nav:hover {

color: #BF2F68; text-decoration:none;} /*---search_tab---*/ .search_tab{

float:left; width:200px; padding:70px 0 0 0; }

input.search{ width:150px; height:20px; border:none; float:left;

background-color:#8c4e67; color:#b48e9b;

padding:0 0 0 5px; }

input.search_bt{ float:left; padding:0 0 0 5px; }

.left_sidebar{ width:180px; float:left; }

.submenu_pic{ padding:10px 0 0 28px; }

/*---left menu---*/ #left_menu{

position:relative; top:-10px; left:-15px; float:left; }

#left_menu ul{

list-style-type:none; width: 177px; margin:0; padding:0;}

#left_menu li { display:block;} #left_menu li a {

display:block; padding:0 0 0 25px; height:30px;text-align:left; line-height:30px;

text-decoration:none; background-color:#d4847f; color:#FFFFFF;border-bottom:1px #da9591 solid;} #left_menu li.selected a {

display:block; padding:0 0 0 25px; height:30px;text-align:left; line-height:30px;

text-decoration:none;background:url(images/left_menu_bullet.gif) no-repeat left #b0335d; color:#FFFFFF;border-bottom:1px #da9591 solid; background-position:5px 8px;

}

#left_menu li a:hover {

display:block; padding:0 0 0 25px; height:30px;text-align:left;

text-decoration:none; background:url(images/left_menu_bullet.gif) no-repeat left #b0335d; color:#FFFFFF;border-bottom:1px #da9591 solid; background-position:5px 8px;

}

/*---main_content---*/ #main_content{

width:902px; clear:both;

background-color:#2a0a0d; height:auto;

margin:20px 0 0 0; }

#center_content{ width:700px; float:left; height:auto;

padding:10px 0 30px 5px; }

.title{ clear:both;

(10)

A-3

padding:5px 0 10px 0; color:#FFFFFF; }

.title a{ color:#DF6195; text-decoration:underline; }

.product_box{ width:320px; height: 200px; margin:auto; float:left; padding:8px; margin:0 0 8px 8px; border:1px #9e1c50 solid; }

.product_box_details{ width:640px; height: auto; margin:auto; float:left; padding:8px; margin:0 0 0 8px; border:1px #9e1c50 solid; }

img.prod_image{ float:left;

padding:0 10px 0 0; }

.product_details{ float:left; width:165px; }

.product_details_wide{ float:left;

width:450px; }

.prod_title{ color:#d4847f; padding:0 10px 0 0; }

span.price{ font-size:24px; color:#a6f2a4; }

p.price{ color:#d4847f; }

a.details{ display:block; padding:10px 0 0 0; }

p.shop_by_brand{ width:400px; float:left;

padding:0 10px 0 0; line-height:17px; }

p.gifts_details{ width:275px; float:left;

padding:0 0 0 10px; line-height:17px; }

img.sp{ float:left;

padding:0 5px 0 5px; }

(11)

A-4

float:left; padding:5px; margin:5px;

border:1px #9e1c50 solid; }

/*---pagination---*/ div.pagination {

padding:5px; margin:5px; text-align:center; float:left; font-size:10px; }

div.pagination a { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #ddd; text-decoration: none; color: #d8325d; }

div.pagination a:hover, div.pagination a:active { border:1px solid #ddd;

color: #fff;

background-color: #d8325d; }

div.pagination span.current { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #ddd; font-weight: bold; background-color: #d8325d; color: #FFF;

}

div.pagination span.disabled { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #ddd; color: #ccc;

}

/*---contact form---*/ #contact_form{

float:left; width:300px;

padding:10px 10px 0 10px; color:#fff;

}.contact_input{ width:240px; height:17px; font-size:10px; float:left;

background-color:#3F1015; border:1px #6F222B solid; color:#FFFFFF;

}

label.contact_form{ width:50px; float:left; padding:0 0 5px 0; font-size:12px; color:#FFFFFF; }

.contact_textarea{ width:290px; height:80px; font-size:10px; float:left; color:#FFFFFF;

background-color:#3F1015; border:1px #6F222B solid;

(12)

A-5

}

input.contact_submit{ float:right;

padding:10px; }

.cleardiv { clear:both; overflow:hidden; height:4px; } .clear{ clear:both; }

/*----footer---*/ #footer{

width:auto; clear:both;

padding:15px 0 10px 0; margin:20px 0 0 0; height:60px;

border-top:1px #3a0f17 solid; text-align:center;

color:#73363c; }

.left_foter{ float:left;

padding:5px 0 0 10px; }

.center_footer{ float:left;

padding:10px 0 0 160px; }

#footer a{ color:#73363c; text-decoration:none; }

#content .inner_copy {border:0;color:#f00;float:left;width:50%!important;margin:-202px 0 0 0;overflow:hidden;line-height:0;padding:0;font-size:12px}

2. Index

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

<?php

include_once 'controller/CategoryCtrl.php'; include_once 'controller/produkCtrl.php'; include 'header.php';

<div class="title"><img src="images/lates_products_title.gif" alt="" title="" /></div> <?php

$controllerPrk = new produkCtrl();

$allProduk = $controllerPrk->getAllProduk(); foreach ($allProduk as $value) {

$value->printProduk(); }

"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

</p>

(13)

A-6

</p> </div> <?php

include 'footer.php'; ?>

3. Header

</head>

</div>

<li><a href="shoppingcart.php" class="nav">Shopping Cart</a></li> <li><a href="historyOrder.php" class="nav">History Order</a></li>

<li><a href="contact.php" class="nav">Contact</a></li> <li><a href="profile.php" class="nav">Profile</a></li> <?php

if (isset($_SESSION['memberid'])) {

echo '<li><a href="logoutProcess.php" class="nav"> Logout </a></li>'; } else {

echo '<li><a href="loginpage.php" class="nav"> Login </a></li>'; }

?> </ul> </div>

</div>

(14)

A-7

<?php

$controller = new categoryCtrl();

$allCategory = $controller->getAllCategory(); foreach ($allCategory as $value) {

echo '<li><a href="productbycate.php?cate=' . >getNamA() . '">' . $value->getNamA() . '</a></href>';

} ?> </ul> </div>

</div>

4. About

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

<body>

</div>

<li class="divider"></li> <li><a href="index.html" class="nav"> home </a></li> <li><a href="about.html" class="nav_selected"> about us</a></li> <li><a href="" class="nav"> most wanted</a></li>

<li><a href="" class="nav"> how to order</a></li> <li><a href="contact.html" class="nav"> contact </a></li> </ul>

</div>

</div>

<li><a href="categories.html">beauty</a></li> <li><a href="categories.html">current ranges</a></li> <li><a href="categories.html">classic ranges</a></li> <li><a href="categories.html">accessories</a></li>

<li class="selected"><a href="categories.html">swimwear</a></li> <li><a href="categories.html">classic ranges</a></li>

<li><a href="categories.html">accessories</a></li> <li><a href="categories.html">swimwear</a></li> </ul>

</div>

(15)

A-8

</div>

<div class="prod_title">Banded Red Polka Bikini.</div> <p>

This cute red and white polka dotted bikini features a banded halter top and matching bottom with tie sides.

</p>

<p class="price">Price: <span class="price">82.90 $</span></p>

</div> </div>

<div class="prod_title">Banded Red Polka Bikini.</div> <p>

This cute red and white polka dotted bikini features a banded halter top and matching bottom with tie sides.

</p>

<p class="price">Price: <span class="price">33.90 $</span></p>

</div> </div>

</p>

</p> </div>

<a href="#">Shipping Terms</a> | <a href="#">Terms & Conditions</a> | <a href="#">Privacy Policy</a> | <a href="#">Contact</a>

<br /> By <a href="http://csscreme.com" style="color:#9e1c50;">csscreme</a> </div>

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

5. Ajak Chat

(16)

A-9

<title>Making an AJAX Web Chat With PHP, MySQL and jQuery | Tutorialzine Demo</title> <link rel="stylesheet" type="text/css" href="js/jScrollPane/jScrollPane.css" />

<body>

</form> </div> </div>

<h1>Making an AJAX Web Chat With PHP and jQuery</h1>

<a class="tzine" href="http://tutorialzine.com/2010/10/ajax-web-chat-php-mysql/">Read & Download on</a>

</div>

</body> </html>

6. Add to shopping cart

<?php session_start();

include_once 'controller/shoppingcart.php'; include_once 'controller/produkCtrl.php';

$user = (isset($_SESSION['memberid']) ? $_SESSION['memberid'] : ""); $idprod = (isset($_GET['idprod']) ? $_GET['idprod'] : "");

$idOpt = (isset($_GET['idOpt']) ? $_GET['idOpt'] : ""); $refer = $_SERVER['HTTP_REFERER'];

if ($user != "") {

$controllerCart = new shoppingCtrl(); $controllerProd = new produkCtrl(); if ($idprod != "") {

$addProduk = $controllerCart->addProduk($user, $idprod, 1,$idOpt); if ($addProduk == 1) {

header("Location:shoppingcart.php"); }

} else {

header("Location:$refer"); }

} else {

header("Location:loginpage.php"); } /*

* To change this template, choose Tools | Templates * and open the template in the editor.

*/ ?>

(17)

A-10

7. A-11

<p>

This cute red and white polka dotted bikini features a banded halter top and matching bottom with tie sides.

</p>

<p class="price">Price: <span class="price">33.90 $</span></p>

</div>

<div class="prod_title">Banded Red Polka Bikini.</div> <p>

This cute red and white polka dotted bikini features a banded halter top and matching bottom with tie sides.

</p>

<p class="price">Price: <span class="price">82.90 $</span></p>

</div>

<div class="prod_title">Banded Red Polka Bikini.</div> <p>

This cute red and white polka dotted bikini features a banded halter top and matching bottom with tie sides.

</p>

<p class="price">Price: <span class="price">33.90 $</span></p>

</div>

<div class="prod_title">Banded Red Polka Bikini.</div> <p>

This cute red and white polka dotted bikini features a banded halter top and matching bottom with tie sides.

</p>

<p class="price">Price: <span class="price">82.90 $</span></p>

</div>

<div class="prod_title">Banded Red Polka Bikini.</div> <p>

This cute red and white polka dotted bikini features a banded halter top and matching bottom with tie sides.

</p>

<p class="price">Price: <span class="price">33.90 $</span></p>

</div>

(19)

A-12

<a href="#">Shipping Terms</a> | <a href="#">Terms & Conditions</a> | <a href="#">Privacy Policy</a> | <a href="#">Contact</a>

<br /> By <a href="http://csscreme.com" style="color:#9e1c50;">csscreme</a> </div>

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

8. Client check out

<?php

include_once 'controller/CategoryCtrl.php'; include_once 'header.php';

include_once 'controller/shoppingcart.php'; include_once 'controller/produkCtrl.php'; $count = 1;

session_start();

$user = (isset($_SESSION['memberid']) ? $_SESSION['memberid'] : ""); $nama = (isset($_SESSION['nama']) ? $_SESSION['nama'] : ""); if ($user != "") {

$controller = new shoppingCtrl(); $controllerProd = new produkCtrl(); $allProduk = $controller->getAllProduk(); } else {

header("Location:loginpage.php"); }

var jumk = document.getElementById(idku).value;

window.location = "updateSC.php?shopid="+idshop+"&jum="+jumk; }

function alamatbaru(){

var checkbox2 = document.getElementById('radio2'); if(checkbox2.checked){

document.getElementById('alamat').disabled = false; }else{

document.getElementById('alamat').disabled = true; }

}

function milih(){

var checkbox = document.getElementById('radio1') var checkbox2 = document.getElementById('radio2'); if(checkbox2.checked || checkbox.checked){ return true;

}else{

window.alert("Anda belum memilih alamat pengiriman"); return false;

} } </script>

<div>

<tr>

<th>Alamat</th>

<td><input type="radio" id="radio1" name="group1" value="sama" checked="true" onclick="alamatbaru()"/>Sesuai dengan alamat profile anda</td>

</tr> <tr>

(20)

A-13

<td><input type="radio" id="radio2" name="group1" value="tdksama" onclick="alamatbaru()"/>Alamat baru</td>

<tr>

<th>Type Shipping</th>

<tr>

</table> </form> </div> </div> </div> <?php

include_once 'footer.php'; ?>

9. Confirm Data

<?php

include_once 'controller/CategoryCtrl.php'; include_once 'controller/userCtrl.php'; include_once 'header.php';

include_once 'controller/shoppingcart.php'; include_once 'controller/produkCtrl.php'; include_once 'controller/optionProdukCtrl.php'; $count = 1;

session_start();

$user = (isset($_SESSION['memberid']) ? $_SESSION['memberid'] : ""); $nama = (isset($_SESSION['nama']) ? $_SESSION['nama'] : ""); $alamat = (isset($_POST['alamat']) ? $_POST['alamat'] : ""); $group1 = (isset($_POST['group1']) ? $_POST['group1'] : ""); $group2 = (isset($_POST['group2']) ? $_POST['group2'] : ""); if ($user != "") {

$controller = new shoppingCtrl(); $controllerProd = new produkCtrl(); $controllerUser = new userCtrl();

$userke = $controllerUser->findUserById($user); $allProduk = $controller->getShoppingcartById($user); if ($group1 == "sama") {

$alamat = $userke->getALamaT(); } else if ($alamat == "") {

header("Location:clientCheckout.php"); }

} else {

header("Location:loginpage.php"); }

$_SESSION['alamat'] = $alamat; $_SESSION['ship'] = $group2; ?>

var jumk = document.getElementById(idku).value;

window.location = "updateSC.php?shopid="+idshop+"&jum="+jumk; }

function alamatbaru(){

var checkbox2 = document.getElementById('radio2'); if(checkbox2.checked){

document.getElementById('alamat').disabled = false; }else{

(21)

A-14

} }

function milih(){

var checkbox = document.getElementById('radio1') var checkbox2 = document.getElementById('radio2'); if(checkbox2.checked || checkbox.checked){ return true;

}else{

window.alert("Anda belum memilih alamat pengiriman"); return false;

} } </script>

<div>

<CAPTION CLASS="MYTABLE"><?php echo $nama; ?>, List Belanja Anda</CAPTION> <tr CLASS="MYTABLE">

<th CLASS="MYTABLE">No.</th> <th CLASS="MYTABLE">Produk</th> <th CLASS="MYTABLE">Jumlah</th> <th CLASS="MYTABLE">Harga</th> <th CLASS="MYTABLE">Subtotal</th> </tr>

<?php

$Totalbelanja = 0;

$ctrlOpt = new optionProdukCtrl(); foreach ($allProduk as $value) { $addharga = 0;

$idopttemp = $value->getIdOption(); if (isset($idopttemp) && $idopttemp > 0) {

$optionsByID = $ctrlOpt->getOptionsByID($idopttemp); $addharga = $optionsByID[0]->getHargaAdded(); }

echo '<tr CLASS="MYTABLE">';

$prod = $controllerProd->findProdukById($value->getIdProdUk());

$Totalbelanja += (($prod->getHaRGa()) * ($value->getJUmLaH()))+$addharga;

echo '<td CLASS="MYTABLE">' . $count . '</td>' . '<td CLASS="MYTABLE">' . $prod->getNamAProdUk() . '</td>' . '<td CLASS="MYTABLE">' . $value->getJUmLaH() . '</td>' . '<td CLASS="MYTABLE">Rp.' . number_format($prod->getHaRGa()+$addharga, 2, ',', '.') . '</td>' . '<td CLASS="MYTABLE">Rp.' . number_format((($prod->getHaRGa()) * ($value->getJUmLaH()))+$addharga, 2, ',', '.') . '</td>';

echo '</tr>'; $count++; }

?> <tr>

<td> </td><td> </td><td> </td><td CLASS="MYTABLE" align="right">Total :</td><td CLASS="MYTABLE">Rp.<?php echo number_format($Totalbelanja, 2, ',', '.'); ?></td><td> </td>

</tr> <tr>

<td><?php echo $userke->getNaMauser(); ?></td> </tr>

<tr>

<th>Alamat Pengiriman</th> <td><?php echo $alamat; ?></td> </tr>

<tr>

<th>Type Pengiriman</th> <td><?php echo $group2; ?></td> </tr>

<tr>

<th>Selesai</th>

(22)

A-15

</table> </divz </div> </div> <?php

include_once 'footer.php'; ?>

10. Contact

<?php session_start(); $count = 1;

$user = (isset($_SESSION['memberid']) ? $_SESSION['memberid'] : ""); if ($user == "") {

header("Location:loginpage.php"); }

include_once 'controller/CategoryCtrl.php'; include_once 'controller/userCtrl.php'; include_once 'header.php';

if ($user != "") {

$controlleruser = new userCtrl();

$userku = $controlleruser->findUserById($user); }

</form> </div> </div> </div> <?php

include 'footer.php'; ?>

11. Delete Shopping Cart

<?php session_start();

include_once 'controller/shoppingcart.php'; include_once 'controller/produkCtrl.php';

$user = (isset($_SESSION['memberid']) ? $_SESSION['memberid'] : ""); $idprod = (isset($_GET['shopid']) ? $_GET['shopid'] : "");

$refer = $_SERVER['HTTP_REFERER']; if ($user != "") {

$controllerCart = new shoppingCtrl(); $controllerProd = new produkCtrl(); if ($idprod != "") {

$addProduk = $controllerCart->deleteProduk($idprod); if ($addProduk == 1) {

header("Location:shoppingcart.php"); }

} else {

header("Location:$refer"); }

} else {

header("Location:loginpage.php"); }

(23)

A-16

12. Details

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

<?php

include_once 'controller/CategoryCtrl.php'; include_once 'controller/produkCtrl.php'; include_once 'controller/optionProdukCtrl.php';

$produkid = (isset($_GET['idProd']) ? $_GET['idProd'] : ""); if ($produkid !== "") {

$controller = new produkCtrl();

$prod = $controller->findProdukById($produkid); }

include 'header.php'; ?>

Number.prototype.formatMoney = function(decPlaces, thouSeparator, decSeparator) { var n = this,

decPlaces = isNaN(decPlaces = Math.abs(decPlaces)) ? 2 : decPlaces, decSeparator = decSeparator == undefined ? "." : decSeparator, thouSeparator = thouSeparator == undefined ? "," : thouSeparator, sign = n < 0 ? "-" : "",

i = parseInt(n = Math.abs(+n || 0).toFixed(decPlaces)) + "", j = (j = i.length) > 3 ? j % 3 : 0;

return sign + (j ? i.substr(0, j) + thouSeparator : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + thouSeparator) + (decPlaces ? decSeparator + Math.abs(n - i).toFixed(decPlaces).slice(2) : "");

};

function gantiImage(){

var e = document.getElementById("selekgambar"); var idOption = e.options[e.selectedIndex].value; $.getJSON("getOptionValue.php", { id_option:idOption}, function(data) {

var re = new RegExp('&idOpt=\\d{1,3}');

document.getElementById('showimg').setAttribute('src', data.image_url); var link = document.getElementById('subButt').getAttribute('href'); link = link.replace(re, '');

link = link + '&idOpt='+data.idOption;

document.getElementById('subButt').setAttribute('href', link); var num1 = new Number(<?php echo $prod->getHaRGa(); ?>); var num2 = new Number(data.harga_add);

var total = num1+num2;

document.getElementById('hargaprice').innerHTML = total.formatMoney(2, '.', ','); });

} </script>

<div class="title"><a href="index.html">Home</a> << <?php echo $prod->getCategory(); ?></div> <div class="product_box_details">

<img id="showimg" src="uploads/<?php echo $prod->getImageLink(); ?>" alt="" title="" class="prod_image" width="150" height="175"/>

<div class="prod_title"><?php echo $prod->getNamAProdUk(); ?></div> <p>

<?php echo $prod->getKeTeraNGan(); ?> </p>

<p>

<select id="selekgambar" onchange="gantiImage()"> <?php

$controllerOPtion = new optionProdukCtrl();

$objectOption = $controllerOPtion->getAllOptionsByPRoduk($produkid); foreach ($objectOption as $value) {

$mymodel = new vis_OptionProdukModel(); $mymodel = $value;

echo '<OPTION value=' . $mymodel->getOptionId() . '>' . $mymodel->getWarna() . '</OPTION>';

} ?> </select> </p>

(24)

A-17

<p class="price">Ukuran : <?php echo $prod->getUkURan(); ?></p>

<p class="price">Harga : <span id="hargaprice" class="price"><?php echo number_format($prod->getHaRGa(), 2, ',', '.'); ?></span></p>

<a id="subButt" href="addToShoppingcart.php?idprod=<?php echo $prod->getIdProdUk(); ?>" class="details"><img src="images/order.gif" alt="" title="" border="0"/></a>

</div> </div>

<?php

include 'footer.php'; ?>

13. Finish Checkout

<?php

include_once 'controller/CategoryCtrl.php'; include_once 'controller/userCtrl.php'; include_once 'header.php';

include_once 'controller/shoppingcart.php'; include_once 'controller/produkCtrl.php'; include_once 'controller/checkoutCtrl.php'; include_once 'controller/checkoutDetils.php'; $count = 1;

session_start();

$user = (isset($_SESSION['memberid']) ? $_SESSION['memberid'] : ""); $nama = (isset($_SESSION['nama']) ? $_SESSION['nama'] : ""); $alamat = (isset($_SESSION['alamat']) ? $_SESSION['alamat'] : ""); $ship = (isset($_SESSION['ship']) ? $_SESSION['ship'] : ""); $today = getdate();

$idCheckout = intval($user . '' . $today['mday'] . '' . $today['minutes'] . '' . $today['seconds']); if ($user != "") {

$controller = new shoppingCtrl(); $controllerProd = new produkCtrl(); $controllerUser = new userCtrl(); $contorllerCheckout = new checkoutCtrl(); $controllerdetils = new detailsCtrl();

$userke = $controllerUser->findUserById($user); $allProduk = $controller->getShoppingcartById($user); $total = 0;

if (count($allProduk) > 0) { foreach ($allProduk as $value) {

$prod = $controllerProd->findProdukById($value->getIdProdUk()); $total += (($prod->getHaRGa()) * ($value->getJUmLaH())); }

$addCategory = $contorllerCheckout->addCategory($idCheckout, $alamat, $user, $total, $ship); foreach ($allProduk as $value) {

$controllerdetils->addCategory($idCheckout, $value->getIdProdUk(), $value->getJUmLaH()); $controller->deleteProduk($value->getIdShoppingCart());

} } } else {

header("Location:loginpage.php"); }

(25)

A-18

var jumk = document.getElementById(idku).value;

window.location = "updateSC.php?shopid="+idshop+"&jum="+jumk; }

function alamatbaru(){

var checkbox2 = document.getElementById('radio2'); if(checkbox2.checked){

document.getElementById('alamat').disabled = false; }else{

document.getElementById('alamat').disabled = true; }

}

function milih(){

var checkbox = document.getElementById('radio1') var checkbox2 = document.getElementById('radio2'); if(checkbox2.checked || checkbox.checked){ return true;

}else{

window.alert("Anda belum memilih alamat pengiriman"); return false;

} } </script>

Terima Kasih <?php echo $_SESSION['nama']; ?>,<br/>

Barang anda akan kami segera kirim setelah anda Melakukan Pembayaran Ke Rek. 210210212210 A/n Illong.<br/>

Jika anda telah membayar melalui atm, harap anda konfirmasi ke nomor 081395464094. <br/>

Dengan format : nama anda,nomor rekening anda, tanggal pengiriman, informasi jumlah total belanjaan anda, serta bank yang anda gunakan untuk mengirim ke pihak kami.

</p> </div> </div> </div> <?php

include_once 'footer.php'; ?>

14. Footer

<a href="#">Shipping Terms</a> | <a href="#">Terms & Conditions</a> | <a href="#">Privacy Policy</a> | <a href="#">Contact</a>

<br /> By <a href="#" style="color:#9e1c50;">Illong Store</a> </div>

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

15. Get option value

<?php

include_once 'controller/optionProdukCtrl.php';

$idOption = (isset($_GET['id_option']) ? $_GET['id_option'] : ""); if ($idOption != '') {

$controller = new optionProdukCtrl();

$optionsByID = $controller->getOptionsByID($idOption); $image_url = $optionsByID[0]->getImgLink();

(26)

A-19

$warna = $optionsByID[0]->getWarna(); $produkId = $optionsByID[0]->getProdukId();

$arr = array('idOption' => $idOption, 'image_url' => 'uploads/'.$image_url, 'harga_add' => $hargaAdded, 'warna' => $warna, 'produkid' => $produkId);

echo str_replace('\/','/',json_encode($arr)); } else {

$arr = array('error' => "Data Not Found"); echo json_encode($arr);

} ?>

16. History Order

<?php session_start(); $count = 1;

$user = (isset($_SESSION['memberid']) ? $_SESSION['memberid'] : ""); $nama = (isset($_SESSION['nama']) ? $_SESSION['nama'] : ""); if ($user == "") {

header("Location:loginpage.php"); }

include_once 'controller/CategoryCtrl.php'; include_once 'header.php';

include_once 'controller/checkoutCtrl.php'; if ($user != "") {

$contorllerCheckout = new checkoutCtrl(); //$controllerdetils = new detailsCtrl();

//$userke = $controllerUser->findUserById($user);

$allProduk = $contorllerCheckout->getAllCheckoutByUser($user); }

var jumk = document.getElementById(idku).value;

window.location = "updateSC.php?shopid="+idshop+"&jum="+jumk; }

function alamatbaru(){

var checkbox2 = document.getElementById('radio2'); if(checkbox2.checked){

document.getElementById('alamat').disabled = false; }else{

document.getElementById('alamat').disabled = true; }

}

function milih(){

var checkbox = document.getElementById('radio1') var checkbox2 = document.getElementById('radio2'); if(checkbox2.checked || checkbox.checked){ return true;

}else{

window.alert("Anda belum memilih alamat pengiriman"); return false;

} } </script>

<div>

<CAPTION CLASS="MYTABLE"><?php echo $nama; ?>, History Order</CAPTION> <tr CLASS="MYTABLE">

<th CLASS="MYTABLE">No.</th> <th CLASS="MYTABLE">No. Order</th> <th CLASS="MYTABLE">Alamat</th> <th CLASS="MYTABLE">tanggal</th> <th CLASS="MYTABLE">Total</th> <th CLASS="MYTABLE">Shipping</th> </tr>

(27)

A-20

<?php

$Totalbelanja = 0; if (count($allProduk) > 0) { foreach ($allProduk as $value) { echo '<tr CLASS="MYTABLE">';

echo '<td CLASS="MYTABLE">' . $count . '</td>' . '<td CLASS="MYTABLE">#' . $value->getIdCheckout() . '</td>' . '<td CLASS="MYTABLE">' . $value->getALamaTShipping() . '</td>' . '<td CLASS="MYTABLE">' . date('d-M-Y', strtotime($value->getTglCheckout())) . '</td>' . '<td CLASS="MYTABLE">Rp.' . number_format($value->getTotal(), 2, ',', '.') . '</td>' . '<td CLASS="MYTABLE">' . $value->getTypeShipping() . '</td>';

echo '</tr>'; $count++; }

} else {

echo '<tr CLASS="MYTABLE">';

echo '<td CLASS="MYTABLE" colspan="6"> Anda Belum Mempunyai Barang yang sudah di beli. Silahkan Lakukan Transaksi Terlebih dahulu Terlebih dahulu</td>';

echo '</tr>'; }

?> </table> </div> </div> </div> <?php

include_once 'footer.php'; ?>

17. Login Page

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

<?php

include_once 'controller/CategoryCtrl.php'; $LOGINPAGE = 1;

$user = (isset($_SESSION['memberid']) ? $_SESSION['memberid'] : ""); if ($user != "") {

header("Location:shoppingcart.php"); }

include_once 'header.php'; ?>

$form.find('input:text, input:password, input:file, select, textarea').val(''); $form.find('input:radio, input:checkbox')

.removeAttr('checked').removeAttr('selected'); }

$(document).ready(function(){

jQuery.extend(jQuery.validator.messages, { required: "Harus Di isi.",

remote: "Please fix this field.",

email: "Anda memasukan email yang salah.", url: "Please enter a valid URL.",

date: "Please enter a valid date.", dateISO: "Please enter a valid date (ISO).", number: "Please enter a valid number.", digits: "Please enter only digits.",

creditcard: "Please enter a valid credit card number.", equalTo: "Please enter the same value again.", accept: "Please enter a value with a valid extension.",

maxlength: jQuery.validator.format("Please enter no more than {0} characters."), minlength: jQuery.validator.format("Please enter at least {0} characters."),

rangelength: jQuery.validator.format("Please enter a value between {0} and {1} characters long."), range: jQuery.validator.format("Please enter a value between {0} and {1}."),

max: jQuery.validator.format("Please enter a value less than or equal to {0}."), min: jQuery.validator.format("Please enter a value greater than or equal to {0}.") });

$("#myform").validate({ rules: {

(28)

A-21

username: "required", password1: "required", password2: {

equalTo: "#password1" },

email: { required: true, email: true } },

submitHandler: function(form) { // do other stuff for a valid form

$.post('admin/addUserProcess.php', $("#myform").serialize(), function(data) { if(data == "Yes"){

window.alert("Silahkan Login Menggunakan Data anda tadi"); resetForm($("#myform")); }else{

$('#results').html(data); } });

} }); });

</script> <?php

if(isset($_GET["pesan"])){ ?>

<?php } ?>

{

// initialise the "Select date" link $('#date-pick')

.datePicker(

// associate the link with a date picker {

createButton:false, startDate:'01/01/1980', endDate:'31/12/2012' }

).bind(

// when the link is clicked display the date picker 'click',

function() {

updateSelects($(this).dpGetSelected()[0]); $(this).dpDisplay();

return false; }

).bind(

// when a date is selected update the SELECTs 'dateSelected',

function(e, selectedDate, $td, state) {

updateSelects(selectedDate); }

).bind( 'dpClosed', function(e, selected) {

updateSelects(selected[0]); }

);

var updateSelects = function (selectedDate) {

(29)

A-22

$('#dd option[value=' + selectedDate.getDate() + ']').attr('selected', 'selected'); $('#mm option[value=' + (selectedDate.getMonth()+1) + ']').attr('selected', 'selected'); $('#tahun option[value=' + (selectedDate.getFullYear()) + ']').attr('selected', 'selected'); }

// listen for when the selects are changed and update the picker $('#dd, #mm, #tahun')

.bind( 'change', function() {

var d = new Date( $('#tahun').val(), $('#m').val()-1, $('#d').val() );

$('#date-pick').dpSetSelected(d.asString()); }

);

// default the position of the selects to today var today = new Date();

updateSelects(today.getTime());

// and update the datePicker to reflect it... $('#d').trigger('change');

}); </script>

<p>

Silahkan Login terlebih dahulu. <?php if(isset($_GET["pesan"])){

<br/> <font color="red"><i>Username atau password yang anda masukan masih salah</i></font> <?php

} ?> </p>

<tr>

<td>Username</td><td>:</td><td><input type="text" name="user1" id="user1"/></td> </tr>

<tr>

<td>Password</td><td>:</td><td><input type="password" name="pass1" id="pass1"/></td> </tr>

<tr>

</table> </form> </div> </div>

<p>

Belum menjadi Member Illong Store?<br>

Silahkan Daftar terlebih dahulu pada form di bawah ini. </p>

<div id="results"></div>

(30)

A-23

<tr>

<th valign="top">Username:</th>

</td> </tr> <tr>

<th valign="top">Password:</th>

<th valign="top">Re-Type Password:</th>

<th valign="top">Alamat:</th>

</td> </tr> <tr>

<th valign="top">Tanggal Lahir:</th> <td class="noheight">

<td>

</td> <td>

(1)

A-158

margin:23px 0 0 110px; position:absolute; top:0;

width:290px; }

.tri{

border-color:transparent transparent #212121; border-style:solid;

border-width:20px 17px; height:0;

left:50%;

margin:-40px 0 0 -400px; position:absolute; top:0; width:0; } h1{ font-size:20px; font-weight:normal; left:50%; margin-left:-400px; padding:25px 0; position:absolute; width:480px; }

a, a:visited {

text-decoration:none; outline:none;

border-bottom:1px dotted #97cae6; color:#97cae6;

} a:hover{

border-bottom:1px dashed transparent; }

.clear{ clear:both; }

(2)

Universitas Kristen Maranatha

BAB I

PENDAHULUAN

1.1 Latar Belakang

Melihat perkembangan zaman yang sangat maju saat ini, membuat masyarakat ingin lebih mengetahui informasi-informasi yang terbaru.Seperti informasi tentang barang-barang elektronik, informasi tentang olahraga, informasi tentang dunia fashion, bahkan informasi tentang dunia selebritis, dan lain-lain.Saat ini masyarakat tidak kesulitan lagi dalam mencari informasi yang dibutuhkannya bahkan informasi dari berbagai kalangan dunia dapat dicari melalui website. Dengan website didapatkan berbagai kemudahan dalam pencarian data atau informasi.

Karena melihat kemudahan yang dapat ditawarkan oleh website maka banyak masyarakat mempergunakan website sebagai sarana untuk memperkaya ilmu dan menambah omzet pribadi. Perkembangan website-pun semakin hari semakin berkembang dengan cepat, terutama website di bidang fashion. Di dalam bidang fashion sendiri dapat dicari berbagai informasi yang dibutuhkan oleh konsumen. Informasi tentang produk-produk fashion, warna-warna pakaian yang menarik, harga dari produk, dan lain sebagainya.

Website ini, dirancang untuk mempermudah konsumen dalam mencari produk fashion yang ditawarkan oleh Illong Shop ini. Karena Illong Shop itu bergerak di dunia fashion, di dalam website Illong Shop konsumen dapat berbelanja sepuasnya. Karena website ini menghadirkan harga barang yang cukup terjangkau dengan kualitas barang bagus, dan memberikan berbagai pilihan produk yang menarik dan lucu-lucu. Konsumen juga tidak perlu khawatir akan masalah pengantaran barang ini, karena Illong Shop bertanggung jawab penuh dalam masalah pengantaran barang, dan Illong Shop ini juga bertanggung jawab

(3)

Universitas Kristen Maranatha 2 atas kerusakan yang terjadi dalam pengantaran barang sampai ke tempat konsumen. Karena prinsip dari Illong Shop ini adalah melayani konsumen dengan baik adalah salah satu cara meyakinkan konsumen untuk tetap berlanggan dan menjadi pelanggan di Illong Shop, maka dari itu Illong Shop akan melayani pelanggannya dengan semaksimal mungkin.

Dalam website ini, aplikasi yang dipakai dalam pembuatan website adalah aplikasi XAMPP karena dalam program ini terdapat program PHP, MySQL, HTML, dan lain-lain. Dengan XAMPP mempermudah dalam pembuatan website ini, karena di dalam XAMPP sudah mempunyai program yang dibutuhkan atau program utama. Dalam website ini juga dipakai Edit plus program ini adalah program utama dalam pembuatan website karena dalam program ini dapat mendisain tampilan dari website.

1.2 Identifikasi Masalah

1. Apa saja kemudahan yang ditawarkan oleh website butik ini untuk konsumen?

2. Bagaimana caranya untuk memesan dibutik itu?

1.3 Tujuan

1. Pembuatan website yang memfasilitasi konsumen untuk mencari produk desain baju yang biasanya ditawarkan oleh butik melalui fasilitas website. 2. Kemudahan yang ditawarkan oleh website Illong Shop ini adalah

kemudahan dalam mencari produk yang diinginkan oleh konsumen, kemudahan dalam segi waktu (karena konsumen tidak harus lagi pergi ke butik. Lewat website ini konsumen mendapatkan barang yang diinginkan sehingga tidak memerlukan waktu yang lama), serta kemudahan dalam transaksi.

(4)

Universitas Kristen Maranatha 3

1.4 Pembatasan Masalah

1. Pada website ini hanya membahas tentang masalah website butik saja. 2. Proyek ini menggunakan program PHP dan Edit Plus.

3. Pembuatan databasenya menggunakan My SQL

4. Pengujiannya websitenya dilakukan secara offline internet.

1.5 Sistematika

Bab I Pendahuluan

Berisikan tentang latar belakang, identifikasi masalah, tujuan, pembatasan masalah dan sistematika penulisan.

Bab II Landasan Teori

Berisikan tentang teori-teori dari topik tugas akhir. Bab III Perancangan dan Pemodelan

Berisikan tentang flowchart website Illong Shop. Bab IV Pengujian dan Data Pengamatan

Berisikan tentang hasil perancangan dan data-data pengamatan. Bab V Kesimpulan dan Saran

(5)

74 Universitas Kristen Maranatha

BAB V

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Sesuai keseluruhan tahap penelitian yang telah dilaksanakan; dimulai dari latar belakang, landasan teori, perancangan hingga hasil dan pembahasan, maka dapat disimpulkan :

1. Pembuatan website butik yang menfasilitasi konsumen untuk mencari produk desain baju berhasil direalisasikan.

2. Tamu atau pelanggan dapat melihat informasi mengenai perusahaan butik, mendaftar menjadi pelanggan (mengisi data diri), melakukan pemesanan, serta dapat melihat informasi mengenai produk yang disediakan, serta harga produk tersebut.

5.2 Saran

Fasilitas website ini dapat digabung dengan fasilitas website pengantaran barang sehingga konsumen dapat melihat status pengantaran barang.

(6)

75 Universitas Kristen Maranatha

DAFTAR PUSTAKA

Kadir, Abdul.2003.Pemrograman WEB.Yogyakarta:ANDI.

Madcoms.2004.Aplikasi Program PHP dan MySQL untukMembuat Website Interaktif.Yogyakarta:ANDI.

Nugroho,Bunafit.2004.AplikasiPemrograman Web Dinamisdengan PHP dan MySQL.Yogyakarta:ANDI.

Nugroho,Bunafit.2008. MembuatSistemInformasiPenjualanberbasis Web dengan PHP danMySQL.Yogyakarta:ANDI.

Nugroho, Bunafit. 2004. PHP danMySQL dengan Editor Dreamweaver MX.Yogyakarta:ANDI.

http://habeahan.wordpress.com/2008/04/16/apa-itu-database/

http://kuliahmysqlunla.weebly.com/uploads/1/0/3/4/1034627/modul_mysql.pdf http://rosindah-mine.blogspot.com/2011/06/apa-itu-database.html

http://www.google.co.id/url?sa=t&rct=j&q=contoh+erd+database&source=web& cd=1&ved=0CFAQFjAA&url=http%3A%2F%2Felearning.amikom.ac.id%2

Findex.php%2Fdownload%2Fmateri%2F555032-DT040- 14%2FDatabase%2520Modeling%2520(ERD-