A. Index.php - Perancangan Website Toko Online Pada Jolie Boutique Palembang

(1)

A.Index.php

<?php session_start();

if (ISSET($_SESSION['userlogin'])) {

header("location:home.php"); }

?>

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

.Teks_Menu_Atas {

font-family: "Comic Sans MS"; font-size: 10px;

}

.Area_Menu_Kiri { height: auto; width: 175px; margin-left: 6px;

}

.Area_Menu_Kanan { height: auto; width: 175px; margin-left: 10px;

text-align: left; }

.Teks_Login {

font-family: "Comic Sans MS"f; font-size: 11px;

}

.Teks_Selamat {

text-align: center; }

(2)

font-weight: bold; }

.Teks_Kategori {

}

.Teks_News {

}

.Teks_Testimonial {

}

.Teks_Informasi {

}

.Teks_Bank {

}

.Teks_Produk {

font-family:"Comic Sans MS"f; font-size: 14px;

color: #0096C3; }

.Area_Produk { height: auto; width: 375px; margin-top: 0px; font-size: 10px;

font-family: "Comic Sans MS"; }

(3)

a:link {

color: #006699; text-decoration: none; }

a:hover {

color: #5F9C9F; text-decoration: none; }

a:visited {

text-decoration: none; color: #006699; }

a:active {

text-decoration: none; color: #5F9C9F; }

body {

background-image: url(Gambar/Background.jpg); }

.style1 {

font-family: "Comic Sans MS"; color: #FFFFFF;

}

.style2 {font-family: "Comic Sans MS"}

.style3 {font-family: "Comic Sans MS"; font-size: 14px; color: #99CC00; } .style6 {font-family: "Comic Sans MS"; color: #FF0066; }

.style7 {font-family: "Comic Sans MS"; font-size: 11px; color: #006699; } .style10 {color: #000000}

.style13 {color: #0066FF}

.style16 {font-family: "Comic Sans MS"; color: #99CC00; } .style18 {font-family: "Comic Sans MS"; color: #006666; }

.style19 {font-family: "Comic Sans MS"; font-size: 12px; color: #006699; } </style>

function MM_preloadImages() { //v3.0

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} }

function MM_swapImgRestore() { //v3.0

var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

}

function MM_findObj(n, d) { //v4.01

(4)

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

if(!x && d.getElementById) x=d.getElementById(n); return x; }

function MM_swapImage() { //v3.0

var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

</script> </head>

<th align="left" valign="middle" class="Teks_Login" scope="col">Search</th>

<th align="left" valign="middle" scope="col"><a href="#" onmouseout="MM_swapImgRestore()"

onmouseover="MM_swapImage('Image11','','Gambar/TSearch

Rollover.jpg',1)"><img src="Gambar/TSearch.jpg" width="50" height="20" id="Image11" /></a></th>

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

(5)

</marquee></th> </tr>

</table> </th> </tr> <tr>

</tr> <tr>

</tr> <tr>

</tr> <tr>

<td bgcolor="#FFCC66" class="style19">Password</td> <td class="style19">:</td>

</tr> <tr>

<td align="left" valign="top" bgcolor="#FFCC66"> <a href="#" onmouseout="MM_swapImgRestore()"

onmouseover="MM_swapImage('Image8','','Gambar/TLogin

Rollover.jpg',1)"><input type=image img src="Gambar/TLogin.jpg" alt="" width="50" height="20" id="Image8" /></a></td>

</tr> <tr>

<td align="left" valign="top" bgcolor="#FFCC66" class="Teks_Menu_Atas"><span class="style13"> <a href="member.php"

(6)

<tr>

<tr>

</tr>

</tr>

</table></td> </tr>

<tr>

<tr>

</tr>

</tr>

</table></td> </tr>

<tr>

<tr>

</tr> <tr>

<div><span class="style6"><a href="isitestimonial.php" target="_self">>> isi testimonial</a><br />

(7)

</table></td> </tr>

<tr>

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

<tr>

<tr>

</table> </div></th> </tr>

<tr>

</tr> <tr>

<th align="left" valign="top" class="Teks_Selamat" scope="col"><span class="style18">Selamat datang di Jolie Boutique.<br />

Nikmati kemudahan berbelanja bersama kami !!! </span><br /></th> </tr>

<tr>

<tr>

<th align="center" valign="top" class="style3" scope="col">NEWS ITEM & RESTOCK !!!</th>

</tr> <tr>

</tr> <tr>

(8)

</tr>

</table></th>

<td width="87%" align="left" valign="middle" bgcolor="#FFCC66" class="Teks_Menu" scope="col"><span class="style2">Keranjang Belanja</span> <?php include "jumlah.php"; ?></td>

</tr> <tr>

</tr> <tr>

</tr> <tr>

</tr> <tr>

<td align="center" valign="top" bgcolor="#FFCC66" class="style7" scope="col"><span class="Teks_Testimonial">CS Online : 0812 345 678<br /> pin BB : 4KH454D311 </span><br /></td>

</tr> <tr>

</tr> <tr>

</tr> <tr>

(9)

</tr> <tr>

<td colspan="2" align="center" valign="top" bgcolor="#FFCC66" class="style19" scope="col">Jolie Boutique</td>

</tr> <tr>

</tr> <tr>

</tr> <tr>

<td colspan="2" align="center" valign="top" bgcolor="#FFCC66" class="style19" scope="col">by request</td>

</tr> <tr>

</tr> <tr>

</tr> <tr>

<td colspan="2" align="center" valign="top" bgcolor="#FFCC66" class="style19" scope="col">by request</td>

</tr> <tr>

(10)

</tr> </table> </div></td> </tr>

<tr>

</tr> </table>

</body> </html>

B.Contact.php <?php session_start();

if (ISSET($_SESSION['userlogin'])) {

} else ?> <head>

function MM_preloadImages() { //v3.0

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} }

(11)

var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

}

function MM_findObj(n, d) { //v4.01

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

if(!x && d.getElementById) x=d.getElementById(n); return x; }

function MM_swapImage() { //v3.0

var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

</script> </head>

<th align="left" valign="middle" class="Teks_Login" scope="col">Search</th>

<th align="left" valign="middle" scope="col"><a href="#" onmouseout="MM_swapImgRestore()"

onmouseover="MM_swapImage('Image11','','Gambar/TSearch

Rollover.jpg',1)"><img src="Gambar/TSearch.jpg" width="50" height="20" id="Image11" /></a></th>

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

(12)

<tr>

</table> </th> </tr> <tr>

</tr> <tr>

</tr> <tr>

<tr>

</tr> <tr>

</tr>

</table></td> </tr>

<tr>

</tr> <tr>

</tr>

</table></td> </tr>

<tr>

(13)

<tr>

</tr> <tr>

<div><a href="isitestimonial.php">>> isi testimonial</a><br />

<a href="lihattestimonial.php" target="_self">>> lihat testimonial </a></div>

</table></td> </tr>

<tr>

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

<tr>

<th align="center" valign="top" class="style5" scope="col">Contact Us </th>

</tr> <tr>

<tr>

<td align="center" valign="top" bgcolor="#FFCC66"><p class="style1 style4">Anda bisa langsung menghubungi kami di:<br />

<br />

JOLIE BOUTIQUE <br />

<br />

(14)

email : jolieboutique@yahoo.com<br /> <br />

TOKO OFFLINE: <br />

Jl. Residen H. Abdul Rozak No. 33 B5-B6<br /> Palembang 30114<br />

Sumatera Selatan, Indonesia <br /> <br />

Buka:<br />

SENIN - JUM'AT<br /> 08.00 - 16.30 WIB</p> <p></p></td>

</tr>

</table></th>

<td width="87%" align="left" valign="middle" class="Teks_Menu" scope="col">Keranjang Belanja <?php include "jumlah.php"; ?></td>

</tr> <tr>

<tr>

</tr> <tr>

</tr> <tr>

</tr> <tr>

</tr> <tr>

(15)

pin BB : 4KH454D311 </span> <br /></td> </tr>

<tr>

</tr> <tr>

<tr>

</tr> <tr>

</tr> <tr>

<td colspan="2" align="center" valign="top" class="style4" scope="col">Jolie Boutique</td>

</tr> <tr>

</tr> <tr>

<td colspan="2" align="center" valign="top" class="style4" scope="col">by request</td>

</tr> <tr>

(16)

</tr> <tr>

</tr> <tr>

<td colspan="2" align="center" valign="top" class="style4" scope="col">by request</td>

</tr> <tr>

</tr> </table> </div></td> </tr>

<tr>

</tr> </table>

</body> </html>

C.Login.php

(17)

$user = $_POST['usertxt'];

$user = str_replace("'","´",$user); $psw=$_POST['pswtxt'];

$psw= str_replace("'","´",$psw);

$cek = "Select * from pelanggantbl where username='".$user."' and password='".md5($psw)."'";

//menyeleksi ke tabel admin username dan password berdsarkan variabel username dan password

//untuk password sebelumnya telah dienkripsi dengan fungsi md5 $hasil = mysql_query($cek);

$hasil_cek = mysql_num_rows($hasil);

//jika data tidak ditemukan maka tamplan pesan user dan psw salah if ($hasil_cek==0){

header("location:index.php");

//echo "Username dan Password yang Anda isi salah...!!!"; }else{

//jika data ditemukan maka buka halaman menu utama dan sekaligus membuka session

$_SESSION['userlogin'] =$user;

//echo "ada session ".$_SESSION['userlogin']; header("location:home.php");

} ?>

D.Admin.php <?php session_start();

if (ISSET($_SESSION['adminlogin'])) {

} else

header("location:index.php"); ?>

<head>

width: 150px;

font-family: Tahoma, Geneva, sans-serif; font-size: 14px;

margin-top: 10px; margin-bottom: 10px; }

(18)

background-image: url(../Gambar/3.jpg); }

a:link {

color: #006699; }

a:visited {

color: #006699; }

a:hover {

color: #5F9C9F; }

a:active {

color: #5F9C9F; }

.Menu_Tengah {

margin-top: 10px; margin-bottom: 10px; width: 600px;

margin-left: 25px;

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

}

.Teks_Keterangan {

font-family: Tahoma, Geneva, sans-serif; font-size: 12px;

color: #0096C3; }

.style1 {color: #FF0033}

.style2 {font-family: "Comic Sans MS"; font-size: 16px; color: #99CC00; } .style3 {font-family: "Comic Sans MS"}

</style>

</head>

<body>

<tr>

</tr> <tr>

<ul>

<li><span class="style3"><a href="admin.php" class="style1">Admin</a></span></li>

(19)

<li class="style3"><a href="kategori.php" class="style1">Menu Kategori</a></li>

<li class="style3"><a href="download.php" class="style1">Download</a></li>

<li class="style3"><a href="laporan.php" class="style1">Laporan</a></li>

<li><span class="style3"><a href="logout.php" class="style1">Logout</a></span></li>

</ul> </div></td>

<tr>

<th align="center" valign="top" class="style2" scope="col">Menu Admin</th> </tr>

<tr>

<tr>

</tr> <tr>

<tr>

</table> </div></td> </tr> <tr>

(20)

SURAT KETERANGAN Hasil Uji Program Tugas Akhir

Yang bertanda tangan di bawah ini, menerangkan bahwa Mahasiswa Tugas Akhir Program Diploma 3 Teknik Informatika :

Nama : DWI PUSPASARI AMELIA NIM : 112406185

Program Studi : D3 Teknik Informatika

Judul TA : Perancangan Website Toko Online pada Jolie Boutique Palembang

Telah melaksanakan tugas uji program Tugas Akhir Mahasiswa tersebut di atas pada tanggal ……….

Dengan Hasil : Sukses / Gagal

Demikian diterangkan untuk melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan.

Medan, Juni 2014 Dosen Pembimbing

(21)

KEMENTRIAN PENDIDIKAN DAN KEBUDAYAAN

UNIVERSITAS SUMATERA UTARA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

Jl. Bioteknologi No. 1 Kampus USU Telp. (061) 8211050 Fax. (061) 8214290

Medan-20155

Email : Dekanat@FMIPA.USU.AC.ID

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

Nama Mahasiswa : Dwi Puspasari Amelia Nomor Stambuk : 112406185

Judul Tugas Akhir : Perancangan Website Toko Online Pada Jolie Boutique Palembang

Dosen Pembimbing : Drs. Partano Siagian, M.Sc Tanggal Mulai Bimbingan :

Tanggal Selesai Bimbingan :

No

TANGGAL ASISTEN BIMBINGAN

PEMBAHASAN PADA ASSISTEN MENGENAI

PADA BAB

PARAF DOSEN

PEMBIMBING KETERANGAN

1 2 3 4 5 6 7



Kartu ini harap dikembalikan ke jurusan Matematika bila bimbingan Mahasiswa telah selesai

Diketahui Disetujui

Program Studi D3 Teknik Informatika PembimbingUtama/

Ketua Prodi, Penanggung Jawab