sistem informasi penjualan berbasis web pada butik

108
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

Upload: others

Post on 02-Oct-2021

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 2: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 3: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 4: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 5: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 6: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

UNIVERSITAS SUMATERA UTARA

Page 7: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

UNIVERSITAS SUMATERA UTARA

Page 8: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 9: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 10: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 11: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 12: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 13: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 14: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 15: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 16: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 17: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 18: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 19: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 20: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 21: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 22: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 23: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 24: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 25: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 26: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 27: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 28: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 29: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 30: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 31: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 32: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 33: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 34: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 35: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 36: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 37: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 38: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 39: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 40: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 41: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 42: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 43: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 44: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 45: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 46: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 47: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 48: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 49: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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>&nbsp;&nbsp;<a

href="index.php?menu=pelanggan"><img

src="../images/back.png"> Kembali</a></p>

UNIVERSITAS SUMATERA UTARA

Page 50: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

<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

Page 51: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

</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

Page 52: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

?>

<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

Page 53: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

<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

Page 54: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

}

?>

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

Page 55: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

<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

Page 56: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

$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

Page 57: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

<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">&nbsp;</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">&nbsp;</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

Page 58: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 59: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

</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

Page 60: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 61: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

$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

Page 62: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

<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

Page 63: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

<?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

Page 64: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

</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

Page 65: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

<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

Page 66: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

='$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

Page 67: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

<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

Page 68: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

<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

Page 69: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

<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

Page 70: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

$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

Page 71: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

$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

Page 72: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

<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

Page 73: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

</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

Page 74: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

}

}

?>

</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

Page 75: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 76: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 77: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

<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

Page 78: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 79: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

</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

Page 80: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

<?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

Page 81: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 82: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

<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

Page 83: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

?>

</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

Page 84: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

<?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

Page 85: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

<?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

Page 86: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

<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

Page 87: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

$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

Page 88: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

<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

Page 89: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

<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

Page 90: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

}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

Page 91: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

<?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

Page 92: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 93: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 94: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 95: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 96: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 97: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 98: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

}

.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

Page 99: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

/*----------------------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

Page 100: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 101: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 102: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 103: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 104: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

}

.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

Page 105: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 106: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

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

Page 107: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

UNIVERSITAS SUMATERA UTARA

Page 108: SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA BUTIK

UNIVERSITAS SUMATERA UTARA