<link rel="shortcut icon" href="images/logo.png" <link rel="stylesheet" href="css/style.css"

(1)

1. Index.php

<!DOCTYPE html> <html>

<head>

<title>Rumah Handmade</title>

(2)

<li id="link2"> <a href="profil.php">Profil</a> </li> <li id="link3"> <a href="handmade.php">Our Handmade</a> </li> <li id="link4"> <a href="pesan.php">Cara Pesan</a> </li> <li id="link5"> <a href="testimoni.php">Testimoni</a> </li> </ul> </div> <div class="body"> <div class="aside"> <p>

The Best Handmade In The World!!!

</p> <p>

(3)

Made only from the best. </p> </div> <div> <div> <li></li> <center><marquee><h3> Welcome To Rumah Handmade! </marquee></h3></center>

<p>

Tempat belanja handmade online, yang mudah, praktis dan menghemat waktu.

Tersedia berbagai tas, sandal, boneka dan bantal.<br>

Dijamin Anda menyukainya.<br> Jadi tunggu apa lagi....<br> Segera pesan.... </p> <br><br> <br> <ul> <li> <a href="http://www.jne.co.id/"><img src="images/jne.jpg" width="90" height="90" alt=""></a>

(4)

</li> <li>

<a

href="http://www.tiki-online.com/"><img src="images/tiki.jpg" width="90" height="90" alt=""></a>

</li> <li> <a

href="http://www.bni.co.id/"><img

src="images/imagees.jpg" width="120" height="90" alt=""></a></li></ul> </td> </tr> </div> </div> <ul> <li> <a href="tas.php"><img src="images/pop1.png" alt=""></a> </li> <li> <a href="bantal.php"><img src="images/pop2.png" alt=""></a> </li>

(5)

<span>Follow Us:</span> <a

href="https://www.facebook.com/komc.komc.9?fref=pb" id="facebook">facebook</a> <a href="https://twitter.com/RumahHandmadeKu" id="twitter">twitter</a> </div> <br><br> <center><p>

</p></center>

</div> </div>

(6)

</body> </html> 2. Profil.php <!DOCTYPE html> <html> <head> <meta charset="UTF-8">

<title>Cara Pesan - Rumah Handmade</title> <link rel="stylesheet" href="css/style.css" type="text/css">

<style>

.kaki { color:#F30; text-decoration:none;} a{color:#F30; text-decoration:none;} </style> </head> <body> <div class="page"> <div class="header">

(7)

<ul class="navigation"><li id="link1" class="selected"> <a href="index.php">Home</a> </li> <li id="link2"> <a href="profil.php">Profil</a> </li> <li id="link3"> <a href="handmade.php">Our Handmade</a> </li> <li id="link4"> <a href="pesan.php">Cara Pesan</a> </li> <li id="link5"> <a href="testimoni.php">Testimoni</a> </li> </ul> </div> <div class="body"> <div class="lollipops"> <div>

(8)

<h2>Supported By</h2> <table><center><tr><td><td> <a href="http://www.jne.co.id/"><img src="images/jne.jpg" width="90 px" height="90 px" alt=""></a></td></td></tr> <tr><td><td><td><a href="http://www.tiki-online.com/"><img

src="images/tiki.jpg" width="90 px" height="90 px" alt=""></a></td></td></td></tr>

<tr><td><td><td><td><a href="http://www.bni.co.id/"><img

src="images/imagees.jpg" width="90 px" height="90 px" alt=""></a></td></td></td></td></tr></table> </div> <div> <h3>Profil</h3> <table> <tr><td><marquee><h2>Pesan Sekarang!!!</marquee></h2> </td><td><img src="images/logo.png" alt=""></td></tr></marquee></table>

(9)

<font face="Comic Sans MS, cursive" size="+2" color="#FF0099">Rumah Handmade adalah sebuah toko online yang menjual barang-barang buatan tangan berkualitas tinggi<br>

Berlokasi di Medan <br>

Rumah Handmade menyediakan barang-barang buatan tangan seperti tas, boneka, sandal dan bantal.<br>

Jika ada cara lain, atau kesalahan yang telah kami buat, dangan senang menerima masukan dan ide melalui email rumah.handmade@gmail.com atau telp. ke :<br> 0831-9415-8777 (icha) dan 0852-7772-3212 (Abdi) <br></font></td></tr></table> </div> </div> </div> <div class="footer"> <div class="connect">

href="https://www.facebook.com/komc.komc.9?fref=pb" id="facebook">facebook</a> <a

href="https://twitter.com/RumahHandmadeKu" id="twitter">twitter</a>

(10)

</p> </div> </div> </body> </html> 3. Our Handmade <?php session_start(); if(!isset($_SESSION['transaksi'])){

$idt = date("ymdHis");//membuat id transaksi yang unik berdasarkan waktu

$_SESSION['transaksi'] = $idt; }

include "config.php";

mysql_connect($HOST,$USER_NAME,$PASSWORD) or die("tidak bisa koneksi ke database");

(11)

mysql_select_db($DB); ?>

<!DOCTYPE html>

<html>

<head>

<title>Our Handmate - Rumah Handmade</title> <link rel="stylesheet" href="css/style.css" type="text/css">

</head> <body>

<li id="link2"> <a

(12)

</li> <li id="link3"> <a href="handmade.php">Our Handmade</a> </li> <li id="link4"> <a href="pesan.php">Cara Pesan</a> </li> <li id="link5"> <a href="#">Testimoni</a> </li> </ul> </div> <div class="body"> <?php $idtransaksi = $_SESSION['transaksi'];

$keranjangx = mysql_query("select * from tabelpesan where idtransaksi='$idtransaksi'");

$pesan = 0;

while($psn = mysql_fetch_array($keranjangx)){ $pesan = $pesan + $psn['jumlah'];

}

?> <br>

(13)

<?php if($pesan>0){ } ?> </td> </tr> <tr>

<td width="800" height="38" colspan="2"> <div class="about"> <marquee><h2>Our Handmade</h2></marquee> <ul> <li> <a href="tas.php"><img src="images/pop5.png" alt=""></a> <h3>Your Bag</h3> <p>

Berisi beberapa tas yang imut dan nyaman dipakai

</p> </li> <li> <a href="bantal.php"><img src="images/pop6.png" alt=""></a> <h3>Your Pillow</h3>

(14)

<p>

Berisi beberapa bantal yang imut dan nyaman

</p> </li> </ul> <ul> <li> <a href="boneka.php"><img src="images/pop7.png" alt=""></a> <h3>Your Doll</h3> <p> Berisi beberapa boneka buatan tangan yang imut

</p> </li> <li> <a href="sandal.php"><img src="images/pop8.png" alt=""></a> <h3>Your Sandals</h3> <p> Berisi beberapa sandal buatan tangan yang nyaman dipakai

(15)

</p> </li> </ul> <ul> <li> <h3> </h3> </li> </ul> </div> </div> <div class="footer"> <div class="connect">

href="https://www.facebook.com/komc.komc.9?fref=pb" id="facebook">facebook</a> <a href="https://twitter.com/RumahHandmadeKu" id="twitter">twitter</a> </div> <br><br> <p>

</p>

(16)

</div> </body> </html> 4. Input keranjang <?php session_start(); if(!isset($_SESSION['transaksi'])){ $idt = date("YmdHis"); $_SESSION['transaksi'] = $idt; } $idtransaksi = $_SESSION['transaksi']; $kode=$_GET['kode']; if(!isset($kode)){

die("tidak ada transaksi"); }

include "config.php";

mysql_connect($HOST,$USER_NAME,$PASSWORD) or die("tidak bisa koneksi ke database");

(17)

$bantal = mysql_query("select * from bantal where kode='$kode' ");

$data = mysql_fetch_array($bantal); $harga=$data['harga'];

$kode1=$data['kode'];

$masuk = mysql_query("insert into

tabelpesan(nomor,idtransaksi,idproduk,jumlah,harga) values('','$idtransaksi','$kode1','1','$harga')"); if($masuk){ header("location:keranjang.php"); }else{ echo "error"; } ?> 5. Login <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

(18)

<title>Welcome To User</title>

</head>

//remove all the class add the messagebox classes and start fading

$("#msgbox").removeClass().addClass('messagebox'). text('Memeriksa....').fadeIn(1000);

(19)

$.post("ajax_login.php",{

user_name:$('#user_name').val(),pass:$('#pass').val(),r and:Math.random() } ,function(data)

{

if(data=='yes') //if correct login detail {

$("#msgbox").fadeTo(200,0.1,function() //start fading the messagebox

{

//add message and change the class of the box and start fading

$(this).html('Masuk...').addClass('messageboxok').fad eTo(900,1,

function() {

//redirect to secure page document.location='home.php'; }); }); } else {

(20)

$("#msgbox").fadeTo(200,0.1,function() //start fading the messagebox

{

//add message and change the class of the box and start fading

$(this).html('Data anda tidak tepat!').addClass('messageboxerror').fadeTo(900,1);

}); }

});

return false; //not to post the form

physically });

//now call the ajax also focus move from $("#password").blur(function() { $("#login_form").trigger('submit'); }); }); </script> <style type="text/css"> .messagebox{

(21)

position:absolute; width:100px; margin-left:30px; border:1px solid #c93; background:#ffc; padding:3px; } .messageboxok{ position:absolute; width:auto; margin-left:30px; border:1px solid #349534; background:#C9FFCA; padding:3px; font-weight:bold; color:#008000; } .messageboxerror{ position:absolute; width:auto; margin-left:30px; border:1px solid #CC0000; background:#F7CBCA; padding:3px;

(22)

font-weight:bold; color:#CC0000; } </style> <body> <div id="unverse"> <center> <div id="wrapper"> <div id="leftBg"></div> <div id="mainBg"> <div id="headLogin"> <center> <div id="key"></div>

Login Sebagai Admin<br /> </center>

</div>

<td align="center" width="100">Username</td>

(23)

<td align="" width="225"><input name="user_name" type="text" id="user_name"

maxlength="50" size="30" /></td> </tr> <tr> <td align="center">Password</td> <td><input name="pass" type="password" value="" id="pass" maxlength="50" size="30" /></td>

</tr> <tr>

<td> </td> <td id="notif"

valign="top">silahkan login untuk pengelolaan</td> </tr>

<tr>

<td colspan="2"><span id="msgbox" style="display:none"></span><input

id="submit" name="submit" type="submit" value="Login" /></td>

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