Perancangan Website E-Commerce Pada Toko Pakaian Cantik Modis Menggunakan Dreamweaver 8

KEMENTERIAN PENDIDIKAN NASIONAL

UNIVERSITAS SUMATERA UTARA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
Jl. Bioteknologi No. 1 Kampus USU
Telp. (061) 8214290, 8211212, 8211414 Fax. (061) 8214290 Medan 20155

Kartu Bimbingan Tugas Akhir Mahasiswa

Nama

: Dimas Andika Nasution

Nomor Induk Mahasiswa

: 102406146

Judul Tugas Akhir

: Perancangan

Website

E-Commerce

Pada

Toko

Pakaian Cantik Modis Menggunakan Dreamweaver 8
Dosen Pembimbing

: Syahriol Sitorus, S.Si, M.IT

Tanggal Mulai Bimbingan

: ................................

Tanggal Selesai Bimbingan : .................................
No

Tanggal Asistensi
Bimbingan

Pembahasan Pada Asistensi
Mengenai, Pada Bab :

Paraf Dosen
Pembimbing

Keterangan

*Kartu ini harap dikembalikan ke Departemen Matematika
bila bimbingan mahasiswa telah selesai

Diketahui,
Departemen Matematika FMIPA USU
Ketua

Disetujui,
Pembimbing Utama/

Penanggung Jawab

Prof.Drs.Tulus, Vordipl.Math.,M.Si.,Ph.D.
NIP. 196209011988031002

Syahriol Sitorus, S.Si, M.IT
NIP. 197103101997031004

Universitas Sumatera Utara

SURAT KETERANGAN
Hasil Uji Program Tugas Akhir

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

Nama

: DIMAS ANDIKA NASUTION

NIM

: 102406146

Program Studi

: DIPLOMA (D3) TEKNIK INFORMATIKA

Judul Tugas Akhir

: PERANCANGAN WEBSITE E-COMMERCE PADA TOKO
PAKAIAN CANTIK MODIS MENGGUNAKAN
DREAMWEAVER 8

Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut di atas pada
tanggal

Juni 2013

Dengan Hasil : SUKSES / GAGAL

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

Medan,

Juni 2013

Dosen Pembimbing
Program Studi D3 Teknik Informatika

Syahriol Sitorus, S.Si, M.IT
NIP. 197103101997031004

Universitas Sumatera Utara

LISTING PROGRAM
1. Index.php

CANTIK MODIS









$(document).ready(function() {
//Thumbnailer.config.shaderOpacity = 1;
var tn1 = $('.mygallery').tn3({
skinDir:"skins",
imageClick:"fullscreen",
image:{
maxZoom:1.5,
crop:true,
clickEvent:"dblclick",
transitions:[{

type:"blinds"
},{
type:"grid"
},{
type:"grid",
duration:460,
easing:"easeInQuad",
gridX:1,
gridY:8,
// flat, diagonal, circle, random
sort:"random",
sortReverse:false,
diagonalStart:"bl",
// fade, scale
method:"scale",
partDuration:360,
partEasing:"easeOutSine",
partDirection:"left"
}]
}

});
});






Universitas Sumatera Utara








 HOME
 CARA ORDER
  GALLERY

Copyright © 2013 Cantik Modis




2. Content.php
SELAMAT DATANG DI WEBSITE KAMI




Fixed Dimensions
Images with fixed
dimensions

images/35x35/1.jpg


Produk-produk Cantik Modis




Produk-produk Cantik Modis




Universitas Sumatera Utara


Produk-produk Cantik Modis

Produk-produk Cantik Modis









3. Menu.php



  ABOUT US

  CONTACT

  LOGIN



4. Cara_order.php

Sebelum memesan, mohon dibaca terlebih dahulu prosedur dan
Terms of Service dari kami.


PEMESANAN
Sebelum melakukan pemesanan barang, pilih barang yang ingin
di pesan di menu "Gallery" lalu pilih jenis barang yang ingin Anda
Pesan, lalu klik tombol "Beli" pada barang yang ingin Anda beli. Setelah
itu isi form secara lengkap kecuali Nama Barang karena sudah terisi
otomatis dari barang yang Anda pilih sebelumnya. Setelah Form Order
terisi lengkap klik tombol ORDER agar data Anda tersimpan.
PEMBAYARAN
Setelah menerima, mendiskusikan, dan mengkonfirmasi pesanan
Anda, kami akan mengirimkan info melalui sms yang berisi informasi
total harga, ongkos kirim, time limit pembayaran dan info rekening
untuk transaksi ( berbagai bank yang tersedia ). Booking dianggap
batal apabila sampai batas waktu/time limit yang sudah ditentukan,
pembayaran belum diselesaikan. Apabila kami tidak menginfokan time
limit, mohon tetap diperhatikan bahwa pembayaran sudah harus

Universitas Sumatera Utara

diselesaikan sebelum H-7. Order kami anggap confirmed statusnya
setelah pembayaran selesai.
PENGIRIMAN
1. Setelah transaksi diselesaikan, order akan kami masukan
dalam schedule. Kami akan mengerjakan dan mengirimkan pesanan Anda
pada tanggal, waktu dan alamat yang sudah ditentukan.
2. Harga yang tercantum pada katalog belum termasuk ongkos
kirim. Ongkos kirim bervariasi tergantung jauh dekatnya lokasi tujuan
(between Rp. 15.000 - 50.000). Wilayah kota Medan - gratis.
3. Nomor kontak penerima sangat penting, agar dapat
kami/kurir hubungi apabila kami menemui kesulitan dalam mencari
alamat tujuan.
LAPORAN
Apabila barang yang dipesan telah sampai, kami berharap Anda
memberi laporan berupa sms atau email ke kami agar tidak terjadi
kesalah pahaman. Terimakasih.
INFORMASI TENTANG TOKO PAKAIAN CANTIK MODIS:

Telefon/Hp:
085763522177
Email:
Cantikmodis@yahoo.co.id
Alamat: Jl. Abdullah Lubis 85/119
Medan Baru


TOKO PAKAIAN CANTIK MODIS


5. Aboutus.php


TENTANG CANTIK MODIS
Toko Pakaian Cantik Modis ini dibuka pada tanggal 1
Agustus 2012 yang berlokasi di Jalan Abdullah Lubis 85/119 Medan
Baru, Medan. Dan beroperasi dari pukul 09.OO WIB - 23.00 WIB
Toko Pakaian Cantik Modis ini menjual pakaian-pakaian
wanita dari berbagai merk.






Artikel Tentang Produk Yang Ditawarkan:


Blus adalah pakaian tubuh
bagian atas bermodel longgar yang sebelumnya dikenakan oleh pekerja,
petani, seniman, perempuan dan anak-anak.
Blus biasanya dikenakan denga cara dikumpulkan di bagian pinggang
(dengan ikat pinggang atau sabuk) sehingga menggantung longgar diatas
tubuh pemakainya. (sumber: wikipedia bahasa indonesia)
Celana adalah pakaian
bawahan yang dipakai untuk menutupi dari pinggang sampai kaki. ada
dua kategori umum dari celana:

Universitas Sumatera Utara

celana pendek (dengan ukuran dari pinggang sampai lutut atau kurang).
celana panjang (dengan ukuran dari pinggang sampai tumit). (sumber:
wikipedia bahasa indonesia)

Gamis adalah jenis pakaian muslim wanita
dengan model lurus, panjang dan longgar menutupi seluruh badan mulai
dari dada sampai kaki mata kaki, sehingga pemakainya tidak harus
mencari atasan atau bawahan karena sudah dalam satu kesatuan.
Rok adalah sejenis pakaian dengan bentuk
pipa atau kerucut yang cara pemakaiannya dimulai dari pinggul dan
menutupi sebagian atau seluruh bagian kaki. berbeda dengan celana,
bagian dari rok tidak dibagi menjadi bagian kaki kiri dan bagian kaki
kanan tetapi langsung menjadi satu bagian yang menutupi sebagian atau
seluruh bagian kaki. (sumber: wikipedia bahasa indonesia)

Jilbab adalah busanan muslim terusan
panjang menutupi seluruh badan kecuali tangan, kaki, dan wajah yang
biasa dikenakan oleh para wanita muslim. (sumber: wikipedia bahasa
indonesia)



Jasa Pembayaran
Jasa Pengiriman



6. Contact.php


HUBUNGI KAMI
Kami selalu siap menjawab pertanyaan Anda! Silahkan Hubungi
kami di:

Telefon/Hp:
085763522177
Email:
Cantikmodis@yahoo.co.id
Alamat: Jl. Abdullah Lubis 85/119
Medan Baru







Artikel Tentang Produk Yang Ditawarkan:



Universitas Sumatera Utara

Blus adalah pakaian tubuh
bagian atas bermodel longgar yang sebelumnya dikenakan oleh pekerja,
petani, seniman, perempuan dan anak-anak.
Blus biasanya dikenakan denga cara dikumpulkan di bagian pinggang
(dengan ikat pinggang atau sabuk) sehingga menggantung longgar diatas
tubuh pemakainya. (sumber: wikipedia bahasa indonesia)
Celana adalah pakaian
bawahan yang dipakai untuk menutupi dari pinggang sampai kaki. ada
dua kategori umum dari celana:
celana pendek (dengan ukuran dari pinggang sampai lutut atau kurang).
celana panjang (dengan ukuran dari pinggang sampai tumit). (sumber:
wikipedia bahasa indonesia)

Gamis adalah jenis pakaian muslim wanita
dengan model lurus, panjang dan longgar menutupi seluruh badan mulai
dari dada sampai kaki mata kaki, sehingga pemakainya tidak harus
mencari atasan atau bawahan karena sudah dalam satu kesatuan.
Rok adalah sejenis pakaian dengan bentuk
pipa atau kerucut yang cara pemakaiannya dimulai dari pinggul dan
menutupi sebagian atau seluruh bagian kaki.
berbeda dengan celana, bagian dari rok tidak dibagi menjadi bagian
kaki kiri dan bagian kaki kanan tetapi langsung menjadi satu bagian
yang menutupi sebagian atau seluruh bagian kaki. (sumber: wikipedia
bahasa indonesia)

Jilbab adalah busanan muslim
terusan panjang menutupi seluruh badan kecuali tangan, kaki, dan
wajah yang biasa dikenakan oleh para wanita muslim. (sumber:
wikipedia bahasa indonesia)




Jasa Pembayaran
Jasa Pengiriman



7. Gallery.php













Universitas Sumatera Utara








8. Blus.php











14. Style.CSS
@charset "utf-8";
body{ margin:0px; background: url(../images/a.jpg) repeat-x;}
#wrapper{ width:960px; background: url(../images/a.jpg) repeat-x;
margin: 0 auto;}
#header{ height:80px; }
#logo{ width:840px; float:left;}
#icon{ width:120px; float:left; margin-top:20px;}
#content{ border-left: 1px solid #CCCCCC;
border-right:1px solid #CCCCCC; height: auto;padding:10px;
clear:both;}
#slider{nmargin-bottom:50px; margin-top:50px; }

Universitas Sumatera Utara

#tampilan1{ width:940px; height:auto; margin-left:20px;
margin-right:20px;}
#tampilan table{ float:left; border: 1px solid #999999;
background: #FFFFFF; width:160px; height:auto;
margin:10px; margin-top:30px;}
#tampilan tr td{font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px; color:#0000FF;}
#tampilan2{clear:both;}
#tampilan2 tr td{text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0000FF; font-size:12px; font-weight:bold;}
#tampilan2 p{text-align:center;}
#tampilan2 a{text-decoration:none;}
.clear{ clear:both; }
h2{text-align:center;font-family:Verdana, Arial, Helvetica,
sans-serif; font-style: inherit; color:#000066; }
p{ text-align: center; font-family: Verdana, Arial, Helvetica,
sans-serif; font-size:14px; font-weight:bold; }
#syarat{ margin:auto; height:auto; background:#FFFFFF; padding:10px;
border:1px solid #CCCCCC; }
#syarat h3{ text-align:center; color: #000000; font-family:Verdana,
Arial, Helvetica, sans-serif; font-size:14px; }
#syarat h5{ font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px; font-weight:bold; color:#FF0000; }
#syarat p{ text-align: justify; font-family:Verdana, Arial,
Helvetica, sans-serif; font-size:13px; font-weight: 900; }
#syarat tr td{ text-align: justify; font-family:Verdana, Arial,
Helvetica, sans-serif; font-size:13px;
font-weight: 900; }
#c_1{ height:280px; margin-bottom:20px; display:block;}
#c_2{ width:480px; height:260px; margin-right:10px; float:left;
padding:10px; font-family:Verdana, Arial, Helvetica,
sans-serif; font-size:14px;}
#c_2 h4{ font-size:18px; margin:0px; }
#c_2 p{ text-align:left; font-weight:normal; }
#c_2 tr td{ font-size:14px; }
#c_3{ width:395px; height:280px; padding-left:23px; float:left; }
#c_4{ height:380px; clear: both; }

Universitas Sumatera Utara

#c_5 { width:780px; height:370px; float:left; margin-right:10px;
border-right: 1px solid #CCCCCC; }
#c_5 h5{ margin-top: 0px; font-family:Verdana, Arial, Helvetica,
sans-serif;}
#c_5 tr td{ text-align: justify; font-family:Verdana, Arial,
Helvetica, sans-serif; font-size:12px; }
#c_6{ float:left; width:136px; height:370px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; font-weight:bolder; color:#333333;}
.logo1{ width:136px; height:100px; float:left;}
.logo2{ width:136px; height:100px; float:left; }
#gallery{ height:auto; }
#gallery1{ height:480px;}
#gallery1 li{ list-style:none;}
#gallery1 ul li{ float:left; margin-left:40px; margin-right:40px;
margin-bottom: 40px;}
#gallery1 li:hover{ background: #999999; }
.login{ border: 1px solid #999999; margin:auto; margin-top:20px;
margin-bottom:20px; width: 350px; height:300px;
background: #C0C0C0; padding: 10px;
-webkit-border-radius: 10px; -moz-border-radius: 10px;
border-radius: 10px; }
.login tr th{ text-align:center; color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:large;}
.login tr td{ font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;}
#form{ margin:auto; border: 1px solid #999999; margin-top:40px;
margin-bottom:20px; height:340px; width:440px;
background: #C0C0C0; padding:10px;
-webkit-border-radius: 10px; -moz-border-radius: 10px;
border-radius: 10px;}
#form tr th{ text-align: center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px; color:#FFFFFF;}
#form tr td{ font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;}
#menu1{ clear:both; height:40px; padding-left:258px;}
#menu{ clear:both; height:40px; padding-left:258px;
background:url(../images/menu.jpg) repeat-x;}
.top_menu{ margin:0px;}

Universitas Sumatera Utara

.top_menu li{ float:left; list-style:none; }
.top_menu li a{ padding-top:8px; padding-bottom:8px;
padding-right:20px; padding-left:5px;
text-decoration:none; color: #222324;
font:icon; font-size:16px;
font-weight:bold; display:block; }
.top_menu li a:hover{ background: url(../images/menu.png);
color:#0000FF;}
.top_menu li:hover{ position:relative; }
#footer{ clear:both; height:14px;
background:url(../images/footer.jpg) repeat-x;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px; text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px; font-style:italic; padding:3px;}

LISTING PROGRAM PADA FILE ADMIN

1. Koneksi.php


2. Index.php


alert ("Silahkan Login terlebih dahulu..")
location.href="../index.php";



Universitas Sumatera Utara





Copyright © 2013 Cantik Modis





3. Header.php

CANTIK MODIS













4. Content.php
SELAMAT DATANG ADMIN..

5. Menu.php



 HOME

 TAMBAH BARANG

 LIHAT BARANG

 DAFTAR ORDER

Universitas Sumatera Utara


 LOGOUT



6. Form_barang.php



        TAMBAH
BARANG
  
  
Nama Barang:
Jenis Barang:







Gambar :
Jumlah Barang:
Harga:
  






Universitas Sumatera Utara

7. Proses_simpan_barang.php