Anda di halaman 1dari 78

SISTEM APLIKASI PENJUALAN BAJU WANITA

BERBASIS WEB

TUGAS AKHIR

OKTAVIA SIRAIT
132406241

PROGRAM STUDI D3 TEKNIK INFORMATIKA


DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016

Universitas Sumatera Utara


SISTEM APLIKASI PENJUALAN BAJU WANITA
BERBASIS WEB

TUGAS AKHIR

Diajukan untuk melengkapi tugas akhir dan memenuhi syarat memperoleh gelar
Ahli Madya

OKTAVIA SIRAIT
132406241

PROGRAM STUDI D3 TEKNIK INFORMATIKA


DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016

Universitas Sumatera Utara


PERSETUJUAN

Judul : SISTEM APLIKASI PENJUALAN BAJU


WANITA BERBASIS WEB
Kategori : Tugas Akhir
Nama : Oktavia SIrait
Nim : 132406241
Program Studi : Diploma (D3) Teknik Informatika
Departemen : Matematika
Fakultas : Matematika Dan Ilmu Pengetahuan Alam
Universitas Sumatera Utara

Disetujui di
Medan, Juli 2016

Disetujui Oleh:
Program Studi D3 Teknik Informatika Pembimbing,
FMIPA USU
Ketua,

Dr.Elly Rosmaini, M.Si Drs. Rosman Siregar, M.Si


NIP. 196005201985032002 NIP. 196101071986011001

Universitas Sumatera Utara


PERNYATAAN

SISTEM APLIKASI PENJUALAN BAJU WANITA


BERBASIS WEB

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri. Kecuali
beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, Juni 2016

OKTAVIA SIRAIT
132406241

Universitas Sumatera Utara


PENGHARGAAN

Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Esa, dengan
limpah berkat-Nya Penulis dapat menyelesaikan tugas akhir ini dengan judul
“SISTEM APLIKASI PENJUALAN BAJU BERBASIS WEB”. Terimakasih
penulis sampaikan kepada Bapak Drs. Rosman Siregar, M.Si selaku pembimbing
yang telah meluangkan waktunya selama penyusunan Tugas Akhir ini.
Terimakasih kepada Bapak Dr. Kerista Sebayang, M.Sc selaku Dekan Fakultas
Matematika dan Ilmu Pengetahuan Alam. Bapak Prof. Dr. Tulus, M.Si selaku
Ketua Dapertemen Matematika Fakultas Matematika dan Ilmu Pengetahuan
Alam, Dr. Elly Rosmaini, M.Si selaku Ketua Program Studi D3 Teknik
Informatika, Pembantu Dekan FMIPA USU, seluruh Staff pengajar Program Studi
D-3 Teknik Informatika FMIPA USU, pegawai FMIPA USU.
Akhirnya tidak terlupakan kepada Ayahanda Panahatan Sirait, Ibunda Rini
Tobing, kakak Kristellia Sirait dan adek Jeremi Sirait, serta kepada para sahabat
penulis Imas Margaretta, Neusantija Sitinjak, Yohannes Sinaga yang telah
membantu dan memberikan dukungan kepada penulis selama menyelesaikan
tugas akhir ini. Semoga Tuhan Yang Maha Esa akan membalasnya.

Universitas Sumatera Utara


ABSTRAK

Perkembangan teknologi informasi dan komunikasi pada saat ini


mempunyai peranan yang sangat penting dalam kehidupan. Di mana tuntutan
masyarakat akan kebutuhan teknologi semakin lama semakin besar khususnya
pada sektor perdagangan. Untuk itu pada penulisan tugas akhir ini, penulis
membuat sistem aplikasi penjualan baju dan aksesoris berbasis web. Sistem ini
merupakan suatu sarana yang di khususkan bagi para pengusaha atau penjual baju
dan aksesoris untuk memasarkan produknya secara online. Dengan adanya web
ini di harapkan dapat membantu mempromosikan produk, serta menyediakan
informasi yang cepat kepada masyarakat. Web ini dirancang dengan
menggunakan PHP dan MySQL.

Universitas Sumatera Utara


DAFTAR ISI

Halaman

Persetujuan i
Pernyataan ii
Penghargaan iii
Abstrak iv
Daftar Isi v
Daftar Tabel vi
Daftar Gambar vii

BAB 1 PENDAHULUAN
1.1 Latar Belakang 1
1.2 Identifikasi Masalah 3
1.3 Rumusan Masalah 3
1.4 Batasan Masalah 4
1.5 Sistematika Penulisan 4

BAB 2 LANDASAN TEORI


2.1 Pengertian Aplikasi Web 6
2.2 Pengertian Komputer 7
2.3 Mengenal PHP 10
2.2.1 Sejarah Singkat PHP 11
2.2.2 Kelebihan PHP 12
2.4 MySQL 13
2.5 Internet 15
2.6 Pengertian E-commerce 17
2.7 Sublime Text2 18
2.8 Cascading Style Sheet(CSS) 18
2.9 Macromedia Dreamweaver 19

BAB 3 PERANCANGAN SISTEM


3.1 Data Flow Diagram 20
3.2 Gambar Diagram DFD 21
3.3 Flowchart (Daiagram Alir) 22
3.3.1 Flowchart Menu Utama 23
3.3.2 Flowchart Pemesanan Produk 24
3.3.3 Flowchart Admin 25
3.3.4 Flowchart Member 26
3.4 Perancangan Database 26

Universitas Sumatera Utara


BAB 4 IMPLEMENTASI SISTEM
4.1 Definisi Implementasi Sistem 30
4.2 Tujuan Implementasi 30
4.3 Komponen Implementasi Sistem 31
4.3.1 Kebutuhan Perangkat Keras 31
4.3.2 Kebutuhan Perangkat Lunak 32
4.3.3 Kebutuhan Brainware 32
4.4 Tampilan Halaman Website 32
4.5 Tampilan Halaman Admin 33

BAB 5 KESIMPULAN DAN SARAN


5.1 Kesimpulan 38
5.2. Saran 38

Daftar Pustaka
Lampiran

Universitas Sumatera Utara


DAFTAR TABEL

Nomor Judul Halaman


Tabel

3.1 Tabel Simbol Data Flow Diagram 21


3.2 Tabel Simbol Data Flow Diagram 2 22
3.3 Tabel Admin 27
3.4 Tabel Member 27
3.5 Tabel Produk 28
3.6 Tabel Keranjang 28
3.7 Tabel Transaksi 29

Universitas Sumatera Utara


DAFTAR GAMBAR

Nomor Judul Halaman Gambar

3.1 DFD Level Konteks 21


3.2 Alur Flowchart Menu Utama 23
3.3 Alur Flowchart Pemesanan Produk 24
3.4 Alur Flowchart Admin 25
3.5 Alur Flowchart Member 26
4.1 Halaman Home 33
4.2 Halaman Dress 34
4.3 Halaman Tops 34
4.4 Halaman Blazer 34
4.5 Halaman Cara Order 35
4.6 Halaman Konfirmasi Pembayaran 35
4.7 Halaman Registrasi 36
4.8 Halaman Produk Admin 36
4.9 Halaman Member Admin 37

Universitas Sumatera Utara


BAB 1

PENDAHULUAN

1.1 Latar Belakang


Di zaman sekarang ini masyarakat dituntut untuk menggunakan waktu seefektif

mungkin. Banyak masyarakat yang tidak mau membuang waktu untuk sekedar

pergi membeli sesuatu yang akan memakan banyak waktu. Oleh karena itu

efektifitas dan ketepatan waktu dalam melakukan kegiatan sangat diperlukan agar

sejalan dengan dunia teknologi modern saat ini. Teknologi berkembang sangat

pesat untuk segala bidang, termasuk dalam efisiensi waktu.

Tuntutan untuk menggunakan waktu yang efisien menuntut manusia

semakin berkembang dan terus berpikir untuk membuat suatu alat atau teknologi

baru yang berfungsi untuk mempermudah pekerjaan mereka. Teknologi yang

berkembang sudah memasuki dunia perekonomian dan membawa pengaruh yang

sangat besar. Perdagangan yang termasuk dalam dunia perekonomian juga sudah

pasti ikut berkembang.

Sistem perdagangan dunia termasuk Indonesia dulunya masih menganut

sistem perdagangan tradisional. Sistem perdagangan tradisional merupakan

sebuah sistem dimana hubungan transaksi antara penjual dan pembeli dilakukan

secara langsung. Proses dari transaksi perdagangan tradisional yang dilakukan

Universitas Sumatera Utara


terjadi di suatu tempat tertentu dimana pembeli dapat memilih dan mendatangi

toko dengan bebas. Transaksi dapat dilakukan jika sudah ada kesepakatan harga

antara pihak penjual dan pembeli. Terbatasnya waktu pembeli untuk memilih

dengan datang secara langsung membuat cara ini sudah mulai dikembangkan agar

pembeli tetap dapat bertransaksi tanpa harus datang langsung ke toko fisik.

Seiring berkembangnya teknologi dan sistem informasi, media penjualan

dan transaksi mulai berpindah ke pasar yang lebih menjanjikan. Pasar tersebut

dapat menghubungkan antara penjual dan pembeli dengan menggunakan

teknologi untuk melakukan transaksi jual-beli tersebut. Pasar yang dimaksud akan

memudahkan pembeli yang berada di luar daerah dari penjual, sehingga penjual

dapat mencakup pelanggan yang lebih luas. Pembelian tidak akan terbatas hanya

karena berbeda daerah dari tempat penjual. Kemudahan pasar tersebut membuat

para penjual terus berlomba-lomba untuk menyediakan sistem informasi agar

dapat terus bersaing di dunia perdagangan.

Penjualan baju wanita online ini nantinya akan terdapat form registrasi

untuk menjadi member. Form registrasi tersebut berguna untuk menampung

semua data diri dari pembeli. Sebelum membeli, calon pembeli diharapkan untuk

mengisi form registrasi tersebut. Data diri pembeli yang telah di input akan

berguna saat member membeli produk nantinya, serta memudahkan admin untuk

mengetahui informasi seperti alamat pengiriman dan nomor yang dapat dihubungi

saat pengiriman barang. Setelah pembeli menjadi member, pembeli dapat memilih

barang yang akan diinginkan. Selesai menyeleksi barang yang dibeli, pembeli

Universitas Sumatera Utara


akan menuju halaman yang berisi info tentang barang dan jumlah masing-masing

barang yang dibeli. Pada menu admin terdapat sebuah halaman dimana admin

dapat merubah status transaksi yang sebelumnya masih pesan menjadi proses

pembeli jika pembayaran telah dilakukan oleh pembeli, selain itu admin juga

dapat melihat data diri member yang berguna saat barang akan di proses nantinya.

1.2 Identifikasi masalah


Toko penjualan baju wanita online ini berguna bagi pembeli yang tidak sempat

atau memiliki masalah terhadap jarak dan waktu untuk pergi atau sekedar melihat

baju yang sedang tren saat ini. Oleh sebab itu dibangunlah aplikasi berbasis web

yang nantinya bertujuan agar dapat mempermudah konsumen dalam mencari dan

membeli berbagai macam produk yang diinginkan. Aplikasi ini juga dapat diakses

setiap saat karena tidak seperti toko fisik yang memiliki jam kerja untuk

operasional toko.

1.3 Rumusan Masalah


Permasalahan yang akan dibahas dalam penelitian ini adalah:
a. Bagaimana cara membangun suatu sistem aplikasi penjualan baju wanita
online yang berfungsi untuk membantu penjual untuk memasarkan produknya
secara online.
b. Bagaimana membangun sistem aplikasi penjualan baju wanita online agar
dapat membantu pembeli dalam melakukan transaksi yang aman dan
terpercaya.

Universitas Sumatera Utara


1.4 Batasan Masalah
Berdasarkan kemampuan penulis dan keterbatasan waktu serta luasnya cakupan

permasalahan dalam penulisan Tugas Akhir ini, penulis membuat batasan masalah

yang akan dibahas. Penulis akan membatasi masalah dalam pembahasan

penyampaian informasi pada admin mengenai masukan barang yang masih

dilakukan secara manual melalui database secara langsung.

1.5 Sistematika Penulisan


Maksud dan tujuan dari pembuatan sistematika penulisan yakni berguna untuk

mempermudah penulis dalam memberikan informasi tentang pembahasan-

pembahasan apa saja yang ada dalam setiap bab. Sistematika penulisan tugas

akhir ini adalah:

1. BAB 1 : PENDAHULUAN

Dalam bab ini penulis akan menjelaskan latar belakang penulisan,

identifikasi masalah, rumusan masalah, batasan masalah, dan sistematika

penulisan.

2. BAB 2 : LANDASAN TEORI

Dalam bab ini penulis akan menjelaskan dan menguraikan pengertian-

pengertian menegenai pokok pembahasan yang mengacu pada pembuatan

sistem aplikasi ini. Serta sistem aplikasi pendukung apa saja yang ada di

gunakan dalam membangun sistem aplikasi e-commerce ini.

Universitas Sumatera Utara


3. BAB 3 : PERANCANGAN SISTEM

Dalam bab ini penulis akan membahas tentang perancangan sistem dalam

bentuk data flow diagram, serta struktur database yang digunakan dalam

sistem aplikasi ini.

4. BAB 4 : IMPLEMENTASI SISTEM

Dalam bab ini penulis akan menjelaskan pengertian dan tujuan dari

implementasi sistem yang dibangun.

5. BAB 5 : KESIMPULAN DAN SARAN

Bab ini merupakan bab terakhir, dalam bab ini berisikan tentang

kesimpulan yang dapat ditarik oleh penulis berdasarkan hasil rancangan

sistem aplikasi yang telah dibangun, serta berisi saran yang ditulis oleh

penulis mengenai pengembangan yang mungkin dilakukan terhadap

aplikasi ini.

Universitas Sumatera Utara


BAB 2

LANDASAN TEORI

2.1 Pengertian Aplikasi Web

Aplikasi Web adalah sebuah program yang bila dieksekusi akan menghasilkan

sebuah aplikasi yang dapat bekerja sesuai dengan yang diinginkan. Aplikasi web

dibangun dengan menggunakan bahasa HTML(Hypertext Markup Language).

Pada masa kini aplikasi web dikembangkan untuk memperluas kemampuan

HTML dengan PHP dan ASP pada skrip objek. Aplikasi web dapat dibagi

menjadi dua bagian yaitu aplikasi web dinamis dan aplikasi web statis.

Aplikasi web merupakan sebuah aplikasi yang mengunakan teknologi

browser untuk menjalankan aplikasi dan diakses melalui jaringan komputer

(Remick, 2011). Arsitektur aplikasi web meliputi klien, web server, middleware

dan basis data. Klien berinteraksi dengan web server. Secara internal, web server

berkomunikasi dengan middleware dan middleware yang berkomunikasi dengan

basis data. Contoh middleware adalah PHP dan ASP. Pada mekanisme aplikasi

web dinamis, terjadi tambahan proses yaitu server menerjemahkan kode PHP

menjadi kode HTML. Kode PHP yang diterjemahkan oleh mesin PHP yang akan

diterima oleh klien.(Abdul Kadir, 2009).

Universitas Sumatera Utara


Aplikasi adalah sebuah ‘mahakarya Symphony Orchestra’ dari pelaku Teknologi

Informasi, yang merupakan hasil kerjasama antara sumber daya manusia, tools

dan pengguna dalam sebuah manajemen yang terintegrasi dimana didalamnya ada

perencanaan, ujicoba, pelaksanaan dan pemeliharaan, dengan tujuan akhir untuk

mendukung aktifitas manusia agar lebih efisien dan efektif (Muhammad Safri

Lubis, 2011).

Jadi aplikasi adalah sebuah program hasil karya yang siap pakai. Program

yang terbuat dengan beberapa tahapan yang melaksanakan suatu fungsi yang telah

diperintahkan.

2.2 Pengertian Komputer

Komputer (computer) berasal dari bahasa Latin computare yang berarti

menghitung. Komputer mempunyai arti yang sangat luas dan berbeda untuk orang

yang berbeda. Komputer adalah sistem elektronik untuk memanipulasi data yang

cepat dan tepat serta dirancang dan diorganisasikan supaya secara otomatis

menerima dan menyimpan data input, memprosesnya dan menghasilkan output

dibawah pengawasan suatu langkah-langkah instruksi-instruksi program yang

tersimpan di memori (stored program).

Bila dijabarkan, defenisi dari komputer adalah seperangkat peralatan

elektronik yang bekerja bersama – sama secara otomatis, menerima input,

memproses data dan menghasilkan data secara logis (output), cepat dan tepat

Universitas Sumatera Utara


berdasarkan perintah–perintah yang diberikan oleh user dan komputer itu sendiri

merupakan bagian dari sistem komputerisasi.

Sistem komputer adalah suatu sistem yang terdiri atas komputer dan seluruh

komponen–komponen yang menunjang terlaksananya proses pengolahan data dan

menjadikan komputer sebagai alat yang berguna. Sistem komputer memiliki

beberapa komponen yaitu:

1. Perangkat Keras (Hardware)

Perangkat keras merupakan perangkat yang secara fisik dapat dilihat

dan diraba, yang membentuk kesatuan, sehingga dapat difungsikan.

Berdasarkan kegunaannya, perangkat keras dapat digolongkan ke dalam

tiga bagian:

a. Alat input

Alat input adalah alat yang memiliki fungsi untuk memasukkan data

ataupun program yang akan diproses komputer, seperti keyboard,

mouse, printer, scanner dan lainnya.

b. Alat Proses

Alat proses atau CPU (Central Prosesing Unit), merupakan alat atau

unit terpenting didalam sistem komputer. Fungsi utamanya adalah

pusat pemprosesan data dan mengiontrol keseluruhan sistem

komputer selama pengolahan data berlangsung, contohnya adalah

prosessor.

c. Alat Output

Alat output adalah alat untuk menampilkan hasil pengolahan data

yang dilakukan oleh CPU, misalnya monitor dan printer.

Universitas Sumatera Utara


2. Perangkat Lunak (Software)

Perangkat lunak adalah komponen komputer yang merupakan

kumpulan program dan prosedur yang memungkinkan perangkat keras

komputer dapat menjalankan fungsinya sebagai alat pengolahan

data.Komponen ini tidak nyata secara fisik.Perangkat lunak berfungsi

sebagai perantara antara komputer dan user sehingga dapat digunakan.

3. Perangkat Komputer (Brainware)

Pengguna komputer adalah manusia yang menangani suatu sistem

komputer atau orang yang mampu menangani suatu sistem operasi

komputer. Brainware dapat dikelompokkan dalam beberapa bagian,

yaitu :

a. Sistem Analisis

Orang bertugas untuk membentuk dan merancang fasilitas suatu

sistem komputer yang akan dibangun.

b. Programmer

Orang yang bertugas menerjemaahkan spesifikasi yang telah

dirancang oleh sistem analisis kedalam suatu bahasa program

tertentu.

c. Komputer Operator

Orang yang bertugas menangani pengolahan data secara langsung.

d. Data Entry Operator

Orang yang bertugas melakukan pengurusan data yang akan diolah,

mulai dari pengumpulan data, perekaman data kedalam media

Universitas Sumatera Utara


penyimpanan hingga pemeriksaan dan pengiriman informasi yang

dihasilkan oleh komputer.

2.3 Mengenal PHP

Pada awalnya PHP merupakan kependekan dari Personal Home Page (Situs

personal). PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada

waktu itu PHP masih bernama Form Interpreted (FI), yang wujudnya berupa

sekumpulan skrip yang digunakan untuk mengolah data formulir dari web.

Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan

menamakannya PHP. Dengan perilisan kode sumber ini menjadi sumber terbuka,

maka banyak pemrogram yang tertarik untuk ikut mengembangkan PHP. Pada

November 1997, dirilis PHP/FI 2.0. Pada rilis ini, interpreter PHP sudah

diimplementasikan dalam program C. Dalam rilis ini disertakan juga modul-

modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.

Pada tahun 1997, sebuah perusahaan bernama Zend menulis ulang

interpreter PHP menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada

Juni 1998, perusahaan tersebut merilis interpreter baru untuk PHP dan

meresmikan rilis tersebut sebagai PHP 3.0 dan singkatan PHP diubah

menjadi akronim berulang PHP: Hypertext Preprocessing.

Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis

tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak

Universitas Sumatera Utara


dipakai pada awal abad ke-21. Versi ini banyak dipakai disebabkan

kemampuannya untuk membangun aplikasi web kompleks tetapi tetap memiliki

kecepatan dan stabilitas yang tinggi.

Pada Juni 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter

PHP mengalami perubahan besar. Versi ini juga memasukkan model

pemrograman berorientasi objek ke dalam PHP untuk menjawab perkembangan

bahasa pemrograman ke arah paradigma berorientasi objek.

2.3.1 Sejarah Singkat PHP

PHP pertama kali dibuat oleh Rasmus Lerdroft, seorang programmer C. Semula

PHP digunakannya untuk menghitung jumlah pengunjung di dalam webnya.

Kemudian ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis.

Versi ini pertama kali keluar pada tahun 1995. Isinya adalah sekumpulan script

PERL yang dibuatnya untuk membuat halaman webnya menjadi dinamis.

Kemudian mengeluarkan PHP versi 2.0 yang kemampuannya telah dapat

mengakses database dan dapat terintegrasi dengan HTML. Vesri mutahir dari PHP

diluncurkan pada Juni 2004, oleh Zend merilis PHP 5.0. Dalam versi ini, inti dari

interpreter PHP mengalami perubahan besar. Dalam versi ini juga dikenalkan

model pemrograman berorientasi objek baru untuk menjawab perkembangan

bahas pemrograman kearah pemrograman berorientasi objek.

Universitas Sumatera Utara


2.3.2 Kelebihan PHP

PHP memiliki banyak kelebihan yang tidak dimiliki bahasa script sejenis. PHP

difokuskan pada pembuatan script server-side, yang bisa melakukan apa saja yang

dapat dilakukan oleh GCI, seperti mengumpulkan data dari form, menghasilkan isi

halaman web dinamis, dan kemampuan mengirim dan menerima cookies bahkan

lebih dari kemampuan CGI. PHP dapat digunakan pada setiap sistem operasi,

antara lain Linux, Unix, Windows, dan Macintosh. PHP juga mendukung banyak

Web server, seperti Apache, Microsoft Internet information Server (MIIS),

Personal Web Server(PWS), dan masih banyak lagi lainnya, bahkan PHP dapat

bekerja sebagai suatu CGI processor.PHP tidak terbatas pada hasil keluaran

HTML. PHP juga memiliki kemampuan untuk mengolah keluaran gambar, file

pdf, dan movies flash. Php juga dapat menghasilkan teks seperti XHTML dan file

XML lainnya.

2.3.3 Skrip PHP

Skrip PHP berkedudukan sebagai tag dalam bahasa HTML. Suatu skrip akan

dikenali sebagai skrip PHP bila diapit oleh tanda:

<?php. . . . . ?>

<? . . . . . . . .?>

<script language=”PHP”> . . . . .</script>

Script yang dibuat dengan PHP disimpan dengan nama dan diikuti dengan

ekstensi *.php, misalnya : contoh.php. bila scrip PHP diakses melalui komputer

local maka file PHP disimpan folder htdocs di web server.

Universitas Sumatera Utara


Berikut contoh dari scrip PHP:

<?php

Echo (“hallo”);?

2.4 MySQL

MySQL merupakan salah satu perangkat lunak sistem pengelola basis data

(database management system). MySQL juga dapat dikategorikan sebagai relation

Database Management Sistem (RDBMS).Karena dalam pembuatan basis data

pada MySQL dapat dipilah-pilah dalam berbagai tabel dua dimensi.Setiap tabel

pada MySQL terdiri atas lajur horizontal dan lajur vertikal.

MySQL pada saat ini, banyak digunakan oleh pemrogram web untuk

membangun situs yang memerlukan basis data sebagai data dan pengolahan

data.Untuk keperluan mnampung data di server, kita perlu sebuah

database.MySQL merupakan sebuah program aplikasi untuk membuat database

yang umum digunakan pada wwb server.MySQL bayak digunakan karena

kemampuannya dalam menampung data yang cukup besar dan proses loading

yang cepat dalam memanggil data. MySQL dapat didefinisikan sebagai:

1. MySQL merupakan sistem manajemen database. Database merupakan

struktur penyimpanan data. Untuk menambah,mengakses, dan

memproses data yang disimpan dalam sebuah database komputer,

diperlukan sistem manajemen database MySQL server.

Universitas Sumatera Utara


2. MySQL merupakan sistem manajemen database atau basis dat

terhubung menyimpan pada tabel – tabel terpisah. Kata SQL pada

MySQL merupakan singkatan dari Structure Query Language. SQL

merupakan bahasa standart yang digunakan untuk mengakses database

dan ditetapkan oleh ANSI/ISO SQL Standar.

3. MySQL merupakan software Open Source, berarti semuaorang

diizinkan menggunakan dan memodifikasi software ini. Semua orang

dapat mendownload software MySQL dari internet dan

menggunakannya tanpa membayar. Anda dapat mempelajari Source

Code dan menggunakannya sesuai dengan kebutuhan.

4. Server database MySQL mempunyai kecepatan yang tinggi,mudah

digunkan, dan handal. MySQL dikembangkan untuk menangani

database yang besar secara cepat dan telah sukses digunakan selama

bertahun-tahun. Konektifitas, kecepatan, dan keamanannya membuat

server MySQL cocok untuk mengakses database di internet.

5. MySQL Server bekerja di client server atau sistem embedded. Software

database MySQL merupakan sistem yang terdiri atas multitheread SQL

Server yang mendukung software client dan library yang berbeda,

tool administrative, dan sejumlah Application programming Interfaces

(APIs).

6. MySQL terdiri daribeberapa macam bahasa.

Universitas Sumatera Utara


2.5 Internet

Internet adalah sumber daya informasi yang menjangkau seluruh dunia. Sumber

daya informasi tersebut sangat luas dan sangat besar sehingga tidak ada satu

orang, satu organisasi atau suatu negara yang dapat memahami seluruh seluk

beluk internet.

Asal-usul internet berasal dari jaringan komputer yang dibentuk pada tahun

1970-an. Jaringan komputer tersebut disebut dengan Arpanet, yaitu jaringan

komputer yang dibentuk oleh Departemen Pertahanan Amerika Serikat,

selanjutnya jaringan komputer di perbaharui, dikembangkan dan sekarang

penerusnya menjadi tulang punggung global untuk sumber daya informasi yang

sekarang disebut Internet.

Internet berawal dari diciptakannya teknologi jaringan komputer. Jaringan

komputer merupakan beberapa komputer yang terhubung satu sama lain dengan

memakai kabel dalam satu lokasi, misalnya satu kantor atau gedung. Jaringan

komputer ini berfungsi agar pengguna komputer bisa bertukar informasi dan data

dengan komputer lainnya.

ARPAnet (US Defense Advanced Reseach Project Agency) atau departemen

pertahanan Amerika pada tahun 1969 membuat jaringan komputer yang tersebar

untuk menghindarkan terjadinya informasi terpusat, yang apabila perang dapat

dengan mudah dihancurkan. Jadi suatu bagian dari sambungan itu secara otomatis

dipindahkan kesambungan lainnya.

Universitas Sumatera Utara


Setelah angkatan Amerika, dunia pendidikan pun merasa sangat perlu

mempelajari dan mengembangkan jaringan komputer.Salah satunya adalah

University of California at Los Angeles (UCLA). Akhirnya pada tahun 1970

internet banyak digunakan Universitas di Amerika dan berkembang pesat saat ini.

Agar pengguna komputer dengan merek dan tipe berbeda dapat saling

berhubungan, maka para ahli membuat sebuah protocol (semacam bahasa) yang

sama untuk dipakai di Internet. Namanya TCP (Transmission Control Protokol)

protokol pengendali transmisi dan IP (Internet Protokol).

Kegunaan internet diantaranya untuk mendukung bisnis global, akademi

dan komunitas yang mewakili pribadi. Kegunaan internet terbagi menjadi 3 fungsi

yaitu:

1. Fungsi Komunitas

Internet adalah alat komunikasi. Kegunaan yang sangat penting dari

internet adalah Pertukaran pesan antara manusia dengan electronic mail

(e-mail). Masyarakat memakai internet untuk mendapatkan software

gratis dan untuk berkomunikasi dengan orang lain dengan

menggunakan komputer dan berbagai kebutuhan.

2. Fungsi Resource Sharing

Internet menghubungkan komputer dengan fasilitas sharing resource

diantara komputer.

3. Fungsi Reseorces Discovery

Penuntun untuk mencari file tertentu, dokumen, host atau orang

diantara jutaan host.

Universitas Sumatera Utara


2.6 Pengertian E-commerce

E-commerce atau yang bisa disebut juga dengan istilah Ecom atau Emmerce atau

EC merupakan pertukaran bisnis yang rutin dengan menggunakan transmisi

Electronic Data Interchange (EDI), email, electronic bulletin boards, mesin

faksimilia, dan Electronic Funds Transfer yang berkenan dengan transaksi-

transaksi belanja di Internet shopping, stock online dan surat obligasi, download

dan penjualan software, dokumen, grafik, musik, dan lain-lain, serta transaksi

Business to Business (B2B).

Sedangkan defenisi e-commerce menurut David Baum (1999) adalah satu

set dinamis teknologi, aplikasi, dan proses bisnis yang menghubungkan

perusahaan, konsumen, dan komunikasi tertentu melalui transaksi elektronik dan

perdagangan barang, pelayanan, dan informasi yang dilakukan secara elektronik.

E-commerce (electronic ecommerce) sebagai perdagangan elektronik

dimana untuk transaksi perdagangan baik membeli maupun menjual dilakukan

melalui elektronik pada jaringan internet. Keberadaan e-commerce sendiri dalam

internet dapatdilakukan melalui adanya fasilitas pemasangan iklan, penjualan, dan

service support terbaik bagi seluruh pelangganya dengan menggunakan sebuah

toko online berbentuk web yang setiap harinya beroperasi selama 24 jam. Proses

yang ada dalam e-commerce adalah sebagai berikut:

1. Persentasi elektronis (Pembuatan Website ) untuk produk dan layanan.

2. Pemesanan secara langsung dan tersedianya tagihan.

Universitas Sumatera Utara


3. Otomatis account pelanggan secara aman (baik nomor rekening

maupun nomor kartu kredit).

4. Pembayaran yang dilakukan secara langsung (online) dan penanganan

transaksi.

2.7 Sublime Text 2

Dalam membuat situs web diperlukan suatu editor. Salah satu contoh editor yang

sangat sederhana adalah notepad.

Sublime Text merupakan editor HTML yang professional mendesain,

menulis kode program dan mengembangkan website, halaman web, dan aplikasi

web. Dalam pengerjaanya dreamweaver memberikan tiga pilihan yaitu bekerja

dengan menulis kode program (Menu Code), dengan pengeditan secara visual

(Mode Design) dan dengan tampilan keduanya (Split Mode). Dreamweaver juga

menyediakan alat-alat bantu untuk mengembangkan kreatifitas pembuatan web.

2.8 Cascading Style Sheet (CSS)

CSS banyak digunakan untuk memperluas kemampuan HTML dalam memformat

dokumen web atau untuk mempercantik tampilan web, bahkan untuk pemosisian

dan layouting halaman web. Dengan mendefinisikan suatu style sekali saja maka

style itu akan dapat digunakan berulang kali.

Universitas Sumatera Utara


2.9 Macromedia Dreamweaver

Saat ini dreamweaver merupakan software utama yang digunakan oleh web server

designer maupun web programmer dalam membangun suatu web. Dreamweaver

memberikan kemudahan bagi penggunanya dalam menentukan ruang kerja yang

diinginkan. Tips ruang kerja, faasilitas dan kemampuan dreamweaver maupun

dalam membangun web.

Versi terbaru Macromedia Dreamweaver di tahun 2005 adalah

Macromedia Dreamweaver 8 yang merupakan penyempurnaan dari versi

sebelumnya dan semakin mudah dalam penggunaannya. Fasilitas terbaru dari

Macromedia Dreamweaver 8 adalah Zoom Tool and Guides, Panel CSS yang

baru, Code Collapse, Coding Toolbar, Insert Flash Video dan tampilan baru

dalam Dreamweaver 8 membuat pekerjaan anda lebih cepat selesai.

Tidak jauh beda dengan versi sebelumnya, Macromedia Dreamweaver 8

mendukung program Client Side yang terkenal, yaitu JavaScript dengan

penggunaan yang sangat mudah. Macromedia Dreamweaver juga mendukung

program Script ServerSide, seperti PHP,ASP,ASP.NET, dan JSP.

Universitas Sumatera Utara


BAB 3

PERANCANGAN SISTEM

Tahap perancangan sistem merupakan tahapan awal yang dilakukan penulis dalam

membangun sebuah website. Perancangan sistem dibuat bertujuan untuk

memberikan gambaran yang jelas mengenai rancangan program yang dibuat serta

untuk menguji logika pemrograman secara sederhana. Rancangan program ini

dapat di gambarkan dengan menggunakan flowchart (diagram alir).

3.1 Data Flow Diagram

Data flow diagram merupakan gambar diagram yang menggunakan notasi untuk

menggambarkan arus data dari suatu sistem dengan menggunakan pendekatan

metode analisis sistem terstruktur.

Komponen-komponen data flow diagram yaitu: entitas luar, proses

penyimpanan data, dan arus data. DFD memiliki simbol-simbol yang digunakan

untuk menggambaarkan model data seperti yang tertera pada table berikut ini.

Universitas Sumatera Utara


Tabel 3.1 Simbol Data Flow Diagram
Gane / Sarson Yourdon/De Marco Keterangan
Enititas Entitas eksternal, dapat
Entitas
Eksternal berupa unit terkait yang
Eksternal berinteraksi dengan
sistem tapi berada di luar
sistem
Proses Orang, unit yang
Proses mempergunakan atau
melakukan transformasi
data
Aliran data dengan arah
khusus dari sumber ke
tujuan
Data Store Penyimpanan data atau
tempat data direfer oleh
proses

3.2 Gambar Diagram DFD

Admin Member

Sistem

E-Commerce

- Login Admin - Data Produk


- Info Produk
Delivery
- Info Member
- Info Transaksi
Gambar 3.1 DFD level Konteks

Universitas Sumatera Utara


3.3 Flowchart (Diagram Alir)

Flowchart atau diagram alir adalah sebuah diagram yang digambarkan dengan

menggunakan simbol-simbol grafis. Flowchart memiliki fungsi untuk

menjelaskan aliran algoritma dari suatu aplikasi, dan menganalisis masalah ke

dalam segmen untuk menganalisis alternatif lain dalam pengoperasian.

Flowchart biasa disimbolkan dalam bentuk seperti dalam tabel berikut:

Tabel 3.2 Simbol-Simbol Data Flow Diagram 2

No. Simbol Keterangan


1 Terminal, untuk memulaidan mengakhiri suatu
program

2 Proses, suatu simbol yang menunjukkan setiap


pengolahan yang dilakukan oleh komputer
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

Universitas Sumatera Utara


3.3.1 Flowchart Menu Utama
Flowchart menu utama dapat dilihat pada gambar di bawah ini:

Start

Tampilan
Web

Pilih Link Pada

Tidak
Home
Ya
Tampilan Home

Tidak
Ya
Pakaian Tampilan Produk

Tidak
Ya
Aksesor Tampilan Produk
is

Tidak
Ya
Cara Tampilan Cara

Od

Tidak
Ya
Konfirma Tampilan
si Konfirmasi

Tidak
Ya
Registra Tampilan
si Registrasi

Finish

Gambar 3.2 Alur Flowchart Menu Utama

Universitas Sumatera Utara


3.3.2 Flowchart Pemesanan Produk

Flowchart pemesanan produk dapat dilihat pada gambar di bawah ini:

Start

Pilih Kategori Tidak

Tidak Produk

Ya

Beli

Ya

Ya
Login
Database
Member
Tidak

Finish

Gambar 3.3 Alur Flowchart Pemesanan Produk

Universitas Sumatera Utara


3.3.3 Flowchart Admin

Flowchart Admin dapat dilihat pada gambar di bawah ini:

Start

Tidak Login
Admin

Ya

Daftar
Produk

Tidak

Daftar
Member

Tidak

Daftar
Transaksi

Tidak

Logout

Ya

Finish

Gambar 3.4 Alur Flowchart Admin

Universitas Sumatera Utara


3.3.4 Flowchart Member

Flowchart Admin dapat dilihat pada gambar di bawah ini :

Start

Login

Ya

Produk

Ya

Pemesanan

Ya
Logout
Logout

Finish

Gambar 3.5 Alur Flowchart Member

3.4 Perancangan Database

Database adalah kumpulan dari data yang berhubungan antara yang satu dengan

yang lainnya, tersimpan diperangkat keras komputer dan menggunakan perangkat

lunak untuk memanipulasinya. Database merupakan salah satu komponen yang

Universitas Sumatera Utara


penting dalam sistem komputerisasi, karena database merupakan kumpulan dari

beberapa file, dalam hal ini file-file tersebut dikelompokan secara terstruktur

dalam beberapa tabel sesuai dengan informasi yang terkandung di dalamnya.

Berikut ini rancangan tabel yang penulis gunakan dalam membangun sistem

informasi :

a. Tabel admin terdiri dari:

Tabel 3.3 Tabel admin


Nama Field Tipe Data Lebar Data
id_admin integer 11
Username varchar 20
Password varchar 20

b. Tabel member terdiri dari:

Tabel 3.4 Tabel member


Nama Field Tipe Data Lebar Data
Id_member integer 10
Nama_member varchar 30
Username varchar 10
Email varchar 30
Nohp varchar 12
Alamat varchar 60
Kodepos integer 5
Kota varchar 25
Provinsi text -
pass_member varchar 20

Universitas Sumatera Utara


c. Tabel produk terdiri dari:

Tabel 3.5 Tabel produk


Nama Field Tipe Data Lebar Data
Id_produk varchar 9
Nama_produk varchar 25
Harga integer 7
Keterangan varchar 100
Ukuran varchar 7
Foto varchar 50
Stok integer 3
Id_kategori integer 2

d. Tabel keranjang terdiri dari:

Tabel 3.6 Tabel keranjang


Nama Field Tipe Data Lebar Data
Id_cart integer 3
Id_produk varchar 9
Id_session varchar 50
Tgl varchar 10
Qty int 2

Universitas Sumatera Utara


e. Tabel transaksi terdiri dari:

Tabel 3.7 Tabel transaksi


Nama Field Tipe Data Lebar Data
Id_transaksi Integer 3
Tgl_trans Varchar 10
Id_member Integer 10
Nama_kirim Varchar 30
Alamat_kirim Varchar 40
Kodepos_kirim Integer 5
Provinsi_kirim Varchar 20
Id_produk Varchar 9
qty Integer 2
status Varchar 10

Universitas Sumatera Utara


BAB 4

IMPLEMENTASI SISTEM

4.1 Definisi Implementasi Sistem

Implementasi sistem merupakan langkah-langkah atau prosedur yang dilakukan

dalam menyelesaikan desain sistem yang telah disetujui, untuk menguji, meng-

install, dan memulai sistem baru atau sistem yang diperbaiki untuk menggantikan

sistem yang lama, sedangkan tahap implementasi sistem merupakan tahap

meletakkan sistem agar sistem dapat siap untuk dioperasikan.

4.2 Tujuan Implementasi

Adapun tujuan implementasi sistem, yaitu:

a. Mengkaji rangkaian sistem baik dari segi software maupun hardware

sebagai sarana pengolah data dan penyaji informasi.

b. Memastikan bahwa pemakai dapat mengoperasikan dengan mudah

terhadap sistem yang baru dan mendapat informasi yang baik dan jelas.

Universitas Sumatera Utara


4.3 Komponen dalam Implementasi Sistem

Agar perancangan sistem yang telah kita kerjakan dapat berjalan baik atau tidak,

maka perlu dilakukan pengujian terhadap sistem yang telah dikerjakan. Untuk itu

dibutuhkan beberapa komponen utama yang mencakup 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

(Central Processing Unit), printer, keyboard, dan mouse.

Spesifikasi perangkat keras komputer yang digunakan dalam pembuatan

website ini adalah :

1. Laptop dengan Processor min Intel Core i5

2. Memory 2 GB

3. Harddisk sebagai media penyimpanan

4. DVDR/W

Universitas Sumatera Utara


4.3.2 Kebutuhan Perangkat Lunak

Hardware tidak dapat menyelesaikan masalah tanpa adanya software. Software

merupakan komponen di dalam sistem data berupa program atau instruksi untuk

mengontrol suatu sistem. Perangkat lunak yang diperlukan untuk menjalankan

perangkat kerasnya adalah:

1. Windows 7 Ultimate

2. Apache

3. Mysql

4. Browser

5. Macromedia Dreamweaver 8

4.3.3 Kebutuhan Brainware

Perangkat Operator (Brainware) yang dapat menjalankan website ini terbagi

menjadi 3 yaitu :

1. Administrator

2. Member

3. Visitor

Universitas Sumatera Utara


4.4 Tampilan Halaman Website

Untuk menjalankan sistem guna web browser pada pengujian ini penulis

menggunakan web browser Google Chrome setelah web browser jalan, ketikkan

pada address bar http://localhost/angelshop/index.php untuk pengetesan halaman

utama. Halaman utama sistem tersebut seperti pada gambar berikut :

Gambar 4.1 Halaman Home

Universitas Sumatera Utara


Gambar 4.2 Halaman Dress

Gambar 4.3 Halaman Tops

Gambar 4.4 Halaman Blazer

Universitas Sumatera Utara


Gambar 4.5 Halaman Cara Order

Gambar 4.6 Halaman Konfirmasi Pembayaran

Universitas Sumatera Utara


Gambar 4.7 Halaman Registrasi

Gambar 4.8 Halaman Produk Admin

Universitas Sumatera Utara


Gambar 4.9 Halaman Member Admin

Universitas Sumatera Utara


BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Setelah dilakukan perancangan, pembuatan, implementasi dan pengujian Sistem

Aplikasi Penjualan Baju berbasis web menggunakan PHP dan MySql, kesimpulan

yang diperoleh adalah sebagai berikut:

1. Sistem ini dapat membantu mempermudah pemasaran dan penjualan

produk dari pengusaha.

2. Sistem informasi ini berhubungan langsung dengan database, sehingga

mempermudah pengusaha untuk mengatur dan mengelola data produknya.

3. Karena website ini berjalan pada jaringan internet, siapa saja bisa melihat

dimana saja dan kapan saja.

5.2 Saran

Adapun saran penulis dalam merancang dan membuat sistem informasi ini, yaitu:

1. Lebih mengembangkan sistem transaksi penjualan yang lebih baik, aman

dan terpercaya.

2. Lebih mengefesienkan dan mengefektifkan penggunaan database.

Universitas Sumatera Utara


DAFTAR PUSTAKA

Betha, Sidik, Ir. 2007. Pemrograman Web dengan HTML.Bandung:


Informatika Bandung

Effendi, B.E. 1989. dBASE Contoh – Contoh Program dan Aplikasinya.


Yogyakarta: Andi Offset.

Kadir, Abdul. 2003. Dasar Pemrograman Web Dinamis Menggunakan


PHP. Yogyakarta: Andi

Lubis, Mohammad Safri. 2011. “Teknologi pengembangan aplikasi web”, USU


Press, Medan

Prabawati, Arie. 2010. Paling dicari: PHP Source Code. Yogyakarta: Andi

Sulistya, Cristianus Sigit.2008. “Belajar Kilat Adobe Dreamweaver”


CS4,Yogyakarta: CV Andi Offset.

Sunarfrihantono, Bima. 2003. PHP dan MySQL untuk WEB. Yogyakarta: Andi

Syahputro, Haris. 2012. Modul Pembelajaran Praktek Basis Data MySQL.

Universitas Sumatera Utara


KEMENTRIAN RISET, TEKNOLOGI DAN PENDIDIKAN TINGGI
UNIVERSITAS SUMATERA UTARA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
PROGRAM STUDI D3 TEKNIK INFORMATIKA
Jl. Bioteknologi No. 1 Kampus USU Padang Bulan Medan-20155
Telp. (061) 8211050, 8214290, Fax (061) 8214290

SURAT KETERANGAN

Hasil Uji Program Tugas Akhir

Yang bertanda tangan dibawah ini, menerangkan bahwa Mahasiswa Tugas


Akhir Program Diploma 3 Teknik Informatika :

Nama : Oktavia Sirait


Nomor Induk Mahasiswa : 132406241
Prog. Studi : D3 Teknik Informatika
Judul Tugas Akhir : Sistem Aplikasi Penjualan Baju Wanita Berbasis
Web

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

Dengan Hasil : Sukses / Gagal

Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran


Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen
Matematika FMIPA USU Medan.

Medan, Juli 2016


Dosen Pembimbing

Drs. Rosman Siregar, M.Si


NIP : 196101071986011001

Universitas Sumatera Utara


KEMENTRIAN PENDIDIKAN DAN KEBUDAYAAN
UNIVERSITAS SUMATERA UTARA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN
ALAM
Jl. Bioteknologi No. 1 Kampus USU Telp. (061) 8211050 Fax. (061)
8214290 Medan-20155
Email : Dekanat@FMIPA.USU.AC.ID

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

Nama Mahasiswa : OKTAVIA SIRAIT


Nomor Stambuk : 132406241
Judul Tugas Akhir : SISTEM APLIKASI PENJUALAN BAJU
WANITA BERBASIS WEB
Dosen Pembimbing : Drs. Rosman Siregar, M.Si
Tanggal Mulai Bimbingan : Februari 2016
Tanggal Selesai Bimbingan : s.d selesai

Pembahasan pada
Tanggal Asisten Paraf Dosen
No Asistensi Mengenai, Keterangan
Bimbingan Pembimbing
pada Bab
1
2
3
4
5
6
7
8

Diketahui, Disetujui Pembimbing Utama/


Ketua Program Studi D3 T.I Penanggung Jawab

Dr. Elly Rosmaini, M.Si Drs. Rosman Siregar, M.Si


NIP. 196005201985032002 NIP.196101071986011001

Universitas Sumatera Utara


LISTING PROGRAM

Index.php

<?php session_start();
include "header.php";
?>
<div id="line"></div>
<div id="tengah">
<div id="leftbar">
<div id="cs"><span class="cst">CUSTOMER
SERVICE</span></div>
<div id="bbm"><img src="images/bbm.jpg" width="220"
height="157"/></div>
<div id="ready"><img src="images/ready.jpg"
width="220" height="73" /></div>

<div id="frmlogin"><table bordercolor="#999999"


border="0">
<?php session_start();
if(!isset($_SESSION['username'])){ ?>
<form action="proseslogin.php"
method="post" id="form1">
<tr><td><h3>Username :</td></tr>
<tr><td><input type="text"
name="username" placeholder="Masukkan
username"/></td></tr>
<tr><td><h3>Password :</h3></td></tr>
<tr><td><input type="password"
name="password" placeholder="Masukkan
password"/></td></tr>
<tr><td><input type="submit"
value="Login"/></td></tr>
</form> <?php
}else{?>

Universitas Sumatera Utara


<a href='logout.php'>LOGOUT</a>
<?php } ?>
</table>
</div><!--tutup frmlogin------->
</div><!------------LEFTBAR----------->

<div class="kategori">
<div id="imgkat"><img src="images/product.jpg"
width="310" height="47"/></div><br />

<div id="subkat2">
<span class="judul1"></span>
<?php
include('koneksi.php');
$sql = mysql_query("select * from id_produk where
id_kategori='1' or id_kategori='2' or
id_kategori='3'");
?>

<?php
$batas=8;
$halaman=$_REQUEST['halaman'];

if(empty($halaman))
{ $posisi=0;
$halaman=1;
}
else
{ $posisi=($halaman-1)*$batas;
}
$SQL=mysql_query("select * from id_produk where
id_kategori='1' or id_kategori='2' or id_kategori='3'
order by id_produk DESC LIMIT $posisi,$batas");

while($baris=mysql_fetch_array($SQL))
{

Universitas Sumatera Utara


$id=$_REQUEST['id_produk'];
?>
<div class="baju"><span class="tbaju"><a
href="detail.php?id_produk=<?php echo
$baris["id_produk"]; ?>">
<img src="<?php echo "images/$baris[foto]"; ?>"
width="160" height="190"/><br/>
<?php echo "$baris[0]";?><br/>
<font color="#CC0000">Rp <?php echo
"$baris[2]";?></a></font></span>
</div>

<?php
} ?>
<?php

$qry2=mysql_query("select * from id_produk where


id_kategori='1' or id_kategori='2' or
id_kategori='3'");
$result=mysql_num_rows($qry2);
$jmlhalaman=ceil($result/$batas);

if($jmlhalaman==0)
echo "Data tidak ada";
?>
<div class="nohalaman">
<?php
if($halaman>1)
{
$prev=($halaman-1);
?>
<a href="pakaian.php?&amp;halaman=1"> &lt; &lt;First
</a> |
<a href="pakaian.php?&amp;<?php echo
"halaman=$prev";?>" class="link">&lt;&lt;Previous
&nbsp;

Universitas Sumatera Utara


</a>
<?php
}
else
{
echo "<p>First| <Previous";
}

//tampilkan link halaman 1,2,3...


for($i=1;$i<=$jmlhalaman; $i++)
{
if($i==$jmlhalaman){
echo "$i";
}
else {
?>
<a href="pakaian.php?&amp;<?php
echo"halaman=$i";?>"><?php echo "$i"; ?></a>
<?php }
}

if($halaman<$jmlhalaman)
{
$next=$halaman+1;
?>
<a href="pakaian.php?<?php echo "halaman=$next";?>"
class="link">Next&gt;|
</a>
<a href="pakaian.php?&amp;<?php echo
"halaman=$jmlhalaman";?>" class="link">last>> </a>
<?php
}
?>
</div><!------END OF SUBKAT2------------------------->
<?php include "footer.php"; ?>

Universitas Sumatera Utara


Dress.php

<?php session_start();
include "header.php";
?>
<div id="line"></div>
<div id="tengah">
<div id="leftbar">
<div id="cs"><span class="cst">CUSTOMER
SERVICE</span></div>
<div id="bbm"><img src="images/bbm.jpg" width="220"
height="157"/></div>
<div id="ready"><img src="images/ready.jpg"
width="220" height="73" /></div>
</div>

<div class="kategori">
<div class="bajug">
<?php
include('koneksi.php');
$sql = mysql_query("select * from id_produk where
id_kategori='1'");
?>

<?php
$batas=8;
$halaman=$_REQUEST['halaman'];

if(empty($halaman))
{ $posisi=0;
$halaman=1;
}
else
{ $posisi=($halaman-1)*$batas;
}

Universitas Sumatera Utara


$SQL=mysql_query("select * from id_produk where
id_kategori='1' order by id_produk DESC LIMIT
$posisi,$batas");

while($baris=mysql_fetch_array($SQL))
{
$id=$_REQUEST['id_produk'];
?>
<div class="baju"><span class="tbaju"><a
href="detail.php?id_produk=<?php echo
$baris["id_produk"]; ?>">
<img src="<?php echo "images/$baris[foto]"; ?>"
width="160" height="190"/><br/>
<?php echo "$baris[0]";?><br/>
<font color="#CC0000">Rp <?php echo
"$baris[2]";?></a></font></span>
</div>
<?php
} ?>
<?php

$qry2=mysql_query("select * from id_produk where


id_kategori='1'");
$result=mysql_num_rows($qry2);
$jmlhalaman=ceil($result/$batas);

if($jmlhalaman==0)
echo "Data tidak ada";
?>
<div class="nohalaman">
<?php
if($halaman>1)
{
$prev=($halaman-1);
?>

Universitas Sumatera Utara


<a href="dress.php?&amp;halaman=1"> &lt; &lt;First
</a> |
<a href="dress.php?&amp;<?php echo "halaman=$prev";?>"
class="link">&lt;&lt;Previous &nbsp;
</a>
<?php
}
else
{
echo "<p>First| <Previous";
}

//tampilkan link halaman 1,2,3...


for($i=1;$i<=$jmlhalaman; $i++)
{
if($i==$jmlhalaman){
echo "$i";
}
else {
?>
<a href="dress.php?&amp;<?php
echo"halaman=$i";?>"><?php echo "$i"; ?></a>
<?php }
}

if($halaman<$jmlhalaman)
{
$next=$halaman+1;
?>
<a href="dress.php?<?php echo "halaman=$next";?>"
class="link">Next&gt;|
</a>
<a href="dress.php?&amp;<?php echo
"halaman=$jmlhalaman";?>" class="link">last>> </a>
<?php
}

Universitas Sumatera Utara


?>
<!--tutup no halaman-->
</div><!--tutup kategori--------->
</div><!--tutup tengah---------->
<div id="footer"><h4>&copy; Oktavia Sirait
132406241</h4></div>
</div><!--tutup wrapper---->

</center>
</body>
</html>

Tops.php

<?php session_start();
include "header.php";
?>
<div id="line"></div>
<div id="tengah">
<div id="leftbar">
<div id="cs"><span class="cst">CUSTOMER
SERVICE</span></div>
<div id="bbm"><img src="images/bbm.jpg" width="220"
height="157"/></div>
<div id="ready"><img src="images/ready.jpg"
width="220" height="73" /></div>
</div>

<div class="kategori">
<div class="bajug">
<?php
include('koneksi.php');
$sql = mysql_query("select * from id_produk where
id_kategori='2'");
?>

Universitas Sumatera Utara


<?php
$batas=8;
$halaman=$_REQUEST['halaman'];

if(empty($halaman))
{ $posisi=0;
$halaman=1;
}
else
{ $posisi=($halaman-1)*$batas;
}
$SQL=mysql_query("select * from id_produk where
id_kategori='2' order by id_produk DESC LIMIT
$posisi,$batas");

while($baris=mysql_fetch_array($SQL))
{
$id=$_REQUEST['id_produk'];
?>
<div class="baju"><span class="tbaju"><a
href="detail.php?id_produk=<?php echo
$baris["id_produk"]; ?>">
<img src="<?php echo "images/$baris[foto]"; ?>"
width="160" height="190"/><br/>
<?php echo "$baris[0]";?><br/>
<font color="#CC0000">Rp <?php echo
"$baris[2]";?></a></font></span>
</div>

<?php
} ?>
<?php

$qry2=mysql_query("select * from id_produk where


id_kategori='2'");
$result=mysql_num_rows($qry2);

Universitas Sumatera Utara


$jmlhalaman=ceil($result/$batas);

if($jmlhalaman==0)
echo "Data tidak ada";
?>
<div class="nohalaman">
<?php
if($halaman>1)
{
$prev=($halaman-1);
?>
<a href="tops.php?&amp;halaman=1"> &lt; &lt;First </a>
|
<a href="tops.php?&amp;<?php echo "halaman=$prev";?>"
class="link">&lt;&lt;Previous &nbsp;
</a>
<?php
}
else
{
echo "<p>First| <Previous";
}

//tampilkan link halaman 1,2,3...


for($i=1;$i<=$jmlhalaman; $i++)
{
if($i==$jmlhalaman){
echo "$i";
}
else {
?>
<a href="tops.php?&amp;<?php
echo"halaman=$i";?>"><?php echo "$i"; ?></a>
<?php }
}

Universitas Sumatera Utara


if($halaman<$jmlhalaman)
{
$next=$halaman+1;
?>
<a href="tops.php?<?php echo "halaman=$next";?>"
class="link">Next&gt;|
</a>
<a href="tops.php?&amp;<?php echo
"halaman=$jmlhalaman";?>" class="link">last>> </a>
<?php
}
?>
<!--tutup no halaman-->
</div><!--tutup kategori--------->
</div><!--tutup tengah---------->
<div id="footer"><h4>&copy; Oktavia Sirait
132406241</h4></div>
</div><!--tutup wrapper---->

</center>
</body>
</html>

Blazer.php

<?php session_start();
include "header.php";
?>
<div id="line"></div>
<div id="tengah">
<div id="leftbar">
<div id="cs"><span class="cst">CUSTOMER
SERVICE</span></div>
<div id="bbm"><img src="images/bbm.jpg" width="220"
height="157"/></div>

Universitas Sumatera Utara


<div id="ready"><img src="images/ready.jpg"
width="220" height="73" /></div>
</div>

<div class="kategori">
<div class="bajug">
<?php
include('koneksi.php');
$sql = mysql_query("select * from id_produk where
id_kategori='3'");
?>

<?php
$batas=8;
$halaman=$_REQUEST['halaman'];

if(empty($halaman))
{ $posisi=0;
$halaman=1;
}
else
{ $posisi=($halaman-1)*$batas;
}
$SQL=mysql_query("select * from id_produk where
id_kategori='3' order by id_produk DESC LIMIT
$posisi,$batas");

while($baris=mysql_fetch_array($SQL))
{
$id=$_REQUEST['id_produk'];
?>
<div class="baju"><span class="tbaju"><a
href="detail.php?id_produk=<?php echo
$baris["id_produk"]; ?>">
<img src="<?php echo "images/$baris[foto]"; ?>"
width="160" height="190"/><br/>

Universitas Sumatera Utara


<?php echo "$baris[0]";?><br/>
<font color="#CC0000">Rp <?php echo
"$baris[2]";?></a></font></span>
</div>

<?php
} ?>
<?php
$qry2=mysql_query("select * from id_produk where
id_kategori='3'");
$result=mysql_num_rows($qry2);
$jmlhalaman=ceil($result/$batas);

if($jmlhalaman==0)
echo "Data tidak ada";
?>
<div class="nohalaman">
<?php
if($halaman>1)
{
$prev=($halaman-1);
?>
<a href="blazer.php?&amp;halaman=1"> &lt; &lt;First
</a> |
<a href="blazer.php?&amp;<?php echo
"halaman=$prev";?>" class="link">&lt;&lt;Previous
&nbsp;
</a>
<?php
}
else
{
echo "<p>First| <Previous";
}

Universitas Sumatera Utara


//tampilkan link halaman 1,2,3...
for($i=1;$i<=$jmlhalaman; $i++)
{
if($i==$jmlhalaman){
echo "$i";
}
else {
?>
<a href="blazer.php?&amp;<?php
echo"halaman=$i";?>"><?php echo "$i"; ?></a>
<?php }
}

if($halaman<$jmlhalaman)
{
$next=$halaman+1;
?>
<a href="blazer.php?<?php echo "halaman=$next";?>"
class="link">Next&gt;|
</a>
<a href="blazer.php?&amp;<?php echo
"halaman=$jmlhalaman";?>" class="link">last>> </a>
<?php
}
?>
<!--tutup no halaman-->
</div><!--tutup kategori--------->
</div><!--tutup tengah---------->
<div id="footer"><h4>&copy; Oktavia Sirait
132406241</h4></div>
</div><!--tutup wrapper---->

</center>
</body>
</html>

Universitas Sumatera Utara


Hto.php

<?php session_start();
include "header.php";
?>
<div id="line"></div>
<div id="tengah">
<div id="leftbar">
<div id="cs"><span class="cst">CUSTOMER
SERVICE</span></div>
<div id="bbm"><img src="images/bbm.jpg" width="220"
height="157"/></div>
<div id="ready"><img src="images/ready.jpg"
width="220" height="73" /></div>
</div>
<div class="kategori"><h2 align="justify" style="font-
family:Verdana, Arial, Helvetica, sans-serif;
color:#CC3300">How to Order</h2>
<ol style="font-family:Verdana, Arial, Helvetica,
sans-serif; font-size:16px; text-align:left;">
1. Registrasi <a href="registrasi.php">disini</a>
jika kamu belum teregistrasi, dan jika kamu sudah
registrasi silahkan login pada kolom kiri bawah <br/>
2. Silahkan pilih pakaian dan aksesoris pilihan
kamu. Pakaian/aksesoris yang sudah kamu pilih akan
masuk ke keranjang belanja<br/>
3.Pilih 'selesai' jika kamu siap untuk melakukan
pembayaran<br/>
4.Masukkan nama, alamat lengkap, no telp dll
sesuai dengan tujuan kiriman barang<br/>
5.Dalam beberapa saat Admin akan mengirimkan sms
total pembayaran ditambah dengan ongkos kirim ke
daerah tujuan pengiriman<br/>
6.Pembayaran dilakukan dengan transfer ke
rekening
a/n Oktavia Sirait

Universitas Sumatera Utara


BNI cabang Sisimangaraja
002782610<br/>
7.Pembayaran dilakukan maksimal 1x24 jam, lewat
dari itu pesanan dianggap CANCEL<br/>
8.Silahkan konfirmasi pembayaran jika sudah
membayar <a href="konfirmasi.php">disini</a>

</ol>
</div><!--tutup kategori--------->
<div id="footer"><h4>&copy; Oktavia Sirait</h4></div>
</div><!--tutup tengah---------->

</div><!--tutup wrapper---->

</center>
</body>
</html>

Registrasi.php

<?php session_start();
include "header.php";
?>
<div id="line"></div>
<div id="tengah">
<div id="leftbar">
<div id="cs"><span class="cst">CUSTOMER
SERVICE</span></div>
<div id="bbm"><img src="images/bbm.jpg" width="220"
height="157"/></div>
<div id="ready"><img src="images/ready.jpg"
width="220" height="73" /></div>
</div>

<div class="kategori">

Universitas Sumatera Utara


<div class="formreg"> <h2
style="color:#666666">SILAHKAN ISI FORM
REGISTRASI</h2>
<form method="POST" action="formproc.php" >
<table>

<tr>
<td>Nama</td>
<td>:</td>
<td><input type="text"
name="nama_member"></td>
</tr>
<tr>
<td>Username</td>
<td>:</td>
<td><input type="text"
name="username"/></td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td><input type="email" name="email"/></td>
</tr>
<tr>
<td>Nomor Hp</td>
<td>:</td>
<td><input type="text" name="nohp"/></td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><input type="text" name="alamat"/></td>
</tr>
<tr>
<td>Kode Pos</td>
<td>:</td>

Universitas Sumatera Utara


<td><input type="text"
name="kodepos"/></td>
</tr>
<tr>
<td>Kota</td>
<td>:</td>
<td><input type="text" name="kota"/></td>
</tr>
<tr>
<td>Provinsi</td>
<td>:</td>
<td><select name="provinsi">
<option
value="Aceh">Aceh</option>
<option value="Sumatera
Utara">Sumatera Utara</option>
<option value="Sumatera
Barat">Sumatera Barat</option>
<option
value="Riau">Riau</option>
<option value="Kepulauan
Riau">Kepulauan Riau</option>
<option
value="Jambi">Jambi</option>
<option value="Sumsel">Sumatera
Selatan</option>
<option value="Bangka
Belitung">Bangka Belitung</option>
<option
value="Bengkulu">Bengkulu</option>
<option
value="Lampung">Lampung</option>
<option value="DKI Jakarta">DKI
Jakarta</option>
<option value="Jawa Barat">Jawa
Barat</option>

Universitas Sumatera Utara


<option
value="Banten">Banten</option>
<option value="Jawa Tangah">Jawa
Tengah</option>
<option value="DI Yogyakarta">DI
Yogyakarta</option>
<option value="Jawa Timur">Jawa
Timur</option>
<option
value="Bali">Bali</option>
<option value="NTB">Nusa
Tenggara Barat</option>
<option value="NTT">Nusa
Tenggara Timur</option>
<option
value="kalbar">Kalimantan Barat</option>
<option
value="kalteng">Kalimantan Tengah</option>
<option
value="kalsel">Kalimantan Selatan</option>
<option
value="kaltim">Kalimantan Timur</option>
<option value="Sulut">Sulawesi
Utara</option>
<option value="Sulbar">Sulawesi
Barat</option>
<option value="Sulteng">Sulawesi
Tengah</option>
<option
value="Sultenggara">Sulawesi Tenggara</option>
<option value="Sulsel">Sulawesi
Selatan</option>
<option
value="Gorontalo">Gorontalo</option>
<option
value="Maluku">Maluku</option>

Universitas Sumatera Utara


<option value="Maluku
Utara">Maluku Utara</option>
<option value="Papua">Papua</option>
<option value="Papua Barat">Papua
Barat</option>
</select>
<!--<input type="text" name="provinsi"/>--
></td>
</tr>
<tr>
<td>Password</td>
<td>:</td>
<td><input type="password"
name="pass_member"/></td>
</tr>
<tr><td colspan="3" align="left"><input
type="submit" value="Daftar"/></td></tr>

</table>
</form>
</div>
</div><!--tutup kategori--------->
<div id="testimoni"></div>
<div id="footer"><h4>&copy; Oktavia Sirait</h4></div>
</div><!--tutup tengah---------->

</div><!--tutup wrapper---->

</center>
</body>

</html>

Universitas Sumatera Utara


Cart.php

<?php session_start();
include "header.php";
include "koneksi.php";
?>
<div id="line"></div>
<div id="tengah">
<div id="leftbar">
<div id="cs"><span class="cst">CUSTOMER
SERVICE</span></div>
<div id="bbm"><img src="images/bbm.jpg"
width="220" height="157"/></div>
<div id="ready"><img src="images/ready.jpg"
width="220" height="73" /></div>

</div>
<div class="RightContent">
<h1 class="Judul" style="font-
family:Verdana, Arial, Helvetica, sans-
serif;">Shopping Cart</h1>
<div class="KetProd">
<table class="tabelcart"
bgcolor="#CCCCCC" width="700" style="font-
family:Verdana, Arial, Helvetica, sans-serif; border-
bottom:thin #666666;">
<tr><th>No</th>
<th>Foto Produk</th>
<th>Nama Produk</th>
<th>Kode Produk</th>
<th>Jumlah</th>
<th>Harga</th>
<th>Delete</th>
</th>
<?php
echo "Hai ";

Universitas Sumatera Utara


echo $_SESSION['username'];
$id_session = $_SESSION['username'];
$no = 1;
$sql = mysql_query("SELECT * FROM id_cart, id_produk
WHERE id_session='$id_session' AND
id_cart.id_produk=id_produk.id_produk");
$hitung =
mysql_num_rows($sql);

if ($hitung < 1){

echo"<script>window.alert('Cart is Empty....');

window.location=('index.php')</script>";
}
else {

while($baris=mysql_fetch_array($sql)){

echo"<tr><td><h4>$no</h4></td>
<td><img src=images/".$baris['foto']." width=50
/></td>

<td>".$baris['nama_produk']."</td>

<td>".$baris['id_produk']."</td>

<td>".$baris['qty']."</td>

<td>".$baris['harga']*$baris['qty']."</td>
<td><a
href=addcart.php?input=delete&id=$baris[id_cart]>Hapus
</a></td></tr>";
$no++;
}
}

Universitas Sumatera Utara


?>
</table>
<a class="tombol" href="pakaian.php">Selesai</a>
<a class="tombol" href="index.php">Belanja
Lagi..</a>
</div>
</div>

Transaksi.php

<?php
include "headeradmin.php";
?>
<div id="line"></div>
<div id="tengah">

<div class="kategori" style="float:left;">


<?php
include('koneksi.php');
$sql = mysql_query("select * from transaksi ORDER BY
transaksi ASC");

?>
<table border="0" align="center" class="tabel"
width="1100">
<tr>
<th style=" border-
bottom:solid">Id Transaksi</th>
<th style=" border-
bottom:solid">Tgl Transaksi</th>
<th style=" border-
bottom:solid">id_member</th>
<th style=" border-
bottom:solid">Nama Pengiriman</th>
<th style=" border-
bottom:solid">Alamat Pengiriman</th>

Universitas Sumatera Utara


<th style=" border-
bottom:solid">Kodepos</th>
<th style=" border-
bottom:solid">Provinsi</th>
<th style=" border-
bottom:solid">ID Produk</th>
<th style=" border-
bottom:solid">Qty</th>
<th style=" border-
bottom:solid">Action</th>
</tr>
<?php
$batas=10;
$halaman=$_REQUEST['halaman'];

if(empty($halaman))
{ $posisi=0;
$halaman=1;
}
else
{ $posisi=($halaman-1)*$batas;
}
$SQL=mysql_query("select * from transaksi order by
id_member DESC LIMIT $posisi,$batas");

while($baris=mysql_fetch_array($SQL))
{
$id=$_REQUEST['id_member'];
?>

<tr>
<td><?php echo "$baris[id_transaksi]";
?></td>
<td><?php echo "$baris[tgl_trans]"; ?></td>
<td><?php echo "$baris[id_member]"; ?></td>

Universitas Sumatera Utara


<td><?php echo "$baris[nama_kirim]";
?></td>
<td><?php echo "$baris[alamat_kirim]";
?></td>
<td><?php echo "$baris[kodepos_kirim]";
?></td>
<td><?php echo "$baris[provinsi_kirim]";
?></td>
<td><?php echo "$baris[id_produk]"; ?></td>
<td><?php echo "$baris[qty]"; ?></td>
<td><a href="hapus.php?id=<?php echo
"$baris[id_member]"; ?>">Hapus</a> </td>
</tr>

<?php
} ?> </table>
<?php

$qry2=mysql_query("select * from member");


$result=mysql_num_rows($qry2);
$jmlhalaman=ceil($result/$batas);

if($jmlhalaman==0)
echo "Data tidak ada";
?>
<div class="nohalaman">
<?php
if($halaman>1)
{
$prev=($halaman-1);
?>
<a href="transaksi.php?&amp;halaman=1"> &lt; &lt;First
</a> |

Universitas Sumatera Utara


<a href="transaksi.php?&amp;<?php echo
"halaman=$prev";?>" class="link">&lt;&lt;Previous
&nbsp;
</a>
<?php
}
else
{
echo "<p>First| <Previous";
}

//tampilkan link halaman 1,2,3...


for($i=1;$i<=$jmlhalaman; $i++)
{
if($i==$jmlhalaman){
echo "$i";
}
else {
?>
<a href="transaksi.php?&amp;<?php
echo"halaman=$i";?>"><?php echo "$i"; ?></a>
<?php }
}

if($halaman<$jmlhalaman)
{
$next=$halaman+1;
?>
<a href="transaksi.php?<?php echo "halaman=$next";?>"
class="link">Next&gt;|
</a>
<a href="transaksi.php?&amp;<?php echo
"halaman=$jmlhalaman";?>" class="link">last>> </a>
<?php
}
?>

Universitas Sumatera Utara


</div><!--tutup no halaman-->
</div><!--tutup kategori--------->
</div><!--tutup tengah---------->
</div><!--tutup wrapper---->

</center>
</body>
</html>

Logout.php

<?php
session_start();
unset($_SESSION['id']);
session_destroy();
print("<meta http-equiv=\"refresh\"content=\"0;
url=../index.php\">");
?>

Universitas Sumatera Utara

Anda mungkin juga menyukai