View
6
Download
0
Category
Preview:
Citation preview
SISTEM INFORMASI PENJUALAN BERBASIS WEB
PADA BUTIK CEMERLANG
TUGAS AKHIR
RISKA SYAHPITRI
142406069
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
UNIVERSITAS SUMATERA UTARA
DAFTAR ISI
Halaman
Persetujuan i
Pernyataan ii
Penghargaan iii
Daftar Riwayat Hidup iv
Abstrak v
Daftar Isi vii
Daftar Tabel ix
Daftar Gambar ix
Bab 1 Pendahuluan 1
1.1 Latar Belakang 1
1.2 Identifikasi Masalah 2
1.3 Perumusan Masalah 3
1.4 Batasan Masalah 3
1.5 Tujuan 4
1.6 Manfaat 4
1.7 Metodologi Penulisan 5
1.8 Sistematika Penulisan 6
Bab 2 Landasan Teori 8
2.1 Pengertian Internet 8
2.2 Pengertian Xampp 8
2.3 Pengertian Apache 9
2.4 Pengertian Php 9
2.5 Pengertianmysql 10
2.6 Pengertian Php Myadmin 11
2.7 Operating System Commerce 12
2.7.1 Kelebihan Dan Keunggulan Operating System Commerce 13
2.7.2 Jenis-Jenis Ecommerce 13
2.8 Pengertian Sistem 14
2.9 Pengertian Aplikasi 14
Bab 3 Perancangan Sistem 16
3.1 Pengertian Perancangan Sistem 16
3.2 Data Flow Diagram 16
3.3 Gambar Diagram Dfd Level Konteks 17
3.3.1 Flowchart Diagram (Diagram Alir) 18
3.3.2 Gambar Dfd Level 1 18
3.3.3 Gambar Dfd Level 2 18
3.4 Flowchart Diagram (Diagram Alir) 18
3.4.1 Flowchart Home page 19
3.4.2 FlowchartPemesanan 20
3.5 Perancangan Database 21
3.6 Diagram Kerelasian Antar Relasi 24
UNIVERSITAS SUMATERA UTARA
3.7 Diagram Antar Relasi dengan Menentukan Primary dan Foreign 25
3.8 Mernghubungkan Antar Relasi 26
3.9 Hubungan Antar Relasi 27
Bab 4 Implementasi Sistem 28
4.1 Defenisi Implementasi Sistem 28
4.2 Tujuan Implementasi Sistem 28
4.3 Komponen Dalam Implementasi Sistem 29
4.3.1 Kebutuhan Perangkat Keras 29
4.3.2 Kebutuhan Perangkat Lunak 30
4.3.3 Kebutuhan Brainware 30
4.4 Struktur Halaman Website 31
4.5 Tampilan Halaman Web 31
Bab 5 Penutup 36
5.1 Kesimpulan 36
5.2 Saran 36
LAMPIRAN
UNIVERSITAS SUMATERA UTARA
DAFTAR TABEL
Halaman
Tabel 3.1. Simbol Data Flow Diagram 17
Tabel 3.2. Flowchart Diagram 19
Tabel 3.3. Tabel Admin 22
Tabel 3.4. Tabel Pembayaran 22
Tabel 3.5. Tabel Keranjang 22
Tabel 3.6. Tabel Mode 23
Tabel 3.7. Tabel Pesanan 23
UNIVERSITAS SUMATERA UTARA
DAFTAR GAMBAR
Halaman
Gambar 3.1.DFD Level Konteks 17
Gambar 3.2.DFD Level 1 18
Gambar 3.3.DFD Level 2 18
Gambar 3.4 Flowchart Home Page 19
Gambar 3.5. Flowchart Pemesanan Produk 20
Gambar 3.6. Flowchart Admin 21
Gambar 3.7. Relasi Tabel (Langkah 1) 24
Gambar 3.8. Relasi Tabel (Langkah 2) 25
Gambar 3.9: Gambar Hubungan Antar Tabel 26
Gambar 3.10: Gambar Hubungan Antar Tabel 27
Gambar 4.1: Struktur Halaman Website 31
Gambar 4.2: Struktur Halaman Website 32
Gambar 4.3. Tampilan Menu Kontak 33
Gambar 4.4. Tampilan Produk Pria, Wanita, dan Anak-Anak 33
Gambar 4.5. Tampilan Menu Customer 34
Gambar 4.6. Tampilan Menu Bantuan 34
Gambar 4.7. Tampilan Menu Masukkan Barang 35
Gambar 4.8. Tampilan Menu Update Akun Admin 35
UNIVERSITAS SUMATERA UTARA
UNIVERSITAS SUMATERA UTARA
UNIVERSITAS SUMATERA UTARA
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan
Maha Penyayang, dengan limpah karunia-Nya penulis dapat menyelesaikan
penyusunan tugas akhir ini dengan judul Sistem Informasi Penjualan Berbasis
Web Pada Butik Busana Cemerlang. Penulis menyampaikan terima kasih kepada
ke dua orang tua dan seluruh keluarga yang selama ini memberikan dorongan baik
secara materi maupun spiritual.
Terima kasih kepada Bapak Dr. Bambang Irawan, M.Sc selaku Dosen
Pembimbing yang telah meluangkan waktunya selama penyusunan Tugas Akhir
ini. Terima kasih kepada Drs. Rosman Siregar, M.Si sebagai Dosen Pembimbing
Akademik yang telah membimbing penulis. Terima kasih kepada Ibu Dra.
Normalina Napitupulu, Msc dan Bapak Drs. James Piter Marbun, M.Kom selaku
Ketua dan Sekretaris Program studi D3 Teknik Informatika FMIPA USU Medan,
Dekan dan Wakil Dekan FMIPA USU, pegawai FMIPA USU dan rekan-rekan
kuliah. Semoga Tuhan Yang Maha Esa akan membalas-Nya.
Medan, Juli 2017
Riska Syahpitri
142406069
ABSTRAK
UNIVERSITAS SUMATERA UTARA
Tuags akhir ini membahas tentang Sistem Informasi Penjualan Berbasis Web
Menggunakan PHP dan MySql pada Butik Cemerlang. Aplikasi toko online yang
dibangun ini bertujuan untuk membantu Butik Cemerlang dalam hal penjualan
produk. Proses pembuatan program ini dimulai dengan menganalisa sistem yang
telah ada di butik tersebut, kemudian dibuat DFD dan tabel-tabel yang diperlukan.
Kemudian mendesain interface dan membuat programnya. Aplikasi toko online
ini menggunakan bahasa pemrograman PHP, MySQL sebagai basis data, Sublime
sebagai editor HTML dan Adobe Photoshop untuk desain Website. Software yang
dihasilkan dapat memberikan proses penjualan baju secara online sehingga dapat
membantu pembeli dalam menentukan pilihan produk berdasarkan produk yang
dijual. Sistem Penjualan online ini juga dapat mempermudah penjual dan pembeli
dalam melakukan suatu transaksi.
Kata kunci: Website, Sistem Informasi.
ABSTRACT
UNIVERSITAS SUMATERA UTARA
This final task discusses about web-based sales information system using PHP
and MySql on boutique Cemerlang. This online store application built aims to
help the Brilliant Boutique in terms of product sales. The process of making this
program begins by analyzing the existing system in the boutique, then made DFD
and tables required. Followed by designing the interface and creating the program.
This online store application uses PHP programming language, MySQL as
database, Sublime as HTML editor and Adobe Photoshop for Website design.
This application can provide the process of selling clothes online so that it can
help buyers in determining the choice of products based on products sold. This
online sales system can also make it easier for sellers and buyers to make a
transaction. Keywords: Website, Information System.
BAB 1
UNIVERSITAS SUMATERA UTARA
PENDAHULUAN
1.1 Latar Belakang Masalah
Perkembangan Teknologi Informasi saat ini telah mengalami perkembangan yang
sangat cepat. Teknologi Informasi terbukti telah mampu mengintegrasikan setiap
detail infomasi yang sebelumnya dianggap mustahil tercapai, seperti kecepatan
informasi, efisiensi dan efektivitas. Teknologi informasi banyak diaplikasikan
sebagai Website untuk penjualan produk secara online, dimana produk tersebut
dapat diakses di seluruh penjuru dunia.
Oleh sebab itu banyak jasa yang menawarkan aplikasi e-commerce bagi
penjual produk secara online yang fitur-fiturnya disesuaikan dengan kebutuhan
toko online itu sendiri. Sehingga dapat meningkatkan penjualan secara otomatis,
dan konsumen dapat dengan mudah mengakses setiap produk yang dibutuhkan
secara cepat dan aman. (http://suiryuk.wordpress.com/2012/10/17/pengertian-
commerce/)
Fashion menjadi satu hal yang tidak dapat dipisahkan dengan masyarakat
terutama para remaja. Perkembangan bisnis di bidang ini juga terbilang sangat
pesat. “Butik Cemerlang” merupakan salah satu outlet baru yang memproduksi
produk- produk pakaian seperti pakaian remaja sebagai target pasarnya, untuk
dapat menjangkau pelanggan di seluruh wilayah dan menunjang kegiatan bisnis
bagi “Butik Cemerlang”, dibutuhkan suatu penerapan teknologi informasi dalam
UNIVERSITAS SUMATERA UTARA
sistem pemasaran dan media promosinya, karena sebagian besar masyarakat
khususnya masyarakat perkotaan sudah menggunakan layanan teknologi
informasi dalam kehidupan sehari- hari.
Semakin maraknya sistem penjualan secara online dewasa ini, ditambah
dengan trend membeli barang secara online yang cenderung meningkat pada
masyarakat, maka pembuatan online shop Website atau sistem e-commerce
merupakan metode yang dibutuhkan “Butik Cemerlang”, untuk mengembangkan
bisnisnya ke seluruh Indonesia bahkan dunia. Sehingga diharapkan “Butik
Cemerlang”, dapat bertahan dalam ketatnya persaingan bisnis di bidang fashion
ini. (http://id.techinasia.com/daftar-website-e-commerce-fashion-online)
Berdasarkan uraian latar belakang tersebut, penulis bermaksud mengambil
judul penelitian tugas akhir mengenai “Sistem Informasi Penjualan Baju Berbasis
Web (Online Shopping) Pada Toko Butik Cemerlang ” yang bertujuan untuk
penyampaian informasi berupa catalog produk online serta pembuatan sistem
informasi mengenai penjualan online.
1.2 Identifikasi Masalah
Sistem penjualan Butik Cemerlang masih cenderung sedikit pelanggannya dan
belum menggunakan media teknologi informasi. Permasalahan dalam penelitian
ini adalah: “Membuat suatu media teknologi berbasis Web ecommerce sehingga
menghasilkan informasi yang bisa digunakan oleh semua orang dalam mencari
UNIVERSITAS SUMATERA UTARA
produk-produk fashion terbaru di Butik Cemerlang dan juga meningkatkan
pelanggan yang berada di luar kota”.
1.3 Perumusan Masalah
Berdasarkan latar belakang permasalahan tersebut yang akan di bahas adalah
”Bagaimana membuat Sistem Informasi Penjualan Berbasis Web untuk Butik
Cemerlang “ ?
1.4 Batasan Masalah
Berikut ini hal-hal yang terkait dalam pembahasan akan tetapi tidak menjadi fokus
pembahasan dalam pelaksanaan proyek akhir ini, yaitu:
a. Data yang diolah hanya data barang dan pengguna sistem informasi
(pengguna transaksi online).
b. Terdapat modul back-end untuk update data barang pada Website,
akan tetapi modul tersebut hanya untuk keperluan testing.
c. Pembayaran transaksi dilakukan secara manual pada rekening yang
ditetapkan.
1.5 Tujuan
UNIVERSITAS SUMATERA UTARA
Penyusunan tugas akhir ini tujuan yang hendak dicapai dalam perancangan Sistem
Informasi Penjualan Baju ini adalah membuat Website penjualan baju agar dapat
membantu para pelanggan dengan mudah mendapat informasi produk-produk
terbaru pada Butik Cemerlang.
1.6 Manfaat
1. Bagi Penulis
Meningkatkan suatu pemahaman serta wawasan dalam dunia bekerja
terutama di bidang ilmu komputer yang dapat diterapkan dalam
suatu perusahaan.
2. Bagi Perusahaan
a. Membantu meningkatkan penjualan Butik Cemerlang
untuk melakukan penjualan hasil produk online guna
meningkatkan omset penjualan.
b. Membantu Butik Cemerlang dalam efisiensi biaya khususnya
dalam bidang iklan untuk pemasaran barang dan juga biaya
pengiriman.
c. Membantu Butik Cemerlang untuk mempromosikan barang-
barang produksinya.
1.7 Metodologi Penelitian
UNIVERSITAS SUMATERA UTARA
Dalam melakukan penelitian ini, penulis menerapkan beberapa metodologi
penelitian untuk memperoleh data, merancang dan membangun aplikasi yang
diinginkan. Adapun metodologi penelitian yang diterapkan penulis adalah sebagai
berikut:
1. Studi Pustaka
Metode pengumpulan data dan informasi yang dilakukan penulis
dengan membaca buku-buku dan melakukan searching menggunakan
internet browser untuk tambahan data dan informasi.
2. Memahami Model Proses
Pada tahap ini penulis menentukan model proses apa yang
digunakan dalam pengembangan aplikasi tersebut.
3. Memahami Model Data
Model data adalah suatu gambaran yang menunjukkan hubungan
antara komponen data yang hendak dibuat.
4. Merancang Konsep Pembangunan Sistem
Konsep pembangunan sistem yang diusulkan penulis adalah
membangun aplikasi sistem penjualan berbasis Web.
5. Pembuatan Program
Pembuatan program dilakukan dengan menggunakan bahasa
HTML,CSS, Web SQL, dan Sublime Text 2 sebagai tool dalam
UNIVERSITAS SUMATERA UTARA
tahap pengkodingan. Pembuatan program dilakukan sesuai dengan
pembangunan sistem yang diusulkan.
6. Implementasi Sistem
Implementasi sistem dilakukan sesuai dengan rancangan yang telah
dimodelkan. Implementasi dan pengujian hanya dilakukan pada
perangkat yang berbasis Web.
7. Pengujian Perangkat Lunak
Pengujian perangkat lunak adalah elemen kritis dari jaminan
kualitas perangkat lunak dan merepresentasikan kajian pokok dari
spesifikasi, desain dan pengkodean.
1.8 Sistematika Penulisan
Sistematika penulisan dapat memberikan gambaran yang jelas pada penulisan
Tugas Akhir ini. Penulis membaginya dalam beberapa bab sebagai berikut:
BAB 1 : PENDAHULUAN
Bab ini menguraikan tentang latar belakang ecommerce, perumusan
masalah, identifikasi masalah, batasan masalah, tujuan, manfaat,
metodologi penelitian, hingga sistematika penulisan Tugas Akhir ini.
UNIVERSITAS SUMATERA UTARA
BAB 2 : LANDASAN TEORI
Bab ini menguraikan tentang teori-teori yang berhubungan dengan
Web. Pengertian apa itu Operating System Commerce hingga
kelebihan dan kekurangan ecommerce.
BAB 3 : PERANCANGAN SISTEM
Bab ini menguraikan mengenai perancangan sistem mulai dari
perancangan desain, perancangan database, diagram konsepsi
sistem, hingga flowchart sistem.
BAB 4 : IMPLEMENTASI SISTEM
Bab ini menguraikan tentang bagaimana proses lanjutan dari
perancangan sistem secara detail, bagian implementasi sistem dan
apakah implementasi sesuai dengan perancangan sistem.
BAB 5 : PENUTUP
Bab ini menguraikan tentang kesimpulan dan saran yang dikutip oleh
penulis selama proses pembangunan Web.
UNIVERSITAS SUMATERA UTARA
BAB 2
LANDASAN TEORI
2.1 Pengertian Internet
Jogiyanto (2005: 341) Interconnection network (internet) merupakan seluruh
jaringan komputer yang terdiri dari ribuan jaringan komputer independen yang
dihubungkan satu dengan lainnya yang saling terhubung dengan menggunakan
suatu standar sistem global Transmission Control Protocol/Internet Protocol Suite
(TCP/IP) yang digunakan sebagai protokol pertukaran paket untuk melayani
miliaran pengguna yang terdapat di seluruh dunia.
2.2 Pengertian XAMPP
XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi
yang merupakan kompilasi dari beberapa program. XAMPP merupakan tool yang
menyediakan paket perangkat lunak ke dalam satu buah paket. Menginstall
XAMPP tidak perlu lagi melakukan instalasi dan konfigurasi Web server Apache,
PHP dan MySQL secara manual. XAMPP akan menginstalasi dan
mengkonfigurasikannya secara otomatis untuk auto konfigurasi.
XAMPP merupakan salah satu paket installasi Apache, PHP dan MySQL
instant yang dapat digunakan untuk membantu proses installasi. Selain paket
installasi instant XAMPP versi 1.6.4 juga memberikan fasiltias pilihan pengunaan
UNIVERSITAS SUMATERA UTARA
PHP4 atau PHP5. Berpindah versi PHP yang ingin digunakan juga sangat mudah
dilakukan dengan mengunakan bantuan PHP-Switch yang telah disertakan oleh
XAMPP, dan yang terpenting XAMPP bersifat free atau gratis untuk digunakan.
(http://opraywinter.blogspot.co.id/2014/11/definisipengertiandanfungsixampp)
2.3 Pengertian APACHE
Apache sudah berkembang sejak versi pertamanya. Apache bersifat open source,
artinya setiap orang boleh menggunakannya, mengambil dan bahkan mengubah
kode programnya. Tugas utama Apache adalah menghasilkan halaman Web yang
benar kepada peminta, berdasarkan kode PHP yang dituliskan oleh pembuat
halaman Web. Jika diperlukan juga berdasarkan kode PHP yang dituliskan, maka
dapat saja suatu database diakses terlebih dahulu untuk mendukung halaman Web
yang dihasilkan.(http://opraywinter.blogspot.co.id/2014/11/definisixampp.html)
2.4 Pengertian PHP
Menurut Maulia, S, 2012. Perancangan Sistem Informasi Penjualan Batik
Berbasis Web. Medan: Program D3 USU Teknik Informatika Medan. Bahasa
pemrograman PHP merupakan bahasa pemrograman untuk membuat Web yang
bersifat server-side scripting. PHP memungkinkan untuk membuat halaman Web
yang bersifat dinamis. PHP dapat dijalankan pada berbagai macam Operating
System (OS), misalnya Windows, Linux dan Mac OS. Selain Apache, PHP juga
UNIVERSITAS SUMATERA UTARA
mendukung beberapa Web server lain, misalnya Microsoft IIS, Caudium, PWS
dan lain-lain.
Sistem manajemen database yang sering digunakan bersama PHP adalah
MySQL. Namun PHP juga mendukung sistem manajemen Database Oracle,
Microsoft Acces, Interbase, d-Base, Postgre SQL dan sebagainya. PHP sudah
berkembang hingga versi ke 5. PHP 5 mendukung penuh Object Oriented
Programing(OOP), integrasi XML, mendukung semua ekstensi terbaru MySQL,
pengembangan Web services dengan SOAP dan REST, serta ratusan peningkatan
kemampuan lainnya dibandingkan versi sebelumnya. Sama dengan Web server
lainnya, PHP juga bersifat open source sehingga setiap orang dapat
menggunakannya dengan gratis.
2.5 Pengertian MySQL
Menurut Teori Komputer, 2015. Pengertian MySQL beserta kelebihan dan html
SQL merupakan bahasa terstruktur yang khusus digunakan untuk mengolah
database. MySQL adalah sebuah sistem manajemen database yang bersifat open
source. MySQL adalah pasangan serasi dari PHP. MySQL dapat digunakan untuk
membuat dan mengola database beserta isinya. MySQL dapat dimanfaatkan
untuk menambahkan, mengubah dan menghapus data yang berada dalam
database. MySQL merupakan sisitem manajemen database yang bersifat at
relational. Artinya data yang dikelola dalam database akan diletakkan pada
beberapa tabel yang terpisah sehingga manipulasi data akan menjadi jauh lebih
UNIVERSITAS SUMATERA UTARA
cepat. MySQL juga dapat menjalankan perintah-perintah Structured Query
Language (SQL) untuk mengelola database-database yang ada di dalamnya.
(http://www.teorikomputer.com/2015/pengertian MySQL dan kelebihan html)
2.6 Pengertian PHP MyAdmin
Pengelolaan database dengan MYSQL harus dilakukan dengan mengetikkan
baris-baris perintah yang sesuai (command line) untuk setiap maksud tertentu. Jika
membuat database, maka ketikkan baris perintah yang sesuai untuk membuat
database. Jika menghapus tabel, maka ketikkan baris perintah yang sesuai untuk
menghapus tabel. Hal tersebut tentu cukup menyulitkan karena harus hafal dan
mengetikkan perintahnya satu persatu.
Banyak sekali perangkat lunak yang dapat dimanfaatkan untuk mengelola
database dalam MySQL, salah satunya adalah phpMyAdmin. PhpMyAdmin dapat
membuat tabel, mengisi data dan lain-lain tanpa harus hafal perintahnya.
Langkah-langkah mengaktifkan phpMyAdmin adalah: pertama setelah XAMP
terinstall aktifkan Web server Apache dan MySQL dari control panel XAMPP. Ke
dua, jalankan browser (IE, Mozilla Firefox atau Opera) lalu ketikkan alamat Web
berikut: http://localhost/phpmyadmin/ pada address bar lalu tekan Enter. Ke tiga
setelah nampak interface (tampilan antar muka) phpMyAdmin bisa memulainya
dengan mengetikkan nama database, nama tabel dan seterusnya.
(https://arekubl.blogspot.co.id/2014/01/pengertian-database-mysql-dan-
phpmyadmin.html)
UNIVERSITAS SUMATERA UTARA
2.7 Operating System Commerce
Munandar (2011) dalam buku E-Business mengemukakan bahwa Operating
System Commerce dibuat dan dikembangkan oleh Harald Ponce de Leon pada
bulan Maret tahun 2000 di Jerman dan berdasarkan data terbaru, pada bulan
Agustus 2008, pengguna aplikasi ini mencapai 14,000 Website. Aplikasi
ecommerce ini memiliki sistem ecommerce atau penjualan yang sangat sederhana
dan mudah untuk digunakan oleh siapa saja.
Adapun definisi Operating System Commerce yaitu:
1. Operating System Commerce merupakan proses membeli dan menjual
atau bertukar produk jasa maupun informasi melalui komputer.
Operating System Commerce merupakan aplikasi Web yang
berbasis PHP dan MySQL, selain itu aplikasi ini dapat diinstal secara
offline maupun online.
2. Operating System Commerce adalah salah satu aplikasi Web yang
berbasis CMS khusus untuk penjualan secara online (ecommerce)
yang dapat digunakan oleh siapa saja.
3. Operating system Commerce merupakan aplikasi Web yang bersifat
terbuka (Open Source) dan gratis untuk digunakan oleh siapa saja
dibawa GNU (General Public License).
UNIVERSITAS SUMATERA UTARA
2.7.1 Kelebihan dan Keunggulan Operating System Commerce
a. Proses instalasi CMS sangat mudah dan cepat
b. Desain dan layout web bisa di modifikasi dengan mudah
c. Memiliki fungsi pajak penjualan
d. Memiliki fungsi kalkulasi ongkos kirim
e. Memiliki fungsi multi-currency (banyak mata uang)
f. Shopping Cart mudah digunakan oleh pengunjung
g. Memiliki sistem pembayaran yang user-friendly
h. Produk dan kategori produk tak terbatas (Unlimited)
i. Memiliki fungsi review pada halaman produk
j. Gambar produk dapat ditampilkan dalam berbagai cara
k. Pengelolaan bagian back-end mudah digunakan oleh pemula
2.7.2 Jenis-jenis E-Commerce
Kegiatan E-Commerce mencakup banyak hal, untuk membedakannya, Commerce
dibedakan menjadi (dua) berdasarkan karakteristiknya:
1. Business to Business, karakteristiknya:
a) Trading partners yang sudah saling mengetahui dan terjalin
hubungan yang berlangsung cukup lama.
b) Pertukaran data dilakukan secara berulang-ulang dan berkala
dengan format data yang telah disepakati bersama.
c) Salah satu pelaku tidak harus menunggu rekan mereka lainnya
untuk mengirimkan data.
UNIVERSITAS SUMATERA UTARA
d) Model yang umum digunakan adalah peer to peer, di mana
processing intelligence dapat didistribusikan untuk ke dua
pelaku bisnis.
2. Business to Consumer, karakteristiknya:
a) Terbuka untuk umum, di mana informasi disebarkan secara
umum.
b) Servis yang digunakan juga bersifat umum, sehingga dapat
digunakan oleh orang banyak.
c) Servis yang digunakan berdasarkan permintaan.
d) Sering dilakukan sistim pendekatan client-server.
2.8 Pengertian Sistem
Sistem berasal dari bahasa latin (systema) dan bahasa Yunani (sustema) adalah
suatu kesatuan yang terdiri dari komponen atau elemen yang dihubungkan
bersama untuk memudahkan aliran informasi, materi, atau energi. Sistem juga
suatu kesatuan yang terdiri dari dua atau lebih komponen atau subsistem yang
berinteraksi untuk mencapai suatu tujuan.(Jogiyanto, Hartono, 2005. Pengenalan
Komputer, Andi, Yogyakarta)
2.9 Pengertian Aplikasi
Istilah aplikasi berasal dari bahasa inggris "application" yang berarti penerapan,
lamaran ataupun penggunaan. Sedangkan secara istilah, pengertian aplikasi adalah
UNIVERSITAS SUMATERA UTARA
suatu program yang siap untuk digunakan yang dibuat untuk melaksanakan suatu
fungsi bagi pengguna jasa aplikasi serta penggunaan aplikasi lain yang dapat
digunakan oleh suatu sasaran yang dituju atau pemecahan masalah yang
menggunakan teknik pemrosesan data aplikasi yang biasanya berpacu pada
komputansi yang diinginkan maupun pemrosesan data yang
diharapkan.(https://lesmardin1988.wordpress.com/2014/08/13/pengertianaplikasi)
Suatu sistem informasi adalah seperangkat aplikasi komputer yang dapat
memberi dukungan operasi dari suatu organisasi seperti operasi, instalasi serta
pada saat perawatan komputer, perangkat lunak dan data. Aplikasi biasanya
berupa perangkat lunak yang berbentuk software yang berisi kesatuan perintah
atau program yang dibuat untuk melaksanakan sebuah pekerjaan yang diinginkan.
Selain itu aplikasi juga mempunyai fungsi sebagai pelayan kebutuhan beberapa
aktivitas yang dilakukan oleh manusia seperti sistem untuk software jual beli,
permainan atau game online, pelayanan mayarakat dan hampir semua proses yang
dilakukan oleh manusia dapat dibantu dengan menggunakan suatu aplikasi.
UNIVERSITAS SUMATERA UTARA
BAB 3
PERANCANGAN SISTEM
3.1 Perancangan Sistem
Perancangan sistem merupakan upaya untuk memulai membangun sistem yang
akan dibuat. Perancangan ini dilakukan setelah mendapat gambaran dengan jelas
apa yang harus dikerjakan dengan merancang Website penjualan baju online.
3.2 Data Flow Diagram
Data Flow Diagram (DFD) adalah alat pembuatan model yang memungkinkan
profesional sistem untuk menggambarkan sistem sebagai suatu jaringan proses
fungsional yang dihubungkan satu sama lain dengan alur data, baik secara manual
maupunkomputerisasi.(https://adepuspita28.wordpress/2013/10/26/pengertian
data flow diagram dan-contoh-gambar-dfd/)
DFD memiliki simbol-simbol yang digunakan untuk menggambarkan model data
seperti pada Tabel 3.1:
UNIVERSITAS SUMATERA UTARA
Tabel 3.1: Simbol Data Flow Diagram
Gane / Sarson Yourdon/ De Marco Keterangan
Entitas Eksternal, dapat
berupa unit terkait yang
berinteraksi dengan sistem
tapi berada di luar sistem.
Orang atau unit yang
mempergunakan atau
melakukan transformasi
data.
Aliran data dengan arah
khusus dari sumber ke
tujuan.
Penyimpanan data atau
tempat data direfer oleh
proses.
3.3 Gambar Diagram Konteks Level 0
Gambar 3.1: Diagram Konteks Level 0
Entitas
Eksternal
Entitas
Eksternal
Proses
Proses
UNIVERSITAS SUMATERA UTARA
3.4 Gambar DFD Level 1
Gambar 3.2: DFD Level 1
3.5 Gambar DFD Level 2
Gambar 3.3: DFD Level 2
3.4 Flowchart Diagram (Diagram Alir)
Flowchart atau diagram alir adalah sebuah diagram yang digambarkan dengan
menggunakan simbol-simbol garis. Flowchart memiliki fungsi untuk menjelaskan
aliran algoritma dari suatu aplikasi, dan menganalisis masalah ke dalam segmen
untuk menganalisis alternative lain dalam pengoperasian.
Flowchart biasa disimbolkan dalam bentuk seperti dalam Tabel 3.2:
UNIVERSITAS SUMATERA UTARA
Tabel 3.2: Flowchart Diagram
No. Simbol Keterangan
1. Terminal, untuk memulai dan mengakhiri suatu
program
2. Proses, suatu symbol yang menunjukkan setiap
pengolahan yang dilakukan oleh computer.
3. Input-Output, untuk memasukkan data maupun
menunjukkan hasil dari suatu proses.
4. Decision, suatu kondisi yang akan menghasilkan
beberapa kemungkinan jawaban atau pilihan.
5. Predefinned Process, suatu simbol untuk menyediakan
tempat pengolahan data dalam storage.
6. Connector, suatu prosedur akan masuk dan keluar
melalui simbol ini dalam lembar yang sama.
7. Untuk menyimpan data.
3.4.1 Flowchart Home page
Flowchart Home page dapat dilihat pada Gambar 3.4:
Gambar 3.4: Flowchart Home Page
Start
Tampilan Web /
Homepage
Pilih menu
pada Web
Beranda Kontak Produk Pria Produk
wanita Produk
anak-anak
Daftar
Member
Bantuan
Info
Produk
Info
Bantuan Masukkan
nama,email,kata sandi,alamat,no.hp
UNIVERSITAS SUMATERA UTARA
3.4.2 Flowchart Pemesanan
Flowchart Pemesanan dapat dilihat pada Gambar 3.5:
Tidak
Ya
Gambar 3.5: Flowchart Customer
Start
Finish
Login
Cek Login
Pilih Produk
Keranjang
Konfirmasi
Pembayaran
Proses Pembayaran
UNIVERSITAS SUMATERA UTARA
3.4.3 Flowchart Admin
Flowchart Admin dapat dilihat pada Gambar 3.6:
Tidak
Ya
Gambar 3.6: Flowchart Admin
3.5 Perancangan Database
Database merupakan sebuah tempat penyimpanan data yang terstruktur agar dapat
diakses dengan cepat dan mudah. Database merupakan langkah awal pembuatan
Website, termasuk Website penjualan jam online. Pembuatan database dan tabel
Start
Logout
Login
Cek
Login
Form tambah
barang dan tabel
hapus barang
Database
Finish
UNIVERSITAS SUMATERA UTARA
mempergunakan fasilitas XAMPP dan phpmyadmin. Berikut ini gambaran isi dari
masing-masing tabel:
a. Tabel Admin terdiri dari:
Tabel 3.3: Tabel Admin
Nama Field Tipe Data Lebar Data Keterangan
Id_admin(*) Integer 3 Primary Key
Nama admin Varchar 30 -
Email_admin Varchar 20 -
Kata_sandi_admin Varchar 10 -
Alamat_admin Varchar 30 -
No_hp_admin Varchar 12 - Keterangan: * = Primary Key
** = Foreign Key
b. Tabel Pembayaran terdiri dari:
Tabel 3.4: Tabel Customer
Nama Field Tipe Data Lebar Data Keterangan
Id_customer (*) Integer 3 Primary Key
No_hp_customer Varchar 12 -
Email_customer Varchar 30 -
Alamat_customer Varchar 30 -
No_rekening_bank Integer 20 Mandiri,BNI, BRI Keterangan: * = Primary Key
** = Foreign Key
c. Tabel Keranjang terdiri dari:
Tabel 3.5: Tabel Keranjang
Nama Field Tipe Data Lebar Data Keterangan
Id_keranjang (*) Integer 3 Primary Key
Id_busana (**) Integer 3 Foreign Key
Id_customer(**) Integer 3 Foreign Key
Jumlah_baju Integer 3 - Keterangan: * = Primary Key
** = Foreign Key
UNIVERSITAS SUMATERA UTARA
d. Tabel Mode terdiri dari:
Tabel 3.6: Tabel Mode
Nama Field Tipe Data Lebar Data Keterangan
Id_busana (*) Integer 3 Primary Key
Nama_busana Varchar 15 -
Ukuran_busana Varchar 3 -
Harga_busana Currency
Status_mode Varchar 2 Promo, Normal
Katalog Varchar 1 Pria,Wanita,Anak-anak
Foto_baju Blob
Tipe Varchar Image, jpeg Keterangan: * = Primary Key
** = Foreign Key
e. Tabel Pesanan terdiri dari:
Tabel 3.7: Tabel Pesanan
Nama Field Tipe Data Lebar Data Keterangan
Id_pesanan (*) Integer 3 Primary Key
Id_busana (**) Integer 3 Foreign Key
Nama_pesanan_baju Varchar 15 -
Jumlah_baju Varchar 3 -
Foto_pesanan_baju Blob
Ukuran_baju Integer 3 -
Total_harga Currency - Keterangan: * = Primary Key
** = Foreign Key
UNIVERSITAS SUMATERA UTARA
3.6 Diagram Kerelasian Antar Relasi
Gambar 3.7: Menuliskan relasi dan atribut dalam bentuk tabel (Langkah 1)
Tabel Admin
Id_admin
Nama_admin
Email_admin
Kata sandi_admin
Alamat_admin
No_hp_admin
Tabel Customer
Id_customer
No_hp_customer
Email_customer
Alamat_customer
No_rekening_bank
Tabel Keranjang
Id_cart
Id_busana
Id_customer
Jumlah_baju
Tabel Mode
Id_busana Nama_baju
Ukuran_baju Harga_baju
Status_mode Katalog
Foto_baju Tipe
Tabel Pesanan
Id_pesanan Id_Busana
Nama_pesanan_baju Jumlah_baju Total_harga
Foto_pesanan_baju Ukuran_baju
UNIVERSITAS SUMATERA UTARA
3.7 Diagram Antar Relasi dengan Menentukan Primary dan Foreign Key
Tabel Admin
Id_admin**
Nama_admin
Email_admin
Kata_sandi_admin
Alamat_admin
No_hp_admin
Tabel Customer
Id_customer* No_hp_customer Email_customer
Alamat_customer No_rekening_bank
Tabel Keranjang Id_keranjang* Id_busana**
Id_customer** Jumlah_baju
Tabel Mode
Id_busana* Nama_baju
Ukuran_baju Harga_baju Status_baju
Katalog Foto_baju
Tipe
Tabel Pesanan
Id_Pesanan* Id_Busana**
Nama_pesanan_baju Jumlah_baju Total_harga
Foto_pesanan_baju Ukuran_baju
Gambar 3.8: Menentukan dan menandai PK dan FK (Langkah 2)
UNIVERSITAS SUMATERA UTARA
3.8 Menghubungkan Antar Relasi
Gambar 3.9: Menghubungkan Antar Relasi (Langkah 3)
Tabel Admin
Id_admin*
Nama_admin
Email_admin
Kata_sandi_admin
Alamat_admin
No_hp_admin
Tabel Pesanan
Id_Pesanan* Id_Busana**
Nama_pesanan_baju Jumlah_baju Total_harga
Status Foto_pesanan_baju
Ukuran_baju
Tabel Keranjang
Id_keranjang* Id_admin**
Id_customer** Id_pesanan** Jumlah_baju
Tabel Mode
Id_busana* Nama_baju
Ukuran_baju Harga_baju
Status_mode Katalog
Foto_baju Tipe
Tabel Customer
Id_customer* No_hp_customer Email_customer
Alamat_customer No_rekening_bank
UNIVERSITAS SUMATERA UTARA
3.9 Hubungan Antar Relasi
Gambar 3.10: Gambar Hubungan Antar Tabel
Tabel Admin
Id_admin*
Nama_admin
Email_admin
Kata_sandi_admin
Alamat_admin
No_hp_admin
Tabel Pesanan
Id_Pesanan* Id_Busana**
Nama_pesanan_baju Jumlah_baju Total_harga
Foto_pesanan_baju Ukuran_baju
Tabel Keranjang
Id_keranjang* Id_admin**
Id_customer** Jumlah_baju
Id_pesanan**
Tabel Mode
Id_busana* Nama_busana
Ukuran_busana Harga_baju
Status Katalog
Foto_mode Ukuran_baju
Tipe Terpopuler
Tabel Customer
Id_customer* No_hp_customer Email_customer
Alamat_customer No_rekening_bank
UNIVERSITAS SUMATERA UTARA
BAB 4
IMPLEMENTASI SISTEM
4.1 Definisi Implementasi Sistem
Implementasi sistem merupakan langkah-langkah atau prosedur yang dilakukan
dalam menyelesaikan desain sistem yang telah disetujui untuk menguji dan
memulai sistem baru atau sistem yang diperbaiki untuk menggantikan sistem yang
lama, sedangkan tahap implementasi sistem merupakan tahap meletakkan sistem
agar sistem dapat siap untuk dioperasikan.
4.2 Tujuan Implementasi
Adapun tujuan implementasi sistem, yaitu:
a. Mengkaji rangkaian sistem baik dari segi software maupun hardware
sebagai sarana pengolah data dan penyaji informasi.
b. Memastikan bahwa pemakai dapat mengoperasikan dengan mudah
terhadap sistem yang baru dan mendapat informasi yang baik dan
jelas.
UNIVERSITAS SUMATERA UTARA
4.3 Komponen dalam Implementasi Sistem
Perancangan sistem yang telah dikerjakan dapat berjalan baik atau tidak perlu
dilakukan pengujian terhadap sistem yang telah dikerjakan. Adapun beberapa
komponen utama yang dibutuhkan berupa perangkat keras (hardware), perangkat
lunak (software), dan perangkat operator (brainware).
4.3.1 Kebutuhan Perangkat Keras
Perangkat keras (hardware) merupakan komponen peralatan yang membentuk
suatu sistem komputer dan peralatan tambahan lainnya yang mungkin komputer
menjalankan tugasnya sesuai dengan yang diberikan. Komponen ini bersifat nyata
secara fisik, artinya dapat dilihat dan dipergunakan, misalnya monitor, CPU
(Control Processing Unit), printer, keyboard, dan mouse.
Spesifikasi perangkat keras komputer yang digunakan dalam pembuatan Website
ini adalah:
1. Laptop dengan Processor min intel Core i2
2. Memory RAM 256 MB atau seperlunya
3. Flashdisk sesuai kebutuhan
4. MICROSOFT Windows 2000 atau XP Home
5. Printer
6. Mouse
UNIVERSITAS SUMATERA UTARA
4.3.2 Kebutuhan Perangkat Lunak
Hardware tidak dapat menyelesaikan masalah tanpa adanya software. Software
merupakan komponen di dalam sistem data berupa program atau instruksi untuk
mengontrol suatu sistem. Perangkat lunak yang diperlukan untuk menjalankan
perangkat kerasnya adalah:
1. Windows 7
2. Apache
3. MySql
4. Browser
5. Sublime
6. Dreamweaver
4.3.3 Kebutuhan Brainware
Perangkat Operator (brainware) yang dapat menjalankan Website ini terbagi
menjadi (dua) yaitu:
1. Owner
2. Visitor
UNIVERSITAS SUMATERA UTARA
4.4 Struktur Halaman Website
Adapun struktur halaman Website sistem informasi penjualan baju online sebagai
berikut:
Gambar 4.1: Struktur Halaman Website
Halaman Website terdapat Halaman beranda, halaman kontak yang berupa kontak
owner, halaman produk pria, wanita, dan anak-anak yang terdapat berbagai
macam produk, halaman beli untuk pemesanan produk, halaman daftar yang
gunanya untuk mendaftar sebagai customer saat ingin memesan suatu produk, dan
halaman bantuan yang gunanya untuk customer yang membutuhkan suatu info
saat mengalami kesulitan dalam memesan suatu produk yang terdapat pada Butik
Cemerlang.
4.5 Tampilan Halaman Website
Halaman Website pada pengujian ini penulis menggunakan Web browser Google
Chrome setelah Web browser jalan, ketikkan pada address bar
Halaman
utama
Halaman
produk
anak-anak
Halaman
produk wanita
Halaman
produk
pria
Halaman
kontak
Halaman
Beranda Bantuan Daftar Beli
UNIVERSITAS SUMATERA UTARA
http://localhost/Cemerlang/ untuk menampilkan halaman utama. Halaman utama
sistem tersebut seperti pada Gambar 4.2.
Halaman utama ini berisikan produk-produk yang dijual pada Butik
Cemerlang. Terdapat juga menu Beranda, kontak, produk pria, produk wanita,
produk anak-anak, menu beli, dan bantuan. Halaman utama Butik Cemerlang juga
menawarkan produk promo maupun produk yang terpopuler. Berikut tampilan
menu utama pada Gambar 4.2:
Gambar 4.2: Tampilan Menu Utama
Tampilan menu kontak berfungsi agar costumer dapat menghubungi pihak Butik
Cemerlang yang ingin menanyakan suatu info tentang produk-produk yang
ditawarkan. Adapun yang terdapat pada menu kontak yang berisikan nomor
handphone, alamat, email dan media pembayaran. Berikut tampilan menu kontak
pada Gambar 4.3:
UNIVERSITAS SUMATERA UTARA
Gambar 4.3: Tampilan Menu Kontak
Berikut tampilan menu produk pria yang ditawarkan pada Butik cemerlang pada
Gambar 4.4:
Gambar 4.4: Tampilan Produk Pria
UNIVERSITAS SUMATERA UTARA
Adapun tampilan daftar customer meliputi nama pembeli, email, katasandi,
alamat,nomor handphone. Berikut tampilan menu daftar pada Gambar 4.5:
Gambar 4.5: Tampilan Menu Daftar Customer
Menu bantuan berfungsi apabila customer mengalami kesulitan. Adapun terdapat
syarat dan ketentuan sebelum memesan produk. Berikut tampilan menu bantuan
pada Gambar 4.6:
Gambar 4.6: Menu Bantuan
Menu Masukkan barang berfungsi saat owner ingin memasukkan produk-produk
terbaru ke Butik Cemerlang. Menu ini berisikan nama barang, harga satuan, status
yang berarti produk itu memiliki harga normal ataupun diskon, katalog yang
UNIVERSITAS SUMATERA UTARA
berisikan pruduk pria, wanita ataupun anak-anak, dan uploud poto. Berikut
Gambar 4.7 tampilan menu masukkan barang:
Gambar 4.7: Menu Masukkan Barang
Apabila admin ingin mengganti akun, terdapat menu update akun yang berupa
email dan kata sandi. Berikut menu update akun pada Gambar 4.8:
Gambar 4.8: Menu Update Akun Admin
4.6 Ringkasan
Sesuai dengan pembicaraan Bab 4 (empat) dapat diringkaskan bahwa hasilnya
merupakan software aplikasi dalam bentuk Website untuk sistem informasi
penjualan baju online.
UNIVERSITAS SUMATERA UTARA
BAB 5
PENUTUP
5.1 Kesimpulan
Sesuai dengan ringkasan pada bab-bab sebelumnya penulis dapat menyimpulkan:
1. Sistem Informasi Penjualan baju online dibuat dengan menggunakan bahasa
pemrograman PHP dan database MySql. Pembuatan dilakukan melalui
beberapa tahapan, yaitu tahap studi kelayakan, analisa sistem, perencanaan,
perancangan sistem, implementasi. Studi kelayakan yaitu kajian yang hasilnya
digunakan untuk mengambil keputusan suatu proyek yang dijalankan. Analisa
sistem yaitu fase pengembangan sistem dengan mempelajari sistem dan proses
kerja. Perencanaan yaitu proses membuat perencanaan dalam membangun
sistem. Perancangan yaitu tahap membangun gambaran pada perencanaan.
Implementasi yaitu tahap penerapan sistem agar siap dioperasikan .
2. Hasil dari software penjualan baju online dapat memberikan informasi produk
terbaru kepada masyarakat.
UNIVERSITAS SUMATERA UTARA
5.2 Saran
Berdasarkan kesimpulan dari software penjualan baju online dapat disarankan hal-
hal berikut ini:
1. Sistem Informasi Penjualan Berbasis Web Pada Butik Busana Cemerlang
dapat dikembangkan lagi menjadi lebih baik.
2. Sebaiknya sistem ini dilengkapi dengan fasilitas member dan non member
sehingga memudahkan proses pengarsipan tentang data customer.
UNIVERSITAS SUMATERA UTARA
Listing Program
ADMIN
Akun.php
<?php
$do = mysql_query("SELECT * FROM `user` WHERE
`id_user`='$user_id'");
$re = mysql_fetch_array($do);
$email = $re['email'];
?>
<div class="center_title_bar">Update akun Admin</div>
<div class="bagon">
<form action="" method="POST" />
<table>
<tr>
<td>Email</td><td>:</td><td><input type="text"
name="email" value="<?php echo $email; ?>" /></td>
</tr>
<tr>
<td>Kata sandi</td><td>:</td><td><input
type="password" name="sandi" placeholder="Kata sandi baru"
/></td>
</tr>
<tr>
<td><input type="submit" name="update"
value="Update" /></td>
</tr>
</table>
</form>
</div>
<?php
if(isset($_POST['update'])){
$email = $_POST['email'];
$sandi = $_POST['sandi'];
$pass = md5($sandi);
if(!$email || !$sandi){
echo "<script>alert('Form belum diisi lengkap.');
window.location.href='index.php?menu=akun'</script>";
}else{
$query_mail = mysql_query("select * from user where
email='$email'");
$cek_mail = mysql_num_rows($query_mail);
if ($cek_mail > 0){
echo "<script>alert('Email sudah terpakai!');
window.location.href='index.php?menu=akun'</script>";
}else{
$ubah = mysql_query("UPDATE `user` SET
`email`='$email',`sandi`='$pass' WHERE
`id_user`='$user_id'");
if($ubah){
UNIVERSITAS SUMATERA UTARA
echo "<script>alert('Update akun
berhasil!'); window.location.href='../logout.php'</script>";
}else{
echo"kesalahan".mysql_error();
}
}
}
}
?>
Bon.php
<?php
error_reporting(0);
session_start();
include ("../koneksi.php");
$id_pelanggan = $_GET['id_pelanggan'];
$nama_photo = $_GET['nama_photo'];
$mi = mysql_query("UPDATE `pesanan` SET `status`='lunas' WHERE
`id_user`='$id_pelanggan' AND `photo`='$nama_photo'");
$re = mysql_query("SELECT * FROM `pesanan` WHERE
`id_user`='$id_pelanggan' AND `photo`='$nama_photo'");
$do = mysql_fetch_array($re);
$nama_pembeli = $do['nama_pembeli'];
$nama_pesanan = $do['nama_pesanan'];
$jumlah = $do['jumlah'];
$waktu = $do['waktu'];
$email = $do['email'];
$alamat = $do['alamat'];
$no_hp = $do['no_hp'];
$tohar = $do['total_harga'];
$bukti = $do['photo'];
?>
<html>
<head>
<title>Cetak bon</title>
<style type="text/css">
p{
font-family:"Times New Roman", Times, serif;
text-align:justify;
}
a:link{
text-decoration:none;
color:#000000;
}
a:visited{
color:#000000;
}
</style>
</head>
<body>
<h1>Data Pembeli</h1>
<p><a href="javascript:window.print()"><img
src="../images/printer.png"> Cetak</a> <a
href="index.php?menu=pelanggan"><img
src="../images/back.png"> Kembali</a></p>
UNIVERSITAS SUMATERA UTARA
<table border="0">
<tr>
<td>Nama</td><td>:</td><td><?php echo $nama_pembeli;
?></td>
</tr>
<tr>
<td>Email</td><td>:</td><td><?php echo $email; ?></td>
</tr>
<tr>
<td>Alamat</td><td>:</td><td><?php echo $alamat;
?></td>
</tr>
<tr>
<td>Nomor telpon</td><td>:</td><td><?php echo $no_hp;
?></td>
</tr>
<tr>
<td>Barang</td><td>:</td>
<?php
$mi = mysql_query("SELECT nama_pesanan,jumlah FROM
`pesanan` WHERE `id_user`='$id_pelanggan' AND
`photo`='$nama_photo'");
$batas = mysql_num_rows($re);
if($batas == 1){
echo"<tr>
<td></td><td></td><td>$nama_pesanan</td><td>$jumlah
potong</td>
</tr>";
}else{
$no = 1;
while($do = mysql_fetch_array($mi)){
$nama_pesanan = $do['nama_pesanan'];
$jumlah = $do['jumlah'];
echo"<tr>
<td></td><td></td><td>$no.
$nama_pesanan</td><td>$jumlah potong</td>
</tr>";
$no++;
}
}
?>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Waktu</td><td>:</td><td><?php echo $waktu; ?></td>
</tr>
<tr>
<td>Total harga</td><td>:</td><td>Rp<?php echo $tohar;
?></td>
</tr>
<tr>
<td valign="top">Bukti</td><td
valign="top">:</td><td><img src="../transaksi/<?php echo
$bukti; ?> "width="200" height="300" ></td>
</tr>
UNIVERSITAS SUMATERA UTARA
</table>
</body>
</html>
Delbar.php
<?php
error_reporting(0);
include"../koneksi.php";
$id_busana = $_GET['id'];
$b = mysql_query("SELECT * FROM mode WHERE id_busana=$id_busana");
$liat = mysql_fetch_array($b);
$foto = $liat['photo'];
$delbus = mysql_query("DELETE FROM mode WHERE
id_busana=$id_busana");
if($delbus){
unlink("../gambar/".$foto);
echo "<script>alert('Data berhasil dihapus!');
document.location='javascript:history.go(-1)';</script>";
}else{
echo"gagal hapus data".mysql_error();
}
?>
Delbon.php
<?php
error_reporting(0);
include"../koneksi.php";
$id_pelanggan = $_GET['id_pelanggan'];
$nama_photo = $_GET['nama_photo'];
$delsan = mysql_query("DELETE FROM `pesanan` WHERE
`id_user`='$id_pelanggan' AND `photo`='$nama_photo'");
if($delsan){
unlink("../transaksi/".$nama_photo);
echo "<script>alert('Bon berhasil dihapus!');
document.location='javascript:history.go(-1)';</script>";
}else{
echo"Error".mysql_error();
}
?>
Index.php
<?php
session_start();
include ("../koneksi.php");
if ($_SESSION['email'] && $_SESSION['password']){
$sql = mysql_query("SELECT * FROM user WHERE
email='".$_SESSION['email']."' AND
sandi='".$_SESSION['password']."' AND level='admin'");
if(mysql_num_rows($sql)>0){
$go = mysql_fetch_assoc($sql);
$user_id = $go['id_user'];
UNIVERSITAS SUMATERA UTARA
?>
<html>
<head>
<title>Cemerlang</title>
<link rel="stylesheet" href="../style.css">
<script></script>
<style type="text/css">
</style>
</head>
<body>
<div id="main_container">
<div class="top_bar">
<div class="top_search">
<div class="salam_admin">Selamat datang, <b>Admin</b></div>
</div>
</div>
<div id="header">
<div id="logo"> <a href="index.php"><img
src="../images/cemerlang1.png" alt="" border="0" width="237"
height="140" /></a> </div>
<div class="oferte_content">
<div class="top_divider"><img
src="../images/header_divider.png" alt="" width="1"
height="164" /></div>
<div class="oferta">
<div class="oferta_content"> <img
src="../images/batik.jpg" width="94" height="92" alt=""
border="0" class="oferta_img" />
<div class="oferta_details">
<div class="oferta_title">Busana murah dan
menarik</div>
<div class="oferta_text">Mulai Rp 55.000,00, belanja
murah dengan kualitas unggulan pesan sekarang juga hanya di
CEMERLANG.</div>
</div>
</div>
<div class="top_divider"><img
src="../images/header_divider.png" alt="" width="1"
height="164" /></div>
</div>
<!-- end of oferte_content-->
</div>
<div id="main_content">
<div id="menu_tab">
<div class="left_menu_corner"></div>
<ul class="menu">
<li><a href="index.php" class="nav1"> Beranda</a></li>
<li class="divider"></li>
<li><a href="?menu=upkontak" class="nav2">Update
Kontak</a></li>
<li class="divider"></li>
<li><a href="?menu=akun" class="nav11">Update
Akun</a></li>
<li class="divider"></li>
<li><a href="?menu=barang" class="nav10">Data
Barang</a></li>
<li class="divider"></li>
<li><a href="?menu=pelanggan" class="nav6">Daftar
pembeli</a></li>
UNIVERSITAS SUMATERA UTARA
<li class="divider"></li>
<li><a href="../logout.php" class="nav9">Keluar</a></li>
<li class="divider"></li>
</ul>
<div class="right_menu_corner"></div>
</div>
<!-- end of menu tab -->
<div class="crumb_navigation">Halaman Admin</div>
<div class="left_content">
<div class="title_box">Menu</div>
<ul class="left_menu">
<li class="odd"><a href="index.php">Beranda</a></li>
<li class="even"><a href="?menu=upkontak">Update
kontak</a></li>
<li class="even"><a href="?menu=akun">Update
akun</a></li>
<li class="odd"><a href="?menu=barang">Data
barang</a></li>
<li class="even"><a href="?menu=pelanggan">Daftar
pembeli</a></li>
<li class="odd"><a
href="../logout.php">Keluar</a></li>
</ul>
</div>
<!-- end of left content -->
<div class="center_content">
<?php
include"menu.php";
?>
</div>
<!-- end of center content -->
<div class="right_content">
</div>
<!-- end of right content -->
</div>
<!-- end of main content -->
<div class="footer">
<div class="left_footer"> <img src="../images/cemerlang1.png"
alt="" width="170" height="45"/> </div>
<div class="center_footer">CEMERLANG. All Rights Reserved
2017<br />
<a href="http://csscreme.com"><img
src="../images/csscreme.jpg" alt="csscreme" border="0"
/></a><br />
</div>
</div>
<!-- end of main_container -->
</body>
</html>
<?php
} else{
header("location:../logout.php");
exit;
}
}else{
header("location:../index.php");
exit;
UNIVERSITAS SUMATERA UTARA
}
?>
Input Barang.php
<div class="center_title_bar">Masukkan data barang</div>
<div class="bagon">
<form action="" enctype="multipart/form-data" method="post">
<table>
<tr>
<td>Nama barang</td><td>:</td><td><input
type="text" name="nama_busana" /></td>
</tr>
<tr>
<td>Ukuran busana</td><td>:</td>
<td>
<select name="ukuran_busana">
<option value="XS" selected>XS</option>
<option value="S">S</option>
<option value="M">M</option>
<option value="L">L</option>
<option value="M-XL">M-XL</option>
<option value="XL">XL</option>
<option value="XXL">XXL</option>
</select>
</td>
</tr>
<tr>
<td>Harga satuan (Rp)</td><td>:</td><td><input
type="text" name="harga" /></td>
</tr>
<tr>
<td>Status</td><td>:</td>
<td>
<select name="status">
<option value="normal"
selected>Normal</option>
<option value="promo">Promo</option>
</select>
</td>
</tr>
<tr>
<td>Katalog</td><td>:</td>
<td>
<select name="katalog">
<option value="pria"
selected>Pria</option>
<option value="wanita">Wanita</option>
<option value="anak-anak">Anak-
anak</option>
</select>
</td>
</tr>
<tr>
<td>Foto</td><td>:</td>
<td><input type="file" name="photo"
size="30"/></td>
</tr>
<tr>
UNIVERSITAS SUMATERA UTARA
<td><input type="submit" name="masuk"
value="Masukkan data" /></td>
</tr>
</table>
</form>
</div>
<?php
if(isset($_POST['masuk'])){
$nama = $_POST['nama_busana'];
$urbus = $_POST['ukuran_busana'];
$harga = $_POST['harga'];
$status = $_POST['status'];
$kalog = $_POST['katalog'];
$nama_photo = $_FILES['photo']['name'];
$ukuran = $_FILES['photo']['size'];
$type = $_FILES['photo']['type'];
if(empty($nama) || empty($urbus) || empty($harga) ||
empty($status) || empty($kalog) || empty($nama_photo)){
echo "<script>alert('Data belum diisi dengan lengkap
!'); window.location.href='index.php'</script>";
exit;
}else{
$query_nama = mysql_query("select * from mode where
nama_busana='$nama'");
$cek_nama = mysql_num_rows($query_nama);
if ($cek_nama > 0){
echo "<script>alert('Nama busana sudah termuat
dalam database!');
window.location.href='index.php'</script>";
}else{
if($type != "image/gif" && $type !=
"image/jpg" && $type != "image/jpeg" && $type !=
"image/png") {
echo "<script>alert('File yang di
ijinkan hanya jpg, jpeg, png, gif!');
window.location.href='index.php'</script>";
}else{
if($ukuran>1000000){
echo "<script>alert('File Yang
Di izinkan Hanya berukuran kurang dari 1MB!');
window.location.href='index.php'</script>";
}else{
$uploaddir='../gambar/';
$rnd=date(His);
$nama_file_upload=$rnd.'-
'.$nama_photo;
$alamatfile=$uploaddir.$nama_file_upload;
if
(move_uploaded_file($_FILES['photo']['tmp_name'],$alamatfile
))
{
UNIVERSITAS SUMATERA UTARA
$input =
mysql_query("INSERT INTO mode
VALUES('','$nama','$urbus','$harga','$status','$kalog','$nam
a_file_upload','$ukuran','$type','1')");
if($input){
echo
"<script>alert('Data barang berhasil dimasukkan.');
window.location.href='index.php'</script>";
exit;
}else{
echo "GAGAL:
".mysql_error();
}
}else{
echo "<p>Proses upload
gagal, kode error = " . $_FILES['location']['error']."</p>";
}
}
}
}
}
}
?>
Menu.php <?php
error_reporting(0);
if ($_GET[menu]=="upkontak"){
include"upkontak.php";
}
else if ($_GET[menu]=="barang"){
include"mode.php";
}
else if ($_GET[menu]=="pembeli"){
include"pembeli.php";
}
else if ($_GET[menu]=="akun"){
include"akun.php";
}
else if ($_GET[menu]=="pelanggan"){
include"pelanggan.php";
}
else {
include"inbar.php";
}
?>
Mode.php
<div class="center_title_bar">Daftar busana</div>
<div class="bagon2">
<table width="555" border="1" cellspacing="0" cellpadding="0">
<tr>
UNIVERSITAS SUMATERA UTARA
<td width="25" align="center">No</td>
<td width="50" align="center">Foto</td>
<td width="165" align="center">Nama</td>
<td width="30" align="center">Ukuran</td>
<td width="100" align="center">Harga satuan</td>
<td width="80" align="center">Katalog</td>
<td width="80" align="center">Status</td>
<td width="25" align="center"> </td>
</tr>
<?php
$no = 1;
$do = mysql_query("SELECT * FROM `mode`");
while($re = mysql_fetch_array($do)){
$id_bar = $re['id_busana'];
$nabu = $re['nama_busana'];
$ubus = $re['ukuran_busana'];
$harga = $re['harga'];
$status = $re['status'];
$kalog = $re['katalog'];
$foto = $re['photo'];
?>
<tr>
<td align="center"><?php echo $no; ?></td>
<td align="center"><img src="../gambar/<?php echo $foto;
?>" width="50" height="50" border="0" /></td>
<td align="center"><?php echo $nabu; ?></td>
<td align="center"><?php echo $ubus; ?></td>
<td align="center">Rp<?php echo $harga; ?></td>
<td align="center"><?php echo $kalog; ?></td>
<td align="center"><?php echo $status; ?></td>
<td align="center"><a href="delbar.php?id=<?php echo
$id_bar; ?>"><img src="../images/delbar.png" width="25"
height="25" border="0" /></a></td>
</tr>
<?php
$no++;
}
?>
</table>
</div>
Pelanggan.php
<div class="center_title_bar">Daftar pembeli</div>
<div class="bagon2">
<table width="555" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="25" align="center">No</td>
<td width="173" align="center">Nama pembeli</td>
<td width="180" align="center">Alamat</td>
<td width="47" align="center">Status</td>
<td width="65" align="center">Pesanan</td>
<td width="25" align="center"> </td>
</tr>
<?php
$no = 1;
$do = mysql_query("SELECT * FROM `pesanan` WHERE `email`!='-
' GROUP BY `photo`");
$hitung = mysql_num_rows($do);
if($hitung < 1){
UNIVERSITAS SUMATERA UTARA
echo"<script>window.alert('Daftar pembeli masih
kosong!'); window.location=('index.php')</script>";
}else {
while($re = mysql_fetch_array($do)){
$nama_pembeli = $re['nama_pembeli'];
$alamat = $re['alamat'];
$email = $re['email'];
$status = $re['status'];
$nama_photo = $re['photo'];
$id_pelanggan = $re['id_user'];
$id_pesanan = $re['id_pesanan'];
?>
<tr>
<td align="center"><?php echo $no; ?></td>
<td align="center"><?php echo $nama_pembeli; ?></td>
<td align="center"><?php echo $alamat; ?></td>
<td align="center"><?php echo $status; ?></td>
<td align="center"><a href="bon.php?id_pelanggan=<?php echo
$id_pelanggan; ?>&nama_photo=<?php echo $nama_photo;
?>">Lihat</a></td>
<td align="center"><a href="delpan.php?id_pelanggan=<?php
echo $id_pelanggan; ?>&nama_photo=<?php echo $nama_photo;
?>"><img src="../images/delbar.png" width="25" height="25"
border="0" /></a></td>
</tr>
<?php
$no++;
}
}
?>
</table>
</div>
Up kontak.php
<?php
$do = mysql_query("SELECT * FROM `kontak`");
while($re = mysql_fetch_array($do)){
$hp = $re['no_hp'];
$email = $re['email'];
$alamat = $re['alamat'];
$bayar1 = $re['bayar1'];
$bayar2 = $re['bayar2'];
$bayar3 = $re['bayar3'];
echo"
<div class='center_title_bar'>Update kontak</div>
<div class='bagon'>
<form action='' method='POST' />
<table>
<tr>
<td>Nomor handphone</td><td>:</td><td><input
type='text' name='no_hp' value='$hp' /></td>
</tr>
<tr>
<td>Email</td><td>:</td><td><input type='text'
name='email' value='$email' /></td>
</tr>
<tr>
<td>Alamat</td><td>:</td><td><input type='text'
name='alamat' value='$alamat' /></td>
UNIVERSITAS SUMATERA UTARA
</tr>
<tr>
<td></td><td></td>
</tr>
<tr>
<td>Media Pembayaran</td>
<tr>
<td>BNI</td><td>:</td><td><input type='text'
name='bayar1' value='$bayar1' /></td>
</tr>
<tr>
<td>Mandiri</td><td>:</td><td><input type='text'
name='bayar2' value='$bayar2' /></td>
</tr>
<tr>
<td>BRI</td><td>:</td><td><input type='text'
name='bayar3' value='$bayar3' /></td>
</tr>
</tr>
<tr>
<td><input type='submit' name='update' value='Update
kontak' /></td>
</tr>
</table>
</form>
</div>";
}
?>
<?php
if(isset($_POST['update'])){
$no_hp = $_POST['no_hp'];
$email = $_POST['email'];
$alamat = $_POST['alamat'];
$bayar1 = $_POST['bayar1'];
$bayar2 = $_POST['bayar2'];
$bayar3 = $_POST['bayar3'];
if(!$no_hp | !$email | !$alamat | !$bayar1 | !$bayar2 | !$bayar3){
echo"<script>alert('Form belum diisi dengan lengkap!');
window.location.href='index.php?menu=upkontak'</script>";
}else{
$update = mysql_query("update kontak set no_hp='$no_hp',
email='$email', alamat='$alamat', bayar1='$bayar1',
bayar2='$bayar2', bayar3='$bayar3'");
if($update){
echo"<script>alert('Update kontak berhasil.');
window.location.href='index.php'</script>";
}else{
echo "GAGAL: ".mysql_error();
}
}
}
?>
UNIVERSITAS SUMATERA UTARA
About.php
<div class="center_content">
<div class="center_title_bar">Tentang kami</div>
<div class="prod_box_big">
<div class="top_prod_box_big"></div>
<div class="center_prod_box_big">
<div class="product_img_big"><img
src="../images/cemerlang1.png" alt="" width="150"
height="72" border="0" />
</div>
<div class="details_big_box">
<div class="product_title_big">CEMERLANG</div>
<div class="specifications">
<p>Kami adalah perusahaan nirlaba yang bergerak
dalam bidang penjualan pakaian jadi, dengan harga
terjangkau, bertempat di kota Medan.</p>
</div>
</div>
</div>
<div class="bottom_prod_box_big"></div>
</div>
</div>
Addcart.php
<?php
error_reporting(0);
session_start();
include ("../koneksi.php");
$id_bar = $_GET['id_bar'];
$id_us = $_GET['id_user'];
$lo = mysql_fetch_array(mysql_query("SELECT * FROM `mode` WHERE
`id_busana`='$id_bar'"));
$nabus = $lo['nama_busana'];
$sql = mysql_query("SELECT id_busana FROM `cart` WHERE
`id_busana`='$id_bar' AND `id_user`='$id_us'");
$num = mysql_num_rows($sql);
if ($num==0){
$input = mysql_query("INSERT INTO `cart`
VALUES('','$id_bar','1','$id_us')");
if($input){
$go = mysql_query("INSERT INTO `pesanan`
VALUES('','$id_bar','$nabus','-','1','-','-','-','-','-
','new','-','-','-','$id_us')");
}else{
echo"Error:".mysql_error();
}
}else {
$masuk = mysql_query("UPDATE `cart` SET `jumlah` =
jumlah + 1 WHERE `id_busana`='$id_bar' AND
`id_user`='$id_us'");
if($masuk){
UNIVERSITAS SUMATERA UTARA
$de = mysql_query("UPDATE `pesanan` SET `jumlah`
= jumlah + 1 WHERE `id_busana`='$id_bar' AND
`id_user`='$id_us'");
$mo = mysql_query("UPDATE `mode` SET
`terpopuler` = terpopuler + 1 WHERE `id_busana`='$id_bar'");
}else{
echo"Salah gih:".mysql_error();
}
}
if($input || $masuk){
header('location:cart.php');
}else{
echo"Kesalahan:".mysql_error();
}
?>
Bayar.php
<?php
date_default_timezone_set('Asia/Jakarta');
error_reporting(0);
session_start();
include ("../koneksi.php");
if ($_SESSION['email'] && $_SESSION['password']){
$sql = mysql_query("SELECT * FROM user WHERE
email='".$_SESSION['email']."' AND
sandi='".$_SESSION['password']."' AND level='user'");
if(mysql_num_rows($sql)>0){
$go = mysql_fetch_assoc($sql);
$user_id = $go['id_user'];
?>
<html>
<head>
<title>Pembayaran</title>
<link rel="stylesheet" href="../style.css">
<script></script>
<style type="text/css">
</style>
</head>
<body>
<div id="main_container">
<div class="top_bar">
<div class="top_search">
<div class="search_text">Cari busana disini</div>
<form method="post" action="cari.php">
<input type="text" class="search_input" name="search" />
<input type="image" src="../images/search.gif"
class="search_bt"/>
</form>
</div>
<div class="languages">
<marquee>Belanja murah mulai Rp250.000,00</marquee>
</div>
</div>
<div id="header">
<div id="logo"> <a href="index.php"><img
src="../images/ri3.png" alt="" border="0" width="237"
height="140" /></a> </div>
<div class="oferte_content">
UNIVERSITAS SUMATERA UTARA
<div class="top_divider"><img
src="../images/header_divider.png" alt="" width="1"
height="164" /></div>
<div class="oferta">
<div class="oferta_content"> <img
src="../images/batik.jpg" width="94" height="92" alt=""
border="0" class="oferta_img" />
<div class="oferta_details">
<div class="oferta_title">Busana murah dan
menarik</div>
<div class="oferta_text">Mulai Rp250.000,00, belanja
murah dengan kualitas unggulan pesan sekarang juga hanya di
CEMERLANG.</div>
</div>
</div>
<div class="top_divider"><img
src="../images/header_divider.png" alt="" width="1"
height="164" /></div>
</div>
<!-- end of oferte_content-->
</div>
<div id="main_content">
<div id="menu_tab">
<div class="left_menu_corner"></div>
<ul class="menu">
<li><a href="index.php" class="nav1"> Beranda</a></li>
<li class="divider"></li>
<li><a href="index.php?menu=kontak"
class="nav2">Kontak</a></li>
<li class="divider"></li>
<li><a href="index.php?menu=pria"
class="nav3">Pria</a></li>
<li class="divider"></li>
<li><a href="index.php?menu=wanita"
class="nav4">Wanita</a></li>
<li class="divider"></li>
<li><a href="index.php?menu=kid" class="nav5">Anak-
anak</a></li>
<li class="divider"></li>
<li><a href="cart.php" class="nav6">Beli</a></li>
<li class="divider"></li>
<li><a href="index.php?menu=upro" class="nav11">Update
akun</a></li>
<li class="divider"></li>
<li><a href="index.php?menu=bantuan"
class="nav8">Bantuan</a></li>
<li class="divider"></li>
<li><a href="../logout.php"
class="nav9">Keluar</a></li>
<li class="divider"></li>
</ul>
<div class="right_menu_corner"></div>
</div>
<!-- end of menu tab -->
<div class="crumb_navigation">Buka setiap hari, kecuali hari
minggu dan libur 08.00-17.00 WIB</div>
<div class="left_content">
<div class="title_box">Promo</div>
<ul class="left_menu">
UNIVERSITAS SUMATERA UTARA
<?php
$do = mysql_query("SELECT * FROM `mode` WHERE
`status`='promo'");
while($re = mysql_fetch_array($do)){
$nama = $re['nama_busana'];
$harga = $re['harga'];
$id_bus = $re['id_busana'];
echo"<li class='odd'><a
href='detail.php?id=$id_bus'>$nama IDR $harga</a></li>";
}
?>
</ul>
</div>
<!-- end of left content -->
<div class="center_content">
<?php
$total_harga = $_POST['tobar'];
$id_bar = $_POST['id_nilai'];
$do = mysql_query("SELECT * FROM `user` WHERE
`id_user`='$user_id'");
while($re = mysql_fetch_array($do)){
$nama = $re['nama'];
$email = $re['email'];
$alamat = $re['alamat'];
$no_hp = $re['no_hp'];
include"price.php";
?>
<div class="center_title_bar">Pembayaran</div>
<div class="bagon">
<form action="" method="POST" enctype="multipart/form-
data">
<input type="hidden" name="nama_pembeli" value="<?php
echo $nama; ?>" />
<input type="hidden" name="email" value="<?php echo
$email; ?>" />
<input type="hidden" name="no_hp" value="<?php echo
$no_hp; ?>" />
<input type="hidden" name="tobi" value="<?php echo
$total_harga; ?>" />
<input type="hidden" name="nama_busana" value="<?php
echo $nama_busana; ?>" />
<input type="hidden" name="id_bar" value="<?php echo
$id_bar; ?>" />
<input type="hidden" name="jumlah" value="<?php echo
$jumlah; ?>" />
<input type="hidden" name="user_id" value="<?php echo
$user_id; ?>" />
<table>
<tr>
<td>Nama Pembeli</td><td>:</td><td><?php
echo $nama; ?></td>
</tr>
<tr>
<td>Total Harga</td><td>:</td><td>Rp<?php
echo $total_harga; ?></td>
UNIVERSITAS SUMATERA UTARA
</tr>
<tr>
<td valign="top">Alamat</td><td
valign="top">:</td><td><textarea name="alamat"
id="fixedarea"><?php echo $alamat; ?></textarea></td>
</tr>
<tr>
<td valign="top">Upload bukti<br
/>pembayaran</td>
<td valign="top">:</td>
<td valign="top"><input type="file"
name="photo"/></td>
</tr>
<tr>
<td><input type="submit" name="kirim"
id="bayar" value="Selesai" /></td>
</tr>
</table>
</form>
</div>
<?php
}
?>
</div>
<!-- end of center content -->
<div class="right_content">
<div class="title_box">Terpopuler</div>
<ul class="left_menu">
<?php
$mi = mysql_query("SELECT * FROM `mode` ORDER BY
terpopuler DESC LIMIT 12");
while($fa = mysql_fetch_array($mi)){
$nama = $fa['nama_busana'];
$harga = $fa['harga'];
$id_bus = $fa['id_busana'];
echo"<li class='even'><a
href='detail.php?id=$id_bus'>$nama IDR $harga</a></li>";
}
?>
</ul>
<div class="bottom_prod_box2"></div>
</div>
<!-- end of right content -->
</div>
<!-- end of main content -->
<div class="footer">
<div class="left_footer"> <img src="../images/cemerlang1.png"
alt="" width="170" height="45"/> </div>
<div class="center_footer">CEMERLANG. All Rights Reserved
2017<br />
<a href="http://csscreme.com"><img
src="../images/csscreme.jpg" alt="csscreme" border="0"
/></a><br />
<img src="../images/payment.gif" alt="" /> </div>
UNIVERSITAS SUMATERA UTARA
<div class="right_footer"> <a href="index.php">home</a> <a
href="index.php?menu=about">about</a> <a
href="index.php?menu=kontak">contact us</a> </div>
</div>
</div>
<!-- end of main_container -->
</body>
</html>
<?php
if(isset($_POST['kirim'])){
$total_harga = $_POST['tobi'];
$nama_pembeli = $_POST['nama_pembeli'];
$nabus = $_POST['nama_busana'];
$email = $_POST['email'];
$alamat = $_POST['alamat'];
$no_hp = $_POST['no_hp'];
$id_bar = $_POST['id_bar'];
$jumlah = $_POST['jumlah'];
$user_id = $_POST['user_id'];
$waktu = date("d-m-Y H:i");
$nama_photo = $_FILES['photo']['name'];
$ukuran = $_FILES['photo']['size'];
$type = $_FILES['photo']['type'];
if(empty($_FILES['photo']['name'])){
echo "<script>alert('Anda belum mengunggah bukti
pembayaran.'); window.location.href='cart.php'</script>";
}else{
if($type != "image/gif" && $type != "image/jpg" &&
$type != "image/jpeg" && $type != "image/png") {
echo "<script>alert('Foto yang di ijinkan hanya
jpg, jpeg, png, gif!');
window.location.href='cart.php'</script>";
}else{
if($ukuran>1000000){
echo "<script>alert('Foto yang di ijinkan
hanya berukuran kurang dari 1MB!');
window.location.href='cart.php'</script>";
}else{
$uploaddir='../transaksi/';
$rnd=date(His);
$nama_file_upload=$rnd.'-'.$nama_photo;
$alamatfile=$uploaddir.$nama_file_upload;
if
(move_uploaded_file($_FILES['photo']['tmp_name'],$alamatfile
)){
$ubah = mysql_query("UPDATE
`pesanan` SET
`photo`='$nama_file_upload',`ukuran`='$ukuran',`type`='$type
' WHERE `email`='-' AND `id_user`='$user_id'");
$update = mysql_query("UPDATE
`pesanan` SET
`nama_pembeli`='$nama_pembeli',`email`='$email',`alamat`='$a
lamat',`no_hp`='$no_hp',`total_harga`='$total_harga',`waktu`
UNIVERSITAS SUMATERA UTARA
='$waktu' WHERE `photo`='$nama_file_upload' AND
`id_user`='$user_id'");
if($update){
echo "<script>alert('Terima
kasih, pesanan Anda sedang kami proses.');
window.location.href='index.php'</script>";
$mo = mysql_query("DELETE FROM
`cart` WHERE `id_user`='$user_id'");
}else{
echo "GAGAL: ".mysql_error();
}
}else{
echo "<p>Proses upload gagal, kode
error = " . $_FILES['location']['error']."</p>";
}
}
}
}
}
?>
<?php
} else{
header("location:../logout.php");
exit;
}
}else{
header("location:../index.php");
exit;
}
?>
Cari.php
<?php
error_reporting(0);
session_start();
include ("../koneksi.php");
if ($_SESSION['email'] && $_SESSION['password']){
$sql = mysql_query("SELECT * FROM user WHERE
email='".$_SESSION['email']."' AND
sandi='".$_SESSION['password']."' AND level='user'");
if(mysql_num_rows($sql)>0){
$go = mysql_fetch_assoc($sql);
$user_id = $go['id_user'];
?>
<html>
<head>
<title>Cari busana</title>
<link rel="stylesheet" href="../style.css">
<script></script>
<style type="text/css">
</style>
</head>
<body>
<div id="main_container">
<div class="top_bar">
<div class="top_search">
UNIVERSITAS SUMATERA UTARA
<div class="search_text">Cari busana disini</div>
<form method="post" action="cari.php">
<input type="text" class="search_input" name="search" />
<input type="image" src="../images/search.gif"
class="search_bt"/>
</form>
</div>
<div class="languages">
<marquee>Belanja murah mulai Rp250.000,00</marquee>
</div>
</div>
<div id="header">
<div id="logo"> <a href="index.php"><img
src="../images/ri3.png" alt="" border="0" width="237"
height="140" /></a> </div>
<div class="oferte_content">
<div class="top_divider"><img
src="../images/header_divider.png" alt="" width="1"
height="164" /></div>
<div class="oferta">
<div class="oferta_content"> <img
src="../images/batik.jpg" width="94" height="92" alt=""
border="0" class="oferta_img" />
<div class="oferta_details">
<div class="oferta_title">Busana murah dan
menarik</div>
<div class="oferta_text">Mulai Rp250.000,00, belanja
murah dengan kualitas unggulan pesan sekarang juga hanya di
CEMERLANG.</div>
</div>
</div>
<div class="top_divider"><img
src="../images/header_divider.png" alt="" width="1"
height="164" /></div>
</div>
<!-- end of oferte_content-->
</div>
<div id="main_content">
<div id="menu_tab">
<div class="left_menu_corner"></div>
<ul class="menu">
<li><a href="index.php" class="nav1"> Beranda</a></li>
<li class="divider"></li>
<li><a href="index.php?menu=kontak"
class="nav2">Kontak</a></li>
<li class="divider"></li>
<li><a href="index.php?menu=pria"
class="nav3">Pria</a></li>
<li class="divider"></li>
<li><a href="index.php?menu=wanita"
class="nav4">Wanita</a></li>
<li class="divider"></li>
<li><a href="index.php?menu=kid" class="nav5">Anak-
anak</a></li>
<li class="divider"></li>
<li><a href="cart.php" class="nav6">Beli</a></li>
<li class="divider"></li>
<li><a href="index.php?menu=upro" class="nav11">Update
akun</a></li>
UNIVERSITAS SUMATERA UTARA
<li class="divider"></li>
<li><a href="index.php?menu=bantuan"
class="nav8">Bantuan</a></li>
<li class="divider"></li>
<li><a href="../logout.php"
class="nav9">Keluar</a></li>
<li class="divider"></li>
</ul>
<div class="right_menu_corner"></div>
</div>
<!-- end of menu tab -->
<div class="crumb_navigation">Buka setiap hari, kecuali hari
minggu dan libur 08.00-17.00 WIB</div>
<div class="left_content">
<div class="title_box">Promo</div>
<ul class="left_menu">
<?php
$do = mysql_query("SELECT * FROM `mode` WHERE
`status`='promo'");
while($re = mysql_fetch_array($do)){
$nama = $re['nama_busana'];
$harga = $re['harga'];
$id_bus = $re['id_busana'];
echo"<li class='odd'><a
href='detail.php?id=$id_bus'>$nama IDR $harga</a></li>";
}
?>
</ul>
</div>
<!-- end of left content -->
<div class="center_content">
<div class="center_title_bar">Hasil pencarian</div>
<div class="prod_box">
<?php
$query = $_POST['search'];
$min_length = 1;
if(strlen($query) >= $min_length){
$query = htmlspecialchars($query);
$query = mysql_real_escape_string($query);
$do = mysql_query("SELECT * FROM `mode` WHERE
(`nama_busana` LIKE '%".$query."%')");
if(mysql_num_rows($do)>0){
echo"<table>
<tr>";
$i = 1;
while($re = mysql_fetch_array($do)){
$nama = $re['nama_busana'];
$harga = $re['harga'];
$gambar = $re['photo'];
$id_bus = $re['id_busana'];
?>
<td align="center">
<div class="top_prod_box"></div>
<div class="center_prod_box">
<div class="product_title"><a
href="detail.php?id=<?php echo"$id_bus"; ?>"><?php
echo"$nama"; ?></a></div>
UNIVERSITAS SUMATERA UTARA
<div class="product_img"><a
href="detail.php?id=<?php echo"$id_bus"; ?>"><img
src="../gambar/<?php echo"$gambar"; ?>" alt="" width="94"
height="92" border="0" /></a></div>
<div class="prod_price"><span class="price">IDR
<?php echo"$harga"; ?></span></div>
</div>
<div class="bottom_prod_box"></div>
<div class="prod_details_tab">
<a href="addcart.php?id_bar=<?php echo"$id_bus";
?>&id_user=<?php echo"$user_id"; ?>"><img
src="../images/cart.gif" alt="" border="0" title="Tambah ke
keranjang" class="left_bt" /></a> <a
href="detail.php?id=<?php echo"$id_bus"; ?>"
class="prod_details">perincian</a></div>
</td>
<?php
if($i % 3 == 0){
echo '</tr><tr>';
}
$i++;
}
}else{
echo"Tidak ditemukan data yang
cocok.";
}
}else{
echo "<script>alert('Kata kunci setidaknya
butuh 1 karakter!');
window.location.href='index.php'</script>";
}
?>
</tr><tr>
</tr>
</table>
</div>
</div>
<!-- end of center content -->
<div class="right_content">
<div class="shopping_cart">
<div class="cart_title">Shopping cart</div>
<?php
include"item.php";
?>
<div class="cart_details"> <?php echo number_format($jlh);
?> item <br />
<?php
include"price.php";
?>
<span class="border_cart"></span> Total: <span
class="price">IDR <?php echo $total_harga; ?></span> </div>
<div class="cart_icon"><a href="index.php?menu=cart"><img
src="../images/shoppingcart.png" alt="" width="48"
height="48" border="0" /></a></div>
</div>
<div class="title_box">Terpopuler</div>
<ul class="left_menu">
<?php
UNIVERSITAS SUMATERA UTARA
$mi = mysql_query("SELECT * FROM `mode` ORDER BY
terpopuler DESC LIMIT 12");
while($fa = mysql_fetch_array($mi)){
$nama = $fa['nama_busana'];
$harga = $fa['harga'];
$id_bus = $fa['id_busana'];
echo"<li class='even'><a
href='detail.php?id=$id_bus'>$nama IDR $harga</a></li>";
}
?>
</ul>
<div class="bottom_prod_box2"></div>
</div>
<!-- end of right content -->
</div>
<!-- end of main content -->
<div class="footer">
<div class="left_footer"> <img src="../images/cemerlang1.png"
alt="" width="170" height="45"/> </div>
<div class="center_footer">CEMERLANG. All Rights Reserved
2017<br />
<a href="http://csscreme.com"><img
src="../images/csscreme.jpg" alt="csscreme" border="0"
/></a><br />
<img src="../images/payment.gif" alt="" /> </div>
<div class="right_footer"> <a href="index.php">home</a> <a
href="index.php?menu=about">about</a> <a
href="index.php?menu=kontak">contact us</a> </div>
</div>
</div>
<!-- end of main_container -->
</body>
</html>
<?php
} else{
header("location:../logout.php");
exit;
}
}else{
header("location:../index.php");
exit;
}
?>
Cart.php
<?php
error_reporting(0);
session_start();
include ("../koneksi.php");
if ($_SESSION['email'] && $_SESSION['password']){
$sql = mysql_query("SELECT * FROM user WHERE
email='".$_SESSION['email']."' AND
sandi='".$_SESSION['password']."' AND level='user'");
if(mysql_num_rows($sql)>0){
UNIVERSITAS SUMATERA UTARA
$go = mysql_fetch_assoc($sql);
$user_id = $go['id_user'];
?>
<html>
<head>
<title>Keranjang</title>
<link rel="stylesheet" href="../style.css">
<script></script>
<style type="text/css">
</style>
</head>
<body>
<div id="main_container">
<div class="top_bar">
<div class="top_search">
<div class="search_text">Cari busana disini</div>
<form method="post" action="cari.php">
<input type="text" class="search_input" name="search" />
<input type="image" src="../images/search.gif"
class="search_bt"/>
</form>
</div>
<div class="languages">
<marquee>Belanja murah mulai Rp250.000,00</marquee>
</div>
</div>
<div id="header">
<div id="logo"> <a href="index.php"><img
src="../images/ri3.png" alt="" border="0" width="237"
height="140" /></a> </div>
<div class="oferte_content">
<div class="top_divider"><img
src="../images/header_divider.png" alt="" width="1"
height="164" /></div>
<div class="oferta">
<div class="oferta_content"> <img
src="../images/batik.jpg" width="94" height="92" alt=""
border="0" class="oferta_img" />
<div class="oferta_details">
<div class="oferta_title">Busana murah dan
menarik</div>
<div class="oferta_text">Mulai Rp250.000,00, belanja
murah dengan kualitas unggulan pesan sekarang juga hanya di
CEMERLANG.</div>
</div>
</div>
<div class="top_divider"><img
src="../images/header_divider.png" alt="" width="1"
height="164" /></div>
</div>
<!-- end of oferte_content-->
</div>
<div id="main_content">
<div id="menu_tab">
<div class="left_menu_corner"></div>
<ul class="menu">
<li><a href="index.php" class="nav1"> Beranda</a></li>
<li class="divider"></li>
UNIVERSITAS SUMATERA UTARA
<li><a href="index.php?menu=kontak"
class="nav2">Kontak</a></li>
<li class="divider"></li>
<li><a href="index.php?menu=pria"
class="nav3">Pria</a></li>
<li class="divider"></li>
<li><a href="index.php?menu=wanita"
class="nav4">Wanita</a></li>
<li class="divider"></li>
<li><a href="index.php?menu=kid" class="nav5">Anak-
anak</a></li>
<li class="divider"></li>
<li><a href="cart.php" class="nav6">Beli</a></li>
<li class="divider"></li>
<li><a href="index.php?menu=upro" class="nav11">Update
akun</a></li>
<li class="divider"></li>
<li><a href="index.php?menu=bantuan"
class="nav8">Bantuan</a></li>
<li class="divider"></li>
<li><a href="../logout.php"
class="nav9">Keluar</a></li>
<li class="divider"></li>
</ul>
<div class="right_menu_corner"></div>
</div>
<!-- end of menu tab -->
<div class="crumb_navigation">Buka setiap hari, kecuali hari
minggu dan libur 08.00-17.00 WIB</div>
<div class="left_content">
<div class="title_box">Promo</div>
<ul class="left_menu">
<?php
$do = mysql_query("SELECT * FROM `mode` WHERE
`status`='promo'");
while($re = mysql_fetch_array($do)){
$nama = $re['nama_busana'];
$harga = $re['harga'];
$id_bus = $re['id_busana'];
echo"<li class='odd'><a
href='detail.php?id=$id_bus'>$nama IDR $harga</a></li>";
}
?>
</ul>
</div>
<!-- end of left content -->
<div class="center_content">
<div class="center_title_bar">Keranjang</div>
<div class="bagon2">
<table width="555" border="1" cellspacing="0"
cellpadding="0">
<tr>
<td width="25" align="center">No</td>
<td width="50" align="center">Foto</td>
<td width="200" align="center">Nama</td>
<td width="173" align="center">Harga</td>
<td width="57" align="center">Jumlah</td>
<td width="50" align="center">Hapus</td>
UNIVERSITAS SUMATERA UTARA
</tr>
<?php
$no = 1;
$do = mysql_query("SELECT * FROM `cart` WHERE
`id_user`='$user_id'");
$hitung = mysql_num_rows($do);
if ($hitung < 1){
echo"<script>window.alert('Keranjang
belanja masih kosong!');
window.location=('index.php')</script>";
}else {
while($re = mysql_fetch_array($do)){
$id_bar = $re['id_busana'];
$jumlah = $re['jumlah'];
$mi = mysql_query("SELECT * FROM `mode` WHERE
`id_busana`='$id_bar'");
while($fa = mysql_fetch_array($mi)){
$foto = $fa['photo'];
$nama = $fa['nama_busana'];
$harga = $fa['harga'];
$biaya = $jumlah * $harga;
$total_biaya += $biaya;
if($total_biaya>=500000){
$diskon = (0.1*$total_biaya);
}elseif($total_biaya>=1000000){
$diskon = (0.2*$total_biaya);
}elseif($total_biaya>=2000000){
$diskon = (0.5*$total_biaya);
}else{
$diskon = 0;
}
$total_bayar = $total_biaya - $diskon;
$id_baju = array($id_bar);
foreach ($id_baju as &$nilai){
?>
<tr>
<td align="center"><?php echo $no; ?></td>
<td align="center"><img src="../gambar/<?php
echo $foto; ?>" width="50" height="50" border="0" /></td>
<td align="center"><?php echo $nama; ?></td>
<td align="center">Rp<?php echo $biaya;
?></td>
<td align="center"><?php echo $jumlah; ?></td>
<td align="center"><a
href="delcart.php?id_bar=<?php echo $id_bar;
?>&id_user=<?php echo $user_id; ?>"><img
src="../images/delbar.png" width="25" height="25" border="0"
/></a></td>
</tr>
<?php
$no++;
}
}
UNIVERSITAS SUMATERA UTARA
}
}
?>
</table>
<div id="pesan">
<form action="bayar.php" method="POST" />
<input type="hidden" name="tobar" value="<?php echo
$total_bayar; ?>" />
<input type="hidden" name="id_nilai" value="<?php
echo $nilai; ?>" />
<table>
<tr>
<td>Total Harga</td><td>:</td><td>Rp<?php echo
$total_biaya; ?></td>
</tr>
<tr>
<td>Diskon</td><td>:</td><td>Rp<?php echo
$diskon; ?></td>
</tr>
<tr>
<td>Harga yang dibayar</td><td>:</td><td>Rp<?php
echo $total_bayar; ?></td>
</tr>
<tr>
<td><input type="submit" id="bayar"
value="Bayar" /></td><td></td><td id="bayar"><a
href="index.php">Belanja lagi?</a></td>
</tr>
</table>
</form>
</div>
</div>
</div>
<!-- end of center content -->
<div class="right_content">
<div class="shopping_cart">
<div class="cart_title">Shopping cart</div>
<?php
include"item.php";
?>
<div class="cart_details"> <?php echo number_format($jlh);
?> item <br />
<span class="border_cart"></span> Total: <span
class="price">IDR <?php echo $total_bayar; ?></span> </div>
<div class="cart_icon"><a href="index.php?menu=cart"><img
src="../images/shoppingcart.png" alt="" width="48"
height="48" border="0" /></a></div>
</div>
<div class="title_box">Terpopuler</div>
<ul class="left_menu">
<?php
$mi = mysql_query("SELECT * FROM `mode` ORDER BY
terpopuler DESC LIMIT 12");
while($fa = mysql_fetch_array($mi)){
$nama = $fa['nama_busana'];
$harga = $fa['harga'];
$id_bus = $fa['id_busana'];
UNIVERSITAS SUMATERA UTARA
echo"<li class='even'><a
href='detail.php?id=$id_bus'>$nama IDR $harga</a></li>";
}
?>
</ul>
<div class="bottom_prod_box2"></div>
</div>
<!-- end of right content -->
</div>
<!-- end of main content -->
<div class="footer">
<div class="left_footer"> <img src="../images/cemerlang1.png"
alt="" width="170" height="45"/> </div>
<div class="center_footer">CEMERLANG. All Rights Reserved
2017<br />
<a href="http://csscreme.com"><img
src="../images/csscreme.jpg" alt="csscreme" border="0"
/></a><br />
<img src="../images/payment.gif" alt="" /> </div>
<div class="right_footer"> <a href="index.php">home</a> <a
href="index.php?menu=about">about</a> <a
href="index.php?menu=kontak">contact us</a> </div>
</div>
</div>
<!-- end of main_container -->
</body>
</html>
<?php
} else{
header("location:../logout.php");
exit;
}
}else{
header("location:../index.php");
exit;
}
?>
Delcart.php
<?php
error_reporting(0);
session_start();
include ("../koneksi.php");
$id_bar = $_GET['id_bar'];
$id_us = $_GET['id_user'];
$hapus = mysql_query("DELETE FROM `cart` WHERE
`id_busana`='$id_bar' AND `id_user`='$id_us'");
if($hapus){
$mo = mysql_query("UPDATE `mode` SET `terpopuler` =
terpopuler - 1 WHERE `id_busana`='$id_bar'");
$si = mysql_query("DELETE FROM `pesanan` WHERE
`id_busana`='$id_bar' AND `id_user`='$id_us' AND `email`='-
'");
UNIVERSITAS SUMATERA UTARA
if($si){
header('location:cart.php');
}else{
echo"Error:".mysql_error();
}
}else{
echo"Kesalahan:".mysql_error();
}
?>
Detail.php
<?php
error_reporting(0);
session_start();
include ("../koneksi.php");
if ($_SESSION['email'] && $_SESSION['password']){
$sql = mysql_query("SELECT * FROM user WHERE
email='".$_SESSION['email']."' AND
sandi='".$_SESSION['password']."' AND level='user'");
if(mysql_num_rows($sql)>0){
$go = mysql_fetch_assoc($sql);
$user_id = $go['id_user'];
?>
<html>
<head>
<title>Perincian</title>
<link rel="stylesheet" href="../style.css">
<script></script>
<style type="text/css">
</style>
</head>
<body>
<div id="main_container">
<div class="top_bar">
<div class="top_search">
<div class="search_text">Cari busana disini</div>
<form method="post" action="cari.php">
<input type="text" class="search_input" name="search" />
<input type="image" src="../images/search.gif"
class="search_bt"/>
</form>
</div>
<div class="languages">
<marquee>Belanja murah mulai Rp250.000,00</marquee>
</div>
</div>
<div id="header">
<div id="logo"> <a href="index.php"><img
src="../images/ri3.png" alt="" border="0" width="237"
height="140" /></a> </div>
<div class="oferte_content">
<div class="top_divider"><img
src="../images/header_divider.png" alt="" width="1"
height="164" /></div>
<div class="oferta">
<div class="oferta_content"> <img
src="../images/batik.jpg" width="94" height="92" alt=""
border="0" class="oferta_img" />
<div class="oferta_details">
UNIVERSITAS SUMATERA UTARA
<div class="oferta_title">Busana murah dan
menarik</div>
<div class="oferta_text">Mulai Rp250.000,00, belanja
murah dengan kualitas unggulan pesan sekarang juga hanya di
CEMERLANG.</div>
</div>
</div>
<div class="top_divider"><img
src="../images/header_divider.png" alt="" width="1"
height="164" /></div>
</div>
<!-- end of oferte_content-->
</div>
<div id="main_content">
<div id="menu_tab">
<div class="left_menu_corner"></div>
<ul class="menu">
<li><a href="index.php" class="nav1"> Beranda</a></li>
<li class="divider"></li>
<li><a href="index.php?menu=kontak"
class="nav2">Kontak</a></li>
<li class="divider"></li>
<li><a href="index.php?menu=pria"
class="nav3">Pria</a></li>
<li class="divider"></li>
<li><a href="index.php?menu=wanita"
class="nav4">Wanita</a></li>
<li class="divider"></li>
<li><a href="index.php?menu=kid" class="nav5">Anak-
anak</a></li>
<li class="divider"></li>
<li><a href="cart.php" class="nav6">Beli</a></li>
<li class="divider"></li>
<li><a href="index.php?menu=upro" class="nav11">Update
akun</a></li>
<li class="divider"></li>
<li><a href="index.php?menu=bantuan"
class="nav8">Bantuan</a></li>
<li class="divider"></li>
<li><a href="../logout.php"
class="nav9">Keluar</a></li>
<li class="divider"></li>
</ul>
<div class="right_menu_corner"></div>
</div>
<!-- end of menu tab -->
<div class="crumb_navigation">Buka setiap hari, kecuali hari
minggu dan libur 08.00-17.00 WIB</div>
<div class="left_content">
<div class="title_box">Promo</div>
<ul class="left_menu">
<?php
$do = mysql_query("SELECT * FROM `mode` WHERE
`status`='promo'");
while($re = mysql_fetch_array($do)){
$nama = $re['nama_busana'];
$harga = $re['harga'];
$id_bus = $re['id_busana'];
UNIVERSITAS SUMATERA UTARA
echo"<li class='odd'><a
href='detail.php?id=$id_bus'>$nama IDR $harga</a></li>";
}
?>
</ul>
</div>
<!-- end of left content -->
<div class="center_content">
<?php
$id_log = $_GET['id'];
$mi = mysql_query("SELECT * FROM `mode` WHERE
`id_busana`='$id_log'");
while($fa = mysql_fetch_array($mi)){
$nama_produk = $fa['nama_busana'];
$harsa = $fa['harga'];
$ursa = $fa['ukuran_busana'];
$kakao = $fa['katalog'];
$gabus = $fa['photo'];
$id_bus1 = $fa['id_busana'];
?>
<div class="center_title_bar">Detail busana</div>
<div class="prod_box_big">
<div class="top_prod_box_big"></div>
<div class="center_prod_box_big">
<div class="product_img_big"><img src="../gambar/<?php
echo"$gabus"; ?>" alt="" width="94" height="92" border="0"
/>
</div>
<div class="details_big_box">
<div class="product_title_big"><?php
echo"$nama_produk"; ?></div>
<div class="specifications">No: <span
class="blue"><?php echo"$id_log"; ?></span><br />
Harga Satuan: <span class="blue">IDR <?php
echo"$harsa"; ?></span><br />
Ukuran: <span class="blue"><?php echo"$ursa";
?></span><br />
Katalog: <span class="blue"><?php
echo"$kakao"; ?></span><br /><br />
</div>
<a href="addcart.php?id_bar=<?php echo"$id_bus1";
?>&id_user=<?php echo"$user_id"; ?>" class="addtocart">add
to cart</a>
<?php
}
?>
</div>
</div>
<div class="bottom_prod_box_big"></div>
</div>
<?php
if($i % 3 == 0){
echo '</tr><tr>';
}
$i++;
?>
</tr><tr>
</tr>
UNIVERSITAS SUMATERA UTARA
</table>
</div>
</div>
<!-- end of center content -->
<div class="right_content">
<div class="shopping_cart">
<div class="cart_title">Shopping cart</div>
<?php
include"item.php";
?>
<div class="cart_details"> <?php echo number_format($jlh);
?> item <br />
<?php
include"price.php";
?>
<span class="border_cart"></span> Total: <span
class="price">IDR <?php echo $total_harga; ?></span> </div>
<div class="cart_icon"><a href="index.php?menu=cart"><img
src="../images/shoppingcart.png" alt="" width="48"
height="48" border="0" /></a></div>
</div>
<div class="title_box">Terpopuler</div>
<ul class="left_menu">
<?php
$mi = mysql_query("SELECT * FROM `mode` ORDER BY
terpopuler DESC LIMIT 12");
while($fa = mysql_fetch_array($mi)){
$nama = $fa['nama_busana'];
$harga = $fa['harga'];
$id_bus = $fa['id_busana'];
echo"<li class='even'><a
href='detail.php?id=$id_bus'>$nama IDR $harga</a></li>";
}
?>
</ul>
<div class="bottom_prod_box2"></div>
</div>
<!-- end of right content -->
</div>
<!-- end of main content -->
<div class="footer">
<div class="left_footer"> <img src="../images/cemerlang1.png"
alt="" width="170" height="45"/> </div>
<div class="center_footer">CEMERLANG. All Rights Reserved
2017<br />
<a href="http://csscreme.com"><img
src="../images/csscreme.jpg" alt="csscreme" border="0"
/></a><br />
<img src="../images/payment.gif" alt="" /> </div>
<div class="right_footer"> <a href="index.php">home</a> <a
href="index.php?menu=about">about</a> <a
href="index.php?menu=kontak">contact us</a> </div>
</div>
</div>
<!-- end of main_container -->
</body>
</html>
UNIVERSITAS SUMATERA UTARA
<?php
} else{
header("location:../logout.php");
exit;
}
}else{
header("location:../index.php");
exit;
}
?>
Wanita.php
<div class="center_title_bar">Busana wanita</div>
<div class="prod_box">
<?php
$do = mysql_query("SELECT * FROM `mode` WHERE `katalog`='wanita'
ORDER BY nama_busana");
echo"<table>
<tr>";
$i = 1;
while($re = mysql_fetch_array($do)){
$nama = $re['nama_busana'];
$harga = $re['harga'];
$gambar = $re['photo'];
$id_bus = $re['id_busana'];
?>
<td align="center">
<div class="top_prod_box"></div>
<div class="center_prod_box">
<div class="product_title"><a href="detail.php?id=<?php
echo"$id_bus"; ?>"><?php echo"$nama"; ?></a></div>
<div class="product_img"><a href="detail.php?id=<?php
echo"$id_bus"; ?>"><img src="../gambar/<?php echo"$gambar";
?>" alt="" width="94" height="92" border="0" /></a></div>
<div class="prod_price"><span class="price">IDR <?php
echo"$harga"; ?></span></div>
</div>
<div class="bottom_prod_box"></div>
<div class="prod_details_tab">
<a href="addcart.php?id_bar=<?php echo"$id_bus";
?>&id_user=<?php echo"$user_id"; ?>"><img
src="../images/cart.gif" alt="" border="0" title="Tambah ke
keranjang" class="left_bt" /></a> <a
href="detail.php?id=<?php echo"$id_bus"; ?>"
class="prod_details">perincian</a></div>
</td>
<?php
if($i % 3 == 0){
echo '</tr><tr>';
}
$i++;
}
?>
</tr><tr>
</tr>
</table>
</div>
UNIVERSITAS SUMATERA UTARA
Index.php
<?php
session_start();
include ("../koneksi.php");
if ($_SESSION['email'] && $_SESSION['password']){
$sql = mysql_query("SELECT * FROM user WHERE
email='".$_SESSION['email']."' AND
sandi='".$_SESSION['password']."' AND level='user'");
if(mysql_num_rows($sql)>0){
$go = mysql_fetch_assoc($sql);
$user_id = $go['id_user'];
$na_user = $go['nama'];
?>
<html>
<head>
<title>Selamat datang, <?php echo $na_user; ?></title>
<link rel="stylesheet" href="../style.css">
<script></script>
<style type="text/css">
</style>
</head>
<body>
<div id="main_container">
<div class="top_bar">
<div class="top_search">
<div class="search_text">Cari busana disini</div>
<form method="post" action="cari.php">
<input type="text" class="search_input" name="search" />
<input type="image" src="../images/search.gif"
class="search_bt"/>
</form>
</div>
<div class="languages">
<marquee>Belanja murah mulai Rp250.000,00</marquee>
</div>
</div>
<div id="header">
<div id="logo"> <a href="index.php"><img
src="../images/ri3.png" alt="" border="0" width="237"
height="140" /></a> </div>
<div class="oferte_content">
<div class="top_divider"><img
src="../images/header_divider.png" alt="" width="1"
height="164" /></div>
<div class="oferta">
<div class="oferta_content"> <img
src="../images/batik.jpg" width="94" height="92" alt=""
border="0" class="oferta_img" />
<div class="oferta_details">
<div class="oferta_title">Busana murah dan
menarik</div>
<div class="oferta_text">Mulai Rp250.000,00, belanja
murah dengan kualitas unggulan pesan sekarang juga hanya di
CEMERLANG.</div>
</div>
</div>
UNIVERSITAS SUMATERA UTARA
<div class="top_divider"><img
src="../images/header_divider.png" alt="" width="1"
height="164" /></div>
</div>
<!-- end of oferte_content-->
</div>
<div id="main_content">
<div id="menu_tab">
<div class="left_menu_corner"></div>
<ul class="menu">
<li><a href="index.php" class="nav1"> Beranda</a></li>
<li class="divider"></li>
<li><a href="?menu=kontak" class="nav2">Kontak</a></li>
<li class="divider"></li>
<li><a href="?menu=pria" class="nav3">Pria</a></li>
<li class="divider"></li>
<li><a href="?menu=wanita"
class="nav4">Wanita</a></li>
<li class="divider"></li>
<li><a href="?menu=kid" class="nav5">Anak-
anak</a></li>
<li class="divider"></li>
<li><a href="cart.php" class="nav6">Beli</a></li>
<li class="divider"></li>
<li><a href="?menu=upro" class="nav11">Update
akun</a></li>
<li class="divider"></li>
<li><a href="?menu=bantuan" class="nav8">Bantuan</a></li>
<li class="divider"></li>
<li><a href="../logout.php"
class="nav9">Keluar</a></li>
<li class="divider"></li>
</ul>
<div class="right_menu_corner"></div>
</div>
<!-- end of menu tab -->
<div class="crumb_navigation">Buka setiap hari, kecuali hari
minggu dan libur 08.00-17.00 WIB</div>
<div class="left_content">
<div class="title_box">Promo</div>
<ul class="left_menu">
<?php
$do = mysql_query("SELECT * FROM `mode` WHERE
`status`='promo'");
while($re = mysql_fetch_array($do)){
$nama = $re['nama_busana'];
$harga = $re['harga'];
$id_bus = $re['id_busana'];
echo"<li class='odd'><a
href='detail.php?id=$id_bus'>$nama IDR $harga</a></li>";
}
?>
</ul>
</div>
<!-- end of left content -->
<div class="center_content">
<?php
include"menu.php";
UNIVERSITAS SUMATERA UTARA
?>
</div>
<!-- end of center content -->
<div class="right_content">
<div class="shopping_cart">
<div class="cart_title">Shopping cart</div>
<?php
include"item.php";
?>
<div class="cart_details"> <?php echo number_format($jlh);
?> item <br />
<?php
include"price.php";
?>
<span class="border_cart"></span> Total: <span
class="price">IDR <?php echo $total_harga; ?></span> </div>
<div class="cart_icon"><a href="index.php?menu=cart"><img
src="../images/shoppingcart.png" alt="" width="48"
height="48" border="0" /></a></div>
</div>
<div class="title_box">Terpopuler</div>
<ul class="left_menu">
<?php
$mi = mysql_query("SELECT * FROM `mode` ORDER BY
terpopuler DESC LIMIT 12");
while($fa = mysql_fetch_array($mi)){
$nama = $fa['nama_busana'];
$harga = $fa['harga'];
$id_bus = $fa['id_busana'];
echo"<li class='even'><a
href='detail.php?id=$id_bus'>$nama IDR $harga</a></li>";
}
?>
</ul>
<div class="bottom_prod_box2"></div>
</div>
<!-- end of right content -->
</div>
<!-- end of main content -->
<div class="footer">
<div class="left_footer"> <img src="../images/cemerlang1.png"
alt="" width="170" height="45"/> </div>
<div class="center_footer">CEMERLANG. All Rights Reserved
2017<br />
<a href="http://csscreme.com"><img
src="../images/csscreme.jpg" alt="csscreme" border="0"
/></a><br />
<img src="../images/payment.gif" alt="" /> </div>
<div class="right_footer"> <a href="index.php">home</a> <a
href="?menu=about">about</a> <a href="?menu=kontak">contact
us</a> </div>
</div>
</div>
<!-- end of main_container -->
</body>
</html>
UNIVERSITAS SUMATERA UTARA
<?php
} else{
header("location:../logout.php");
exit;
}
}else{
header("location:../index.php");
exit;
}
?>
Item.php
<?php
$sql = ("SELECT SUM(jumlah) AS total_barang FROM `cart` WHERE
`id_user`='$user_id'");
$result = mysql_query($sql) or die (mysql_error());
$t = mysql_fetch_array($result);
$jlh = $t['total_barang'];
//print number_format($jlh);
?>
Kid.php
<div class="center_title_bar">Busana anak-anak</div>
<div class="prod_box">
<?php
$do = mysql_query("SELECT * FROM `mode` WHERE `katalog`='anak-
anak' ORDER BY nama_busana");
echo"<table>
<tr>";
$i = 1;
while($re = mysql_fetch_array($do)){
$nama = $re['nama_busana'];
$harga = $re['harga'];
$gambar = $re['photo'];
$id_bus = $re['id_busana'];
?>
<td align="center">
<div class="top_prod_box"></div>
<div class="center_prod_box">
<div class="product_title"><a href="detail.php?id=<?php
echo"$id_bus"; ?>"><?php echo"$nama"; ?></a></div>
<div class="product_img"><a href="detail.php?id=<?php
echo"$id_bus"; ?>"><img src="../gambar/<?php echo"$gambar";
?>" alt="" width="94" height="92" border="0" /></a></div>
<div class="prod_price"><span class="price">IDR <?php
echo"$harga"; ?></span></div>
</div>
<div class="bottom_prod_box"></div>
<div class="prod_details_tab">
<a href="addcart.php?id_bar=<?php echo"$id_bus";
?>&id_user=<?php echo"$user_id"; ?>"><img
src="../images/cart.gif" alt="" border="0" title="Tambah ke
keranjang" class="left_bt" /></a> <a
href="detail.php?id=<?php echo"$id_bus"; ?>"
class="prod_details">perincian</a></div>
</td>
UNIVERSITAS SUMATERA UTARA
<?php
if($i % 3 == 0){
echo '</tr><tr>';
}
$i++;
}
?>
</tr><tr>
</tr>
</table>
</div>
Kontak.php
<?php
include"koneksi.php";
$do = mysql_query("SELECT * FROM `kontak`");
while($re = mysql_fetch_array($do)){
$hp = $re['no_hp'];
$email = $re['email'];
$alamat = $re['alamat'];
$bayar1 = $re['bayar1'];
$bayar2 = $re['bayar2'];
$bayar3 = $re['bayar3'];
echo"
<div class='center_title_bar'>Kontak</div>
<div class='bagon'>
<table>
<tr>
<td>Nomor handphone</td><td>:</td><td>$hp</td>
</tr>
<tr>
<td>Email</td><td>:</td><td>$email</td>
</tr>
<tr>
<td>Alamat</td><td>:</td><td>$alamat</td>
</tr>
<tr>
<td></td><td></td>
</tr>
<tr>
<td>Media Pembayaran</td>
<tr>
<td>BNI</td><td>:</td><td>$bayar1</td>
</tr>
<tr>
<td>Mandiri</td><td>:</td><td>$bayar2</td>
</tr>
<tr>
<td>BRI</td><td>:</td><td>$bayar3</td>
</tr>
</tr>
</table>
</div>";
}
?>
Man.php
UNIVERSITAS SUMATERA UTARA
<div class="center_title_bar">Busana pria</div>
<div class="prod_box">
<?php
$do = mysql_query("SELECT * FROM `mode` WHERE `katalog`='pria'
ORDER BY nama_busana");
echo"<table>
<tr>";
$i = 1;
while($re = mysql_fetch_array($do)){
$nama = $re['nama_busana'];
$harga = $re['harga'];
$gambar = $re['photo'];
$id_bus = $re['id_busana'];
?>
<td align="center">
<div class="top_prod_box"></div>
<div class="center_prod_box">
<div class="product_title"><a href="detail.php?id=<?php
echo"$id_bus"; ?>"><?php echo"$nama"; ?></a></div>
<div class="product_img"><a href="detail.php?id=<?php
echo"$id_bus"; ?>"><img src="../gambar/<?php echo"$gambar";
?>" alt="" width="94" height="92" border="0" /></a></div>
<div class="prod_price"><span class="price">IDR <?php
echo"$harga"; ?></span></div>
</div>
<div class="bottom_prod_box"></div>
<div class="prod_details_tab">
<a href="addcart.php?id_bar=<?php echo"$id_bus";
?>&id_user=<?php echo"$user_id"; ?>"><img
src="../images/cart.gif" alt="" border="0" title="Tambah ke
keranjang" class="left_bt" /></a> <a
href="detail.php?id=<?php echo"$id_bus"; ?>"
class="prod_details">perincian</a></div>
</td>
<?php
if($i % 3 == 0){
echo '</tr><tr>';
}
$i++;
}
?>
</tr><tr>
</tr>
</table>
</div>
Price.php
<?php
$do = mysql_query("SELECT * FROM `cart` WHERE
`id_user`='$user_id'");
$hitung = mysql_num_rows($do);
if ($hitung < 1){
$total_harga = 0;
}else {
while($re = mysql_fetch_array($do)){
$id_bar = $re['id_busana'];
UNIVERSITAS SUMATERA UTARA
$jumlah = $re['jumlah'];
$mi = mysql_query("SELECT * FROM `mode` WHERE
`id_busana`='$id_bar'");
while($fa = mysql_fetch_array($mi)){
$foto = $fa['photo'];
$nama_busana = $fa['nama_busana'];
$harga = $fa['harga'];
$biaya = $jumlah * $harga;
$total_biaya += $biaya;
if($total_biaya>=500000){
$diskon = (0.1*$total_biaya);
}elseif($total_biaya>=1000000){
$diskon = (0.2*$total_biaya);
}elseif($total_biaya>=2000000){
$diskon = (0.5*$total_biaya);
}else{
$diskon = 0;
}
$total_harga = $total_biaya - $diskon;
?>
<?php
}
}
}
?>
Produk.php
<div class="center_title_bar">Busana terbaru</div>
<div class="prod_box">
<?php
$do = mysql_query("SELECT * FROM `mode` ORDER BY id_busana DESC
LIMIT 12");
echo"<table>
<tr>";
$i = 1;
while($re = mysql_fetch_array($do)){
$nama = $re['nama_busana'];
$harga = $re['harga'];
$gambar = $re['photo'];
$id_bus = $re['id_busana'];
?>
<td align="center">
<div class="top_prod_box"></div>
<div class="center_prod_box">
<div class="product_title"><a href="detail.php?id=<?php
echo"$id_bus"; ?>"><?php echo"$nama"; ?></a></div>
<div class="product_img"><a href="detail.php?id=<?php
echo"$id_bus"; ?>"><img src="../gambar/<?php echo"$gambar";
?>" alt="" width="94" height="92" border="0" /></a></div>
<div class="prod_price"><span class="price">IDR <?php
echo"$harga"; ?></span></div>
</div>
UNIVERSITAS SUMATERA UTARA
<div class="bottom_prod_box"></div>
<div class="prod_details_tab">
<a href="addcart.php?id_bar=<?php echo"$id_bus";
?>&id_user=<?php echo"$user_id"; ?>"><img
src="../images/cart.gif" alt="" border="0" title="Tambah ke
keranjang" class="left_bt" /></a> <a
href="detail.php?id=<?php echo"$id_bus"; ?>"
class="prod_details">perincian</a></div>
</td>
<?php
if($i % 3 == 0){
echo '</tr><tr>';
}
$i++;
}
?>
</tr><tr>
</tr>
</table>
</div>
Array.php
<?php
$mixed = array();
$mixed["Zero"] = "PHP";
$mixed[1] = "Perl";
$mixed["Two"] = "Java";
$mixed["3"] = "C+";
$mixed[""] = "Basic";
$mixed[] = "Pascal";
$mixed[] = "FORTRAN";
$values = array_values($mixed);
print("Values of the input array:\n");
print_r($values);
?>
Bantuan.php
<div class="center_content">
<div class="center_title_bar">Bantuan</div>
<div class="prod_box_big">
<div class="top_prod_box_big"></div>
<div class="rangkup">
<div class="rangkup2">Syarat dan Ketentuan</div>
<div class="rangkup3">
<ol type="1">
<li>Pengiriman barang untuk wilayah Medan
dan sekitarnya, barang sampai 1x24 jam<br />sejak waktu
pesan terkecuali hari minggu dan libur.</li>
<li>Pengiriman barang diluar kota Medan
dikenakan biaya kirim barang sesuai ketentuan<br />jasa
pengiriman barang ke masing-masing kota tujuan.</li>
<li>Batas waktu pengiriman diluar kota
Medan 5-7 hari dengan ketentuan lewat dari<br />batas waktu,
biaya total pembelian dipotong 10% sebagai
pertanggungjawaban kami.</li>
<li>Pemotongan 10% berlaku jika tertunda
tidak dikarenakan bencana alam.</li>
UNIVERSITAS SUMATERA UTARA
<li>Barang diganti jika barang yang
diterima tidak sesuai dengan yang dipesan/rusak,<br />dengan
ketentuan barang tersebut dikirim kembali tanpa bayar.</li>
<li>Selain ketentuan diatas bisa hubungi
kami.</li>
</ol>
</div>
</div>
<div class="bottom_prod_box_big"></div>
</div>
</div>
Koneksi.php
<?php
mysql_connect("localhost","root","");
mysql_select_db("calo");
?>
Logout.php
<?php
session_start();
session_destroy();
header("location:index.php");
?>
Prolog.php
<?php
error_reporting(0);
session_start();
include ("koneksi.php");
if (!$_SESSION['email'] && !$_SESSION['password']){
$email = $_POST['email'];
$sandi = $_POST['sandi'];
$password = md5($sandi);
if (!empty($email)){
if (!empty($sandi)){
$sql = mysql_query("SELECT * FROM `user` WHERE
`email`='".$email."' AND `sandi`='".$password."'");
$tes = mysql_num_rows($sql);
if ($tes == 1){
$hasil = mysql_fetch_assoc($sql);
$_SESSION['email'] = $hasil['email'];
$_SESSION['password'] = $hasil['sandi'];
$level=$hasil['level'];
if($level=='admin'){
header('location:admin');
exit;
}else{
header('location:user');
exit;
}
UNIVERSITAS SUMATERA UTARA
}else{
echo "<script>alert('Kombinasi email dan
kata sandi tidak cocok');
window.location.href='index.php'</script>";
exit;
}
}else{
echo "<script>alert('Anda belum mengisi kata sandi');
window.location.href='index.php'</script>";
exit;
}
}else{
echo "<script>alert('Anda belum mengisi email!');
window.location.href='index.php'</script>";
exit;
}
}else{
header("location:index.php");
exit;
}
?>
Reg.php
<?php
include"koneksi.php";
?>
<div class="center_title_bar">Daftar</div>
<div class="bagon">
<form action="" method="POST" />
<table>
<tr>
<td>Nama pembeli</td><td>:</td><td><input
type="text" name="nama" /></td>
</tr>
<tr>
<td>Email</td><td>:</td><td><input type="text"
name="email" /></td>
</tr>
<tr>
<td>Kata sandi</td><td>:</td><td><input
type="password" name="sandi" /></td>
</tr>
<tr>
<td>Alamat</td><td>:</td><td><input type="text"
name="alamat" /></td>
</tr>
<tr>
<td>Nomor handphone</td><td>:</td><td><input
type="text" name="no_hp" /></td>
</tr>
<tr>
<td><input type="submit" name="daftar"
value="Daftar" /></td>
</tr>
</table>
</form>
</div>
UNIVERSITAS SUMATERA UTARA
<?php
if(isset($_POST['daftar'])){
$nama = $_POST['nama'];
$email = $_POST['email'];
$sandi = $_POST['sandi'];
$alamat = $_POST['alamat'];
$no_hp = $_POST['no_hp'];
$pass = md5($sandi);
if(!$nama | !$email | !$sandi | !$alamat | !$no_hp){
echo "<script>alert('Form belum diisi lengkap.');
window.location.href='index.php?menu=reg'</script>";
}else{
$query_mail = mysql_query("select * from user where
email='$email'");
$cek_mail = mysql_num_rows($query_mail);
if ($cek_mail > 0){
echo "<script>alert('Email sudah terdaftar!');
window.location.href='index.php?menu=reg'</script>";
}else{
$query_hp = mysql_query("select * from user
where no_hp='$no_hp'");
$cek_hp = mysql_num_rows($query_hp);
if ($cek_hp > 0){
echo "<script>alert('Nomor handphone sudah
terdaftar!');
window.location.href='index.php?menu=reg'</script>";
}else{
$input = mysql_query("INSERT INTO `user`
values('','$nama','$email','$pass','$alamat','$no_hp','user'
)");
if($input){
echo "<script>alert('Pendaftaran
berhasil!'); window.location.href='index.php'</script>";
}else{
echo"kesalahan".mysql_error();
}
}
}
}
}
?>
Style.css
body
{
background:url(images/bg.jpg) no-repeat #fff center top;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0px auto auto auto;
color:#000;
}
p{
padding:2px;
UNIVERSITAS SUMATERA UTARA
margin:0px;
}
#main_container{
width:1000px;
height:auto;
margin:auto;
padding:0px;
}
.top_bar{
width:1000px;
height:38px;
background-color:#4a4a4a;
}
.top_search{
width:370px;
height:32px;
margin:0px 20px 0 0;
margin:0px 10px 0 0;
float:right;
background:url(images/top_search_bg.gif) no-repeat center;
}
input.search_input{
width:182px;
height:18px;
float:left;
margin:5px 0 0 0 ;
border:1px solid #dbdbdb;
border-bottom-color:#ffffff;
border-right-color:#ffffff;
}
.search_text{
float:left;
width:110px;
padding:8px 0 0 15px;
color:#999999;
}
.search_text a{
text-decoration:none;
color:#999999;
}
.search_bt{
float:left;
padding:2px 0 0 15px;
}
.languages{
float:right;
width:250px;
padding:8px 0 0 0;
color:#FFFFFF;
}
#header{
width:1000px;
height:173px;
background:url(images/header_bg.jpg) no-repeat center;
background-position:0px 0px;
margin:auto;
}
#logo{
float:left;
UNIVERSITAS SUMATERA UTARA
padding:15px;
}
/*------------------------------oferte_content--------------------
---*/
.oferte_content{
width:600px;
height:164px;
float:left;
padding:0 0 0 50px;
}
.top_divider{
float:left;
width:1px;
height:164px;
}
.oferta{
width:538px;
float:left;
padding:15px 30px 0 30px;
}
.oferta_img{
float:left;
padding:0 0 10px 0;
}
.oferta_title{
font-size:15px;
color:#b72c24;
font-weight:bold;
}
.oferta_details{
width:400px;
float:left;
padding:0 0 0 30px;
}
.oferta_text{
padding:5px 0 5px 0;
font-size:12px;
color:#FFFFFF;
text-align:justify;
line-height:15px;
}
a.details{
width:83px;
height:21px;
display:block;
float:right;
margin:5px 0 0 0;
padding-left:5px;
background:url(images/details_bt_bg.gif) no-repeat center;
text-align:center;
line-height:21px;
text-decoration:none;
color:#000000;
}
/*---------------------oferta_pagination--------------------------
---*/
div.oferta_pagination {
clear:both;
UNIVERSITAS SUMATERA UTARA
padding:10px 0 0 0;
padding:0px 0 0 0;
margin:5px;
text-align:center;
float:left;
font-size:10px;
}
div.oferta_pagination a {
width:22px;
height:22px;
display:block;
float:left;
margin:0 0 0 5px;
margin:0 0 0 3px;
line-height:23px;
text-align:center;
background:url(images/pag_bg.gif) no-repeat center;
text-decoration:none;
color:#9d8b8b;
}
div.oferta_pagination a:hover, div.pagination a:active {
width:22px;
height:22px;
display:block;
float:left;
line-height:23px;
text-align:center;
background:url(images/pag_bg_a.gif) no-repeat center;
text-decoration:none;
color:#ad1614;
}
div.oferta_pagination span.current {
width:22px;
height:22px;
display:block;
float:left;
line-height:23px;
text-align:center;
background:url(images/pag_bg_a.gif) no-repeat center;
text-decoration:none;
color:#ad1614;
}
#main_content{
clear:both;
}
/*---------------- menu tab----------------------*/
#menu_tab{
width:1000px;
height:50px;
background-color:#fff;
}
.left_menu_corner{
width:9px;
height:50px;
float:left;
background:url(images/menu_left.gif) no-repeat center;
}
.right_menu_corner{
UNIVERSITAS SUMATERA UTARA
width:9px;
height:50px;
float:left;
background:url(images/menu_right.gif) no-repeat center;
}
ul.menu {
list-style-type:none; float:left; display:block; width:982px;
margin:0px; padding:0px;background:url(images/menu_bg.gif) repeat-
x;}
ul.menu li {
display:inline;
font-size:11px;
font-weight:bold;
line-height:50px;
}
ul.menu li.divider {
display:inline;
width:2px;
height:50px;
float:left;
background:url(images/menu_divider.gif) no-repeat center;
}
a.nav1:link, a.nav1:visited {
display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px
0 14px;height:50px;text-decoration:none;
background:url(images/home.png) no-repeat left;
color:#676d77;}
a.nav2:link, a.nav2:visited {
display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px
0 14px;height:50px;text-decoration:none;
background:url(images/services.png) no-repeat left;
color:#676d77;}
a.nav3:link, a.nav3:visited {
display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px
0 14px;height:50px;text-decoration:none;
background:url(images/man.png) no-repeat left;
color:#676d77;}
a.nav4:link, a.nav4:visited {
display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px
0 14px;height:50px;text-decoration:none;
background:url(images/women.png) no-repeat left;
color:#676d77;}
a.nav5:link, a.nav5:visited {
display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px
0 14px;height:50px;text-decoration:none;
background:url(images/kid.png) no-repeat left;
color:#676d77;}
a.nav6:link, a.nav6:visited {
display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px
0 14px;height:50px;text-decoration:none;
background:url(images/beli.png) no-repeat left;
color:#676d77;}
a.nav7:link, a.nav7:visited {
display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px
0 14px;height:50px;text-decoration:none;
background:url(images/user_add.png) no-repeat left;
color:#676d77;}
UNIVERSITAS SUMATERA UTARA
a.nav8:link, a.nav8:visited {
display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px
0 14px;height:50px;text-decoration:none;
background:url(images/help.png) no-repeat left;
color:#676d77;}
a.nav9:link, a.nav9:visited {
display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px
0 14px;height:50px;text-decoration:none;
background:url(images/logout.png) no-repeat left;
color:#676d77;}
a.nav10:link, a.nav10:visited {
display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px
0 14px;height:50px;text-decoration:none;
background:url(images/barang.gif) no-repeat left;
color:#676d77;}
a.nav11:link, a.nav11:visited {
display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px
0 14px;height:50px;text-decoration:none;
background:url(images/update.png) no-repeat left;
color:#676d77;}
a.nav1:hover, a.nav2:hover, a.nav3:hover, a.nav4:hover,
a.nav5:hover, a.nav6:hover {
color:#333333;}
li.currencies{
width:180px;
float:left;
padding:0 0 0 15px;
padding:12px 0 0 15px;
color:#676d77;
font-size:11px;
font-weight:bold;
}
/*----------------crumb_navigation-------------*/
.crumb_navigation{
width:980px;
height:15px;
padding:5px 10px 0 20px;
color:#333333;
background:url(images/navbullet.png) no-repeat left;
background-position:5px 6px;
}
.crumb_navigation a{
color:#0fa0dd;
text-decoration:underline;
}
span.current{
color:#0fa0dd;
}
/*-------------left_content------------------*/
.left_content{
width:196px;
float:left;
}
.title_box{
width:196px;
UNIVERSITAS SUMATERA UTARA
height:30px;
margin:5px 0 0 0;
background:url(images/menu_title_bg.gif) no-repeat center;
text-align:center;
font-size:13px;
font-weight:bold;
color:#fff;
line-height:30px;
}
/*--------left menu---------*/
ul.left_menu{
width:196px;
padding:0px;
margin:0px;
list-style:none;
}
ul.left_menu li{
margin:0px;
list-style:none;
}
ul.left_menu li.odd a{
width:166px;height:25px;display:block;background:url(images/checke
d.png) no-repeat left #dad0d0; background-position:5px
5px;border-bottom:1px #FFFFFF solid;
text-decoration:none;color:#504b4b;padding:0 0 0 30px; line-
height:25px;
}
ul.left_menu li.even a{
width:166px;height:25px;display:block;background:url(images/checke
d.png) no-repeat left #eee6e6;background-position:5px
5px;border-bottom:1px #FFFFFF solid;
text-decoration:none;color:#504b4b;padding:0 0 0 30px; line-
height:25px;
}
ul.left_menu li.even a:hover, ul.left_menu li.odd a:hover{
background:url(images/checked.png) no-repeat left #7bbcc7;
color:#FFFFFF;background-position:5px 5px;
}
.border_box{
width:194px;
height:auto;
text-align:center;
border:1px #6da6b1 solid;
}
.product_title{
color:#ea2222;
padding:5px 0 5px 0;
font-weight:bold;
}
.product_title a{
text-decoration:none;
text-transform:capitalize;
color:#ea2222;
padding:5px 0 5px 0;
font-weight:bold;
}
.product_title a:hover{
color:#064E5A;
UNIVERSITAS SUMATERA UTARA
}
.product_img{
padding:5px 0 5px 0;
}
.prod_price{
padding:5px 0 5px 0;
}
span.reduce{
color:#999999;
text-decoration:line-through;
}
span.price{
color:#ea2222;
}
/*----------newsletter--------------*/
input.newsletter_input{
width:160px;
height:16px;
border:1px #ddd9d9 solid;
margin:10px 0 5px 0;
font-size:12px;
padding:3px;
color:#999999;
}
a.join{
width:17px;
display:block;
margin:5px 0 5px 140px;
margin:5px 0 5px 130px;
background:url(images/blue-add.png) no-repeat left;
padding:0 0 0 20px;
text-decoration:none;
color:#1c4a52;
}
.banner_adds{
width:194px;
text-align:center;
padding:10px 0 10px 0;
}
/*center content--------------------------*/
.center_content{
width:585px;
float:left;
padding:5px 10px;
}
.center_title_bar{
width:520px;
height:33px;
float:left;
padding:0 0 0 40px;
margin:0 0 0 12px;
margin:0 0 0 6px;
line-height:33px;
font-size:12px;
color:#847676;
font-weight:bold;
background:url(images/bar_bg.gif) no-repeat center;
}
UNIVERSITAS SUMATERA UTARA
/*----------------------right content--------------*/
.right_content{
width:196px;
float:left;
padding:5px 0 0 0;
}
.shopping_cart{
width:195px;
height:84px;
text-align:center;
background:url(images/cart_bg.gif) no-repeat center;
}
.cart_title{
font-size:12px;
font-size:12px;
color:#847676;
font-weight:bold;
padding:8px 0 0 0;
}
.cart_details{
width:115px;
float:left;
padding:5px 0 0 15px;
text-align:left;
}
.cart_icon{
float:left;
padding:5px 0 0 5px;
}
span.border_cart{
width:100px;
height:1px;
margin:3px 0 3px 0;
display:block;
border-top:1px #999999 dashed;
}
/*---------prod_box----------*/
.prod_box{
width:173px;
height:auto;
float:left;
padding:10px 10px 10px 11px;
}
.top_prod_box{
width:173px;height:12px;background:url(images/product_box_top.gif)
no-repeat center bottom;float:left; padding:0px; margin:0px;
}
.bottom_prod_box{
width:173px;height:10px;background:url(images/product_box_bottom.g
if) no-repeat center top;float:left;padding:0px; margin:0px;
}
.center_prod_box{
width:173px;height:
auto;background:url(images/product_box_center.gif) repeat-
y;float:left; text-align:center;padding:0px; margin:0px;
}
.prod_details_tab{
width:173px;
UNIVERSITAS SUMATERA UTARA
height:31px;
float:left;
background:url(images/products_details_bg.gif) no-repeat center;
margin:3px 0 0 0;
}
img.left_bt{
float:left;
padding:6px 0 0 6px;
}
a.prod_details{
width:25px;
display:block;
float:left;
background:url(images/square-blue-add.gif) no-repeat left;
padding:0 0 0 20px;
margin:7px 0 0 38px;
margin:6px 0 0 35px;
text-decoration:none;
color:#0fa0dd;
}
/*---------prod_box_big----------*/
.prod_box_big{
width:554px;
height:auto;
float:left;
padding:10px 10px 10px 15px;
}
.top_prod_box_big{
width:554px;height:12px;background:url(images/details_box_top.gif)
no-repeat center bottom;float:left; padding:0px; margin:0px;
}
.bottom_prod_box_big{
width:554px;height:12px;background:url(images/details_box_bottom.g
if) no-repeat center top;float:left;padding:0px; margin:0px;
}
.center_prod_box_big{
width:554px;height:
auto;background:url(images/details_box_center.gif) repeat-
y;float:left; text-align:center;padding:0px; margin:0px;
}
.product_img_big{
width:170px;
padding:5px 0 5px 10px;
float:left;
}
.details_big_box{
width:345px;
float:left;
padding:0 0 0 15px;
text-align:left;
}
.product_title_big{
color:#ea2222;
padding:5px 0 5px 0;
font-weight:bold;
font-size:14px;
text-transform:capitalize;
}
.specifications{
UNIVERSITAS SUMATERA UTARA
font-size:12px;
font-weight:bold;
line-height:18px;
}
.thumbs{
padding:8px 5px 8px 5px;
border:1px #DFD1D1 solid;
margin:3px 0 0 0;
}
.thumbs a{
padding:3px;
}
.prod_price_big{
padding:5px 0 5px 0;
font-size:16px;
}
span.reduce{
color:#999999;
text-decoration:line-through;
}
span.price{
color:#ea2222;
}
a.addtocart{
width:76px;
height:27px;
display:block;
float:left;
background:url(images/addtocart.gif) no-repeat left;
padding:0 0 0 33px;
text-decoration:none;
line-height:27px;
color:#1c4a52;
}
a.compare{
width:76px;
height:27px;
display:block;
float:left;
margin:0 0 0 10px;
background:url(images/compare.gif) no-repeat left;
padding:0 0 0 33px;
text-decoration:none;
line-height:27px;
color:#1c4a52;
}
span.blue{
color:#5F9FAB;
}
/*---------------contact_form------------------*/
.contact_form{
width:355px;
float:left;
padding:0px 0 0 75px;
}
.form_row{
width:335px;
clear:both;
padding:10px 0 10px 0;
UNIVERSITAS SUMATERA UTARA
padding:5px 0 5px 0;
color:#a53d17;
}
label.contact{
width:75px;
float:left;
font-size:12px;
text-align:right;
padding:4px 5px 0 0;
color: #333333;
}
input.contact_input{
width:253px;
height:18px;
background-color:#fff;
color:#999999;
border:1px #DFDFDF solid;
float:left;
}
textarea.contact_textarea{
width:253px;
height:50px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #999999;
background-color:#fff;
border:1px #DFDFDF solid;
float:left;
}
#fixedarea {
width:253px;
height:50px;
font-family: 'Calibri';
resize:none;
}
a.contact{
width:99px;
height:27px;
display:block;
float:right;
margin:0 0 0 10px;
background:url(images/contact_bt.gif) no-repeat left;
padding:0 0 0 10px;
text-decoration:none;
line-height:27px;
color:#1c4a52;
}
/*--------------footer----------------*/
.footer{
width:1000px;
clear:both;
height:65px;
background:url(images/footer_bg.gif) repeat-x top;
}
.left_footer{
float:left;
width:300px;
UNIVERSITAS SUMATERA UTARA
padding:5px 0 0 10px;
}
.right_footer{
float:right;
padding:15px 30px 0 0;
}
.right_footer a{
padding:0 0 0 7px;
text-decoration:none;
color: #666666;
}
.right_footer a:hover{
text-decoration:underline;
}
.center_footer{
float:left;
width:200px;
text-align:center;
color:#666666;
padding:10px 0 0 60px;
}
.login{
margin-top:10px;
width:195px;
height:auto;
text-align:center;
border:1px solid #fff000;
}
.bagon{
width:auto;
height:auto;
float:left;
padding-left:15px;
}
.bottom_prod_box2{
width:196px;height:10px;background-
color:#FFFFFF;float:left;padding:0px; margin:0px;
}
.salam_admin{
float:left;
width:auto;
padding-top:3px;
padding-left:10px;
font-size:20px;
color:#999999;
}
.bagon2{
width:auto;
height:auto;
float:left;
padding-top:10px;
padding-left:15px;
padding-bottom:10px;
UNIVERSITAS SUMATERA UTARA
}
.bagon2 a{
color:#000000;
text-decoration:none;
}
.bagon2 a:hover{
color:#0000FF;
text-decoration:underline;
}
#pesan{
float:left;
margin-top:10px;
}
#bayar{
width:130px;
height:30px;
color:#FFFFFF;
font-weight:bold;
text-align:center;
font-size:18px;
background:url(images/button1.JPG) no-repeat;
}
#bayar a{
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
.rangkup{
width:554px;
height:auto;
background:url(images/details_box_center.gif) repeat-y;
float:left;
text-align:justify;
padding:0px;
margin:0px;
}
.rangkup2{
color:#ea2222;
padding:5px 0 5px 0;
font-weight:bold;
font-size:14px;
text-align:center;
text-transform:none;
}
.rangkup3{
font-size:12px;
font-weight:none;
line-height:18px;
}
UNIVERSITAS SUMATERA UTARA
Daftar Pustaka
Anhar. 2010. Panduan Menguasai PHP dan MySQL Secara Otodidak. Jakarta:
Media Kita
Indrajid Richardus Eko, 2001. E-commerce Kiat dan Strategis Bisnis di Dunia
Maya. Jakarta: PT. Elex Media Komputindo.
Jogiyanto, 2005. Pengenalan Komputer. Yogyakarta: Penerbit Andi Andi
Kadir. Abdul. 2002. Dasar Pemograman Web Dinamis Menggunakan PHP.
Yogyakarta: Penerbit Andi
Maulia, S, 2012. Perancangan Sistem Informasi Penjualan Batik Berbasis Web.
Medan: Program D3 USU Teknik Informatika Medan.
Munandar. 2011. E-Busines. Jakarta Wahana Komputer Semarang. 2001. Apa dan
Bagaimana E- commerce. Semarang: Penerbit Andi Yogyakarta.
Sutanta, Edhy. 2004. Database PHP dan Mysql. Yogyakarta: Penerbit Graha Ilmu
http://www.apachefriends.org/en/xampp-window.html.
http://id.techinasia.com/daftar-website-e-commerce-fashion-online
http://www.google.co.id/search?ie=UTF8&q=contoh+dfd+penjualan+baju+online
http://suiryuk.wordpress.com/2012/10/17/pengertian-e-commerce
http://www.teorikomputer.com/2015/10/pengertian-mysql-beserta-kelebihan-
dan.html
http://opraywinter.blogspot.co.id/2014/11/definisi-pengertian-dan-
fungsixampp.html
http://www.google.co.id/m?=&q=contoh+ecommerce+pakaian
http://id.techinasia.com/daftar-website-e-commerce-fashion-online)
UNIVERSITAS SUMATERA UTARA
http:// blogspot.co.id/2015/02/pengertian-internet-dan-sejarah-internet.html)
https://arekubl.blogspot.co.id/2014/01/pengertian-database-mysql-dan-
phpmyadmin.html)
https://lesmardin1988.wordpress.com/2014/08/13/pengertianaplikasi)
https://adepuspita28.wordpress/2013/10/26/pengertian data flow diagram dan-
contoh-gambar-
UNIVERSITAS SUMATERA UTARA
UNIVERSITAS SUMATERA UTARA
UNIVERSITAS SUMATERA UTARA
Recommended