Penggunaan E-Commerce Dalam Penjualan Sepatu Khusus Wanita Pada Toko D'Appetite Berbasis Web

(1)

SKRIPSI

RIO DWI PRIA

TO

10106149

PROGRAM STUDI S1

JURUSA

TEK

IK I

FORMATIKA

FAKULTAS TEK

IK DA

ILMU KOMPUTER

U

IVERSITAS KOMPUTER I

DO

ESIA

BA

DU

G

(2)

KATA PE GA TAR

“Penggunaan Dalam Penjualan Sepatu Khusus Wanita Pada Toko D’appetite Berbasis Web”

!

"

# $

% & ' "

( ) * +

, & - +

(3)

0

2 3

4

3 5

6 3 )7#. (882

9 3 *

: ! )7 ; )/ +

%8

#

- #

"

(4)

ABSTRAK

PE GGU AA E COMMERCE

DALAM PE JUALA SEPATU KHUSUS WA ITA PADA TOKO D’APPETITE BERBASIS WEB

Oleh

RIO DWI PRIA TO 10106149

(5)

RIO DWI PRIA TO 10106149

!

"

#

" $

$ $

(6)

BAB I

PE DAHULUA

I.1 Latar Belakang Masalah

!

"

(7)

&

online 'Penggunaan dalam

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

I.2 Identifikasi Masalah (

e commerce

I.3 Maksud dan Tujuan

$ )

% *

(8)

*

I.4 Batasan Masalah/ Ruang Lingkup Kajian #

)

a. Administrative Tools (Backend Office)

)

,

-.

g. Discount

(9)

*

e commerce

) Offline

Account ( offline

/ 12 3Cash On Delivery40 Online

online

Payment Gateway

online

payment gateway e commerce

5 6 /Instant Payment %otification0

(10)

9

9 : /Reporting0 & "

$ :

: : : ;

< 5 " %etwork (Facebook, Twitter)

"

= >

b. Shoping Features (Frontend)

email

zoom

c. Security

, e commerce

(11)

IP Dedicated

d. Communication

, )

email

% Instant Messaging (Yahoo Messanger) " "

* custumer support

e. User (Brainware)

E commerce user user

/admin0 ;

use / 0

f. Software

Software Adobe

Dreamweaver MX%??+ website XAMPP PHP

MySQL

internet browser.

g. Hardware (Minimum System Requirement)

" hardware )

(12)

=

free space harddisk %?? (

h. %etware

%etware

I.5 Metodologi Penelitian

)

I.5.1 Tahap Pengumpulan Data

) " :

literatur

paper ;

2 8

(13)

I.5.2 Tahap Pembuatan Perangkat Lunak

waterfall

Gambar 1. 1 Model Waterfall

waterfall

(14)

A

% $

;

3. Design

user

4. Coding

9

6. Maintenance

B user.

I.6 Sistematika Penulisan $

(15)

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

(16)

BAB II

TI JAUA PUSTAKA

II.1 Profil Tempat Penelitian

II.1.1 Sejarah Perusahaan

d’appatite Orange

!!" #

$ % D’appatite $

&

#

' $ $

( )# * ) # +% $

D’Appatite $ &

(17)

Gambar 2. 1 Struktur Organisasi Perusahaan

# *, - +

$

$ % $ $

$

#. /

0

1 /

#. $

2. Shop Manager

1 Shop Manager /

& shoop keeper

(18)

2

3. Shop Keeper

1 Shoop Keeper /

Customer

II.2.1 Internet

(19)

$ % *error handling+% %

7 7847

*Transmission Control Protocol/Internet 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 Protocol/Internet

Protocol+

$ & 7

(20)

(21)

"" % $

$ % - surfing

""3% $ 2!!! %

< - #

# Yahoo! % $

etscape avigator !

II.2.2 Website

Website $

( % % %

website website

( % website 6 % %

# % website

(22)

>

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

( A 5 *hypertext markup language+

$

HyperText &

& browser

-$ A

(23)

server% % & server &

-management+% *e marketing+% online *online

marketing+% online *online transaction processing+%

*electronic data interchange 8 #4+%

(24)

"

II.2.4.1 Sejarah E commerce

E commerce ""3

$

website e commerce e business

- e business %

-$ % % & $ %

) $ website e commerce

database% e mail

% e

(25)

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 $

(

(26)

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 #

(27)

commerce electronic84 procurement Enterprise

Resource Planning (ERP). A

( ( )

- % Cisco $

( $ just in time

manufacturing

Business to Costumer e commerce /

% (

7 client/server

client *costumer+ * @ +

processing*business procedure+ <

Business to Costumer e commerce

(28)

-2

-

-Belectronic shopping mallC

B C Electronic shopping mall &

$ $ < 7 $ <

II.2.4.4 Elemen E commerce

1. etworking

etworking $

-(

(29)

2. Security (keamanan)

Security %

user $ server

%

% ))5 *secure socet

layer+

3. Web programming dan web design

$

% web programming

web design

&

%& &

% & - server

7A7% 1)7% 04% ' design

software software macromedia, photoshop,

frontpage, Office publisher%

4. Bussiness Online

business online

- $ %

(30)

-5. Cyberlaw

Cyberlaw

% - $

% cyberlaw & $

%

cyberlaw% $

II.2.4.5 Mekanisme E commerce

e merchant * &

$ + e customer% *

$ + $

- paperless transaction%

(31)

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

(32)

(33)

# %

* + - 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+ (

% browser validitas

-% %

-( %

-( $ database (

(34)

"

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 %

(35)

-- ( -- PayPal

) 8 - PayPal %

--PayPal

II.2.7 Cara Kerja Paypal

(36)

2

' 7 %

( ) ( %

)

7 % $

II.2.7.1 Keuntungan Menggunakan Paypal

7 - PayPal

-- * &

+ A "!F online Ebay.com

PayPal- % PayPal

% %

$ @

4 & & PayPal

$

PayPal PayPal

(37)

-% PayPal

- -- PayPal

% $ $

# PayPal

online

$ $

II.2.7.2 Batasan Menggunakan Paypal

A ) PayPal

-- PayPal 4 $

$

%

-- PayPal

(

PayPal

- : -

-) PayPal

A

(38)

22

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

(39)

- - 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 $ % %

(40)

2

7A7 7A7 2 ! 7A7

$ PHP: Hypertext Preprocessing

(41)

Simbol 2. 1 Flow Map

II.2.10 Data

# - ( # $

% 5 ? ?

#

-7

< % %

-# * +% ( $ #

- $

% 7

(42)

2>

II.2.11 Basis Data (Database)

Database %

- % (

Software

% % ( softwaredatabase

# ) *DatabaseManagement

System+ 1 # ) $

*7 + (

II.2.11.1 Konsep Basis Data

(43)

$

II.2.11.2 Tujuan Basis Data

dishare %

security % integritas * $

1 +

-(

II.2.12 Kamus Data

$ Data Dictionary (

I (

( # %

( )

(44)

2"

*Data Dictionary+ (

) database% database

- %

% I

- system manajemen database.

II.2.13Entity Relationship Diagram (ERD)

Entity Relationship Diagram :#

(45)

Simbol 2. 2 Entitas

1

1 1

1 $

-& ) /

Simbol 2. 3 Atribut

(46)

3

) *one to many+

) 1

2 *many to many+

) 1

II.2.14 Diagram Konteks

(47)

3 7 *storage+% -#

A data storage

%

II.2.15 Data Flow Diagram (DFD)

(48)

-#6#%

)

%

II.2.15.1 Kompo

K Simbol

0 Sim

Keterangan :

1. Terminator 1

)

% #

omponen DFD

K #

-imbol 2. 5 Komponen DFD Yordan dan De Marco

0 )

Simbol 2. 6 Komponen DFD Gene dan Serson

(49)

)

$ $

$ $ 8 (

2. Komponan Proses

( $

7 8

3. Komponen Data Store

# ( 8database %

4. Komponen Alur Data

(50)

3

1 3 /

Packet of data

Diverging data flow

2 Converging data flow

(51)

III.1 Analisis Sistem

prosedur

III.1.1 Analisis Masalah

marketing !

customer,

(52)

"

III.1.2 Analisis Sistem yang sedang Berjalan

#

$

1. Prosedur Penjualan

(53)

- #

# % !

'

" #

(54)

.

/ &

' &

(55)

2. Prosedur Retur Barang

1 !

% " !

&

' # %

% ( # %

) + %

(56)

-'

Keterangan:

(&

(57)

3. Prosedur Laporan Penjualan

& ' # %

( # % ) # %

/ &

)&

(58)

-)

III.1.3 Analisis on Fungsional

non

$

&

' # / 2Hardware3

( # 4 2Software3

(59)

III.1.3.1 Analisis Perangkat Keras (Hardware)

# /

# &

Tabel 3. 1 Analisis Hardware

o Server Client

' Processor

) 0 567

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

( = * % = * %

(60)

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

(61)

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

(62)

-"

(63)

III.1.5 Analisis Fungsional

III.1.5.1 Diagram Konteks

/

2 3

%

/ # E commerce

&

(64)

-.

III.1.5.2 Data Flow Diagram

Data Flow Diagram

DFD

data flow diagram &

(65)

(66)

'

( : 4 (

(67)

Gambar 3. 8 DFD Level 2 Proses 9 View History

(68)

)

(69)

Gambar 3. 11 DFD Level 3 Proses 2.1 Pengolahan Data Master Admin

(70)

-Gambar 3. 13 DFD Level 3 Proses 2.3 Pengolahan Data Master Produk

(71)

$

: $ :

table &

Tabel 3. 4 Spesifikasi Proses

O Proses Keterangan

' @ # ' 0

@ 4

e commerce

(72)

(73)

? A

?

) @ ) 0

@ 4 # %

mereset %

(74)

(75)

(76)

"'

'0 @ '0 0

@ / *

e commerce

(77)

(78)

(79)

(80)

(81)

(82)

(83)

(84)

(85)

(86)

(87)

(88)

(89)

(90)

,-III.1.5.4 Kamus Data

(91)

(92)

(93)

(94)

,.

Whereused!

(95)

(96)

(97)

@ < /

III.2 Perancangan Sistem

# #

III.2.1 Perancangan Basis Data

#

(98)

.)

III.2.1.1 Skema Relasi

#

2 3

2 3 #

$ e commerce

&

(99)

III.2.1.2 Perancangan Struktur Tabel

# $ N

&

Tabel 3. 6 Struktur Tabel Admin

@ :

Tabel 3. 7 Struktur Tabel Member

@ : 8

(100)

.-Tabel 3. 8 Struktur .-Tabel Produk

@ : #

Tabel 3. 9 Struktur Tabel Kategori

@ : / # / : D

ama field Tipe data Ukuran Keterangan

D A '' #/

/ 9 0 @

Tabel 3. 10 Struktur Tabel Detail Produk

(101)

$ 7 9 '( F

$ A '' $

Tabel 3. 11 Struktur Tabel Pembelian

@ : #

'' Foreign Key, reference table 2 D 3

(102)

."

Tabel 3. 12 Struktur Tabel Detail Pembelian

@ : D

Tabel 3. 13 Struktur Tabel Temp Pemesanan

@ : D # / : D

(103)

A A

Tabel 3. 14 Struktur Tabel Kabupaten Kota

@ : D

Tabel 3. 15 Struktur Tabel Provinsi

@ : D# # / : D#

D# A '0 #/

@ 9 )0 @

Tabel 3. 16 Struktur Tabel Retur

@ :

# / : D

(104)

..

Tabel 3. 17 Struktur Tabel Jasa Pengiriman

@ : + D# # / : A D+

A D A '' #/

@ D 9 '00 @

Tabel 3. 18 Struktur Tabel Ongkos Kirim

(105)

D 2 D 3

A D A

'' : / references

D 2 D 3

+ D 9 '00 @ + #

Tabel 3. 19 Struktur Tabel Gambar Produk

@ : D

III.2.2 Perancangan Arsitektur

(106)

'0'

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

(107)

3. Struktur Menu untuk Admin

Gambar 3. 19 Struktur Menu Admin

III.2.2.2 Perancangan Antarmuka

a. Perancangan Antarmuka Pengunjung

' # 2 #0'3

(108)

'0)

( # 2 #0(3

Gambar 3. 21 Perancangan antarmuka halaman produk

) # 2 #0)3

(109)

# 2 #0 3

Gambar 3. 23 Perancangan antarmuka halaman kontak

- # 2 #0-3

(110)

'0-#

Gambar 3. 25 Perancangan antarmuka halaman detail produk

" # 2 #0"3

(111)

, # 2 #0,3

Gambar 3. 27 Perancangan Antarmuka Tampilan Pesan

b. Perancangan antarmuka member

' # ! 2 80'3

(112)

'0"

( # 2 80(3

Gambar 3. 29 Perancangan antarmuka halaman home

) # 2 80)3

(113)

# 2 80 3

Gambar 3. 31 Perancangan antarmuka halaman retur

- # 2 80-3

(114)

'0.

# 2 80 3

Gambar 3. 33 Perancangan antarmuka halaman history retur

" # 2 80"3

(115)

, # 2 80,3

Gambar 3. 35 Perancangan antarmuka halaman keranjang belanja

. # 2 80.3

(116)

'''

c. Perancangan Antarmuka Admin

' #

Gambar 3. 37 Perancangan antarmuka menu login

(117)

Gambar 3. 39 Perancangan antarmuka menu login 2

( #

(118)

'')

) #

Gambar 3.41 Perancangan antarmuka menu data master

#

(119)

- #

Gambar 3.43 Perancangan antarmuka menu data buku tamu

#

(120)

''-" #

Gambar 3.45 Perancangan antarmuka menu data kategori

, #

(121)

. #

Gambar 3.47 Perancangan antarmuka menu data member

'0 #

(122)

''"

'' #

Gambar 3.49 Perancangan antarmuka menu data provinsi

III.2.2.3 Perancangan Prosedural

#

*

e commerce %

' # 4

(123)

( # 1

Gambar 3.51 Prosedur Registrasi

) # A 4

(124)

''.

# ? 8

(125)

- # ?

Gambar 3.54 Prosedur Edit Data Admin

# #

(126)

'('

" # #

Gambar 3.56 Prosedur Tambah Produk

, # /

(127)

. # #

Gambar 3.58 Prosedur Tambah Provinsi

'0 # /

(128)

BAB IV

IMPLEME TASI DA PE GUJIA SISTEM

IV.1 Implementasi

!

IV.1.1 Implementasi Perangkat Keras ( )

"

!

(129)

Tabel 4. 1 Implementasi Perangkat Keras

IV.1.2 Implementasi Perangkat Lunak (

-#

!

" #$ % & $

IV.1.3 Implementasi Database

& ( .

. 56 56 #

& (

(130)

(131)

(132)

(133)

(134)

(135)

(136)

(137)

(138)

(139)

(140)

(141)

(142)

2

IV.1.4 Implementasi Antarmuka

;

!

B

Tabel 4. 2 Implementasi Antarmuka Pengunjung

. ( % =

E A . B

, E

!

(143)

" E

Tabel 4. 3 Implementasi Antarmuka Member

(144)

F

E ( , 9

6 (

Tabel 4. 4 Implementasi Antarmuka Admin

(145)

B

IV.2.1 Metode Pengujian

& ' $ & ' (

' $ !

' ' $ !

& $

(146)

$

IV.2.2 Rencana Pengujian

,

) * ' * & (

, ; #

Tabel 4. 5 Rencana Pengujian Halaman Admin

Pengujian Halaman Admin

Item Uji Detail Pengujian Jenis Uji

6 - ' ' $

K !

' ' $

& ' ' $

(147)

( ' ' $

Tabel 4. 6 Rencana Pengujian Halaman Member

Pengujian Halaman User

Item Uji Detail Pengujian Jenis Uji

(148)

$

IV.2.3 Kasus dan Hasil Pengujian

B

(149)

IV.2.3.1 Pengujian Alpha

Tabel 4. 7 Pengujian Login Admin

"

Tabel 4. 8 Pengujian Pengolahan Data Produk

(150)

$/

Tabel 4. 9 Pengujian Pengolahan Data Kategori

(151)

Tabel 4. 10 Pengujian Pengolahan Data Member

Tabel 4. 11 Pengujian Registrasi Member

"

Tabel 4. 12 Pengujian Login Member

(152)

$2

Tabel 4. 13 Pengujian Data Profil Member

"

Tabel 4. 14 Pengujian Menu History Transaksi

(153)

Tabel 4. 15 Pengujian Menu Produk

Tabel 4. 16 Pengujian Menu Keranjang Belanja

"

IV.2.3.2 Kesimpulan Hasil Pengujian Alpha

(154)

$F

B !

IV.2.3.3 Pengujian Betha

(155)

(156)

(157)

Tabel 4. 17 Tabel Skala Pertanyaan

Pertanyaan Tingkat Skala Pertanyaan

(158)

-/

Tabel 4. 18 Pertanyaan no 1

PERTA YAA DA HASIL PE GUJIA

Pertanyaan o.1

-(P Q

Kategori jawaban Sangat setuju Setuju Biasa Saja Kurang setuju

= ; 3 ) )

& ) ) ) )

J )R 3)R )R )R

Pertanyaan o.2

-!

(P Q

= ; 2 ) )

& ) ) ) )

(159)

Pertanyaan o.3 - ; ;

Q

= ; / )

& ) ) ) )

J )R /)R )R )R

Pertanyaan o.4 - ;

- Q

= ; ) 2 )

& ) ) ) )

J )R 2)R )R )R

Pertanyaan o.5

-Q

= ; 2 ) )

& ) ) ) )

(160)

//

Pertanyaan o.6 - ; !

; ! Q

= ; 0 )

& ) ) ) )

J )R 0)R )R )R

Pertanyaan o.7

-Q

= ; ) ) ) )

Tabel 4. 25 Tabel Skala Pertanyaan Pengunjung

Pertanyaan Tingkat Skala Pertanyaan

(161)

(162)

/2

; B

#

Pertanyaan o.1

-(P Q

= ; 2 ) )

& ) ) ) )

J ) R 2) R ) R )R

ERTA YAA DA HASIL PE GUJIA

Pertanyaan o.2 - ; ;

+

= ; 0 )

& ) ) ) )

J ) R 0) R ) R )

Pertanyaan o.3 - ;

! Q

= ; $ 0 ) )

& ) ) ) )

J $) R 0) R ) R )R

Pertanyaan o.4 - ; (P

(163)

= ; $ )

& ) ) ) )

J ) R ) R $) R )R

Pertanyaan o.5

-Q

= ; 0 )

& ) ) ) )

J 0) R ) R ) R )R

Pertanyaan o.6

- ; ;

Q

= ; $ 0 ) )

& ) ) ) )

J $) R 0) R ) R )

Pertanyaan o.7 - Q

= ; / )

& ) ) ) )

J ) R /) R ) R )R

IV.2.3.4 Kesimpulan Hasil Pengujian Betha

(164)

/F

-; (P

(165)

-V.1 Kesimpulan

!

V.2 Saran

"

#

" # #

$

"

(166)

%&

! ' #

( '

(167)

+ ,-..//// 0 ** / 0 ., 1 12 2 . . .

3 4- $

(168)

! " #

" $ %

& '! ( '

%!

" ! $ ) *) " + " , +

" &' ' )- ..

/ + 01 , +

* *

2 # * * & '

* * # * ) & !

* ) 3 * 2 &4 +

* 2 # & 5 6 ! ! " ' % + !

' '! "/ 7 &4 +

" 8 + ! " ' ! + % 9 " ( +' ' ! !