Detail Referensi Flowchart

7/21/2019 Detail Referensi Flowchart

http://slidepdf.com/reader/full/detail-referensi-flowchart 1/46

3. ANALISIS DAN DESAIN SISTEM

Bab ini dijelaskan mengenai perancangan dari keseluruhan sistem yang

dibuat, yang meliputi analisis sistem dan permasalahan, perancangan Data Flow

Diagram (DFD), desain database, dan Entity Realtionship Data (ERD).

3.1. Analisis Sistem

Setelah mendapatkan semua informasi maka, dibuat sistem baru yang

digunakan oleh Petra Gaming Store. Dengan dilakukan analisis ini diharapkan

dapat membantu Petra Gaming Store untuk mengatasi masalah yang mungkin

dapat terjadi.

3.1.1. nalisis Sistem yang !ama

Sistem yang lama digunakan masih menggunakan cara periklanan

dengan membuat thread di kaskus dan di tokobagus. "ara Petra Gaming Store

untuk mempromosikan produk yang dijualnya masih menggunakan forum online

seperti kaskus. #al ini membuat produk$produk yang diiklankan kurang diketahui

oleh masyarakat.

%eski dengan adanya forum jual beli seperti kaskus, user terkadang tidak

mendapatkan informasi yang detil terhadap produk yang diinginkan. %asalah ini

sering terjadi pada kebanyakan user yang berbelanja pada Petra Gaming Store.

%asalah lainnya adalah jika pelanggan ingin memesan barang secara

online, forum tidak dapat memberikan fitur ini dikarenakan forum hanyalah

sarana jual beli berdasarkan thread , jika ingin melakukan pembelian masih harus

&ia sms ke pembuat thread bersangkutan tadi. "ontoh thread dapat dilihat pada

Gambar 3.1.

Universitas Kristen Petra

22



Gambar 3.1. Thread 'klan (askus

3.1.). Desain Sistem yang Diinginkan

Dilihat dari permasalahan pada sistem yang lama, maka untuk

memperbaiki kinerja dan mengatasi masalah yang ada, dibuatlah suatu sistem

informasi berbasis web yang mana website yang dibuat mampu membuat Petra

Gaming Store lebih dikenal oleh masyarakat luar serta dapat menambah

keuntungan yang lebih banyak.

Dengan sistem penjualan yang berbasis online diharapkan sistem dapat

berjalan lebih efisien baik dari segi *aktu maupun keakuratan data. Dengan

demikian Petra Gaming Store dapat mempercepat kinerja pemasarannya juga

dikarenakan pelayanan secara online yang mulai trending . #al ini dapat

menguntungkan kedua belah pihak baik owner ataupun pelanggan.

3.1.3. nalisis Website E-commerce sejenis

Pembuat website pada umumnya menilai sebuah website dari sudut

pandang desain dan tampilan serta dari faktor apakah sebuah website telah

memenuhi standar yang telah ditetapkan. Sebagai pemilik atau pengelola website

lebih mempertimbangkan faktor yang berhubungan dengan pengunjung seperti

statistik mengenai distribusi, interaksi, serta profil pengunjung. Sedangkan

sebagai pengunjung website lebih memperhatikan masalah konten, keakuratan

informasi, aksesibilitas, fitur yang dita*arkan dan usability.

+ntuk mendapatkan gambaran mengenai karakteristik website e-

commerce di industri retail , maka dilakukan review terhadap beberapa website

seperti Bhineka.com dan !aada.co.id. #asil review mengindikasikan bah*a


23



abel 3.1. Perbandingan Website

3.2. Proses Bisnis

Petra Gaming Store adalah distributor dropship peralatan hardware

seperti keyboard , mouse, headphone, dan$lain$lain. Dropship adalah penjualan

produk yang memungkinkan dropshipper menjual barang ke pelanggan dengan

bermodalkan foto dari dealer /tanpa harus melakukan stok barang0 dan menjual ke

pelanggan dengan harga yang ditentukan oleh dropshipper . Setelah pelanggan

mentransfer uang ke rekening dropshipper , dropshipper membayar kepada dealer

sesuai dengan harga beli dropshipper /ditambah dengan ongkos kirim ke

pelanggan0 serta memberikan data pelanggan /nama, alamat, no. ponsel0 kepada

dealer , kemudian dealer memberikan nomor resi pengiriman atas penjualan

tersebut. Barang yang dipesan akan dikirim oleh Petra Gaming Store ke

pelangganpembeli. 2amun, yang menarik, nama pengirim yang tercantum

tetaplah Petra Gaming Store selaku dropshipper .

2amun setelah Petra Gaming Store memiliki website, maka proses yang

terjadi sedikit berubah dimulai dari pelanggan memilih produk yang diinginkan

lalu ditambahkan ke dalam shopping cart . (emudian dilanjutkan ke proses


25



pembayaran dengan ) metode yaitu transfer atau ayal , pelanggan yang telah

melakukan checkout akan mendapatkan email detil penjualan atas apa yang sudah

pelanggan masukkan. Setelah pelanggan mentrasfer sejumlah uang sesuai dengan

yang tertera pada detil penjualan, pelanggan dapat melakukan konfirmasi

pembayaran agar order dapat diproses dan dikirim. Petra Gaming Store terus

meng$update nomor resi pengiriman setelah dealer memberikan informasi nomor

resinya. Flowchart proses bisnis dari Petra Gaming Store dapat dilihat pada

Gambar 3.).


26



Gambar 3.). Flowchart Proses Bisnis Petra Gaming Store

3.3. Desain Sistem

Pada sub bab ini dibahas tentang desain sistem meliputi Data Flow

Diagram dan Entity Relationship Data.

3.3.1. Data Flow Diagram

Pada sub bab ini menjelaskan tentang aliran proses yang ada pada Petra

Gaming Store. Sistem yang ada adalah sistem penjualan dan pembelian barang

3.3.1.1. Diagram (onteks

Pada diagram konteks ini diberikan penjelasan mengenai aliran data

secara keseluruhan dari proses penjualan dan pembelian pada Petra Gaming Store.

Nomor Resi

PembayaranData Pesanan

Rekomendasi Produk

Nota

Pembayaran

Data Barang Dipesan

Nomor Resi

Update Status Penjualan

Pembayaran

Data Penjualan

Laporan Laba Rugi

Laporan Penjualan

Laporan Pembelian

0

Sistem Penjualan dan Pembelian Pe tra

Gaming Store

3

Member Admin

Supplier

Gambar 3.3 Diagram (onteks

Dari Gambar 3.3 dapat dilihat bah*a terjadi dua proses yaitu penjualan

dan pemesanan yang melibatkan 3 entity yaitu member , supplier dan admin.

Entity member berfungsi sebagai pelanggan yang melakukan proses pemesanan

kepada Petra Gaming Store. Pada entity supplier berfungsi mencatat data pesanan

yang diambil dari data penjualan. Sedangkan pada entity admin berfungsi sebagai

pengelola dari Petra Gaming Store yang melakukan proses pembayaran, update

penjualan dan pembuatan laporan.

3.3.1.). Diagram !evel 4


27



D a t a r a n s a k s i


D a t a B a r a n g

D a t a

B a r a n g D i p e s a n

D a t a P e n j u a l a n

D a t a P e n j u a l a n

D a t a B a r a n g D i p e s a n

U p d a t e S t a t u s P e n j u a l a n

! R e k o m e n d a s i P r o d u k "

! N o t a "

! P e m b a y a r a n "

! D a t a B a r a n g D i p e s a n "

! U p d a t e S t a t u s P e n j u a l a n "

! D a t a P e n j u a l a n "

D a t a

r a n s a k s i


! L a p o r a n L a b a R u g i "

! L a p o r a n P e n j u a l a n "

! L a p o r a n P e m b e l i a n "


! N o m o r R e s i "

! D a t a P e s a n a n "

D a t a P e s a n a n

D a t a P e s a n a n

! N o m o r R e s i "


A d m i n

A d m i n

A d m i n

A d m i n

A d m i n

A d m i n

A d m i n

M e m b e r

M e m b e r

M e m b e r

M e m b e r

S u p p l i e r

S u p p l i e r

S u p p l i e r

# $ #

P e m b e l i a n

3

# $ %

P e n j u a l a n

3

# $ &

P e m b u a t a n L a p o r a n

P e m b e l i a n

P e m b e l i a n D e t i l

P e n j u a l a n

P e n j u a l a n D e t i l

Pada diagram level 4 ini dijelaskan secara lebih detail dari proses

penjualan dan pembelian. Pada diagram ini proses dibagi menjadi tiga bagian

yang meliputi proses penjualan, pembelian dan pembuatan laporan.

Gambar 3.5. Diagram !evel 4

Pada Gambar 3.5 dapat dilihat bah*a member yang ingin melakukan

proses pembelian secara online haruslah terlebih dahulu melakukan pemilihan

data barang yang ingin dibeli, ketika member melakukan pemilihan barang atau

melihat keranjang belanja, rekomendasi produk yang dibeli bersamaan ikut


28



disajikan dengan tujuan menarik perhatian member agar membeli barang tersebut

juga. (emudian data penjualan tersebut akan disimpan ke dalam sistem. Proses

penjualan dapat dilihat pada Gambar 3.6.

Setelah melakukan penjualan, admin melakukan pembelian barang

kepada supplier dimana Petra Gaming Store tidak perlu repot menangani urusan

pengiriman barang dikarenakan status dropship. (etika barang sudah dikirim,

supplier memberikan nomor resi pengiriman kepada admin yang nantinya admin

akan melakukan update database penjualan agar member dapat mengetahui

proses pengiriman barang. Proses pembelian dari supplier dapat dilihat pada

Gambar 3.7.Pada sub proses 1.3 dilakukan pembuatan laporan yang didapatkan dari

seluruh data transaksi penjualan dan pembelian.

3.3.1.3. Diagram !evel 1

Pada diagram level 1 ini ada ) diagram yang diuraikan lebih lanjut lagi

yaitu, proses penjualan dan pembelian.

!Data Barang"

!Data Barang Dipesan"

!Data Penjualan"

!Data Penjualan"


!Update Status Penjualan"

!Pembayaran"

!Rekomendasi Produk"

!Nota"


!Update Status Penjualan"

!Data Penjualan" Admin Admin

Member Member Member Member

Penjualan ' #Penjualan ' %Penjualan ' &

Penjualan Detil ' #Penjualan Detil ' %Penjualan Detil ' &

#$%$#

Pemesanan Barang

#$%$%

Pembayaran

#$%$&

Suggestion Produk

Gambar 3.6. Diagram !evel 1 Proses Penjualan

Pada Gambar 3.6 dapat dilihat bah*a untuk melakukan pembelian secara

online, member akan memberikan data barang dipesan yang ingin dibeli seperti


29



pada sub proses 1.). "ember melakukan pembayaran dan admin akan meng$

update status penjualan dan menyimpan ke dalam tabel penjualan dan penjualan

detil seperti pada sub proses 1.).). Proses rekomendasi produk diberikan kepada

member , barang yang direkomendasikan diambil dari data penjualan detil yang

sering dibeli bersamaan. Proses rekomendasi produk ini menggunakan algoritma

apriori.

!Data Pesanan"

!Data Pesanan"!Data Pesanan"

!Pembayaran"

!Nomor Resi"

!Data Pesanan"

!Nomor Resi"

!Pembayaran"

Admi n Admi n

Pembelian Pembelian Detil

Supplier Supplier Supplier

#$#$#

Pemesanan Barang

#$#$%

Pembayaran Barang

Penjualan

Gambar 3.7. Diagram !evel 1 Proses Pemesanan

Pada Gambar 3.7 dimulai dari admin yang melakukan pembayaran

kepada supplier atas data pesanan yang diambil dari tabel penjualan seperti pada

sub proses 1.1.1. Setelah melakukan pembayaran, data pembelian dari supplier

dicatat ke dalam tabel pembelian dan pembelian detil seperti pada sub proses

1.1.). #upplier yang telah mengirimkan barangnya memberikan informasi nomor

resi kepada admin.

$%$%&% Flowchart

Pada sub bab ini dijelaskan tentang proses login, member , register ,

reminder , rating dan komentar, history transaksi, banding produk, master produk,

master merk, master member , master kategori, master spesifikasi, master

spesifikasi detil, master foto produk, laporan penjualan, laporan pembelian dan

ubah status.


30



3.3.).1. Flowchart Proses !ogin

Proses login dapat dilakukan dengan dua cara yaitu login melalui

'acebook dan login melalui *eb Petra Gaming Store. pabila user telah

melakukan login via 'acebook , maka sistem akan otomatis menampilkan halaman

inde8, namun apabila member belum melakukan login, maka user harus mengisi

data login% Flowchart proses login dapat dilihat pada Gambar 3.9.

Gambar 3.9. Flowchart Proses !ogin3.3.).). Flowchart Proses Pemesanan

Proses pemesanan ini dimulai dengan user menambahkan produk ke

dalam shopping cart , dimana produk yang dipilih akan disimpan dalam dua

database yaitu shopping cart dan checkout . (emudian dilanjutkan dengan

pengecekan login, apabila user belum melakukan login maka dapat melakukan

proses login seperti pada Gambar 3.9, namun apabila user sudah login maka

sistem akan menampilkan halaman data pengiriman. Data pengiriman tersebut

akan dimasukkan ke dalam database checkout , selanjutnya sistem akan mengecek

ongkos kirim yang harus dibayar. Proses selanjutnya akan muncul output

checkout yang diikuti dengan pengecekan jenis pembayaran yang dipilih, apabila

pembayaran melalui ayal maka akan langsung tersambung dengan ayal

terlebih dahulu, namun jika pembayaran melalui transfer B" maka akan

langsung menampilkan summary pesanan barang. (emudian, proses pengiriman

email ke member akan disimpan dalam dua tabel penjualan dan penjualan detil.


31



+ser yang sudah melakukan pembayaran akan konfirmasi le*at sms atau telefon.

:lo*chart proses member dapat dilihat pada Gambar 3.;.

Gambar 3.;. Flowchart Proses Pemesanan

3.3.).3. Flowchart Proses Register

Proses register ini dimulai dengan user memasukkan data register

seperti email* password* nama, alamat, kota, kode pos, dan nomor telefon.

(emudia sistem akan melakukan pengecekan apakah pass*ord dengan konfirmasi

pass*ord sudah sama, data sudah terisi semua dan email yang digunakan sudah

pernah digunakan atau belum. <ika syarat terpnuhi dari semua pengecekan, maka


32



data akan disimpan ke dalam database member . Flowchart proses register dapat

dilihat pada Gambar 3.=.

Gambar 3.=. Flowchart Proses Register

3.3.).5. Flowchart Proses Stok Reminder

Proses reminder ini dimulai dengan user memilih produk terlebih

dahulu, namun apabila stok barang tersebut habis, maka disediakan fitur stok

reminder dimana user akan mendapat pemberitahuan, kemudian sistem akan

melakukan pengecekan apakah user telah melakukan reminder barang tersebut

sebelumnya, jika user sudah pernah melakukan reminder barang tersebut maka

proses stok reminder selesai, namun apabila user belum pernah melakukan

reminder produk yang dipilih, maka user melakukan input data reminder yang

diperlukan. Flowchart proses stok reminder dapat dilihat pada Gambar 3.14.


33



Gambar 3.14. Flowchart Proses Stok Reminder

3.3.).6. Flowchart Proses Rating dan +omentar

Proses rating dan komentar ini dimulai dengan user memilih produk

terlebih dahulu, kemudian sistem akan melakukan pengecekan apakah user pernah

melakukan pembelian produk yang dipilih atau belum, jika tidak maka sistem

akan menampilkan pesan yang menunjukkan bah*a user harus membeli produk

tersebut terlebih dahulu untuk memberikan rating dan komentar, jika user pernah

melakukan pembelian, maka user dapat langsung memasukkan nilai rating dan

komentar. Sistem akan mencatat nilai rating dan komentar ke dalam database

member review dan member rating . ,ser yang dapat memberikan rating dan

komentar hanya user yang pernah pernah membeli produk tersebut. Flowchart

proses rating dan komentar dapat dilihat pada Gambar 3.11.


34



Gambar 3.1). Flowchart Proses istory ransaksi

3.3.).9. Flowchart Proses Banding Produk

Proses banding produk dimulai dengan user memilih fitur >Bandingkan

Produk? pada produk yang pertama, kemudian memilih produk kedua pada

combobo. yang tersedia. Produk yang ditampilkan hanya produk yang memiliki

kategori sejenis. Selanjutnya, sistem akan menampilkan output hasil perbandingan

antara kedua produk tersebut. Flowchart proses banding produk dapat dilihat pada

Gambar 3.13.


36



Gambar 3.13. Flowchart Proses Banding Produk

3.3.).;. Flowchart Proses %aster Produk

%aster produk hanya dapat diakses oleh admin. dmin hanya dapat

melihat dan mengubah data produk yang ada. Data produk yang ditampilkan

hanyalah produk yang berstatus >ktif?. Flowchart proses master produk dapat

dilihat pada Gambar 3.15.


37



Gambar 3.15. Flowchart Proses %aster Produk

3.3.).=. Flowchart Proses %aster %erk

%aster merk hanya dapat diakses oleh admin. dmin hanya dapat

melihat, mengubah dan menghapus data produk yang ada. Flowchart proses

master merk dapat dilihat pada Gambar 3.16.

Gambar 3.16. Flowchart Proses %aster %erk

3.3.).14. Flowchart Proses %aster "ember


38



%aster member hanya dapat diakses oleh admin. dmin hanya dapat

melihat dan mengubah data produk yang ada. Flowchart proses master member

dapat dilihat pada Gambar 3.17.

Gambar 3.17. Flowchart Proses %aster "ember

3.3.).11. Flowchart Proses %aster (ategori

%aster kategori hanya dapat diakses oleh admin. dmin hanya dapat


master kategori dapat dilihat pada Gambar 3.19.

Gambar 3.19. Flowchart Proses %aster (ategori

3.3.).1). Flowchart Proses %aster Spesifikasi


39



Gambar 3.1=. Flowchart Proses %aster Spesifikasi Detil

3.3.).15. Flowchart Proses %aster :oto Produk

%aster foto produk hanya dapat diakses oleh admin. dmin hanya dapat


master foto produk dapat dilihat pada Gambar 3.)4.

Gambar 3.)4. Flowchart Proses %aster :oto Produk

3.3.).16. Flowchart Proses !aporan Penjualan

!aporan penjualan hanya dapat diakses oleh admin. !aporan penjualan

dapat diakses dengan cara admin memilih periode tanggal a*al dan tanggal akhir

laporan yang diinginkan, kemudian sistem akan menampilkan laporan penjualan.

Flowchart proses laporan penjualan dapat dilihat pada Gambar 3.)1.


41



Gambar 3.)1. Flowchart Proses !aporan Penjualan

3.3.).17. Flowchart Proses !aporan Pembelian

!aporan pembelian hanya dapat diakses oleh admin. !aporan pembelian

dapat diakses dengan cara admin memilih periode tanggal a*al dan tanggal akhir

laporan yang diinginkan, kemudian sistem akan menampilkan laporan pembelian.

Flowchart proses laporan pembelian dapat dilihat pada Gambar 3.)).

Gambar 3.)). Flowchart Proses !aporan Pembelian

3.3.).19. Flowchart Proses +bah Status

Pada proses ubah status, admin dapat mengubah status penjualan dan

nomor resi yang belum terisi. Data tersebut akan di$update ke dalam database

penjualan. Flowchart proses ubah status dapat dilihat pada Gambar 3.)3.


42



Gambar 3.)3. Flowchart Proses +bah Status

3.3.).1;. Flowchart Proses Pembelian

Pada proses pembelian, sistem akan menampilkan data penjualan yang

mempunyai status >Sudah erbayar Paypal? atau >ransfer? yang berarti bah*a

user telah melakukan pembayaran. dmin kemudian melakukan pembayaran ke

supplier untuk mencatat tanggal pembayaran, kemudian admin dapat merubah

status penjualan dan nomor resi agar informasi tersebut dapat dilihat oleh user .

:lo*chart Proses Pembelian dapat dilihat pada Gambar 3.)5.


43



Gambar 3.)5. Flowchart Proses Pembelian

3.3.).1=. Flowchart Proses priori

Pada proses apriori adalah mencari kombinasi barang yang sering

dibeli dalam suatu transaksi. dmin memasukkan minimum support dan

con'idence agar hasil yang diinginkan sesuai. #asil dari kombinasi tersebut

dinamakan itemset , itemset memiliki nilai con'idence dan support . temset yang

tidak memenuhi nilai con'idence dan support akan dihapus dari data. Setelah

semua proses kombinasi dan pengecekan nilai support dan con'idence selesai

dilakukan, maka iterasi akan berhenti. Flowchart proses apriori dapat dilihat pada

Gambar 3.)6.


44



Pada sub bab ini dijelaskan mengenai tabel$tabel yang digunakan dalam

pembuatan website Petra Gaming Store.

• abel "ember

abel member digunakan untuk menyimpan data pelanggan dimana

pelanggan ini merupakan member dari Petra Gaming Store. abel ini berisi

id0member , email , password , nama, kota, alamat, kodepos, nohp, facebookid.

abel member ini dapat dilihat pada abel 3.).

abel 3.). abel "ember

2ama Field ipe Field (eterangan

'dmember 'nt/140 rimary key

@mail Carchar/)40 Email untuk login

Pass*ord Carchar/)40 assword untuk login

2ama Carchar/)40 2ama asli pelanggan

(ota Carchar/)40 (ota asli pelanggan

lamat Carchar/1640 lamat asli pelanggan(odepos 'nt/70 (odepos asli pelanggan

2ohp Carchar/)60 2omor #P pelanggan

:acebookid Carchar/)40 Facebook 'D untuk login &ia 'acebook

• abel "ember review

abel member0review digunakan untuk member yang ingin memberikan

komentar ataupun ulasan tentang produk yang dibelinya. abel ini berisiid0member0review, idproduk, id0member , isi review. abel member0review ini

dapat dilihat pada abel 3.3.


47



abel 3.3. abel "ember Review

2ama Field ipe Field (eterangan'dmemberre&ie* 'nt/140 rimary +ey

'dproduk 'nt/140 Foreign +ey

'dmember 'nt/140 Foreign +ey

'sire&ie* Carchar/)660 'si dari komentar atau ulasan

• abel "ember rating

abel member0rating digunakan untuk memberikan nilai rating pada suatu

produk yang dibeli oleh pelanggan. abel ini berisi idmemberrating, idproduk,

idmember, nilairating. abel member0rating ini dapat dilihat pada abel 3.5.

abel 3.5. abel "ember Rating


'dmemberrating 'nt/140 rimary +ey



2ilairating int/140 2ilai rating terhadap produk

• abel Produk

abel produk digunakan untuk menyimpan data barang yang dijual oleh Petra

Gaming Store. abel ini berisi idproduk, namaproduk, idmerk, hargabeli,

hargajual, stok, rating, jumrating, berat, idkategori. abel produk ini dapat dilihat

pada abel 3.6.


48



abel 3.6. abel Produk


'dproduk 'nt/140 rimary +ey

2amaproduk Carchar/1440 2ama Barang

'dmerk 'nt/140 Foreign +ey

#argabeli Carchar/)60 #arga beli barang

#argajual Carchar/)60 #arga jual barang

stok 'nt/140 Stok barang

rating :loat Aating barang

<umrating 'nt/140 <umlah rating suatu barangBerat 'nt/140 Berat barang

'dkategori 'nt/140 Foreign +ey

Status Carchar/)40 Status Produk

• abel Produk :oto

abel produkfoto digunakan untuk menyimpan data gambar dari suatu produk.

abel ini berisi idprodukfoto, idproduk, foto, thumbnail. . abel produk foto

ini dapat dilihat pada abel 3.7.

abel 3.7. abel Produk :oto


'dprodukfoto 'nt/140 rimary +ey

'dproduk 'nt/140 2ama Barang

:oto Carchar/)660 ath untuk fotohumbnail Carchar/)660 ath untuk foto thumbnail


49



• abel (ategori

abel kategori digunakan untuk menentukan spesifikasi dari sebuah kategori.

abel ini berisi idkategori dan namakategori. abel kategori ini dapat dilihat

pada abel 3.9.

abel 3.9. abel (ategori


'dkategori 'nt/140 rimary +ey

2amakategori Carchar/640 2ama kategori

• abel %erk

abel merk digunakan untuk menentukan merk dari sebuah produk. abel ini

berisi idmerk dan namamerk. abel merk ini dapat dilihat pada abel 3.;.

abel 3.;. abel %erk

2ama Field ipe Field (eterangan'dmerk 'nt/140 rimary +ey

2amamerk Carchar/640 2ama merk

• abel Spesifikasi

abel spesifikasi digunakan untuk memberi nama spesifikasi dari tiap kategori.

abel ini berisi idspesifikasi, namaspesifikasi, idkategori. abel spesifikasi ini

dapat dilihat pada abel 3.=.

abel 3.=. abel Spesifikasi


'dspesifikasi 'nt/140 rimary +ey

2amaspesifikasi Carchar/640 2ama Spesifikasi

'dkategori 'nt/140 Foreign +ey


50



• abel Spesifikasi Detil

abel spesifikasidetil digunakan untuk mengisi dari isi nama spesifikasi. abel

ini berisi idspesifikasidetil, isispesifikasi, idspesifikasi, idproduk. abel

spesifikasi detil ini dapat dilihat pada abel 3.14.

abel 3.14. abel Spesifikasi Detil


'dspesifikasidetil 'nt/140 rimary +ey

isispesifikasi Carchar/)60 'si Spesifikasi

'dspesifikasi 'nt/140 Foreign +ey


• abel #hopping /art

abel shopping cart digunakan untuk menyimpan data barang apa saja yang

dipesan oleh pelanggan. abel ini berisi idshoppingcart, idmember, sessionid,idproduk, ty. abel shopping cart ini dapat dilihat pada abel 3.11.

abel 3.11. abel #hopping /art


'dshoppingcart 'nt/140 rimary +ey

'dmember 'nt/140 :oreign (ey

Sessionid Carchar/640 #ession dari sebuah cart


Ety 'nt/140 <umlah


51



• abel /heckout

abel checkout digunakan untuk menyimpan seluruh data pemesanan pelanggan

sebelum diteruskan ke penjualan. abel ini berisi idcheckout, sessionid,

idmember, paymentmethod, total, berat, ongkir, grandtotal, namapenerima,

alamatpenerima, kotapenerima, nopenerima, kodepospenerima,

emailpenerima. abel checkout ini dapat dilihat pada abel 3.1).

abel 3.1). abel /heckout


'dcheckout 'nt/140 rimary +ey

Sessionid Carchar/640 #ession dari pemesanan


Paymentmethod Carchar/140 %etode pembayaran

otal 'nt/)60 otal harga barang

Berat 'nt/140 Berat total pesananFngkir 'nt/)60 Fngkos kirim

Grandtotal 'nt/)60 otal keseluruhan

2amapenerima Carchar/640 2ama pemesan

lamatpenerima Carchar/1440 lamat penerima pesanan

(otapenerima Carchar/)60 (ota penerima pesanan

2openerima Carchar/)60 2omor elefon penerima pesanan

(odepospenerima Carchar/70 (odepos penerima pesanan

@mailpenerima Carchar/640 @mail penerima pesanan


52



abel penjualandetil digunakan untuk mencatat data penjualan secara detail dari

proses penjualan. abel ini berisi idpenjualandetil, idpenjualan, idproduk,

ty, hargabeli, hargajual. abel penjualan detil ini dapat dilihat pada abel 3.15.

abel 3.15. abel Penjualandetil


'dpenjualandetil 'nt/140 rimary +ey

'dpenjualan 'nt/140 Foreign +ey

'dproduk Carchar/640 Foreign +ey

Ety 'nt/140 <umlah

#argabeli 'nt/)60 #arga beli#argajual 'nt/)60 #arga jual

• abel Pembelian

abel pembelian digunakan untuk mecatat data pemesanan kepada supplier . abel

ini berisi idpembelian, total, ongkir, grandtotal. abel pembelian ini dapat dilihat

pada abel 3.16.

abel 3.16. abel Pembelian


'dpembelian 'nt/140 rimary +ey

otal 'nt/)60 otal harga barang

Fngkir 'nt/)60 Fngkos kirim

Grandtotal 'nt/)60 otal semua biaya

• abel Pembelian Detil


54



abel pembeliandetil digunakan untuk mencatat data pembelian dari supplier

secara detil. abel ini berisi idpembeliandetil, idpembelian, idproduk, ty,

hargabeli, hargajual. abel pembelian detil ini dapat dilihat pada abel 3.17.

abel 3.17. abel Pembelian Detil


'dpembeliandetil 'nt/140 rimary +ey

'dpembelian 'nt/)60 Foreign key

'dproduk 'nt/)60 Foreign key

Ety 'nt/140 <umlah

#argabeli 'nt/)60 #arga beli barang#argajual 'nt/)60 #arga jual barang

• abel priori

abel apriori digunakan untuk menentukan rule dan support dari suatu barang

untuk memberikan produk rekomendasi. abel ini berisi idapriori, rule, support,

confidence. abel apriori ini dapat dilihat pada abel 3.19.

abel 3.19. abel priori


'dapriori 'nt/140 rimary +ey

Aule Carchar/640 Rule yang digunakan

Support 'nt/140 2ilai support

"onfidence :loat 2ilai con'idence

jika Carchar/1440 <ika produk ini

maka Carchar/1440 %aka produk ini

• abel priorijika


55



abel apriorijika digunakan untuk mencatat data >jika produk? ini. abel ini

berisi idapriorijika, idapriori, idproduk. abel apriori jika ini dapat dilihat

pada abel 3.1;.

abel 3.1;. abel priori <ika


'dapriorijika 'nt/140 rimary +ey

'dapriori 'nt/140 Foreign key

'dproduk 'nt/140 Foreign key

• abel priorimaka

abel apriorimaka digunakan untuk mencata data >maka produk? itu. abel ini

berisi idapriorimaka, idapriori, idproduk. abel apriori maka ini dapat dilihat

pada abel 3.=.

abel 3.1=. abel priori %aka

2ama Field ipe Field (eterangan'dapriorimaka 'nt/140 rimary +ey

'dapriori 'nt/140 Foreign key


• abel Aeminder

abel reminder digunakan untuk mencatat jika ada barang yang kosong dan

pelanggan ingin meminta notifikasi jika barang tersebut sudah tersedia kembali.abel ini berisi idreminder, idproduk, idmember, status. abel reminder maka

ini dapat dilihat pada abel 3.)4.


56



abel 3.)4. abel Reminder


'dreminder 'nt/140 rimary +ey


'dmember 'nt/140 Foreign key

Status Carchar/1440 Status notifikasi

• abel dmin

abel admin digunakan untuk hak akses login admin, dibedakan dengan tabel

member karena admin tidak memerlukan data seperti alamat, nama, dan lain$lain.

abel admin maka ini dapat dilihat pada abel 3.)1.

abel 3.)1. abel dmin


'dadmin 'nt/140 rimary +ey

+sername Carchar/640 ,sername untuk login

Pass*ord Carchar/640 assword untuk login


57



3.5. Desain Menu

3.5.1. Desain %enu untuk #alaman +tama

Gambar 3.);. Desain %enu #alaman +tama

Gambar 3.);. merupakan tampilan halaman utama yang mana dapat

diakses baik member maupun guest meliputi halaman inde8, search produk, detil

produk, register1login, konfirmasi pembayaran dan pemesanan.

3.5.2. Desain %enu untuk #alaman "ember

Gambar 3.)=. Desain %enu #alaman "ember


58



Gambar 3.)=. merupakan halaman member meliputi edit data, lihat

history transaksi, lihat transaksi yang belum terbayar, reminder .

3.5.3. Desain %enu untuk #alaman dmin

Gambar 3.34. Desain %enu #alaman dmin

Gambar 3.34 merupakan halaman admin* terdapat data member yang

hanya dapat dihapus, data produk yang dapat ditambah, diedit dan dihapus, data

penjualan yang dapat di rubah statusnya, data pembelian dan laporan yang hanya

dapat dilihat dan yang terakhir apriori yang hanya dapat dilihat dan re'resh.

3.6. Desain Intera!e

Pada desain user inter'ace dibuat tampilan menu yang menggunakan *eb

yang di dalamnya meliputi fasilitas menu$menu yang dapat diakses oleh

pengguna. "ain menu /%enu +tama0 terdapat pada bagian header pada tampilan

*eb, berfungsi sebagai menu utama yang meliputi sub$menu untuk mengakses


59



program. %enu$menu tersebut dapat diakses berbeda$beda tergantung pada login

yang digunakan pengguna saat itu, berikut pembagian menu untuk masing$masing

pengguna-

dmin -

%aster data

%aster Produk

%aster %ember

%aster %erk

%aster Spesifikasi

%aster (ategori

%aster :oto Produk

%aster Penjualan

%aster Pembelian

priori

!aporan !aba Augi

%ember -

a. #ome

b. "ontact +s

c. Detil Produk

d. Bandingkan Produk

e. Shopping "art


60



f. Aating Produk

g. Pembelian Produk

h. 'nformasi kun

$%2%3% ,ser nter'ace halaman a*al

#alaman utama akan muncul pertama kali ketika website diakses seperti

pada Gambar 3.31. Sehingga pengunjung yang tidak melakukan proses login tetap

dapat melihat halaman web yang tersedia fitur perbandingan produk, search

produk , rekomendasi produk yang dita*arkan Petra Gaming Store beserta harga.

Gambar 3.31. ,ser nter'ace #alaman *al

$%2%&% ,ser nter'ace halaman detil produk


61



Pada halaman detil produk akan muncul data produk disertai harga dari

setiap produk, review produk, spesifikasi produk, dan rating produk. #alaman ini

dapat diakses oleh semua pengguna. #alaman detil produk dapat dilihat pada

Gambar 3.3).

Gambar 3.3). ,ser nter'ace Detil Produk

$%2%$% ,ser nter'ace halaman perbandingan produk

Pada halaman perbandingan produk akan muncul sebuah combobo.

untuk memilih produk lain sejenis yang dapat dibandingkan, misal produk aH

adalah mouse, maka produk yang dapat dibandingkan hanyalah mouse saja.

#alaman ini dapat diakses oleh semua pengguna. #alaman perbandingan produk

dapat dilihat pada Gambar 3.33.


62



Gambar 3.33. ,ser nter'ace Perbandingan Produk

$%2%4% ,ser nter'ace halaman shopping cart

Saat pengguna sudah selesai memilih produk yang diinginkan, maka

pengguna melanjutkan ke halaman cart untuk melihat produk apa saja yang sudah

pengguna masukkan. #alaman shopping cart diberikan rekomendasi produk agar

pengguna dapat mempertimbangkan apakah pengguna ingin membeli produk dari

rekomendasi tersebut atau tidak. Aekomendasi produk hanya muncul apabila isi

dari shopping cart lebih dari satu produk. #alaman shopping cart dapat dilihat

pada Gambar 3.35.


63



Gambar 3.35. ,ser nter'ace #hopping /art

$%2%5% ,ser nter'ace halaman #hipping

Saat pengguna sudah mengisikan form data pengiriman, maka P'

ongkir.info memberikan informasi ongkos kirim kepada pengguna agar dapat

mengetahui ongkos kirim secara langsung dan memilih radio button yang

disediakan seperti pada Gambar 3.36.


64



Gambar 3.36. ,ser nter'ace Fngkos (irim

$%2%2% ,ser nter'ace halaman login

"ember dapat melakukan login dengan cara menekan link login dan

mengisi username dan password yang sudah disediakan. pabila login sukses

ataupun gagal, sistem akan memunculkan alert yang berada pada tengah halaman.

:itur yang dimiliki oleh admin hanya muncul ketika admin sukses melakukan

proses login, dan fitur ini tidak dapat ditampilkan saat pengguna login sebagai

pengguna lain selain admin.

!ogin1sign up with 'acebook akan muncul apabila pengguna sebelumnya

sudah ter$login ke dalam 'acebook lalu sistem melakukan pengecekan ke

database. #alaman login dapat dilihat pada Gambar 3.37.

Gambar 3.37. ,ser nter'ace !ogin

$%2%6% ,ser nter'ace halaman apriori

#alaman apriori ini hanya dapat diakses oleh admin saja. #alaman ini

digunakan untuk memberikan proses algoritma apriori dari a*al hingga akhir

proses. ujuan dari halaman ini adalah untuk memberikan rekomendasi produk


65



yang nantinya digunakan di halaman shopping cart . #alaman apriori dapat dilihat

pada Gambar 3.39.

Gambar 3.39. ,ser nter'ace priori

$%2%7% ,ser nter'ace halaman master produk

Saat pengguna mengakses menu master yang berada di menu na&igasi di

samping layar, maka muncul beberapa pilihan untuk menampilkan beberapa

master data produk, merk, kategori, spesifikasi dan laporan. Pada Gambar 3.3;,

pengguna memilih master produk untuk menambah, memperbarui serta

menghapus data.

(etika pengguna hendak menambahkan data produk baru, pengguna

dapat mengisi data pada te.tbo. atau combobo. yang telah disediakan, selanjutnya

pengguna dapat menggunakan tombol submit untuk menyimpan data produk yang

baru ke dalam database. pabila data ada yang kosong, maka akan muncul alert

untuk memberitahu pengguna. Selain itu ada pula fitur edit data yang berada di

sebelah tombol hapus. +ntuk menghapus data produk, di setiap baris tabel akan


66

Detail Referensi Flowchart

Documents

Transcript of Detail Referensi Flowchart