Latar Belakang Masalah Identifikasi Masalah Maksud dan Tujuan Batasan Masalah Ruang Lingkup Kajian Metodologi Penelitian Sistematika Penulisan Profil Tempat Penelitian Perancangan Antarmuka Admin

BAB I PE DAHULUA

I.1 Latar Belakang Masalah

online Penggunaan dalam Penjualan Sepatu Khusus Wanita pada Toko D’appetite Berbasis Web”.

I.2 Identifikasi Masalah

e commerce

I.3 Maksud dan Tujuan

+ online.

I.4 Batasan Masalah Ruang Lingkup Kajian

a. Administrative Tools Backend Office , - . g. Discount Update , e commerce Offline Account offline 12 3Cash On Delivery40 Online online Payment Gateway online payment gateway e commerce 5 6 Instant Payment otification0 + 6 tracking0 67 8 , , 9 : Reporting0 : : : : ; 5 etwork Facebook, Twitter = b. Shoping Features Frontend email zoom c. Security , e commerce Secure Socket Layer IP Dedicated d. Communication , email Instant Messaging Yahoo Messanger custumer support e. User Brainware E commerce user user admin0 ; use f. Software Software Adobe Dreamweaver MX ??+ website XAMPP PHP MySQL internet browser. g. Hardware Minimum System Requirement hardware 5 + memory minimum free space harddisk ?? h. etware etware

I.5 Metodologi Penelitian

I.5.1 Tahap Pengumpulan Data

: literatur paper ; 2 8 8

I.5.2 Tahap Pembuatan Perangkat Lunak

waterfall Gambar 1. 1 Model Waterfall waterfall 1. System Information Engineering ; 3. Design user 4. Coding 9 6. Maintenance B user.

I.6 Sistematika Penulisan

BAB I PE DAHULUA

BAB II TI JAUA PUSTAKA ;

; ;

BAB III A ALISIS DA PERA CA GA SISTEM

8

BAB IV IMPLEME TASI DA PE GUJIA

Public user friendly

BAB V KESIMPULA DA SARA

BAB II TI JAUA PUSTAKA

II.1 Profil Tempat Penelitian

II.1.1 Sejarah Perusahaan

d’appatite Orange D’appatite + D’Appatite

II.1.2 Struktur Organisasi Perusahaan

Gambar 2. 1 Struktur Organisasi Perusahaan , - + . 1 . 2. Shop Manager 1 Shop Manager shoop keeper - 3. Shop Keeper 1 Shoop Keeper Customer - 3 1 -

II.2 Landasan Teori

II.2.1 Internet

4 Inter etwork+ 4 5 email chat+ Usenet ews email milis+ World Wide Web Gopher+ Telnet 6 7+ , 7 error handling+ 7 7847 Transmission Control ProtocolInternet Protocol+ 7 - 47 Internet Protocol+ 4 gateway

II.2.1.1 Sejarah Internet

4 7 1 9 1:71 1:71 Advanced Research Project Agency etwork+ hardware software 4; 7 1:71 - - 7847 Transmission Control ProtocolInternet Protocol+ 7 7 1 US Department of Defense+ - 7 1:71 3 : - 4 9 - 1:71 = 1:71 = 1:71 - ? 45 ? ?1:71 ? - 1:71 4 4 , = 6 4: 4 : Chat 5 browser 7 www Worl Wide Web - surfing 3 2 - Yahoo etscape avigator

II.2.2 Website

Website hyperlink+ website website website website website website 6 website website

II.2.3 Webserver

server software World Wide Web + server - browser etscape avigator, Internet Explorer, Modzilla browser , browser server browser 0 5 standar general markup language+ browser browser browser lynx+ server - web browser+ A 7 hypertext tarnsfer protocol+ server - World Wide Web 0 5 A 5 hypertext markup language+ HyperText browser - A - - + 7 webclient browser+ server server - - - server -

II.2.4 E commerce

E commerce 7 E commerce 4 e business+ - supply chain management+ e marketing+ online online marketing+ online online transaction processing+ electronic data interchange 8 4+ e commerce e business - e business - database+ e mail+

II.2.4.1 Sejarah E commerce

E commerce 3 website e commerce e business - e business - website e commerce database e mail e commerce

II.2.4.2 Pemicu Adanya E commerce

1 - e commerce, Konvergensi digital Revolusi digital E commerce 2 7 downsizing, outsourcing E commerce 3 1 , - eksponensial e commerce margin profit global E commerce - - 9 7 7 -

II.2.4.3 Jenis E commerce

E commerce Business to Business B2B+ Business to Costumer + e commerce e commerce Trading partners relationship+ - 4 partner - trust+ 7 exchange+ - A - peer to peer processing intelligence business to business e commerce electronic84 procurement Enterprise Resource Planning ERP. A - Cisco just in time manufacturing Business to Costumer e commerce generic+ - - on demand+ 7 clientserver client costumer+ + processing business procedure+ Business to Costumer e commerce - - - Belectronic shopping mallC B C Electronic shopping mall 7 window shopping - + shopping

II.2.4.4 Elemen E commerce

1. etworking

etworking - - 51 51 - - internet

2. Security keamanan

Security user server 5 secure socet layer+

3. Web programming dan web design

web programming web design - server 7A7 17 04 design software software macromedia, photoshop, frontpage, Office publisher

4. Bussiness Online

business online - -

5. Cyberlaw

Cyberlaw - cyberlaw cyberlaw

II.2.4.5 Mekanisme E commerce

e merchant + e customer + - paperless transaction paper document

II.2.4.6 Arsitektur E commerce

e commerce Gambar 2. 2 Arsitektur E commerce Browser client www web page. Web server - software - internet. Aplication server middleware e commerce.

II.2.4.7 Fitur E commerce

8 8 - 8 search8 - 2 Shopping cart + D automatic calculation - 3 Payment methode - - 8 8 = = + 7 delivery methode 8 9 Contact Link email84 + Contact Form email8 website+ 8 4 - - 8 8 email

II.2.5 Keamanan pada E commerce

- server - + - web server 5 Secure Socket Layer+ A secure connection+ 8 - client server

II.2.5.1 Cara Kerja Secure Socket Layer SSL

Secures Socket Layer SSL+ 5 1 website 5 User + 5 port+ 332 - https: Server8 - 5 browser browser validitas - - - database browser 2 , - browser browser - server 3 - browser - server server Browser - - browser - server

II.2.6 Transaksi Pembayaran pada E commerce

PayPal Payment procesors+ 7 ebay, lisensi software original, 8 PayPal PayPal PayPal -- -- -- PayPal 8 - PayPal -- PayPal

II.2.7 Cara Kerja Paypal

7 Paypal Paypal + E 7 E 7 7 7 + 7 7

II.2.7.1 Keuntungan Menggunakan Paypal

7 - PayPal - - + A F online Ebay.com PayPal - PayPal 4 PayPal PayPal PayPal 3 , - - 2 PayPal - - PayPal - -- PayPal PayPal online

II.2.7.2 Batasan Menggunakan Paypal

A PayPal -- PayPal 4 -- PayPal PayPal - : - - PayPal A 4 - + PayPal PayPal 2 account limitation acces A -

II.2.8 PHP 7A7

7A7 server side embedded script language server A 5 1 7A7 browser - server 7 server - - 7A7 server + 7A7 server - server - - 8browser - 8 server - 7A7 page client Gambar 2. 3 PHP Konsep

II.2.8.1 Sejarah PHP

7 7A7 Personal Home Page personal+ 7A7 : 5 7 7A7 Form Interpreted 64+ : 7A7864 7 G 7A7 - , interpreter 7A7 7A7 2 7A7 PHP: Hypertext Preprocessing 7 G 7A7 7A7 3 7A7 3 7A7 H - 7 , 3 G 7A7 7A7 H 7A7

II.2.9 Flow Map

6 - 6 + 8 + + Simbol 2. 1 Flow Map

II.2.10 Data

- 5 ? ? - 7 - + - 7

II.2.11 Basis Data Database

Database - Software softwaredatabase DatabaseManagement System+ 1 7 +

II.2.11.1 Konsep Basis Data

I + A + - 8 8 1 I 2 field – field I + 3 - key+ 9 7 4 I I database

II.2.11.2 Tujuan Basis Data

dishare security integritas 1 + -

II.2.12 Kamus Data

Data Dictionary I - database DBMS Data Dictionary+ database database - I - system manajemen database.

II.2.13 Entity Relationship Diagram ERD

Entity Relationship Diagram : : 6 : : A 1 + 6 + 1 - - Simbol 2. 2 Entitas 1 1 1 1 - Simbol 2. 3 Atribut - : A : Simbol 2. 4 Relasi 7 - - one to one+ 1 one to many+ 1 2 many to many+ 1

II.2.14 Diagram Konteks

, J 6 5 + 5 + + - 2 3 7 storage+ - A data storage

II.2.15 Data Flow Diagram DFD

6 - - 6 - 6 6 - - - 6 - 5 6

II.2.15.1 Kompo

K Simbol Sim Keterangan : 1. Terminator 1 omponen DFD K - imbol 2. 5 Komponen DFD Yordan dan De Marco Simbol 2. 6 Komponen DFD Gene dan Serson gan : inator Entitas Luar 8 32 arco 8 8

2. Komponan Proses

7 8

3. Komponen Data Store

8database K store 1 store 8 write+ 1 8 + 2 1

4. Komponen Alur Data

1 8 1 3 Packet of data Diverging data flow 2 Converging data flow 3

BAB III A ALISIS DA PERA CA GA SISTEM

III.1 Analisis Sistem prosedur III.1.1 Analisis Masalah marketing customer, online III.1.2 Analisis Sistem yang sedang Berjalan

1. Prosedur Penjualan

customer + - Gambar 3. 1 Flowmap Prosedur Penjualan

2. Prosedur Retur Barang

1 + Keterangan: Gambar 3. 2 Flowmap Prosedur Retur Barang

3. Prosedur Laporan Penjualan

Gambar 3. 3 Flowmap Prosedur Laporan Penjualan III.1.3 Analisis on Fungsional non non 2Hardware3 4 2Software3 2User3 III.1.3.1 Analisis Perangkat Keras Hardware Tabel 3. 1 Analisis Hardware o Server Client Processor 0 567 Processor , 567 1 8 5 1 8 5 6 0 5 free 6 ,0 5 95 graphic card 5 : .,005 95 graphic card 5 : .,005 - 9 1 -; III.1.3.2 Analisis Perangkat Lunak Software e commerce Tabel 3. 2 Analisis Software o Server Client = Professional Service Pack II = Professional Service Pack II = = 8 , 0 = 8 III.1.3.3 Analisis Pengguna User 2user3 2user3 e commerce Tabel 3. 3 Analisis User ADMI PE GU JU G MEMBER read write update delete e commerce e commerce 8 account III.1.4 Analisis Basis Data ? 1 2Entity Relationship3 III.1.4.1 Entity Relationship Diagram ERD web. Entity Relationship Diagram 2?1 3 ?1 Gambar 3. 4 Entity Relationship Diagram III.1.5 Analisis Fungsional III.1.5.1 Diagram Konteks 2 3 E commerce Gambar 3. 5 Diagram Konteks III.1.5.2 Data Flow Diagram Data Flow Diagram DFD data flow diagram : 4 Gambar 3. 6 DFD Level 1 : 4 Gambar 3. 7 DFD Level 2 Proses 2 Pengolahan Data Master Gambar 3. 8 DFD Level 2 Proses 9 View History Gambar 3. 9 DFD Level 2 Proses 10 Keranjang Belanja Gambar 3. 10 DFD Level 2 Proses 12 Laporan : 4 Gambar 3. 11 DFD Level 3 Proses 2.1 Pengolahan Data Master Admin Gambar 3. 12 DFD Level 3 Proses 2.2 Pengolahan Data Master Kategori Gambar 3. 13 DFD Level 3 Proses 2.3 Pengolahan Data Master Produk Gambar 3. 14 DFD Level 3 Proses 2.5 Pengolahan Data Master Provinsi Gambar 3. 15 DFD Level 3 Proses 2.6 Pengolahan Data Kotakab III.1.5.3 Spesifikasi Proses : : table Tabel 3. 4 Spesifikasi Proses O Proses Keterangan 4 e commerce 8 O Proses Keterangan 8 4 A ? 2 3 ? 8 8 A 8 + A A 8 A A A A A A A + A 4 B C A ? A ? A ? A ? A D D ? A ? A O Proses Keterangan ? A ? 4 mereset 8 8 4 A ? 2 3 ? 8 8 A A 4 A ? 2 3 ? - - 0 1 8 O Proses Keterangan 8 A A 4 A ? 2 3 ? 8 8 A A 4 A ? ? +? tracking 2 3 +? 8 8 A +? 2Airway Bill umber3 A +? 4 A O Proses Keterangan ? ? , , 0 1 8 8 A A 4 A ? ? . . 0 History 8 8 A 6 A 4 A ? ? 2 3 ? O Proses Keterangan 0 0 e commerce 8 8 A A 4 A ? 2 3 ? A A 4 A ? 2 3 ? 4 O Proses Keterangan A A 4 A ? ? ? 2 3 ? 8 8 8 A A 4 A ? 2 3 ? A A 4 A O Proses Keterangan ? ? ? 2 3 ? - A A 4 A ? ? ? ? 2 3 ? 8 8 A 8 A 8 4 A 8 8 O Proses Keterangan ? 2 3 ? - A A 4 A ? ? 2 3 ? , A A 4 A ? ? 2 3 ? . + O Proses Keterangan A + A + 4 A ? ? 2 3 ? , A A 4 A ? ? 2 3 ? . 6 8 O Proses Keterangan 8 A A 4 A ? ? . 6 1 8 8 A A 4 A 1 ? ? E 8 A A 8 4 A O Proses Keterangan ? 2 3 ? 6 8 A A 8 4 A ? 2 3 ? - F 8 A A 8 4 A ? 2 3 ? 4 A O Proses Keterangan A 4 A ? ? 4 A A 4 A ? ? , 4 1 1 A 1 A 1 4 A 1 1 ? 1 ? . O Proses Keterangan A A 4 A ? 2 3 ? F A A 4 A ? 2 3 ? 6 A A 4 B C O Proses Keterangan A A 4 A ? 2 3 ? ? A A 4 A ? 2 3 ? O Proses Keterangan A A 4 A ? 2 3 ? - ? A A 4 A ? 2 3 ? A A 4 A ? 2 3 O Proses Keterangan ? A A 4 B C , - A A 4 A ? 2 3 ? . - F O Proses Keterangan A A 4 A ? 2 3 ? - E A A 4 B C A A 4 O Proses Keterangan A ? 2 3 ? F A A 4 A ? 2 3 ? E A A 4 B C III.1.5.4 Kamus Data : : 5 - Tabel 3. 5 Kamus Data = 0 4 0 8 ? 6 G G G F H I J 7 K H I J 7 J 0 . K H I J 7 J 0 . K H I J 7 J 0 . K 8 = 0 4 - 0 1 . 0 9 6 , 0 1 8 A D8 G G G G G G G D G G D G A D8 ? D A D H 0 . J I J 7K H0 . J I J 7 K H I J 7 K H I J 7 K H0 . J I J 7 K H 0 . K H 0 . K H 0 . K H 0 . K H 0 . K = 4 4 4 1 ? E D G D G G G G G G G D D D D H0 . K H 0 . K H 0 . K D H0 . J I J 7 K H 0 . K H 0 . K H I J 7 K H0 . K H I J 7 J 0 . K = 4 D G 7 G D 7 H0 .K H I J 7 J 0 . K H 0 . K = F A D G A D H 0 . K H I J 7 K = - - - ? - E A D G A D H 0 . K H I J 7 K = 0 8 , ? E A D GA D G G G D D H 0 .K H 0 .K H I J 7 K H I J 7 K H 0 .K D = 0 0 0 F 0 6 0 E D 2 3 A D G G D GL G D 7 G D G D A D A D M D 7 D D H 0 . K H 0 . K H 0 . J I J 7 K H 0 . K H 0 . J I J 7 K H 0 . K H K Whereused Howused . 0 9 6 0 0 A . 6 0 E 4 A D G D G D8 G D G D G G G D G D G D G D G D G D G D G D G D G D G D G D G A D D A D8 D H 0 . K H 0 . J I J 7K H 0 . K D D D D D D D D D D D D D D H I J 7 K H I J 7 K H I J 7 K H I J 7 J 0 . K H 0 . K H I J 7 K H 0 . K H 0 . K H 0 . K H I J 7 K H 0 . K H 0 . K H I J 7 K H 0 . K H 0 . K = 0 0 A . 0 9 6 0 4 0 E . 6 4 A G G G 7 GL G G DL G D A H 0 . K A 6 7 M 1 DL D H0 . K H 0 . K H0 . J I J 7 K H 0 . K H 0 . K H 0 . K H I J 7 K 1 = , 0 1 4 A D GA D G D G D G D G D G D A D A D + D D D D D H 0 . K H0 . K H 0 .J I J 7 K H0 . J I J 7 K H 0 . K H I J 7 K + = + , 0 0 A + A D G D A D D H 0 . K H0 . I J 7K = , 0 0 A A D G6 D GA D GA D G + D A D 6 D A D A D + D H 0 . K H 0 . K H 0 . K H 0 . K H0 . I J 7K III.2 Perancangan Sistem III.2.1 Perancangan Basis Data III.2.1.1 Skema Relasi 2 3 2 3 e commerce Gambar 3. 16 Diagram Relasi III.2.1.2 Perancangan Struktur Tabel N Tabel 3. 6 Struktur Tabel Admin : : ama field Tipe data Ukuran Keterangan F 9 - 9 -0 ? 9 -0 Tabel 3. 7 Struktur Tabel Member : 8 : A D ama field Tipe data Ukuran Keterangan A D8 A 9 00 9 -0 ; 8 A D A A D 9 ? 9 00 9 D 2O0O OO3 2verified3 02unverified3 Tabel 3. 8 Struktur Tabel Produk : : A D ama field Tipe data Ukuran Keterangan A D A , D A : 2 D 3 9 6 A 6 A ; A 9 00 D Tabel 3. 9 Struktur Tabel Kategori : : D ama field Tipe data Ukuran Keterangan D A 9 Tabel 3. 10 Struktur Tabel Detail Produk : D : D ama field Tipe data Ukuran Keterangan A D A A D 9 , : reference 2 D 3 7 9 F A Tabel 3. 11 Struktur Tabel Pembelian : : A D ama field Tipe data Ukuran Keterangan A D A D 9 D D ? 2 3 A D A Foreign Key, reference table 2 D 3 ? 2 E 3 E D 9 -0 D ; D 9 D A D 9 D 9 A D A Foreign Key, reference table D 2 D 3 D 9 - +? D 9 D 9 D A + D D 9 - D 9 A + Tabel 3. 12 Struktur Tabel Detail Pembelian : D : D ama field Tipe data Ukuran Keterangan A D A A A : 2 D 3 6 A 6 A A , : 2 D 3 7 9 F 2 7 3 M A + A Tabel 3. 13 Struktur Tabel Temp Pemesanan : D : D ama field Tipe data Ukuran Keterangan A D A A A , : 2 D 3 D 9 M A + D 7 9 . F D A 6 D D Tabel 3. 14 Struktur Tabel Kabupaten Kota : D : D ama field Tipe data Ukuran Keterangan D A A D A : D 2 D 3 9 -0 9 Tabel 3. 15 Struktur Tabel Provinsi : D : D ama field Tipe data Ukuran Keterangan D A 9 Tabel 3. 16 Struktur Tabel Retur : : D ama field Tipe data Ukuran Keterangan D A A D A : references 2 D 3 A D A A A D A A D D 9 D A + D ; 1 D 9 -0 A 9 00 5 A D A : references D 2 D 3 Tabel 3. 17 Struktur Tabel Jasa Pengiriman : + D : A D+ ama field Tipe data Ukuran Keterangan A D A D 9 00 Tabel 3. 18 Struktur Tabel Ongkos Kirim : D : A D ama field Tipe data Ukuran Keterangan A D A 6 D A 6 A D A : references D 2 D 3 A D A : references D 2 D 3 + D 9 00 + Tabel 3. 19 Struktur Tabel Gambar Produk : D : A D D ama field Tipe data Ukuran Keterangan A D D A D 9 -0 : references 2 3 A 9 00 5 III.2.2 Perancangan Arsitektur III.2.2.1 Perancangan Struktur Menu 1. Struktur Menu untuk User Pengunjung Gambar 3. 17 Struktur Menu Pengunjung

2. Struktur Menu untuk User Member

Gambar 3. 18 Struktur Menu Member

3. Struktur Menu untuk Admin

Gambar 3. 19 Struktur Menu Admin III.2.2.2 Perancangan Antarmuka a. Perancangan Antarmuka Pengunjung 2 03 Gambar 3. 20 Perancangan antarmuka menu utama home 2 03 Gambar 3. 21 Perancangan antarmuka halaman produk 2 03 Gambar 3. 22 Perancangan antarmuka halaman register 2 0 3 Gambar 3. 23 Perancangan antarmuka halaman kontak - 2 0-3 Gambar 3. 24 Perancangan antarmuka halaman about Gambar 3. 25 Perancangan antarmuka halaman detail produk 2 03 Gambar 3. 26 Perancangan antarmuka halaman keranjang belanja , 2 0,3 Gambar 3. 27 Perancangan Antarmuka Tampilan Pesan b. Perancangan antarmuka member 2 803 Gambar 3. 28 Perancangan antarmuka halaman utamamember 2 803 Gambar 3. 29 Perancangan antarmuka halaman home 2 803 Gambar 3. 30 Perancangan antarmuka halaman produk 2 80 3 Gambar 3. 31 Perancangan antarmuka halaman retur - 2 80-3 Gambar 3. 32 Perancangan antarmuka halaman detail produk 2 80 3 Gambar 3. 33 Perancangan antarmuka halaman history retur 2 803 Gambar 3. 34 Perancangan antarmuka halaman history pembelian , 2 80,3 Gambar 3. 35 Perancangan antarmuka halaman keranjang belanja . 2 80.3 Gambar 3. 36 Perancangan antarmuka halaman detail pembelian

c. Perancangan Antarmuka Admin

Gambar 3. 37 Perancangan antarmuka menu login Gambar 3. 38 Perancangan antarmuka menu login 1 Gambar 3. 39 Perancangan antarmuka menu login 2 Gambar 3.40 Perancangan antarmuka menu home Gambar 3.41 Perancangan antarmuka menu data master Gambar 3.42 Perancangan antarmuka menu data transaksi - Gambar 3.43 Perancangan antarmuka menu data buku tamu Gambar 3.44 Perancangan antarmuka menu data admin Gambar 3.45 Perancangan antarmuka menu data kategori , Gambar 3.46 Perancangan antarmuka menu data produk . Gambar 3.47 Perancangan antarmuka menu data member Gambar 3.48 Perancangan antarmuka menu data kota Gambar 3.49 Perancangan antarmuka menu data provinsi III.2.2.3 Perancangan Prosedural e commerce 4 Gambar 3.50 Prosedur Login 1 Gambar 3.51 Prosedur Registrasi A 4 Gambar 3.52 Prosedur Input Data Login ? 8 Gambar 3.53 Prosedur Edit Data Member - ? Gambar 3.54 Prosedur Edit Data Admin Gambar 3.55 Prosedur Pembelian Gambar 3.56 Prosedur Tambah Produk , Gambar 3.57 Prosedur Tambah Kategori . Gambar 3.58 Prosedur Tambah Provinsi Gambar 3.59 Prosedur Tambah kota BAB IV IMPLEME TASI DA PE GUJIA SISTEM

IV.1 Implementasi