Perancangan Website E-commerce Penjualan Sepatu Online

(1)

TUGAS AKHIR

KHALISSANDY KHALLIS

112406058

PROGRAM STUDI D-3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2014


(2)

TUGAS AKHIR

Diajukan untuk melengkapi tugas akhir dan memenuhi syarat memperoleh

gelar Ahli Madya

KHALISSANDY KHALLIS

112406058

PROGRAM STUDI D-3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2014


(3)

Judul : Perancangan Website E-commerce Penjualan Sepatu Online

Kategori : Tugas Akhir

Nama : Khalissandy Khallis NomorIndukMahasiswa : 112406058

Program Studi : Diploma III Teknik Infomatika Departemen : Matematika

Fakultas : Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara

Disetujui di Medan, Juni 2014

DisetujuiOleh:

Program Studi D3 TeknikInformatika Pembimbing, FMIPA USU

Ketua,

Dr. Elly Rosmaini M.Si Drs. Rosman Siregar, M.Si NIP. 196005201 198503 2 002 NIP. 19610107 198601 1 001


(4)

PERANCANGAN WEBSITE E-COMMERCEPENJUALAN SEPATU ONLINE

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil karya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, Juni 2014

KHALISSANDY KHALLIS 112406058


(5)

Puji dan syukur penulis ucapkan atas kehadirat Allah SWT yang telah memberikan Rahmat serta Hidayah kepada kita semua, sehingga berkat Karunia-Nya penulis dapat menyelesaikan Tugas Akhir dengan baik yang berjudul “Perancangan Website E-commerce Penjualan Sepatu Online”.

Terima kasih penulis sampaikan kepada Bapak Drs. Rosman Siregar M.Si selaku pembimbing yang telah meluangkan waktunya selama penyusunan tugas akhir. Terima kasih kepada Ibu Dr. Elly Rosmaini M.Si sebagai Ketua Progam Studi D3 Teknik Infomatika FMIPA USU. Terima kasih kepada Bapak Syahriol, S.Si, M.IT selaku Sekretaris Program Studi D3 Teknik Informatika FMIPA USU, Bapak Prof. Dr. Tulus, M.Si dan Ibu Dr. Mardiningsih, M.Si selaku Ketua Departemen dan Sekertaris Departemen Matematika FMIPA USU, Bapak Dr. Sutarman M.Sc selaku Dekan FMIPA USU, seluruh Staff dan Dosen Program Studi D3 Teknik Informatika FMIPA USU, pegawai FMIPA USU dan rekan-rekan kuliah. Teristimewa kepada kedua orang tua dan keluarga dan yang selama ini memberikan bantuan dan dorongan yang diperlukan. Semoga Allah SWT akan membalasnya.


(6)

ABSTRAK

Kajian ini bertujuan untuk membangun suatu website e-commerce penjualan sepatu online. Website ini di kembangkan dengan menggunakan perangkat lunak Apache, PHP dan MySQL. Website ini berfungsi untuk melakukan jual beli sepatu dimana di dalamnya terdapat berbagai kategori dan merk sepatu yang ditampilkan. Tujuan perancangan website e-commerce sepatu ini adalah untuk memahami sistem penjualan dan strategi penjualan secara online dan untuk meningkatkan keuntungan dan kemudahan dalam bertransaksi.


(7)

ABSTRACT

This study aims to build an e-commerce website selling shoes online. The website is developed using software Apache, PHP and MySQL. This website serves to make buying and selling shoes which there are many categories and brands of shoes are displayed. The purpose of designing an e-commerce website these shoes is to understand the system of sales and online sales strategies and to improve profitability and ease of transaction.


(8)

Halaman

Persetujuan i

Pernyataan ii

Penghargaan iii

Abstrak iv

Abstract v

Daftar Isi vi

Daftar Tabel viii

Daftar Gambar ix

Bab 1 PENDAHULUAN

1.1 Latar Belakang Masalah 1

1.2 Identifikasi Masalah 2

1.3 Batasan Masalah 3

1.4 Tujuan Penelitian 3

1.5 Tinjauan Pustaka 4

1.5.1 E-commerce 4

1.5.2 World Wide Web 6

1.5.3 Hyper Text Markup Language 6

1.5.4 Bahasa Pemograman PHP 7

1.5.5 Server Basis Data MySQL 8

1.6 Metode Penelitian 9

1.7 Sistematika Penulisan 11

Bab 2 LANDASAN TEORI

2.1 Pengertian Komputer 13

2.2 Pengenalan Internet 14

2.3 Pengertian E-Commerce 15

2.3.1 Jenis-jenis E-commerce 17

2.3.2 Manfaat menggunakan e-commercedalam dunia bisnis 23 2.3.3 Keuntungane-commercebagi konsumen 25 2.4 Pengertian HTML, PHP, dan Mysql 26

2.4.1 Pengenalan HTML 26

2.4.2 Pengenalan PHP 27

2.4.3 Pengenalan MySQL 28

2.5 CSS (Cascading Style Sheets) 32 2.6 Pengertian Data, Informasi, dan Database 34 2.6.1 Database management sytem (DBMS) 35

Bab 3 PERANCANGAN SISTEM

3.1Data Flow Diagram(DFD) 39


(9)

4.1.1 Kebutuhan Perangkat Keras (Hardware) 52 4.1.2 Perangkat Lunak (Software) 53 4.1.3 Unsur Manusia (Brainware) 54

4.2 Prosedur Penggunaan Program 55

Bab 5 KESIMPULAN DAN SARAN

5.1 Kesimpulan 58

5.2 Saran 59

Daftar Pustaka x


(10)

Nomor Judul Halaman Tabel

3.1 Tabel Admin 44

3.2 Tabel Member 44

3.3 Tabel Cart 45

3.4 Tabel Kategori 45

3.5 Tabel Kota 45

3.6 Tabel Order 46

3.7 Tabel Pengiriman 46

3.8 Tabel Produk 47

3.9 Tabel Provinsi 47


(11)

Nomor Judul Halaman Gambar

3.1 Aliran Data Level Konteks Penjualan Sepatu 41

3.2 ERD Tahap Pertama 42

3.3 ERD Tahap Kedua 42

3.4 ERD Tahap Ketiga 43

3.5 ERD Tahap Keempat 43

3.6 ERD Tahap Kelima 43

3.7 FlowchartHalaman Utama 48

3.8 Flowchart Menu Halaman Utama 49

3.9 Flowchart Pemesanan Sepatu 50

3.10 FlowchartHalaman Administrator 51

4.1 Halaman UtamaWebsite 55

4.2 Halaman Order Produk 56

4.3 HalamanLogin Admin 56

4.4 Halaman Administrator 57


(12)

ABSTRAK

Kajian ini bertujuan untuk membangun suatu website e-commerce penjualan sepatu online. Website ini di kembangkan dengan menggunakan perangkat lunak Apache, PHP dan MySQL. Website ini berfungsi untuk melakukan jual beli sepatu dimana di dalamnya terdapat berbagai kategori dan merk sepatu yang ditampilkan. Tujuan perancangan website e-commerce sepatu ini adalah untuk memahami sistem penjualan dan strategi penjualan secara online dan untuk meningkatkan keuntungan dan kemudahan dalam bertransaksi.


(13)

ABSTRACT

This study aims to build an e-commerce website selling shoes online. The website is developed using software Apache, PHP and MySQL. This website serves to make buying and selling shoes which there are many categories and brands of shoes are displayed. The purpose of designing an e-commerce website these shoes is to understand the system of sales and online sales strategies and to improve profitability and ease of transaction.


(14)

PENDAHULUAN

1.1. Latar Belakang Masalah

Perkembangan teknologi dibidang informasi mendorong setiap instansi atau

perusahaan untuk tetap mengikuti perkembangannya, terutama berkenaan dengan

perkembangan teknologi informasi yang ada hubungannya dengan kegiatan

perusahaan tersebut. Perkembangan teknologi informasi telah memberikan

kontribusi yang cukup berarti dalam meningkatkan kegiatan usaha khususnya

dalam hal pengolahan data yang memberi dukungan terhadap pengambilan

keputusan bisnis serta perkembangan teknologi informasi telah memberikan

kontribusi yang cukup berarti dalam meningkatkan kegiatan pelayanan.

Berdasarkan pada uraian diatas pemanfaatan teknologi informasi dalam suatu

aktivitas bisnis merupakan hal yang cukup penting, dan umumnya setiap

perusahaan yang serupa menggunakan sistem pelayanan bisinis secara online.

Berkaitan dengan tugas laboratorium pemrogramman berbasis web ini kami memfokuskan pada masalah pemanfaatan tujuan teknologi informasi yang


(15)

oleh suatu supplier sepatu yang diberi judul “Perancangan Website E

-commercePenjualan Sepatu Online“ .

Terdapat beberapa keunggulan dari internet, salah satunya yaitu dapat menyampaikan informasi yang ada di sebuah perusahaan atau instansi tertentu.

Dengan melalui internet-lah sekilas profil, keunggulan, serta segala sesuatu tentang perusahaan tersebut dapat dipublikasikan secara luas kepada masyarakat.

Oleh karena itu, agar bisnis yang dikelola dapat berjalan sukses perusahaan harus

mengikuti trend internet dengan melakukan inovasi untuk mendapatkan pencapaian yang memuaskan dari bisnis mereka. Inovasi itu ialah dengan

memasang iklan melalui internet yang lebih dikenal dengan e-commerce.

1.2. Identifikasi Masalah

Berdasarkan judul projek yang akan kami angkat mengenai sistem informasi

penjualan barang, hal-hal yang menjadi permasalahan antara lain :

a. Masih ditemukannya kelemahan dalam penyampaian informasi barang yang

terdapat di toko sepatu tersebut.

b. Transaksi penjualan barang masih bersifat manual, dalam artian harus datang


(16)

c. Mengikuti sistem informasi global sehingga bukan hanya untuk sarana

transaksi tetapi lebih ditekankan pada sarana promosi yang dirasakan masih

kurang bagus.

1.3. Batasan Masalah

Masalah yang ada dalam sistem informasi penjualan barang berbasis web ini dibatasi pada ruang lingkup seperti :

a. Data yang diolah hanya data barang dan data Pengguna Sistem Informasi

(Pengguna transaksi secara online)

b. Sistem hanya memberikan informasi barang yang tersedia dan proses

pembelian barang tersebut .

c. Sistem Informasi yang dibangun tidak menggunakan Topologi jaringan.

d. Pembayaran transaksi dilakukan secara offline, dimana pembeli melakukan transfer uang secara manual pada rekening yang ditetapkan.

1.4 Tujuan Penelitian

Tujuan yang ingin dicapai dari tugas pemrogramman berbasis webini adalah : a. Mengembangkan sistem informasi penjualan sebagai salah satu usaha cara

meningkatkan penghasilan toko tersebut.

b. Mempermudah bagi masyarakat atau dunia luar untuk melakukan transaksi


(17)

1.5 Tinjauan Pustaka

Perangkat lunak yang digunakan pada sistem komputerisasi adalah

program-program yang memiliki fungsi untuk menjalankan perangkat keras dengan

berbagai macam perintah di dalamnya. Mengendalikan kegiatan dari sistem

komputer. Perangkat lunak (software) yang digunakan untuk pengembangan

sistem ini adalah Microsoft SQL Server, PHP dan HTML.

1.5.1 E – Commerce

Saat ini belum diketemukan definisi pasti darie-commerceyang sudah distandarkan dan di sepakati bersama, namun secara umum dapat di artikan

mengenaie-commerce, diantaranya

1. E-comemerce merupakan suatu set dinamis teknologi, aplikasi, dan proses bisnis yang menghubungkan perusahaan, konsumen, dan komunitas

tertentu melalui transaksi elektronik dan perdagangan barang, pelayanan,

dan informasi yang dilakukan secara elektronik ( David Baum, 1999)

2. Perdagangan elektronik adalah suatu proses perdagangan (penjualan dan

pembelian) maupun jasa pelayanan yang dilakukan oleh 2 pihak melalui


(18)

3. E-commercejuga dapat berarti pemasangan iklan, penjualan, dukungan dan pelayanan terbaik menggunakan webselama 24 jam dalam sehari bagi seluruh pelanggannya.

4. E-commercemerupakan salah satu keunggulan dari internet, kehadiran internet yang semakin hari semakin berkembang, memperkokoh keyakinan

akan pentingnya peranan teknologi dalam pencapaian tujuan finansial

perusahaan melalui modifikasi dan efisiensi proses bisnis yaitu dengan

memanfaatkane-commerce.

5. kemampuan internet untuk menjangkau pelanggan baru dan penghematan

biaya yang cukup signifikan untuk distribusi dan pelayanan pelanggan

merupakan keuntungan yang bisa didapatkan perusahaan dengan

memindahkan roda nilai commerce ke media internet.

Keuntungan yang bisa diambil dengan adanyaE-commerce :

1. Revenue Stream(aliran pendapatan) baru yang mungkin lebih menjanjikan yang tidak bisa ditemui dalam transaksi tradisional.

2. Dapat meningkatkan market exposure(pangsa pasar). 3. Menurunkan biaya operasional.

4. Melebarkan jangkauan pemasaran produk.

5. Meningkatkan supplier manager.


(19)

World Wide Web(WWW), yang lebih dikenal dengan istilah web, merupakan salah satu layanan yang didapat oleh pemakai komputer yang terhubung dengan

internet. Dengan menggunakan teknologihypertext, pemakai web dituntun untuk menemukan informasi dengan mengikutilink-linkyang disediakan dalam dokumen web yang ditampilkan dalam browser web. Browser webadalahsoftware yang digunakan untuk menampilkan informasi dariserver web. Softwareini kini telah dikembangkan dengan menggunakanuser interface grafis, sehingga pemakai dapat dengan mudah melakukan ‘point’ dan ‘click’ untuk pindah antar dokumen.

Adapun cara kerja websecara singkat adalah sebagai berikut :

a. Informasi web disimpan dalam dokumen yang disebut dengan halaman-halaman web(web pages).

b. Web pageadalah file-file yang disimpan dalam komputer yang disebut denganserver-server web(web servers).

c. Komputer-komputer membaca web pagedisebut sebagaiweb client.

d. Web clientmenampilkanpagedengan menggunakan program yang disebut denganbrowser web (web browser).


(20)

1.5.3 Hyper Text Markup Language

HTML (Hypertext Markup Language) adalah suatu bahasa yang digunakan untuk menulis halaman web. HTML dirancang untuk digunakan tanpa tergantung pada suatuplatform tertentu (platform independent). Dokumen HTML adalah suatu dokumenteksbiasa, dan disebut sebagaimarkup languagekarena mengandung tanda-tanda (tag) tertentu yang digunakan untuk menentukan tampilan suatuteksdan tingkat kepentingan daritekstersebut dalam suatu dokumen.

Pada dokumen HTML yang termasuk sistem hypertext, kita tidak harus

membaca dokumen tersebut secara urut dari atas ke bawah atau sebaliknya, tetapi

kita dapat menuju pada topik tertentu secara langsung dengan

menggunakantekspenghubung yang akan membawa anda ke suatu topik atau dokumen lain secara langsung. HTML merupakan pengembangan dari standar

pemformatan dokumenteksyaitu SGML (Standar Generalized Markup Language).

1.5.4 Bahasa Pemrograman PHP

PHP adalah bahasascriptingsisiserver(server side) yang dapat disisipkan di HTML (embedded). Dukungan koneksinya hampir kesemua program database seperti MySQL, PostgreSQL, mSQL, dan masih banyak lagi. Proses PHP


(21)

membuat dokumen HTML secaraon the fly. Maksudnya dokumen HTML yang dihasilkan dari suatu aplikasi, bukan dokumen HTML yang dibuat menggunakan

editorteksatau editor HTML. Dengan menggunakan PHP makamaintancesuatu situs web menjadi lebih mudah. Prosesupdatedata dapat dilakukan dengan menggunakan aplikasi yang dibuat dengan mengguanakanscriptPHP.

1.5.5 Server Basis data MySQL

MySQLserveradalahserverdatabase yang kecil, ringan dan mudah digunakan. Sangat ideal untuk aplikasi kecil dan menengah. MySQL tersedia di berbagai

sistem operasi seperti Unix dan Windows. MySQL adalahsoftwareyang gratis dibawah lisensiGNU Public License.MySQL termasuk jenis RDBMS (Relational Database Management System). Sehingga istilah sepertitable, baris dan kolom tetap digunakan dalam MySQL. Pada MySQL sebuah database mengandung

beberapa tabel, tabel terdiri dari sejumlah baris dan kolom.

Dalam konteks bahasa SQL, pada umumnya informasi tersimpan dalam

tabel-tabel yang secara logik merupakan struktur dua dimensi. Tabel-tabel itu

terdiri atas baris-baris data (row atau record) yang berada dalam satu atau lebih kolom (column). Baris pada tabel sering disebut sebagaiinstancedari kata sedangkan kolom sering disebut sebagaiattributesataufield.

Alasan digunakannya MySQL sebagai databaseserveradalah : 1. Mendukung standar yang telah ada.


(22)

2. Didukung oleh berbagai bahasa pemrograman.

3. Mampu membuat tabel berukuran besar.

4. Kecepatan, kehandalan dan kemudahan dalam penggunaanya.

5. Lebih murah.

1.6 Metodologi Penelitian

Adapun metode yang digunakan dalam pembuatan tugas akhir ini adalah :

1. Metode Penelitian, yaitu :

a. Observasi

Yaitu merupakan sutau teknik pengumpulan data yang efektif untuk

mempelajari sistem, dengan cara mengamati langsung objek penelitian

yaitu di took penjualan sepatu.

b. Wawancara

Yaitu sutu teknik pengumpulan data dengan cara tanya jawab langsung

mengenai data yang diperlukan dari masalah yang akan diangkat.

c. Studi Literatur

Yaitu teknik pengumpulan data dengan membaca buku-buku pustaka yang

merupakan penunjang dalam memperoleh data untuk melengkapi dalam


(23)

Metode yang digunakan yaitu paradigmaWaterfall (Classic Life Cycle), untuk lebih jelasnya tahapan dari paradigmaWaterfallini adalah :

a. System Engineering (Rekayasa Sistem), merupakan kegiatan untuk menentukan informasi apa yang dibutuhkan oleh sistem atau

menentukan kebutuhan dari sistem yang akan dibuat.

b. Analisys System (Analisis Sistem), dilakukan untuk memperoleh informasi tentang sistem, menganalisis data–data yang ada dalam

sistem yang berhubungan dengan kegiatan. Informasi yang

dikumpulkan terutama mengenai kelebihan dan kekurangan sistem.

c. Design (Perancangan), merupakan perancangan sistem baru berdasarkan data-data yang telah dikumpulkan pada tahap sebelumnya

dengan cara merancang perangkat lunak diantaranya Diagram

Konteks, Data Flow Diagram (DFD), Entity Relationship Diagram (ERD), Data Dictionary (Kamus Data), Struktur File, Struktur Menu, Merancang input dan rancangan Output.

d. Coding (Pengkodean), yaitu suatu kegiatan untuk membuat program atau mengimplementasikan hasil rancangan program aplikasi yang


(24)

dan pengkonversian sistem secara berkala termasuk dalam hal

pemeliharaan sistem itu sendiri.

e. Testing(Pengujian), yaitu kegiatan untuk melakukan pengetasan program yang sudah dibuat, apakah sudah benar atau belum, sudah

sesuai atau belum diuji, dengan cara manual jika testing sudah benar

maka program boleh digunakan.

f. Maintenance(Perawatan), yaitu merupakan suatu kegiatan untuk memelihara program aplikasi yang telah dibuat, agar kebutuhan

program dapat terjaga seperti validasi data, updating data, dan menjaga program dari serangan virus, orang yang tidak berhak yang

dapat merusak program.

1.7 Sistematika Penulisan

Pada dasarnya, penyusunan sistematika penulisan bertujuan untuk memudahkan

para pembaca dalam mengikuti apa yang dipaparkan dalam laporan tugas

laboratorium ini.

BAB I : PENDAHULUAN

Pada bab ini yang menguraikan latar belakang masalah, rumusan

masalah, batasan masalah, tujuan penelitian, Manfaat Penelitian,


(25)

BAB II : LANDASAN TEORI

Bab ini menguraikan tentang konsep dasar sistem, informasi,

sistem informasi, konsep dasar sistem informasi, konsep dasar

sistem Manajemen, Konsep dasar system , Konsep Dasar Teori

Analisis, Konsep dasar basis data, konsep perancangan database,

konsep teori analisis, konsep basis data, dan perangkat lunak

yang digunakan.

BAB III : ANALISIS DAN PERANCANGAN SISTEM

Bab ini mejelaskan tinjauan pustaka, mengurai analisis sistem

dan identifikasi masalah, analisis kebutuhan sistem, analisis

kelayakan sistem, analisis biaya dan manfaat, perancangan

sistem, pernacangan basis data dan perancangan sistem dan

menjelaskan permasalahan yang ada.

BAB IV : IMPLEMENTASI SISTEM

Pembahasan mengenai perancangan dan realisasi perangkat

lunak yang diperlukan oleh sistem.

BAB V : PENUTUP

Bab ini merupakan penutup yang berisi kesimpulan terhadap

hasil rancangan serta saran-saran yang berguna untuk


(26)

LANDASAN TEORI

2.1 Pengertian Komputer

Kehidupan manusia saat ini nampaknya sudah tidak dapat lagi dilepaskan dari

teknologi, khususnya komputer. Bahkan, banyak peralatan berbasis komputer saat ini

yang umum digunakan dan dimiliki oleh masyarakat,misalnya personal data assistant (PDA), global position sytem (GPS), mobile komputer (desktop, laptop), mobile phone (HP), translator, dan sebagainya. Komputer (komputer) diambil dari computare (bahasa latin) yang berarti menghitung (to compute atau to reckon). Kata komputer semula dipergunakan untuk menggambarkan orang yang perkerjaannya melakukan

perhitungan aritmatika, dengan atau tanpa alat bantu, tetapi arti kata ini kemudian

dipindahkan kepada mesin itu sendiri. Beberapa pakar dan peneliti memiliki

pengertian tersendiri dengan komputer diantaranya sebagai berikut :

1. Robert H. Blissmer dalam buku Computer Annual, komputer adalah suatu alat elektronik yang mampu melakukan beberapa tugas seperti menerima input,

memproses input tadi sesuai dengan programnya, menyimpan perintah-perintah dan


(27)

2. Donald H. Sanders dalam buku Computer Today, komputer adalah sistem elektronik utk memanipulasi data yg 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 yg tersimpan di memori (stored program).

3. Hamacher dkk, dalam buku Computer Organization, komputer adalah mesin penghitung eletronik yg cepat dapat menerima informasi input digital, memprosesnya

sesuai dengan suatu program yg tersimpan di memorinya dan menghasilkan output

informasi.

Jadi dapat disimpulkan bahwa komputer adalah sekelompok alat elektronik

yang terdiri atas perintah input, alat yang mengolah input, dan peralatan output yang

memberikan informasi serta bekerja secara otomatis.

2.2 Pengenalan Internet

Internet sebagai media komunikasi dan penyebaran informasi yang sangat populer saat

ini merupakan bagian dari perkembangan sistem Teknologi Informasi dan

Komunikasi, khususnya di bidang komunikasi jaringan komputer. Banyak sekali

informasi yang bisa didapatkan melalui internet baik dalam negeri maupun luar


(28)

mulanya internet itu yang sebenarnya. Oleh karena itu pada bab pertama ini, kita akan

coba mengenal internet dan teknologinya mulai dari pengertian dan sejarahnya.

Internet (Interconnected Network) adalah sebuah sistem komunikasi global yang menghubungkan komputer-komputer dan jaringan-jaringan komputer di seluruh

dunia tanpa mengenal batas teritorial, hukum dan budaya, sebagai sarana

berkomunikasi dan menyebarkan informasi. Setiap komputer dan jaringan terhubung

secara langsung maupun tidak langsung ke beberapa jalur utama yang disebut internet backbone dan dibedakan satu dengan yang lainnya menggunakan unique name yang biasa disebut dengan alamat IP 32 bit. Contoh: 202.155.4.230

.

Menurut Lani Sidharta (1996) : walaupun secara fisik Internet adalah

interkoneksi antar jaringan komputer namun secara umum Internet harus dipandang

sebagai sumber daya informasi. Isi Internet adalah informasi, dapat dibayangkan

sebagai suatu database atau perpustakaan multimedia yang sangat besar dan lengkap.

Bahkan Internet dipandang sebagai dunia dalam bentuk lain (maya) karena hampir

seluruh aspek kehidupan di dunia nyata ada di Internet seperti bisnis, hiburan, olah

raga, politik dan lain sebagainya.

2.3 Pengertian E-commerce

Perkembangan teknologi (tele)komunikasi dan komputer menyebabkan terjadinya

perubahan kultur kita sehari-hari. Dalam era yang disebut “information age” ini, media elektronik menjadi salah satu media andalan untuk melakukan komunikasi dan


(29)

media elektronik. Meskipun penggunaan media elektronik ini belum dimengerti, akan

tetapi desakan bisnis menyebabkan para pelaku bisnis mau tidak mau harus

menggunakan media elektronik ini.

Pendapat yang sangat berlebihan tentang bisnis ‘dotcom’ atau bisnis online seolah-olah mampu menggantikan bisnis tradisionalnya (offline). Kita dapat melakukan order dengen cepat di internet dalam orde menit tetapi proses pengiriman

barang justru memakan waktu dan koordinasi yang lebih rumit, bisa memakan waktu

mingguan, menurut Softbank s Rieschel, Internet hanya menyelesaikan 10% dari

proses transaksi, sementara 90 % lainnya adalah biaya untuk persiapan infrastruktur

back end, termasuk logistic. Reintiventing dunia bisnis bukan berarti menggantikan sytem yang ada, tapi justru komplemen dan ekstensi dari sytem infratruktur perdagangan dan produksi yang ada sebelumnya.

Dalam mengimplementasikan e-commercetersedia suatu integrasi rantai nilai dari infrastrukturnya, yang terdiri dari tiga lapis. Perama, Insfrastruktur sytem distribusi (flow of good) kedua, Insfrastruktur pembayaran (flow of money) Dan Ketiga, Infrastruktur sytem informasi (flow of information). Dalam hal kesiapan infrastruktur e-commerce, kami percaya bahwa logistics follow trade, bahwa semua transaksi akan diikuti oleh perpindahan barang dari sisi penjual kepada pembeli. Agar

dapat terintegrasinya sytemrantai suplai dari supplier, ke pabrik, ke gudang, distribusi, jasa transportasi, hingga ke customermaka diperlukan integrasi enterprise sytemuntuk menciptakan supply chain visibility. Ada tiga factor yang patur dicermati oleh kita jika


(30)

Yang menjadi pertayaan bahwa bagaimana kita melakukan penyelidikan

sebelum memutuskan untuk terjun ke market online ini, ada beberapa tahapan yang dapat dilakukan diantaranya adalah Process conductingdalam penyelidikan

1. Mendefinisikan targer pasar

2. Menidentifikasikan kelompok untuk dijadikan pembelajaran.

3. Indentitytopik untuk diskusi.

Dalam tahap penunjungnya maka dapat diselidiki

1 Identityletak demografi website di tempat tertentu 2 Memutuskan fokus editorialnya

3 Memutuskan isi dari contentnya

4 Memutuskan pelayanan yang dibuat untuk berbagai tipe pengunjung

(Turban M, 2001)

Ternyata tidak mudah mengimplementasikan e-commerce dikarenakan banyaknya faktor yang terkait dan teknologi yang harus dikuasai. Tulisan (report) ini

diharapkan dapat memberikan gambaran menyeluruh tentang teknologi apa saja yang

terkait, standar-standar yang digunakan, dan faktor-faktor yang harus diselesaikan.

2.3.1 Jenis-jenis e-commerce

E-commercedapat dibagi menjadi beberapa klasifikasi yang memiliki karakteristik berbeda-beda, antara lain:


(31)

B2B menyatakan bentuk jual beli produk atau jasa yang melibatkan dua atau

beberapa perusahaan dan dilakukan secara elektronis. Dalam hal ini, baik

pembeli maupun penjual adalah sebuah perusahaan dan bukan perorangan.

Biasanya transaksi ini dilakukan karena mereka telah saling mengetahui satu

sama lain dan transaksi jual beli tersebut dilakukan untuk menjalin kerjasama

antara perusahaan itu. Keuntungan yang didapatkan :

a. Mempercepat transaksi antara penjual dan pembeli.

b. Menurunkan biaya transaksi kedua belah pihak.

c. Menciptakan pasar baru tanpa dibatasi oleh wilayah geografis.

d. Meningkatkan komunikasi dan kolaborasi antara penjual dan pembeli.

Business to Business E-commercememiliki karakteristik:

a. Trading partners yang sudah diketahui dan umumnya memiliki hubungan (relationship) yang cukup lama. Informasi hanya di pertukarkan dengan partner tersebut. Dikarenakan sudah mengenal lawan komunikasi, maka jenis

informasi yang dikirimkan dapat disusun sesuai dengan kebutuhan dan

kepercayaan (trust).

b. Pertukaran data (data exchange) berlangsung berulang-ulang dan secara berkala, misalnya setiap hari, dengan format data yang sudah disepakati


(32)

memudahkan pertukaran data untuk dua entiti yang menggunakan standar yang

sama.

c. Salah satu pelaku dapat melakukan inisiatif untuk mengirimkan data, tidak

harus menunggu partnernya.

d. Model yang umum digunakan adalah peer-to-peer, dimana processing intelligence dapat didistribusikan di kedua pelaku bisnis.

2. Business to Consumer (B2C)

B2C adalah bentuk jual beli produk yang melibatkan perusahaan penjual dan

konsumen akhir yang dilakukan secara elektronis. Perusahaan-perusahaan

terkenal yang melayani B2C antara lain adalah Dell (www.dell.com), Cisco (www.cisco.com), dan Amazon (www.amazon.com). Business to Consumer e-commerce memiliki karakteristik sebagai berikut:

a. Terbuka untuk umum, dimana informasi disebarkan ke umum.

b. Servis yang diberikan bersifat umum (generic) dengan mekanisme yang dapat digunakan oleh khalayak ramai. Sebagai contoh, karena sistem web sudah

umum digunakan maka servis diberikan dengan menggunakan basis web.

c. Servis diberikan berdasarkan permohonan (on demand). Konsumer melakukan inisiatif dan produser harus siap memberikan respon sesuai dengan permohonan.


(33)

(consumer) menggunakan sistem yang minimal (berbasis Web) dan processing (business procedure) diletakkan di sisi server.

Contoh penggunaan web site untuk menjajakan produk dan servis antara lain:

a. Amazon http://www.amazon.com, Amazon merupakan toko buku virtual yang menjual buku melalui web sitenya.

b. eBay http://www.ebay.com, merupakan tempat lelang online.

c. NetMarket http://www.netmarket.com.

3. Perdagangan Kolabratif (collaborative commerce)

Dalam e-commerce, para mitra bisnis berkolaborasi (membeli atau menjual) secara elektronik. Kolaborasi semacam ini seringkali terjadi antara dan dalam

mitra bisnis di sepanjang rantai pasokan.

4. Consumen to consumen(C2C)

Model perdagangan yang terjadi antara konsumen dengan konsumen, yang

dilakukan secara elektronis. Situs seperti eBay(www.ebay.com) menyediakan sarana yang memungkinkan orang-orang dapat menjual atau membeli barang

di antara mereka sendiri. Dalam C2C seseorang menjual produk atau jasa ke

orang lain. Dapat juga disebut sebagai pelanggan ke palanggan yaitu orang


(34)

5. Comsumen to Business(C2B)

C2B merupakan transaksi jual beli yang terjadi antara individu sebagai penjual

dengan sebuah perusahaan sebagai pembelinya. Beberapa situs telah berinisiasi

untuk mendukung bisnis yang berbasiskan konsumen ke pebisnis ( Consumer-to-business atau C2B). Sebagai contoh, Priceline.com Dalam C2B konsumen memberitahukan kebutuhan atas suatu produk atau jasa tertentu dan pemasok

bersaing untuk menyediakan produk atau jasa tersebut ke konsumen, di

priceline.com, dimana pelanggan menyebutkan produk dan harga yang di

inginkan dan priceline mencoba menemukan pemasok yang memenuhi

kebutuhan tersebut.

6. Perdagangan Intrabisnis (Intraorganisasional)

Dalam situasi ini perusahaan menggunakan e-commercesecara internal untuk memperbaiki operasinya. Kondisi khusus dalam hal ini disebut sebagai e-commerceB2E (business to its employees)

7. Pemerintah ke Warga (Goverment to Citizen(G2C))

Dalam kondisi ini sebuah entitas (unit) pemerintah menyediakan layanan ke

para warganya melalui teknologi e-commerce. Unit-unit pemerintah dapat melakukan bisnis dengan berbagai unit pemerintah lainnya serta dengan

berbagai perusahaan (G2B). E-goverment yaitu penggunaan teknologi internet secara umum dan e-commerce secara khusus untuk mengirimkan informasi


(35)

serta mereka yang bekerja di sektor publik. E-goverment menawarkan sejumlah manfaat potensial : E-goverment meningkatkan efisiensi dan efektivitas fungsi pemerintah, termasuk pemberian layanan publik. E-goverment memungkinkan pemerintah menjadi lebih transparan pada masyarakat dan perusahaan dengan memberikan lebih banyak akses informasi

pemerintah. E-goverment juga memberikan peluang bagi masyarakat untuk memberikan umpan balik ke berbagai lembaga pemerintah serta berpartisipasi

dalam berbagai lembaga dan proses demokrasi. E-goverment dapat dibagi menjadi tiga kategori :

a. Pemerintah ke Warga (Goverment to Citizen). Lembaga pemerintah makin banyak yang menggunakan internet untuk menyediakan layanan

pada warga.

b. Pemerintah ke Perusahaan (Goverment to Business).

Pemerintah menggunakan internet untuk menjual dan membeli dari

perusahaan.

c. Pemerintah ke Pemerintah (Goverment to Government). Meliputi e-commerce intrapemerintah (transaksi antar pemerintah yang berbeda) serta berbagai layanan antar lembaga pemerintah yang berbeda.


(36)

8. Perdagangan Mobile (mobile commerce (m-commerce))

Ketika e-commerce dilakukan dalam lingkungan nirkabel, seperti dengan menggunakan telepon selluler untuk mengakses internet dan berbelanja, maka

hal ini disebut m-commerce.

2.3.2 Manfaat menggunakan e-commercedalam dunia bisnis

1. Pasar internasional

Dengan penerapan e-commerce sebuah perusahaan dapat memiliki sebuah pasar internasional. Bisnis dapat dijalankan tanpa harus terbentur pada batas

negara dengan adanya teknologi digital. Pihak perusahaan dapat bertemu

dengan partner dan kliennya dari seluruh penjuru dunia. Hal ini menciptakan

sebuah lembaga multinasional virtual

2. Penghematan biaya operasional

Biaya operasional dapat dihemat. Biaya untuk membuat, memproses,

mendistribusikan, menyimpan, dan memperbaiki kembali informasi juga dapat

ditekan. Mengurangi penggunaan paper/kertas di berbagai aktifitas mulai

dari tahapan desain, produksi, pengepakan, pengiriman, distribusi hingga

marketing.

3. Kustomisasi masal

E-commercetelah merevolusi cara konsumen dalam membeli barang dan jasa. Produk barang dan jasa dapat dimodifikasi sesuai dengan keingingan


(37)

memasarkan mobil produksinya, para pembeli hanya dapat membeli motor

yang berwarna hitam karena yang dibuat memang hanya warna tersebut.

Namun sekarang pembeli dapat mengkonfigurasi sebuah mobil sesuai dengan

spesifikasi mereka hanya dalam beberapa menit, misalnya menentukan warna

mobil yang mereka inginkan untuk mobil yang akan mereka beli, hanya

dengan mengunjungi website Ford di internet.

4. Berkurangnya kendala inovasi

Yang dimaksud adalah dengan e-commerce, suatu perusahaan dapat menghemat sumber daya karena mereka tidak dipusingkan dengan sulitnya

membuat penemuan baru untuk modifikasi produk mereka. Sebagai contoh,

perusahaan seperti Motorola (mobile phone) dan Dell (komputer) dapat mengumpulkan para konsumennya yang memesan sebuah produk. Para

konsumen dapat membuat suatu daftar mengenai spesifikasi produk baru yang

mereka inginkan dan mengirimkannya ke perusahaan secara online. Kemudian perusahaan dapat merencanakan produksi suatu produk berdasarkan spesifikasi

konsumen dan mengirimkan hasilnya dalam jangka waktu beberapa hari.

5. Biaya telekomunikasi yang lebih rendah

Internet lebih murah dari sebuah jaringan tambahan yang hanya digunakan

untuk telepon. Adalah lebih murah untuk mengirimkan sebuah fax atau e-mail


(38)

6. Digitalisasi proses dan produk

Contohnya pada kasus produk software dan audio video, produk digital tersebut dapat diunduh atau dikirim lewat e-mail secara langsung ke konsumen

melalui internet dalam format digital. Hal ini tentu saja menghemat waktu dan

biaya pengiriman produk.

7. Batasan waktu kerja dapat diatasi

Bisnis dapat dijalankan tanpa mengenal batas waktu karena dijalankan secara

onlinemelalui internet yang selalu beroperasi tiap hari.

2.3.2 Keuntungane-commercebagi konsumen:

1. Akses penuh 24 jam / 7 hari

Konsumen dapat berbelanja atau mengolah berbagai transaksi lain dalam 24

jam sepanjang hari, sepanjang tahun di sebagian besar lokasi. Contohnya

memeriksa saldo, membuat pembayaran, dan memperoleh informasi lainnya.

2. Lebih banyak pilihan

Konsumen tidak hanya memiliki sekumpulan produk yang bisa dipilih, namun

juga daftar supplier internasional sehingga konsumen memiliki pilihan produk

yang lebih banyak.

3. Perbandingan harga

Konsumen dapat berbelanja di seluruh dunia dan membandingkan harganya


(39)

provider.

4. Proses pengantaran produk yang inovatif

Dengan e-commerce proses pengantaran produk menjadi lebih mudah. Misalnya dalam kasus produk elektronik misalnya software atau berkas audio visual di mana konsumen dapat memperoleh produk tersebut cukup dengan

mengunduhnya melalui internet.

2.4 Pengertian HTML, PHP, dan Mysql

2.4.1 Pengenalan HTML

HTML merupakan pengembangan dari standar pemformatan dokumen teks

yaituStandard Generalized Markup Language (SGML). HTML sebenarnya adalah dokumen ASCII atau teks biasa yang dirancang untuk tidak tergantung pada suatu

sistem operasi tertentu. HTML dibuat oleh Tim Barners-Lee ketika masih bekerja untuk CERN. HTML dipopulerkan pertama kali oleh browser mosaic. Selama awal

tahun 90-an, HTML mengalami perkembangan yang sangat pesat. Setiap

perkembangan HTML pasti akan menambahkan kemampuan dan fasilitas yang lebih

baik daripada versi sebelumnya. Perkembangan yang pesat tersebut tidak sampai


(40)

2.4.2 Pengenalan PHP

PHP adalah bahasa pemorgraman yang memungkinkan para web developer untuk membuat aplikasi web yang dinamis dengan cepat. PHP merupakan singkatan dari “PHP Hypertext Preprocessor”. PHP ditulis dan diperkenalkan pertama kali sekitar tahun 1994 oleh Rasmus Lerdorfmelalui situsnya untuk mengetahui siapa saja yang telah mengakses ringkasan online-nya.

PHP merupakan salah satu bahasa script yang terbilang baru dan tersedia secara bebas dan masih memungkinkan untuk dikembangkan lebih lanjut. PHP dapat

diintegrasikan (embedded) ke dalam web server, atau dapat berperan sebagai program CGI yang terpisah. Karakteristik yang paling unggul dan paling kuat dalam PHP

adalah lapisan integrasi database (database integration layer). Database yang didukung PHP adalah: Oracle, Adabas-D, Sybase, FilePro, mSQL, Velocis, Mysql, Informix,Solid, dBase, ODBC, Unix dbm,dan PostgreSQL.

Beberapa kelebihan PHP yaitu:

1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaannya.

2. Web Serveryang mendukung PHP dapat ditemukan dimana-mana dari mulai IIS sampai dengan apache, dengan konfigurasi yang relatif mudah.


(41)

milis dan developeryang siap membantu dalam pengembangan.

4. Dalam sisi pemahaman, PHP adalah bahasa scripting yang paling mudah karena referensi yang banyak.

5. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (linux, unix, windows) dan dapat dijalankan secara runtime melalui consoleserta juga dapat menjalankan perintah-perintah sistem.

Dengan PHP ini kita dapat membuat beragam aplikasi berbasis web, mulai dari halaman web, mulai dari halaman webyang sederhana sampai aplikasi kompleks yang membutuhkan koneksi ke database. Sampai saat ini telah banyak databaseyang telah didukung oleh PHP dan kemungkinan akan terus bertambah. Database tersebut adalah:

1. dBase 3. FilePro 5. Mysql 7. Oracle 9. Sybase 2. DBM 4. mSQL 6. ODBC 8. Postgres 10. Velocis

2.4.3 Pengenalan Mysql

Mysqlmerupakan Database management sytem (DBMS)toolss open source yang mendukung multiuser, multithreaded, populer dan free. Mysql dimiliki oleh perusahaan asal Swedia, Mysql AB, di mana perusahaan tersebut memegang seluruh

hak cipta atas kode sumbernya. Mysql AB didirikan oleh David Axmark, Allan Larsson, dan MichaelMontyWidenius.Mysqlsebenarnya merupakan turunan salah satu konsep utama dalam database sejak lama, yaitu SQL (Structure query language).


(42)

SQL adalah sebuah konsep pengoperasian database, terutama untuk pemilihan atau

seleksi dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan

dengan mudah secara otomatis. Keandalan suatu sistem database (DBMS) dapat

diketahui dari cara kerja optimizer-nya dalam melakukan proses perintah-perintah

SQL, yang dibuat oleh user maupun program-program aplikasinya. Sebagai database server, mysql dapat dikatakan lebih unggul dibandingkan database server lainnya

dalam query data.

Hal ini terbukti untuk query yang dilakukan olehsingle user, kecepatan query Mysql bisa sepuluh kali lebih cepat dari PostgreSQL dan lima kali lebih cepat dibandingkan interbase.

Selain itu Mysql juga memiliki beberapa keistimewaan, antara lain :

1. Portability

Mysql dapat berjalan stabil pada berbagai sistem operasi seperti Windows, Linux, FreeBSD, Mac Os X Server, Solaris, Amiga, dan masih banyak lagi.

2. Open Source

Mysql didistribusikan secara open source (gratis), dibawah lisensi GPL sehingga dapat digunakan secara cuma-cuma.


(43)

Mysql dapat digunakan oleh beberapa userdalam waktu yang bersamaan tanpa mengalami masalah atau konflik.

4. Performance Tuning

Mysql memiliki kecepatan yang menakjubkan dalam menangani query sederhana, dengan kata lain dapat memproses lebih banyak SQL per satuan

waktu.

5. Column tipes

Mysql memiliki tipe kolom yang sangat kompleks, seperti signed / unsigned integer, float, double, char, text, date, timestamp, dan lain-lain.

6. Command danfunctions

Mysql memiliki operator dan fungsi secara penuh yang mendukung perintah

Selectdan Wheredalam query.

7. Security

Mysql memiliki beberapa lapisan sekuritas seperti level subnetmask, nama host, dan izin akses user dengan sistem perizinan yang mendetail serta passwordterenkripsi.


(44)

8. Scalabilitydan limits

Mysql mampu menangani database dalam skala besar, dengan jumlah records

lebih dari 50 juta dan 60 ribu tabel serta 5 milyar baris. Selain itu batas indeks

yang dapat ditampung mencapai 32 indeks pada tiap tabelnya.

9. Connectivity

Mysql dapat melakukan koneksi dengan clientmenggunakan protokol TCP/IP, Unix soket(UNIX), atau Named Pi(NT).

10.Localisation

Mysql dapat mendeteksi pesan kesalahan pada client dengan menggunakan lebih dari dua puluh bahasa. Meskipun demikian,bahasa Indonesia belum

termasuk didalamnya.

11. Interface

Mysql memiliki interface (antar muka) terhadap berbagai aplikasi dan bahasa pemrograman dengan menggunakan fungsi API (Programing Application Interface).

12.Clients dantools

Mysql dilengkapi dengan berbagai tools yang dapat digunakan untuk administrasi database, dan pada setiap tools yang ada disertakan petunjuk online


(45)

Mysql memiliki struktur tabel yang lebih fleksibel dalam menangani ALTER TABLE, dibandingkan database lainnya semacam PostgreSQL ataupun Oracle.

2.5 CSS (Cascading Style Sheets)

Cascading Style Sheet(CSS) merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur

dan seragam. Sama halnya styles dalam aplikasi pengolahan kata sepertiMicrosoft Wordyang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa file. Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat

dengan bahasa HTML dan XHTML.CSS dapat mengendalikan ukuran gambar, warna

body teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks,marginkiri/kanan/atas/bawah, dan parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokument. Dengan adanya CSS memungkinkan kita untuk menampilkan

halaman yang sama dengan format yang berbeda. Ada tiga jenis cara dalam


(46)

1. External Style Sheet

Adalah CSS yang dibuat dalam file terpisah dengan ekstensi file .css. Untuk

memanggilnya menggunakan script html yang disisipkan antara tag head.

Pada bagian href tersebut tinggal diisi mengarah ke direktori dimana Anda

menempatkan file cssnya. Penggunaan sistem embeding css ini sangat

disarankan karena memang banyak kelebihan yaitu mudah untuk melakukan

pengeditan, mengatur semantik dan praktis terkumpul dari satu file.

2. Internal Style Sheet

Adalah cara embeding css dengan menulis langsung di dalam file html yang

ingin kita atus tampilannya. Penulisan ini disisipkan diantara tag head juga

dengan diapit oleh tag style. Berikut ini contohnya :

<style tipe="text/css"> body{

background:#cccccc;

font-family:Arial; }

</style>

3. Inline Style Sheet

Adalah penulisan script css langsung pada tag html dengan menambahkan

styledi dalamnya. Contoh:

<p style="font-size:20px;">Tulisan yang di atur </p>

Dua cara terakhir ini tidak disarankan digunakan karena rumit dan


(47)

tampilan segera dibutuhkan oleh pengguna saat itu sedangkan anda sedang

membuka fie itu dan tidak sempat membuka file css karena keterbatasan

koneksi misalnya. Namun penggunaan external css akan memudahkan Anda di

waktu kedepan dalam hal update dan editing.

2.6 Pengertian Data, Informasi, dan Database

Data adalah fakta mengenai objek, orang dan lain-lain (Kadir,1999:7). Data juga dapat

didefinisikan sebagai bahan keterangan tentang kejadian-kejadian nyata atau

fakta-fakta yang dirumuskan dalam sekelompok lambang tertentu yang tidak acak yang

menunjukkan jumlah, tindakan, atau hal.

Informasi adalah hasil analisis dan sintesis terhadap data. Dengan kata lain,

informasi dapat dikatakan sebagai data yang telah diorganisasikan ke dalam bentuk

yang sesuai dengan kebutuhan sekarang, entah itu manajer, staf ataupun orang lain di

dalam suatu organisasi atau perusahaan (Kadir, 1999:7).

Sedangkan Database (basis data) merupakan kumpulan data yang saling berhubungan. Hubungan antar data dapat ditunjukan dengan adanya field/kolom kunci dari tiap file/tabel yang ada. Dalam satu file atau table terdapat record-record yang sejenis, sama besar, sama bentuk, yang merupakan satu kumpulan entitas yang


(48)

yang saling berhubungan menunjukan bahwa field tersebut dalam satu pengertian yang lengkap dan disimpan dalam satu record. Adapun struktur database adalah: Database, File/Table, Record, Elemen data/Field.

2.6.1 Database management sytem(DBMS)

Basis data merupakan kumpulan data yang saling berhubungan satu dengan yang

lainnya yang diorganisasikan sesuai struktur tertentu dan disimpan dengan baik.

Untuk mendapatkan informasi yang berguna dari kumpulan data maka diperlukan

suatu perangkat lunak (software) untuk memanipulasi data sehingga mendapatkan informasi yang berguna. Database Manajement Sytem (DBMS) merupakan software yang digunakan untuk membangun sebuah sistem basis data yang berbasis

komputerisasi. DBMS membantu dalam pemeliharaan dan pengolahan kumpulan data

dalam jumlah besar. Sehingga dengan menggunakan DBMS tidak menimbulkan

kekacauan dan dapat digunakan oleh pengguna sesuai dengan kebutuhan.

DBMS merupakan perantara bagi pemakai dengan basis data. Untuk merinteraksi

dengan DBMS (basis data) menggunakan bahasa basis data yang telah ditentukan oleh

perusahaan DBMS. Bahasa basis data biasanya terdiri atas perintah-perintah yang di

formulasikan sehingga perintah tersebut akan diproses olah DBMS. Perintah-perintah

biasanya ditentukan olehuser. Ada 2 bahasa basis data:

1. Data Definition Language(DDL)

DDL digunakan untuk menggambarkan desain basis data secara keseluruhan.

DDL digunakan untuk membuat tabel baru, menuat indeks, ataupun mengubah


(49)

DML digunakan untuk melakukan menipulasi dan pengambilan data pada

suatu basis data seperti penambahan data baru ke dalam basis data, menghapus

data dari suatu basis data dan pengubahan data di suatu basis data.

Dalam pembuatan DBMS diperlukan beberapa komponen fungsional

penyusunnya sebagai berikut:

1. DML Precompiler : mengkonversi pernyataan-pernyataan DML yang dimasukkan di dalam program aplikasi ke dalam pemanggilan prosedur normal

di dalam bahasa induknya. Procompiler harus berinteraksi dengan

query processor untuk membuat kode-kode yang diperlukan.

2. Query Processor: menterjemahkan pernyataan-pernyataan bahasa query ke dalam instruksi-instruksilow-levelyang dimengerti oleh database manager. 3. DDLCompiler : mengkonversi pernyataan DDL ke dalam sekumpulan table

yang mengandung metadata atau “data mengenai data”

4. Database Manager : menyediakaninterfaceantara data low-level yang disimpan didalam basisdata dengan program-program aplikasi dan queries

yang dikirimkan kesytem.

Salah satu tujuan dari DBMS adalah memberikan tampilan kepada pengguna

dalam hal menyampaikan data. Untuk itu dalam DBMS terdapat Level Abstraksi Data.

Level ini berguna untuk menyembunyikan detail atau kompleksitasnya basis data

seperti bagaimana data disimpan dan diolah. Sehingga pengguna hanya melihat


(50)

1. Level fisik

Level fisik merupakan level yang paling bawah. Pada level ini memperlihatkan

bagaimana sesungguhnya data disimpan.

2. Level Konseptual

Level ini menggambarkan bagaimana sebenarnya basis dta disimpan dan

berhubungan dengan data lainna

3. Level View

Level abstaraksi ini hanya menunjukkan sebagian dari basis data. Pada

umumnya pengguna tidak melibatkan secara langsung sehingga pengguna

hanya melihat data sesuai dengan yang dibutuhkan

Keuntungan menggunakan DBMS:

1. Penggunaan data bersama

2. Mengurangi kerangkapan data

3. Menghindari ketidakkonsistenan data

4. Integritas data terpelihara

5. Keamanan terjamin

6. Kebutuhanuseryang kompleks dapat teratasi 7. Pelaksanaan standarisasi

8. Meningkatkan produktivitas


(51)

1. Rumit , karena penetapan fungsi dari DBMS yang baik, menyebabkan DBMS

menjadi software yang cukup rumit. Seluruh user harus mengetahui fungsi-fungsi yang ada dengan baik, sehingga dapat memperoleh manfaatnya.

2. Ukuran kerumitan dan banyaknya fungsi yang ada menyebabkan DBMS

memerlukan banyak software pendukung yang mengakibatkan penambahan tempat penyimpanan danmemory.

3. Biaya DBMS

4. Biaya tambahanhardware 5. Biaya konversi

6. Performance pada dasarnya DBMS dibuat untuk menyediakan banyak aplikasi, akibatnya mungkin beberapa aplikasi akan berjalan tidak seperti

biasanya.

7. Resiko Kegagalan karena sytem yang terpusat, jika seluruh user dan aplikasi terakses dari DBMS maka kerusakan pada bagian manapun dari sytem, akan menyebabkan operasi terhenti.


(52)

BAB 3

PERANCANGAN SISTEM

Perancangan Sistem yang dilakukan merupakan analisis perangkat lunak, analisis

program dan model yang akan di buat. Oleh karena itu semua data yang ada didalam

sistem akan dikemas dalam suatu basis data,kemudian dideskripsikan kedalam

Data

Flow Diagram

(DFD),

Entity Relationship Diagram

(ERD) dan

Flowchart system

.

Salah satu cara yang dapat digunakan adalah dengan membuat aliran informasi

atau

flowchart

(bagan alir) dari situs tersebut.

Flowchart

adalah suatu bagan yang

berisi seluruh tahapan/rangkaian kegiatan dalam suatu pekerjaan.

Flowchart

dapat

dipergunakan untuk memperinci tahap-tahap rangkaian dan suatu proses pekerjaan.

Flowchart

juga dapat dipergunakan untuk menjabarkan suatu proses pekerjaan ke

dalam tahap-tahap rangkaian yang lebih spesifik untuk pemeriksaan selanjutnya.

3.1

Data

Flow Diagram

(DFD)

Data Flow Diagram

(DFD) adalah alat pembuatan model yang memungkinkan

profesional sistem untuk menggambarkan

system

sebagai suatu jaringan proses

fungsional yang dihubungkan satu sama lain dengan alur data, baik secara manual


(53)

Bubble

diagram, model proses, diagram alur kerja, atau model fungsi.

DFD merupakan alat yang digunakan pada metodologi pengembangan sistem

yang terstruktur (

Structured Analysis and Design

). DFD merupakan alat yang cukup

popular sekarang ini, karena dapat menggambarkan arus data di dalam sistem dengan

terstruktur dan jelas. DFD sering digunakan untuk menggambarkan suatu sistem yang

telah ada atau sistem baru yang akan dikembangkan secara logika tanpa

mempertimbangkan lingkungan fisik dimana data tersebut mengalir (misalnya lewat

telpon, surat dan sebagainya) atau lingkungan fisik dimana data tersebut akan

disimpan (misalnya file kartu,

microfiche, hardisk, tape,

disket dan lain sebagainya).


(54)

Data Barang Data Pembeli Data Pesanan

ADMINISTRATOR

SISTEM PENJUALAN

Pembeli Penyalur

(Supplier)

Pemasang Iklan Pengolahan data

Data Barang Yang Sudah di Beli Data Pembeli

Iklan/Sponsor untuk Kerja Sama Pembelian Barang

Yang Akan dijual

Gambar 3.1 Aliran Data Level Konteks Penjualan Sepatu

3.2

Entity Relationship Diagram

(ERD)

Model

Entity Relationship

diperkenalkan pertama kali oleh

P.P. Chen

pada tahun

1976. Model ini dirancang untuk menggambarkan persepsi dari pemakai dan berisi

obyek-obyek dasar yang disebut

entity

dan hubungan antar

entity

-

entity

tersebut yang

disebut relationship. Pada model ER ini semesta data yang ada dalam dunia nyata


(55)

diagram, yaitu diagram ER (

Entity Relationship

) Diagram

Entity

-

Relationship

melengkapi penggambaran grafik dari struktur logika .

Dengan kata lain Diagram E-R menggambarkan arti dari aspek data seperti

bagaimana

entity

-

entity

, atribut-atribut dan relationship-relationship disajikan.

Sebelum membuat Diagram E-R , tentunya kita harus memahami betul data yang

diperlukan dan ruang lingkupnya. Di dalam pembuatan diagram E-R perlu

diperhatikan penentuan sesuatu konsep apakah merupakan suatu

entity

, atribut atau

relationship

.

a.

Mengindentifikasikan dan menetapkan seluruh himpunan

entity

yang terlibat

Pemesanan Sepatu Admin

Gambar 3.2 ERD Tahap Pertama

b.

Menentukan atribut

key

masing-masing himpunan

entity

Pemesanan Sepatu Admin

id Produk id id


(56)

c.

Mengidentifikasikan dan menetapkan seluruh himpunan relasi diantara

himpanan

entity

-

entity

yang ada berserta

foreign key

-nya (kunci asing)

Pemesanan memesan Sepatu menyediakan Admin

id Produk id id

Gambar 3.4 ERD Tahap Ketiga

d.

Memasukkan derajat/

cardinalitas

untuk setiap himpunan

Pemesanan memesan Sepatu menyediakan Admin

id Produk id

id

N N N N

Gambar 3.5 ERD Tahap Keempat

e.

Melengkapi himpunan

entity

dan himpunan relatif

atribut

deksriptif (

non

key

/bukan kunci)

Pemesanan memesan Sepatu menyediakan Admin

id Produk id

id

Sepatu Sepatu


(57)

Database dapat diartikan sebagai sebuah tempat menyimpan data yang terstruktur agar

dapat diakses dengan cepat dan mudah. Membangun sebuah database merupakan

langkah awal pembuatan aplikasi, termasuk dalam penambahan produk dan lain-lain

dalam mengolah penjualan

online

sepatu

Tabel 3.1

admin

Field name

Type

Keterangan

username

Varchar

(10)

username

dan

primary key

Password

Varchar

(32)

password user

/

admin

.

Tabel 3.2

Member

Field name

Type

Keterangan

ID

member

Int(10)

ID

member

(

Auto_increment

)

Email

Varchar

(30)

Username

,

primary key

Password

Varchar

(9)

Password

Firstname

Varchar

(30)

Nama depan member

Lastname

Varchar

(30)

Nama belakang member

Gender

Varchar

(10)

Jenis Kelamin

Phone

Varchar

(15)

Nomer telfon

Province

Varchar

(30)

Provinsi tempat tinggal

City

Varchar

(30)

Kota tempat tinggal

Address

Varchar

(60)

Alamat


(58)

Tabel 3.3

Cart

Field name

Type

Keterangan

ID

order

Varchar

(15)

Id pesanan

IDproduk

Varchar

(15)

Id produk

Jumlah

Varchar

(3)

Jumlah barang

Harga

Varchar

(10)

Harga barang

Total

Varchar

(10)

Total belanja

Tambahan

Text

Saran pembeli

Tabel 3.3 Kategori

Field name

Type

Keterangan

IDkategori

Int(10)

Id kategori sepatu

kategori

Varchar

(30)

Kategori sepatu

Tabel 3.4 Kota

Field name

Type

Keterangan

ID

city

Int(10)

Id kota tujuan pengiriman

ID

province

Int(11)

Id provinsi tujuan

pengiriman

City

Varchar

(30)

Kota


(59)

Field name

Type

Keterangan

IDorder

Varchar

(15)

Id pembeli

IDmember

Int(10)

Id member

Tanggal

Varchar

(15)

Tanggal order

Alamat

Varchar

(100)

Alamat pembeli

Kota

Varchar

(50)

Kota pembeli

Provinsi

Varchar

(50)

Provinsi pembeli

Kodepos

Varchar

(5)

Kodepos pembeli

No_telp

Varchar

(12)

Nomer telpon pembeli

Bank_pengirim

Varchar

(50)

Bank pengirim/pembeli

Bank_penerima

Varchar

(50)

Bank penerima/admin

Atas_nama

Varchar

(100)

Nama pembeli

No_rekening

Varchar

(20)

Nomer rekening pembeli

Ongkos_kirim

Int(10)

Biaya pengirimiman

Total_biaya

Int(10)

Total pembelian

Transaksi

Int

(1)

Jumlah pembelian

Status

Varchar

(10)

Status pembelian

Tabel 3.6 Pengiriman

Field name

Type

Keterangan

IDpengiriman

Int(10)

Id pengiriman

(Auto_increment)

IDmember

Int(10)

Id member

Tanggal

Varchar

(15)

Tanggal order

Alamat

Varchar

(100)

Alamat pembeli


(60)

Tabel 3.7 Produk

Field name

Type

Keterangan

IDproduk

Int(10)

Id produk

(Auto_increment)

Namaproduk

Varchar

(30)

Nama produk

IDkategori

Int(10)

Id kategori

Material

Varchar

(30)

Bahan

Size

Varchar

(30)

Ukuran

Harga

Varchar

(10)

Harga

Gambar

Varchar

(50)

Gambar sepatus

Tabel 3.8 Provinsi

Field name

Type

Keterangan

ID

province

Int(10)

Id provinsi

Province

Varchar

(30)

Provinsi

Tabel 3.9 Transaksi

Field name

Type

Keterangan

IDorder

Varchar

(15)

Id order

IDproduk

Varchar

(15)

Id produk

Qty

Int(4)

Jumlah barang yang di beli

Tambahan

Text

Pesan


(61)

MULAI

Buka Halaman Utama

Halaman Utama

Merk Sepatu

Menu Footer

SELESAI Menu Halaman

1.Home 2.Produk 3.Info 4.Contact 5.Cart

Daftar Merk Sepatu

1.About Us 2.Facebook 3.Twitter NO

Yes

Yes


(62)

MULAI

Halaman Utama

Produk

Info

SELESAI Home

Daftar Semua Merk Sepatu

Informasi Cara Pembelian

NO

Yes

Yes

Produk Terbaru

Cart

Contact Informasi Admin

Daftar Barang yang akan dibeli Yes

Yes Yes


(63)

MULAI

Belanja Lagi

SELESAI Pilih Sepatu

NO

Isi Lengkap

Yes

Yes Pilih Kategori Sepatu

Masukkan Sepatu Ke Keranjang Belanja

Informasi Data Pembeli

Database


(64)

MULAI

Tampilkan Menu

Order

LOGOUT

SELESAI NO

Login

Home

Produk

1.Tambah Produk 2.Edit Produk 3.Lihat dan Hapus Produk

Update Order Admin

Y

Y Y

N N

N


(65)

Implementasi sistem merupakan langkah-langkah atau prosedur yang dilakukan dalam

menyelesaikan desain sistem yang telah disetujui, untuk menguji, menginstal dan

memulai sistem baru atau sistem yang diperbaiki dari sistem yang lama.

4.1 Komponen Implementasi Sistem

Perancangan sistem yang telah dikerjakan dapat berjalan dengan baik atau tidak, maka

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

beberapa komponen utama yang mencakap perangkat keras (hardware), perangkat lunak (software), dan perangkat operator (brainware).

4.1.1 Kebutuhan Perangkat Keras (Hardware)

Perangkat keras (hardware) adalah komponen-komponen peralatan yang membentuk suatu sistem computer dan peralatan-peralatan tambahan lainnya yang mungkin


(66)

nyata secara fisik, artinya dapat dilihat dan dipergunakan. Dalam menyusun sistem

informasi penjualan sepatu ini, saya membubuhkan perangkat keras sebagai berikut:

a. CPU (Central Processing Unit)

CPU adalah otak dari komputer, cpu merupakan pusat pengolahan data serta

pusat pengontrolan dari keseluruhan sistem komputer.

b. Memori

Memori alah tempat penampungan atau tempat penyimpanan data sementara.

c. Monitor

Monitor adalah layar yang menampilkan output program.

d. Keyboard

Keyboard adalah alat menginput data.

4.1.2 Perangkat Lunak (Software)

Softwareadalah instruksi atau program-program computer yang dapat digunakan oleh computer dengan memberikan fungfsi serta penampilan yang diinginkan. Dalam hal

ini, perangkat lunak yang digunakan penulis untuk penulis untuk aplikasi perangkat

websiteadalah:

a. Sistem Operasi Windows7.

b. Mysql/PHPMyAdmin sebagai Bahasa pemrograman untuk database dalam

Bahasa SQL.


(67)

program Apache, Mysql Database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP.

e. PHP sebagai bahasa pemrograman server side.

f. Browser sebagai tempat media tampilan halaman website, Seperti: Google Chromeatau Mozilla Firefox.

4.1.3 Unsur Manusia (Brainware)

Brainware merupakan factor manusia yang menangani fasilitas computer yang ada. Faktor manusia yanag dimaksud adalah orang-orang yang memiliki bagian untuk

menangani sistem dan merupakan unsur manusia.

Perangkat operator (Brainware) meliputi 3 bagian yaitu:

a. Analisis Sistem, yaitu orang yang membentuk dan membangun fasilitas

rancangan sistem atau program.

b. Programmer, yaitu orang yang mengerti bahasa pemrograman yang digunakan

dalam membuat dan membangun suatu program.

c. Operator (Administrator), yaitu orang yang mengoperasikan sistem seperti

memasukkan data untuk dioperasikan dan menghasilkan informasi.

d. Public (Pengguna), yaitu orang yang memakai sistem yang telah dirancang untuk mendapatkan informasi yang dibutuhkan.


(68)

4.2 Prosedur Penggunaan Program

Pada website Pesan Sepatu ini memiliki banyak halaman. Tiap halaman utama masing-masing memiliki link yang tiap isi halaman web-nya menunjuk setiap

informasi yang berbeda-beda. Untuk pengetesan pada tool browser, ketikkkan pada

address bar http:localhostuntuk melihat tampilan Apacheweb server pada browser. Adapun prosedur penggunaan program secara manual dapat diuraikan sebagai

berikut:

1. Aktifkan Apache, Mysql dan Filezilapada XAMPPControl Panel Aplication 2. Klik Start pada desktop, kemudian klik Mozilla Firefox

3. Setelah jendela Mozilla Firefox terbuka, ketik alamat websiteyang telah dirancang pada address baruntuk menampilkan halaman utama website

4. Setelah halaman utama websiteterbuka, terdapat beberapa pilihan halaman link.


(69)

Gambar 4.2 Halaman Order Produk


(70)

Gambar 4.4 Halaman Administrator


(71)

5.1 Kesimpulan

Adapun kesimpulan yang bisa di ambil dalam penjualan onlinesepatu dengan web e-commerce, yaitu:

a. Dengan adanya Sistem Informasi Penjualan berbasis web ini, dapat memperluas pemasaran produk yang dapat meningkatkan jumlah keuntungan

bagi penjual sepatu.

.

b. Penjualan online sepatu dengan web e-commercemerupakan solusi bagi para useryang ingin mencari informasi berbagai jenis sepatu namun tidak memiliki waktu ataupun tidak mau bersusah payah dalam mencari sepatu yang

diinginkan. Karena dengan adanya web e-commerce ini user dapat mencari dan membeli sepatu yang diinginkan kapanpun dan dimanapun userberada.


(72)

c. Dengan adanya webini memberikan daftar lengkap produk , seperti tampilan, informasi produk, harga produk, sehingga dapat dengan mudah mendapatkan

informasi baru dengan membuka website sepatu ini.

5.2 Saran

Dengan selesainya website e-commerce sepatu ini, penulis memberikan beberapa saran yang dapat mendukung pengembangan sistem lebih lanjut:

a. Agar selalu dipercaya oleh pelanggan, maka diperlukan suatu strategi yang

baik untuk mendatangkan pelanggan. Selain memberikan produk yang

berkualitas, hendaknya didukung dengan memberikan berbagai penawaran

serta kemudahan dan kenyamanan bagi pelanggan dalam mengakses dan

melakukan transaksi.

b. Untuk permulaan pembuatan sistem penjualan onlinedengan web e-commerce mungkin saja cukup sulit, juga memerlukan biaya yang sedikit mahal. Namun

itu bukan merupakan hal yang perlu ditakutkan. Karena pada tahap-tahap

selanjutnya bisa jadi akan sangat menguntungkan dan menghemat pengeluaran


(73)

Herman, AsepSuyanto. 2007.

Web Design Theory and Practices Serries II

. Yogyakarta:

PenerbitAndi.

Jessup, Leonard danValaich, Joseph. 2003.

Electronic Commerse, Intranets and Extranets.

Prentice Hall, Inc.

Kadir, Abdul. 2003.

Pemrogramman Web Mencakup : html, CSS, Java Script dan PHP

.

Yogyakata: Andi

Kadir, Abdul. 2003.

Pengenalan Sistem Informasi

. Yogyakarta: Andi.

Laudon, Kenneth C. dan Laudon, Jane P. 2008.

Sistem Informasi Manajemen

. Terjemahan

Chriswan Sungkono dan Machmudin Eka P. Edisi 10. Jakarta : Salemba Empat.

Longkutoy, Jhon J. 1996.

Pengenalan Komputer

. Jakarta: Mutiara Sumber Widya.

Sugiri, Ahmad dan Haris, Saputro. 2008.

Pengelolahan Database MySQL dengan

PHP My Admin

. Yogyakarta: Graha Ilmu.

Setiawan, Deris. 2002. E-Commerce.www.Corbis.com [05 Mei 2014]

http://muhammadrizkygaus.blogspot.com/2012/06/penggunaan-e-commerce-dalam-dunia.html

[05 Mei 2014]

http://www.databendi.com/pengertian-css/

[05 Mei 2014]

http://wildanfaizzani.wordpress.com/2010/04/03/pengertian-dbms-database-management-system/[7 Mei 2014]

http://windaolyvia.blogspot.com/2011/06/kuntungan-dan-kerugian-dbms.html[7 Mei 2014]

http://informatika.web.id/category/data-flow-diagram

[12 Mei 2014]


(74)

Jl. Bioteknologi No. 1 Kampus USU Padang Bulan Medan – 20155 Telp. (061) 8211050, 8214290, Fax. (061) 8214290

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

Nama

: Khalissandy Khallis

Nomor Induk Mahasiswa

: 112406058

Judul Tugas Akhir

: Perancagan Website E-commerce Penjualan Sepatu Online

Dosen Pembimbing

: Drs. Rosman Siregar, M.Si

Tanggal Mulai Bimbingan

:

Tanggal Selesai Bimbingan

:

No. Tanggal Bimbingan

Pembahasan Pada Bimbingan Mengenai, Pada Bab :

Paraf Dosen

Pembimbing Keterangan

Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan mahasiswa telah

selesai

Diketahui :

Disetujui,

Departemen Matematika FMIPA USU

Pembimbing Utama/

Ketua,

Penanggung Jawab

Dra. Elly Rosmaini, M.Si

Drs. Rosman Siregar, M.Si


(75)

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

N a m a : KHALISSANDY KHALLIS

N I M : 112406058

Program Studi : D3 Teknik Informatika

Judul Tugas Akhir : PERANCANGAN WEBSITE E-COMMERCE PENJUALAN SEPATU ONLINE

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

Dengan Hasil : SUKSES / GAGAL

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

Medan, Juni 2014 Dosen Pembimbing

Drs. Rosman Siregar, M.Si NIP. 19610107 198601 1 001


(76)

1.Index

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd"> <html>

<head>

<title>Pesan Sepatu</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link rel="stylesheet" type="text/css" href="css/style.css" />

<script src="js/jquery-1.7.1.min.js"></script> <script src="js/superfish.js"></script>

<script src="js/tms-0.4.1.js"></script> <script src="js/slider.js"></script> </head>

<body>

<div id="header">

<div id="header_inside">

<src="images/header.jpg"alt="setalpm"width="999" height="189" border="0" usemap="#Map" /><br />

<ul id="menu">

<li><ahref="home/index.php"


(77)

class="but3">Info</a></li>

<li><a href="home/info/contact.php" class="but4">Contact</a></li>

<li><a href="home/order/cart.php" class="but5">Cart</a></li>

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

<div id="wrapper">

<div id="content_inside"> <div id="sidebar">

<img src="images/title1.gif" alt="" width="174" height="30" /><br />

<ul id="list">

<li class="color"><a href="#">Ablinc</a></li>

<li><a href="#">Adidas</a></li>

<li class="color"><a href="#">Blackmaster</a></li>

<li><a href="#">Dr.Faris</a></li>

<li class="color"><a href="#">Island Shoes</a></li>

<li><a href="#">Moofeat</a></li>

</ul> </div>


(78)

alt="" width="191" height="30" /><br />

<p>Product yang kami tawarkan sangatlah good qualiity , anda bisa membeli product kami dengan mudah di website ini</p>

<a

href="home/info/about.php">more info</a> </div>

<div class="news">

<img src="images/title3.gif" alt="" width="69" height="30" /><br />

<p>Berbelanja 2 product sepatu , kami akan memberikan potongan diskon sebanyak

20%</p>

</div>

<div id="items">

<div class="mp-slider"> <ul class="items"> <li>"<img

src="images/slider/slider1.jpg"alt=""></li> <li><img

src="images/slider/slider2.jpg" alt=""></li> <li><img

src="images/slider/slider3.jpg" alt=""></li> <li><img

src="images/slider/slider4.jpg" alt=""></li> <li></li>

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


(79)

<div id="footer">

<div id="footer_inside">

<ul class="footer_menu">

<li><a href="index.php" class="but1_active">Home Page</a></li>

<li><a href="home/product/index.php" class="but2">Produk</a></li>

<li><a href="home/info/index.php" class="but3">Info</a></li>

<li><a href="home/info/contact.php" class="but4">Contact</a></li>

<li><a href="home/info/about.php" class="but5">about</a></li>

<li><a href="home/order/cart.php" class="but6">Cart</a></li>

</ul><br /><br />

<p>Copyright &copy;. Design by Khalissandy Khallis</a></p>

</div> </div>

<map name="Map">

<area shape="rect" coords="78,70,312,100" href="index.php">

</map> </body> </html>


(80)

<?php

$host = "localhost"; $email = "email";

$password = "password"; $db = "jualan";

$a=mysql_connect("localhost","root","") or die ('Failed'); mysql_select_db($db);

?>

3.Logout

<?php

error_reporting(0); session_start(); $x=$_SESSION[x];

session_destroy();

header('location:index.php?proses=logout'); ?>

4.Proses Login

<?php

error_reporting(0);

include("koneksidata.php"); $email=$_POST['email'];

$password=$_POST['password'];

$query="select * from member where email='$email' && password='$password'";

$ex=mysql_query($query); if(mysql_num_rows($ex)>0){


(1)

border-radius: 7px; text-decoration:none;

background-image:url(../images/buy_bg.gif); padding:7px 20px;

font-family: lucida sans; text-transform:uppercase; }

.buyy{

display:block; float: left; line-height:18px; margin:3px 3px 0 0; width:41px;

background-image:url(../images/buy_bg.gif); background-position:top left;

background-repeat:no-repeat; color:#fff;

text-decoration:none }

#footer_inside{ width:1000px; height:142px; margin:0 auto;

background-image:url(../images/telephone.gif); background-position:top right;

background-repeat:no-repeat;

font-family:Arial, Helvetica, sans-serif; font-size:11px;


(2)

}

.footer_menu{

list-style-type:none; padding:25px 0 0 42px; }

.footer_menu li{ display:inline; line-height:17px; float:left;

}

.footer_menu li a{ color:#0D0D0D;

text-decoration:none; margin:0 6px;

}

.footer_menu li a:visited{text-decoration:none} .footer_menu li a:hover{text-decoration:underline} #footer_inside p{

padding:10px 0 0 48px; }

#footer_inside p a{ color:#E9410E;

text-decoration:underline }

#footer_inside p a:visited{text-decoration:underline} #footer_inside p a:hover{text-decoration:none}


(3)

padding:13px 0 0 5px; float:left

}

#item h4{

font-family:Arial, Helvetica, sans-serif; font-size:24px;

color:#242424; font-weight:normal; }

.big_view{ width:478px;

padding:20px 0 12px 0; vertical-align:middle; border:1px solid #D6D3C7; background-color:#FFFFFF; position:relative;

text-align:center; }

.big_view span{ font-size:30px; color:#E9410E; display:block; position:absolute; bottom:10px;

left:25px; }

.scroll{ width:478px;


(4)

border:1px solid #D6D3C7; background-color:#FFFFFF; padding:6px 0;

text-align:center; margin:5px 0 0 0; }

.scroll a{ margin:0 2px; }

.info{

width:700px; float:left;

padding:20px 0 0 25px; }

.info p{

font-size:13px ; padding-bottom:15px; }

.description{

background-color:#ECECC5; border:1px solid #DFDEC0; width:290px;

float:left;

padding:13px 26px 13px 20px }

.description p{ padding-bottom:15px; }


(5)

.style1{

padding:0 0 200px 0 }

.inner_copy{ border:0; color:#fff; float:right;

width:0.09%!important; margin:-100px;

overflow:hidden; line-height:0px; padding:0px; font-size:11px }

/*--- jenis tulisan ---*/

p {

font-family:Tahoma; color:black;

} .p {

text-align:center; font-family:Harrington; color:#000;

padding-bottom:25px; }


(6)

.p0 {

margin: -10px 0px 10px 15px; padding-bottom:0px;

font-size:15px;

font-family:Georgia, "Times New Roman", Times, serif; }

.p1 {

margin: -10px 0px 10px 25px; padding-bottom:0px;

font-size:15px;

font-family:Georgia, "Times New Roman", Times, serif; }

.p2 {

font-size:15px;

margin: 10px !important ; }

.p3 {

text-align:justify; padding-bottom:0px; font-size:18px; color:#FFFFFF;

font-family:Harrington

padding-bottom:20px !important; }