BAB 3 METODOLOGI. Gambar 3.1 Tahap-Tahap Metode Waterfall

BAB 3 METODOLOGI

3.1

Metodologi 3.1.1

Metode Waterfall Pengembangan web e-commerce menggunakan metode waterfall dengan tahap-tahap yang dijelaskan pada gambar 3.1.

Gambar 3.1 Tahap-Tahap Metode Waterfall

3.1.1.1 Communication Tahap

ini

diawali

komunikasi

dengan

pemilik

Christie’s Galleries, Christie Liu, sebagai pihak yang memerlukan pembuatan web. Christie’s Galleries merupakan salah satu usaha yang berbasis online yang memanfaatkan Facebook, Weebly, dan fasilitas chatting untuk melakukan penjualan. Komunikasi dengan pemilik usaha membuka wawasan tentang gambaran umum kebutuhan sistem dari perspektif pemilik. Pemilik usaha memberikan gambaran sistem yang sedang berjalan dan fitur-fitur yang dapat menjembatani proses-proses bisnis. Fitur-fitur tersebut diharapkan dapat 81

82 diakomodasi oleh sistem. Dari gambaran umum kebutuhan sistem yang dijabarkan oleh pemilik usaha, inti sari masalah dan fitur pokok dari sistem yang diinginkan dapat diketahui.

Gambar 3.2 Komunikasi dengan Pemilik Usaha

Tabel 3.1 menunjukkan produk-produk yang dijual oleh Christie’s Galleries.

Tabel 3.1 Produk-Produk yang Dijual No.

Produk

Kategori

1

Bustier

Top - Clothing

2

T-Shirt

Top - Clothing

3

Jegging

Bottom - Clothing

4

Cardigan

Outerwear - Clothing

5

Sweater

Outerwear - Clothing

6

Backpack

Bags

7

Clutch

Bags

8

Shoulder and handbag

Bags

9

Wallet

Bags

10

Tom Shoes

Shoes

83

No.

Produk

Kategori

11

Glasses

Accessories

12

Sanitizer

Accessories

13

Watch

Accessories

14

Hardcase

Hardcase

15

Softcase

Softcase

16

Skin Protector

Skin Protector

Setelah

melakukan

komunikasi

dengan

pemilik

Christie’s Galleries, analisis sistem yang berjalan dilakukan. Christie’s Galleries menggunakan media sosial sebagai sarana untuk mempromosikan produk-produk yang dimiliki Christie’s Galleries. Proses bisnis Christie’s Galleries pada aktivitas penjualan produk yaitu sebagai berikut: (1) Customer memesan barang kepada Christie’s Galleries dengan menyertakan rincian produk berupa nama produk, jenis produk, warna produk, ukuran, dan jumlah yang diinginkan oleh customer. (2) Pemilik usaha yang menerima pesanan akan mengecek stok produk ke supplier untuk mengetahui ketersediaan produk. (3) Jika produk yang dipesan oleh customer tidak tersedia, maka pemilik usaha akan memberitahu customer mengenai stok produk yang tidak tersedia. (4) Jika produk yang dipesan oleh customer tersedia, maka pemilik usaha akan memesan produk ke supplier. (5) Setelah memesan produk ke supplier, pemilik usaha akan memasukkan pesanan customer ke dalam database yang berbentuk spreadsheet. (6) Pemilik usaha akan mengecek pembayaran yang telah dilakukan oleh customer ke rekening bank yang dimiliki pemilik usaha. (7) Jika customer belum melunasi produk yang dipesan, maka pemilik usaha akan mengonfirmasikan hal tersebut. (8) Jika customer sudah melunasi produk yang dipesan, maka

84 pemilik usaha akan mengirim produk tersebut menggunakan jasa pengiriman yang telah ditunjuk. Gambar 3.3 menunjukkan context diagram yang menjelaskan sistem Christie’s Galleries yang sedang berjalan.

85

Gambar 3.3 Context Diagram Penjualan Christie’s Galleries

86 Data

Flow

Diagram

membantu

penggambaran

aktivitas bisnis penjualan Christie’s Galleries. Gambar 3.4 menunjukkan data flow diagram pada proses bisnis Christie’s Galleries.

87

Gambar 3.4 Data Flow Diagram Penjualan Christie’s Galleries

88 Setelah itu, pengembang bersama dengan pemilik usaha mencoba menggali fitur-fitur dasar dan fitur-fitur lainnya

yang

dapat

menambahkan

kenyamanan

dan

memenuhi kebutuhan pelanggan sekaligus belum terlalu banyak diikuti oleh bisnis sejenis di Indonesia. Tabel 3.2 menunjukkan fitur awal yang disetujui.

Tabel 3.2 Fitur-Fitur yang Diharapkan No. 1

Fitur

Keterangan

Cross-selling

Fitur

untuk

pelanggan produk

memikat

untuk

membeli

tambahan

yang

berhubungan dengan produk yang sedang dilihat atau dibeli. 2

Login member

Fitur untuk memungkinkan sistem

untuk

otentikasi

melakukan

pengguna

yang

sedang mengakses sistem. 3

Register

Fitur untuk pengguna baru untuk mereka

mendaftarkan supaya

diri

mereka

mendapatkan izin akses ke sistem. 4

Shopping cart

Fitur

penampung

barang

yang hendak dibeli. 5

Search product

Fitur yang memungkinkan pengguna mencari produkproduk tertentu.

Setelah itu, kuesioner disusun untuk mengetahui kebutuhan pengguna sistem yang hendak dirancang. Pada tahap ini, data-data dikumpulkan untuk mendapatkan informasi dari responden terhadap variabel-variabel penting

89 dari

permasalahan

yang

hendak

diatasi.

Kuesioner

merupakan teknik pengumpulan data atau informasi yang diimplementasikan dalam bentuk pertanyaan-pertanyaan. Kuesioner ini ditujukan kepada responden sebagai pengguna web e-commerce untuk mengetahui hal-hal penting yang mungkin dilakukan dan diinginkan oleh pengguna di dalam menggunakan web tersebut. Hal-hal tersebut dapat berupa apa saja yang menjadi ketertarikan pengguna dalam mengunjungi web e-commerce, kelemahan dalam web ecommerce yang sering ditemui, ketertarikan pengguna terhadap sistem rekomendasi pada web e-commerce, media komunikasi

yang

efektif

bagi

pengguna

dalam

berkomunikasi dengan penjual, dan lain-lain. Selain itu, data-data tambahan juga dikumpulkan melalui buku, jurnal, dan artikel.

90 Tabel 3.3 Kuesioner Perancangan Sistem No. 1

Pertanyaan Apakah Anda pernah melakukan pembelian secara online pada website e-commerce?

2

Kelemahan apakah yang sering Anda temui pada saat melakukan transaksi e-commerce?

3

Apakah Anda tertarik dengan website e-commerce (contohnya, Amazon.com) yang menampilkan rekomendasi produk-produk yang mungkin Anda sukai?

Pilihan

Tujuan

a. Ya b. Tidak

Mengidentifikasi jumlah responden yang pernah melakukan transaksi melalui website e-commerce.

a. Desain layout yang tidak rapi. b. Kesulitan dalam mencari produk yang diinginkan. c. Transaksi pembelian yang rumit. d. Media komunikasi yang tidak efektif. e. Other. a. Ya b. Tidak

Mengidentifikasi kelemahan website ecommerce yang ditemukan oleh responden

Mengidentifikasi ketertarikan repsonden terhadap sistem rekomendasi pada website e-commerce.

91 No. 4

Pertanyaan Seberapa penting fitur rekomendasi pada website e-commerce bagi Anda?

5

Apakah Anda sudah puas dengan fitur rekomendasi yang ditampilkan pada website (contohnya, Amazon.com dan YouTube.com)?

6

Media komunikasi apa yang paling nyaman Anda gunakan ketika berkomunikasi dengan penjual? (Dapat memilih lebih dari satu jawaban)

Pilihan a. b. c. d. e. a. b.

Sangat penting Penting Biasa saja Kurang penting Tidak penting Ya Tidak

a. Chat/message b. E-mail c. Media sosial (Facebook dan Twitter) d. Other

Tujuan Mengetahui kepentingan rekomendasi

tingkat sistem

Mengetahui tingkat kepuasan responden terhadap sistem rekomendasi yang telah dimiliki oleh website lain. Mengetahui fitur tambahan yang diminati oleh responden untuk berkomunikasi

92 Kuesioner disebarkan kepada pengajar, grup Alumni Sekolah Paskalis di Facebook, dan grup perkumpulan mahasiswa Teknik Informatika Bina Nusantara di Facebook. Kuesioner tersebut dijawab oleh 132 responden. Berikut penjabaran hasil kuesioner yang telah disebarkan:

Pertanyaan 1 1. Apakah Anda pernah melakukan pembelian secara online pada website e-commerce?

Tabel 3.4 Tabel Jawaban Pertanyaan Nomor 1 Jawaban

Jumlah Responden

Persentase

Ya

90

68%

Tidak

42

32%

Total

132

100%

Gambar 3.5 Histogram Jawaban Pertanyaan Nomor 1

Pertanyaan mengidentifikasi

pertama jumlah

bertujuan

responden

melakukan transaksi melalui website

yang

untuk pernah

e-commerce.

Dengan mengetahui jumlah responden yang pernah melakukan transaksi melalui website

e-commerce,

93 gambaran akan seberapa terbiasanya masyarakat (yang diwakili oleh responden) dalam berbelanja online. Dari responden yang ada, sebanyak 68% pernah melakukan transaksi online, jumlah yang cukup signifikan.

Pertanyaan 2 2. Kelemahan apakah yang sering Anda temui pada saat melakukan transaksi e-commerce?


Jumlah Responden

Persentase

Desain layout yang tidak rapi Kesulitan dalam mencari produk yang diinginkan

23

14%

50

30%

Transaksi pembelian yang rumit

47

29%

Media komunikasi yang tidak efektif

38

23%

Other

6

4%

Total

132

100%


94

Keterangan : 1 Desain layout yang tidak rapi 2 Kesulitan dalam mencari produk yang diinginkan 3 Transaksi pembelian yang rumit 4 Media komunikasi yang tidak efektif 5 Lain-lain Pertanyaan kedua bertujuan untuk mengidentifikasi kelemahan website e-commerce yang ditemukan oleh responden. Kesulitan dalam mencari produk yang diinginkan dipilih oleh 30% dari responden yang mengisi kuesioner. Transaksi pembelian yang rumit dipilih oleh 29%

responden.

Dengan

mengetahui

kelemahan-

kelemahan yang sering ditemui pada website ecommerce oleh responden, kelemahan tersebut dapat dihindari saat mengembangkan sistem.

Pertanyaan 3 3. Apakah Anda tertarik dengan website e-commerce (contohnya,

Amazon.com)

yang

menampilkan

rekomendasi produk-produk yang mungkin Anda sukai?


Jumlah Responden

Persentase

Ya

114

86%

Tidak

18

14%

Total

132

100%

95


Pertanyaan

ketiga

bertujuan

untuk

mengidentifikasi ketertarikan responden terhadap sistem rekomendasi

pada

website

e-commerce.

Hasilnya

mayoritas responden tertarik terhadap pengadaan sistem rekomendasi pada website e-commerce. Dengan hasil yang ada, sistem rekomendasi merupakan salah satu fitur yang sangat direkomendasikan untuk ditambahkan pada website e-commerce.

Pertanyaan 4 4. Seberapa penting fitur rekomendasi pada website ecommerce bagi Anda?


Jumlah Responden

Persentase

Sangat penting

39

30%

Penting

46

35%

Biasa saja

39

30%

Kurang penting

3

2%

Tidak penting

5

4%

Total

132

100%

96


Pertanyaan keempat bertujuan untuk mengetahui tingkat kepentingan sistem rekomendasi bagi responden. Sebanyak 35% dari responden yang berpartisipasi dalam kuesioner

mengganggap

penting

fitur

sistem

rekomendasi pada website e-commerce. Juga 30% responden mengganggap fitur sistem rekomendasi pada website e-commerce sangat penting. Dari hasil yang ada, sistem rekomendasi merupakan salah satu fitur yang harus ditambahkan pada website e-commerce. Pertanyaan 5 5. Apakah Anda sudah puas dengan fitur rekomendasi yang ditampilkan pada website (contohnya, Amazon.com dan YouTube.com)? Tabel 3.8 Tabel Jawaban Pertanyaan Nomor 8 Jawaban

Jumlah Responden

Persentase

Ya

105

80%

Tidak

27

20%

Total

132

100%

97


Pertanyaan kelima bertujuan untuk mengetahui tingkat kepuasan responden terhadap sistem rekomendasi yang

telah

dimiliki

oleh

website

lain.

Dengan

mengetahui hal tersebut, perencanaan sistem dapat memperoleh arahan dengan meneliti sisi menarik dari sistem rekomendasi website tersebut. Sebanyak 80% responden telah puas terhadap sistem rekomendasi yang telah dimiliki oleh website lain dan 20% responden tidak puas terhadap sistem rekomendasi yang telah dimiliki oleh website lain. Jika masih ada responden yang tidak puas, sistem rekomendasi masih dapat dikembangkan.

Pertanyaan 6 6. Media komunikasi apa yang paling nyaman Anda gunakan ketika berkomunikasi dengan penjual? (Dapat memilih lebih dari satu jawaban)

98 Tabel 3.9 Tabel Jawaban Pertanyaan Nomor 6 Jawaban

Jumlah Responden

Persentase

Chat/message

105

50%

E-mail

44

21%

Media sosial (Facebook dan Twitter)

48

23%

Other

12

6%


Pertanyaan keenam bertujuan untuk mengetahui fitur tambahan yang diminati oleh responden untuk berkomunikasi. Dari lima fitur yang ditawarkan, fitur chat/message merupakan fitur yang paling diminati oleh responden. Dengan mengetahui fitur yang diminati, fitur komunikasi dengan message/chat pada web e-commerce dianggap perlu.

99 Beberapa poin penting dari hasil kuesioner tersebut adalah: a. Responden tertarik (86%) dan mengganggap penting (65%) sistem rekomendasi yang ada pada website ecommerce. b. Responden juga menyatakan bahwa lebih tertarik menggunakan fitur chat atau message untuk melakukan komunikasi dengan pemilik website e-commerce (50%). c. Kesalahan yang paling sering ditemukan dalam website e-commerce adalah kesulitan dalam menemukan produk yang diinginkan oleh responden (30%) dan transaksi pembelian yang rumit (29%).

Dengan demikian, deskripsi kebutuhan yang dapat disimpulkan: Pembuatan web pages penjualan untuk Christie’s Galleries dengan fitur utama sistem rekomendasi untuk memungkinkan cross-selling, dan fitur-fitur umum, seperti login, search product, shopping cart, chat/message, dan register untuk memudahkan proses transaksi yang terjadi pada sistem. Web digunakan untuk menampilkan barang-barang yang dijual dan mampu menggantikan sistem penjualan terdahulu. Perancangan sistem rekomendasi akan berada dalam lingkup pengelohan data yang memang tersedia, yakni data transaksi penjualan. Selain itu, sistem tidak terintegrasi langsung dengan sistem eksternal bank dan pengiriman.

100 Tabel 3.10 Kesimpulan Tahap Communication Wawancara dengan pemilik usaha dan kuesioner

Input

yang disebarkan kepada responden. Analisis respons kuesioner dan wawancara yang

Proses

telah dilakukan. Kebutuhan untuk perancangan web pages untuk

Output

Christie’s Galleries.

3.1.1.2

Planning Pada

tahap

planning,

penjadwalan

kegiatan

pengembangan direncanakan sesuai dengan kebutuhan sistem

yang

akan

dirancang

dengan

tujuan

untuk

memastikan setiap kegiatan berjalan dengan tepat waktu. Gambar 3.11 menunjukkan Gantt chart jadwal pembuatan sistem yang direncanakan.

101

Gambar 3.11 Gantt Chart Pembuatan Sistem

102 Tabel 3.11 Kesimpulan Tahap Planning Deskripsi kebutuhan yang didapat pada tahap

Input

communication. Membuat estimasi waktu yang diperlukan dalam

Proses

menyelesaikan web pages Christie’s Galleries. Schedule dalam pengerjaan web pages Christie’s

Output

Galleries.

3.1.1.3

Modeling Berdasarkan

kebutuhan

yang

telah

ditentukan,

pemodelan web e-commerce dibuat dengan arsitektur yang melibatkan web server dan database server. Gambar 3.12 menjelaskan arsitektur web yang akan dirancang.

Gambar 3.12 Arsitektur Web Perancangan web dimulai dengan merancang database dengan menggunakan MySQL. MySQL dipilih karena sangat mudah diakses melalui jaringan, dapat diperoleh secara gratis (open source), menggunakan query yang umum digunakan, dan dapat berjalan pada berbagai macam platform, sehingga MySQL dinilai cocok dijadikan DBMS untuk

database

Christie’s

Galleries.

MySQL

akan

menampung database, tabel, dan record yang akan digunakan

untuk

menampilkan

produk,

transaksi, dan menyimpan data pengguna.

menyimpan

103 Agar web pages yang dirancangan dapat terhubung dengan database dan dapat bersifat dinamis, PHP dipilih sebagai server-side scripting dengan mempertimbangkan kelebihannya, yakni: a. PHP memungkinkan web pages dapat mengeksekusi fungsi-fungsi tertentu, seperti mengolah transaksi, melakukan pencarian informasi, dan membentuk query tertentu untuk memanggil data dari database. b. PHP dapat berintegrasi dengan database MySQL dengan baik. c. Terdapat banyak web server yang mendukung PHP, seperti Apache, Lighttpd, IIS, hingga Xitami dengan konfigurasi yang relatif mudah. d. Pada sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah karena memiliki banyak referensi. e. PHP adalah bahasa open source yang dapat digunakan di berbagai platform (Linux, Unix, Macintosh, Windows) karena PHP berjalan secara web base yang artinya semua sistem operasi bahkan mobile yang mempunyai web browser dapat menggunakan program PHP. Bahasa HTML dibutuhkan untuk menampilkan web pages untuk pengguna dan mengatur alur navigasi pada web. JavaScript digunakan sebagai sebagai client-side scripting

untuk

merancang

web

pages

yang

dapat

menjalankan fungsi tertentu yang tidak dapat dijalankan oleh HTML biasa, seperti menjalankan perintah tertentu saat tombol diklik dan menutup browser saat perintah tertentu dijalankan. Library JavaScript, jQuery, juga banyak mengambil andil untuk membuat web pages dapat memenuhi kebutuhan fungsional tertentu. JQuery dapat mempermudah akses dan manipulasi elemen tertentu pada dokumen karena jQuery mempunyai selector yang sangat efisien untuk mengakses suatu elemen tertentu pada dokumen yang selanjutnya bisa

104 dimanipulasi sesuai dengan kebutuhan, mempermudah pengubahan

tampilan

(Application

halaman

Programming

web,

memiliki

API

yang

dapat

Interface)

memanipulasi content pada suatu halaman web, seperti pengubahan teks, manipulasi gambar (resize, rotate, dan crop), mampu merespon interaksi antara pengguna dengan halaman web dengan lebih cepat, dan menyediakan fasilitas untuk membuat animasi dengan mudah. Oleh sebab itu, penggunaan jQuery akan sangat membantu perancangan web Christie’s Galleries agar lebih dinamis dan handal. Selain itu, CSS dipilih untuk membuat tampilan web pages lebih terjaga. Cascading Style Sheet (CSS) adalah salah satu bahasa pemrograman web yang digunakan untuk mengendalikan beberapa komponen dalam sebuah web pages sehingga tampilan akan lebih terstruktur dan seragam. CSS dapat digunakan dalam mengendalikan ukuran gambar, warna teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antarparagraf, spasi antarteks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS bisa juga diartikan sebagai bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Tabel 3.12 Kesimpulan Tahap Modeling Input

Deskripsi kebutuhan pengguna yang didapat dari tahap

communication

digunakan

untuk

merancang web pages Christie’s Galleries. Proses

Merancang database, flow chart, data flow diagram, user interface dan memilih bahasa pemograman, serta aplikasi yang akan digunakan untuk

membangun

web

page

Christie’s

Galleries. Output

Rancangan web pages Christie’s Galleries yang terdiri dari flow chart, data flow diagram, dan user interface.

105

3.1.1.4

Construction Setelah pemodelan sistem dilakukan, tahap selanjutnya adalah melakukan konstruksi kode untuk menerjemahkan model data ke dalam bahasa mesin. Tabel 3.13 menunjukkan bahasa pemrograman yang akan dipakai dan fungsinya. Tabel 3.13 Bahasa Pemrograman pada Construction Bahasa

Fungsi

Pemrograman PHP

1. Menghubungkan

web

pages

dengan sistem manajemen basis data, MySQL. 2. Mengolah transaksi dan data yang dibutuhkan pengguna. 3. Menyimpan,

menghapus,

dan

mengubah data pada database. 4. Membuat dynamic web pages. HTML

1. Memformat web page. 2. Menampilkan konten. 3. Mengatur navigasi.

JavaScript jQuery

dan

1. Membuat

web

pages

mampu

menjalankan fungsi tertentu dari client-side. 2. Memanipulasi

elemen

pada

dokumen. 3. Mengubah tampilan dan membuat animasi. CSS

1. Mengatur

struktur

dan

format

tampilan. 2. Membuat

tampilan

menjadi rapi.

web

page

106 Tahap awal konstruksi web adalah pembuatan halaman web secara statis dan belum tersambung dengan database yang akan digunakan. Pada tahap ini, kerangka dan tampilan utama web dirancang. Tahap ini dilakukan seraya menunggu semua data yang dibutuhkan dimasukkan ke dalam database, sehingga database dapat diintegrasikan dengan web. Setelah itu, pada perancangan web Christie’s Galleries, PHP dan bahasa query menjadi fokus utama sistem. Hal ini berkaitan dengan fungsi-fungsi web yang harus mendukung proses penjualan umum dengan fitur-fitur tertentu, yakni: a. Menampilkan produk, b. Mencari produk, c. Menampilkan rekomendasi produk untuk cross-selling, d. Memasukan produk ke keranjang belanja, e. Mengolah transaksi, f. Mengubah status transaksi, g. Menyimpan data pengguna dan produk, h. Mengubah data pengguna dan produk, i. Menghapus data produk, dan j. Melakukan verifikasi untuk mengakses sistem. Testing sistem dilakukan secara internal maupun eksternal untuk mencari kesalahan sistem yang ada. Testing dilakukan secara sederhana dan meliputi: 1) Functionality testing Kapan: Selama proses pembuatan Testing yang dilakukan: a. Fungsi-fungsi validasi, b. Kesalahan sintaks dan logika, c. Koneksi database, dan d. Cookie dan session. 2) Usability testing Kapan: Setelah sebagian besar konten web selesai dirancang

107 Testing yang dilakukan: a. Kemudahan isi atau konten untuk dimengerti. b. Informasi bantuan untuk pengguna, seperti search dan FAQ. 3) Interface testing Kapan: Setelah sebagian besar tampilan web selesai dirancang Testing yang dilakukan: a. Posisi elemen-elemen web page, b. Struktur tampilan web page, dan c. Tampilan pesan kesalahan peringatan. 4) Compatibility testing Kapan: Selama proses pembuatan Testing yang dilakukan: Perbedaan compatibility pada browser yang berbeda.

Gambar 3.13 Testing pada Google Chrome 31.0.1650.63

108

Gambar 3.14 Testing pada Internet Explorer 10.0.9200.16384

Gambar 3.15 Testing pada Mozilla Firefox 26.0

Tabel 3.14 Kesimpulan Tahap Construction Input

Rancangan web pages Christie’s Galleries yang didapatkan dari tahap construction.

Proses

Melakukan

proses

penerjemahan

hasil

perancangan web pages Christie’s Galleries yang didapatkan dari tahap modeling ke dalam bahasa pemograman. Pembuatan web pages Christie’s Galleries dibagi menjadi pembuatan database dan web pages. Output

Web pages Christie’s Galleries.

109 3.1.1.5

Deployment Setelah tahap construction, evaluasi dan penerimaan timbal-balik dari pengguna akan diterapkan. Evaluasi akan memberi informasi efektivitas dan efesiensi dari yang telah dirancang. Timbal-balik akan membantu mencari perbaikan yang dapat dilakukan untuk memperbaiki kesalahan atau kekurangnyamanan dari pihak pengguna.

Tabel 3.15 Kesimpulan Tahap Deployment Input

Evaluasi web pages Christie’s Galleries.

Proses

Analisis

evaluasi

web

pages

Christie’s

Galleries. Perbaikan web pages Christie’s Galleries.

Output

3.2

Analisis Masalah 3.2.1

Analisis Algoritma Sejenis Association

rules

adalah

salah

satu

analisis

melalui

implementasi data mining yang digunakan untuk mengidentifikasi hubungan antara himpunan item yang ada pada database. Hubungan ini tidak didasarkan pada property yang diwariskan pada data itu sendiri (sebagai ketergantungan fungsional), tetapi didasarkan pada co-occurrence dari item yang ada. Menurut

Vivekananth

(2012:79),

salah

satu

algoritma

association rule mining yang sangat berpengaruh adalah Apriori. Pengembangan Apriori telah banyak dilakukan dan FP-Growth merupakan salah satunya. FP-Growth dianggap sebagai suatu kemajuan besar dalam perbaikan kinerja dari Apriori. Algoritma ini dibuat dengan struktur data yang dikenal sebagai frequent-pattern tree atau FP-Tree. Menurut Tushar et al. (2013:6-9), Apriori dan FPGrowth memiliki perbandingan yang digambarkan pada tabel 3.16.

110 Tabel 3.16 Perbandingan Apriori dan FP-Growth Aspek

Apriori

FP-Growth

Teknik

Menggunakan properti Algoritma ini Apriori dan metode join membangun conditional dan prune. frequent pattern tree dan conditional pattern base dari database yang memenuhi minimum support.

Penggunaan Karena besarnya jumlah Memori kandidat yang dibuat, algoritma ini memerlukan memory space yang besar.

Waktu

Karena struktur yang padat (compact) dan tidak ada pembuatan kandidat, algoritma ini menggunakan memori yang lebih sedikit.

Waktu eksekusi lebih lama Waktu eksekusi lebih karena waktu yang cepat. dihabiskan untuk membuat kandidat setiap waktu cukup lama.

Berbagai penelitian telah berfokus untuk membuktikan bahwa FP-Growth lebih efisien daripada Apriori. Tushar et al. (2013:6) melakukan penelitian dengan data set yang digambarkan pada tabel 3.17 dan hasil penelitian dengan support 30% sampai 70% digambarkan pada tabel 3.18.

Tabel 3.17 Karakteristik Data Set Penelitian Nama File

Jumlah Record

Jumlah Kolom

adult.D14.N48842.C2.num

48842

14

111 Tabel 3.18 Total Waktu Eksekusi Algoritma terhadap Data Set Support dalam Persen

Total Waktu Eksekusi dalam Detik Apriori

FP-Growth

30

9,85

0,56

40

6,72

0,5

50

4,51

0,49

60

2,69

0,48

70

1,7

0,42

Mishra dan Choubey (2012:4664) juga melakukan penelitian dengan kesimpulan yang sama, yakni FP-Growth mengungguli Apriori dalam waktu eksekusi. Hasil penelitian kinerja yang menggunakan web log data sebagai data set ini digambarkan pada gambar 3.16.

Gambar 3.16 Perbandingan Waktu Eksekusi

Vanitha dan Santhi (2011:102-103) meneliti kinerja Apriori dan FP-Growth dengan menggunakan Weka 3.6.1 dengan data set supermarket yang berisi 4627 instance dan 217 atribut. Data set kemudian di-import ke dalam bentuk file ARFF. Tabel 3.19 menunjukkan hasil perbandingan kinerja berdasarkan jumlah instance

112 yang diolah dan gambar 3.17 menunjukkan perbandingan tersebut dalam grafik. Tabel 3.20 juga menunjukkan hasil perbandingan kinerja, namun berdasarkan level confidence dan gambar 3.21 menunjukkan perbandingan tersebut dalam bentuk grafik.

Tabel 3.19 Waktu Eksekusi untuk Jumlah Instance yang Berbeda Waktu Eksekusi (dalam Detik)

Jumlah Instance

Apriori

FP-Growth

3627

47

3

1689

25

2

941

8

1

Gambar 3.17 Skalabilitas Apriori dan FP-Growth berdasarkan Waktu Eksekusi dan Jumlah Instance

113 Tabel 3.20 Waktu Eksekusi untuk Level Confidence yang Berbeda Jumlah Instance

Waktu Eksekusi (dalam Detik) Apriori

FP-Growth

0,5

15

1

0,7

18

2

0,9

56

3

Gambar 3.18 Skalabilitas Apriori dan FP-Growth berdasarkan Waktu Eksekusi dan Level Confidence

Perbandingan

juga

dilakukan

secara

langsung

dengan

menggunakan Weka sebagai data mining tool dan data transaksi penjualan Christie’s Galleries dari April 2011 sampai dengan September 2013 dengan jumlah atribut pada file ARFF sebanyak 184 produk dan data sebanyak 861 transaksi sebagai sumber data. Parameter untuk mengukur waktu yang dibutuhkan oleh Apriori dan FP-Growth untuk mendapatkan association rules adalah minimum support dan confidence yang diterapkan pada masing-masing algoritma. Minimum confidence yang diterapkan saat memvariasikan minimum support adalah nol dan minimum support saat memvariasikan minimum confidence adalah nol dengan parameter Num of Rules sebanyak seribu. Tabel 3.21 menunjukkan hasil dari perbandingan waktu kinerja Apriori dan FP-Growth dengan variasi minimum support. Hasil tersebut diperjelas dengan grafik pada gambar 4.19.

114 Tabel 3.21 Hasil Waktu Eksekusi FP-Growth dan Apriori Berdasarkan Minimum Support Minimum Support 0,7 0,5 0,1 0,05 0,01 0,005 0,001

Apriori (dalam Detik) 2,2 3,3 5 5,26 6,8 11,81 23,4

FP-Growth (dalam Detik) 0,1 0,1 0,15 0,2 0,3 0,4 0,7

Gambar 3.19 Perbandingan Waktu Eksekusi Berdasarkan Minimum Support

Tabel 3.22 menunjukkan hasil dari perbandingan waktu kinerja Apriori dan FP-Growth dengan variasi minimum confidence. Hasil tersebut diperjelas dengan grafik pada gambar 4.20.

115 Tabel 3.22 Hasil Waktu Eksekusi FP-Growth dan Apriori Berdasarkan Minimum Confidence Minimum Confidence 0,7 0,5 0,1 0,05 0,01 0,005 0,001

Apriori (dalam Detik) 44,66 44,85 45,28 45, 59 45,62 45,96 46,01

FP-Growth (dalam Detik) 1,64 1,65 1,72 1,76 1,87 1,88 1,91

Gambar 3.20 Perbandingan Waktu Eksekusi Berdasarkan Minimum Confidence

Kesimpulan yang dapat ditarik berdasarkan hasil perbandingan waktu eksekusi masing-masing algoritma untuk menggali association rules adalah algoritma FP-Growth terbukti sangat unggul dalam kecepatan eksekusi. FP-Growth dapat lebih cepat menemukan association rule daripada Apriori berdasarkan jumlah instance dan level confidence dan support yang berbeda, sehingga FP-Growth dianggap memiliki kinerja yang lebih baik. Perbedaan kecepatan eksekusi FP-Growth dengan Apriori semakin jauh ketika minimum support semakin rendah dan perbedaan kecepatan cenderung sama saat minimum confidence semakin rendah. Oleh karena itu, algoritma

116 FP-Growth dipilih untuk mengimplementasikan untuk mendapatkan association rules untuk rekomendasi “Frequently Bought Together”.

3.2.2

Usulan Pemecahan Masalah Kebutuhan sistem untuk mengintegrasikan sarana cross-selling dapat dipenuhi dengan data mining. Metode CRISP-DM dianggap sebagai usulan pemecahan masalah karena metode ini memiliki tahaptahap efektif untuk mengimplementasikan algoritma data mining yang dibutuhkan.

Gambar 3.21 Tahap-Tahap Metode CRISP-DM

3.2.2.1

Business Understanding Tahap

perancangan

data

mining

yang

pertama

diimplementasikan adalah pemahaman mengenai tujuan dan masalah bisnis Christie’s Galleries. Pada tahap ini, pengetahuan yang diperoleh akan diubah menjadi definisi masalah data mining dan pendekatan pemecahan masalah tersebut. Pemahaman akan tujuan bisnis dengan benar sangat penting untuk memastikan bahwa perancangan data mining yang dilakukan

dapat memberikan pengetahuan

dan

informasi yang tepat sebagai hasil rekomendasi produk yang dapat ditampilkan pada web pages.

117 3.2.2.2

Data Understanding Tahap berikutnya setelah permasalahan bisnis dibentuk menjadi permasalahan data mining adalah pengumpulan dan pemilihan sumber data yang akan dibentuk sebagai sumber pembuatan model data mining. Tahap ini bermanfaat untuk memahami

sumber-sumber

data

yang

ada

dan

mengindentifikasikan masalah-masalah kualitas data yang ada pada sistem yang sedang berjalan.

3.2.2.3

Data Preparation Pada tahap data preparation, semua aktivitas yang dibutuhkan untuk membangun data set akhir, yakni data yang akan dimasukkan ke dalam proses modeling, dilakukan. Tahap ini mencakup pemilihan data yang ada di dalam data mart yang berhubungan dan akan digunakan dalam pembuatan model data mining. Pemilihan data dapat dilakukan dengan membuat view dari data mart, yang berisi data-data yang digunakan dalam data mining.

3.2.2.4

Modeling Teknik pemodelan

akan diterapkan pada

tahap

modeling. Pada tahap ini parameter-parameter dari teknik pemodelan ditinjau secara menyeluruh untuk mencari nilai dengan hasil yang memenuhi kebutuhan.

3.2.2.5

Evaluation Tahap selanjutnya setelah model data mining dibuat adalah evaluasi hasil-hasil yang diperoleh. Tahap ini dilakukan untuk memastikan bahwa hasil yang ada mampu memberikan informasi yang berguna sesuai dengan tujuan yang ingin dicapai sebelumnya.

118 3.2.2.6

Deployment Pada tahap ini, perancangan web page dan hasil data mining akan diintegrasikan untuk menjadikan pola-pola dan hubungan data yang ada menjadi informasi yang berguna untuk menampilkan rekomendasi produk untuk cross-selling. Proses integrasi antara hasil data mining dengan web pages ini akan dilakukan dengan memanfaatkan pemrograman web dan database.

119 3.3

Perancangan 3.3.1 Perancangan Sistem 3.3.1.1 Data Flow Diagram Data flow diagram membantu penggambaran proses yang ada pada website Christie’s Galleries. Data flow diagram website Christie’s Galleries dijelaskan sebagai berikut:

3.3.1.1.1 Data Flow Diagram Level 1 Berikut merupakan data flow diagram level 1 website Christie’s Galleries:

Gambar 3.22 Data Flow Diagram Level 1 Website Christie’s Galleries

121 Data flow diagram level 1 website Christie’s Galleries memiliki proses-proses yang akan dirinci lagi pada data flow diagram level 2. Proses yang tidak dirinci ditandai dengan *. Aliran data dari proses yang tidak dirinci pada diagram level 1, yaitu: 1. Proses Register Proses dan aliran data yang terjadi pada register adalah: a. Visitor

mengisi

formulir

dengan

data

pribadi (personal identitiy). b. Personal identity akan masuk ke dalam database tabel member.

2. Proses Confirm Payment Proses dan aliran data yang terjadi pada confirm payment adalah: a. Member mengisi formulir confirm payment dengan data-data pembayaran (payment information). b. Sistem akan menambahkan data-data yang telah diisi oleh member ke dalam tabel payment.

3. Proses Approve Payment Proses dan aliran data yang terjadi pada approve payment adalah: a. Admin dapat mengganti payment status pada halaman order list detail. b. Informasi mengenai pembayaran yang telah dilakukan member (payment information) dan didapat dari tabel payment. Informasi mengenai pemesanan yang telah dilakukan

122 member (order information) didapat dari tabel header_sales. c. Sistem akan mengganti status pembayaran pada tabel header_sales dengan payment status. 4. Proses Confirm Delivery Proses dan aliran data yang terjadi pada approve payment adalah: a. Admin dapat mengganti delivery status pada halaman order list detail. b. Informasi mengenai pemesanan yang telah dilakukan

member

(order

information)

didapat dari tabel header_sales. c. Sistem akan mengganti status pengiriman pada tabel header_sales dengan delivery status.

123

3.3.1.1.2 Data Flow Diagram Level 2 Data flow diagram level 2 website Christie’s Galleries terdiri dari: 1. Data Flow Diagram Manage Profile

Gambar 3.23 Data Flow Diagram Manage Profile

124 Aliran data setiap proses dijelaskan sebagai berikut: A. Proses Edit Personal Detail Proses dan aliran data yang terjadi pada edit personal detail adalah: 1. Member mengubah data pribadi (new personal detail) dengan cara mengisi formulir edit personal detail. Data pribadi

yang

dapat

diubah

oleh

member adalah nama, e-mail, dan nomor handphone. 2. New

personal

detail

akan

ditambahkan ke dalam tabel member.

B. Proses Edit Address Detail Proses dan aliran data yang terjadi pada edit address detail adalah: 1. Member mengubah data alamat (new address detail) dengan cara mengisi formulir edit address detail. Data alamat yang dapat diubah member adalah alamat, kode pos, kota, dan provinsi. 2. Data alamat pada tabel member akan diperbaharui dengan new address detail.

C. Proses Change Password Proses dan aliran data yang terjadi pada change password adalah: 1. Member mengubah password (new password)

dengan

cara

formulir change password.

mengisi

125 2. Password pada tabel member akan diperbaharui dengan new password.

D. Proses Forgot Password Proses dan aliran data yang terjadi pada forgot password adalah: 1. Member mengisi e-mail yang pernah didaftarkan pada sistem. 2. Sistem akan mencocokkan e-mail yang

dimasukkan

oleh

member

dengan e-mail yang ada pada tabel member pada data store. 3. Jika member tidak mengisi dengan email dengan benar atau tidak ada dalam tabel member, maka member akan mendapatkan pesan kesalahan. 4. Jika e-mail telah diisi dan terdaftar sebagai member, maka sistem akan menampilkan pertanyaan dari tabel member dan member harus mengisi sesuai dengan jawaban yang ada pada tabel member. Jika jawaban salah, member

akan

mendapat

pesan

kesalahan. Jika benar, maka sistem akan menampilkan password baru dan mengganti password lama dengan password baru.

126 2. Data Flow Diagram Order Product

Gambar 3.24 Data Flow Diagram Order Product

127 Aliran data setiap proses dijelaskan sebagai berikut: A. Proses Add Product to Cart Proses dan aliran data yang terjadi pada add product to cart adalah: 1. Member memilih produk yang ingin dipesan. 2. Sistem akan menampilkan rincian informasi

produk

(product

information) dengan produk-produk rekomendasinya. Product information didapatkan dari tabel product. 3. Member

melengkapi

pemesanan memilih

produk

warna

formulir

dengan

dan

ukuran

cara dan

mengisi jumlah pemesanan (order detail). 4. Order detail akan ditambahkan ke dalam tabel header_sales dan order product detail akan ditambahkan ke dalam tabel detail_sales.

B. Proses

Order

Customize

Hardcase,

Softcase, and Skin Protector Proses dan aliran data yang terjadi pada order customize hardcase, softcase, and skin protector adalah: 1. Member memilih hardcase, softcase, atau

skin

protector

yang

ingin

dipesan. 2. Member pemesanan

melengkapi

formulir

dengan

memilih

cara

gadget, mengisi jumlah pemesanan, dan

upload

gambar

(customize

128 hardcase, softcase, and skin protector detail).

Sistem

akan

memberi

informasi harga dan diskon yang ada sesuai dengan gadget dan produk yang dipilih. 3. Sistem akan menambahkan data yang didapat

dari

formulir

pemesanan

customize hardcase, softcase, and skin protector

order

ke

dalam

tabel

header_sales dan customize hardcase, softcase, and skin protector detail ke dalam tabel detail_sales_hss pada database.

C. Proses Add HSS Product to Cart Proses dan aliran data yang terjadi pada add HSS product to cart adalah: 1. Member memilih hardcase, softcase, atau skin protector yang sudah ada yang ingin dipesan. Informasi produk didapatkan dari tabel product_hss. 2. Member pemesanan

melengkapi produk

formulir

dengan

cara

memilih gadget dan mengisi jumlah pemesanan (order HSS detail). Sistem akan menampilkan harga dan diskon dari jenis produk (hardcase, softcase, atau skin protector) dan gadget yang dipilih. 3. Order HSS detail akan ditambahkan ke dalam tabel header_sales dan order HSS akan ditambahkan ke dalam tabel detail_sales_hss.

129 D. Proses Edit Order Detail Proses dan aliran data yang terjadi pada edit order detail adalah: 1. Member memilih detail pemesanan produk

yang

ingin

diubah

pada

shopping cart. 2. Member

dapat

mengubah

detail

pemesanan produk berupa warna, ukuran, dan jumlah pemesanan (new order detail). 3. Sistem akan mengubah data lama yang ada pada tabel detail_sales atau tabel

detail_sales_hss

(untuk

hardcase, softcase, dan skin protector) dengan new order detail atau new order hss detail.

E. Proses Delete Product in Cart Proses dan aliran data yang terjadi pada edit order detail adalah: 1. Member memilih produk yang ingin dihapus pada shopping cart. 2. Member

akan

mengirimkan

permintaan untuk menghapus produk dengan cara menekan delete icon yang ada pada halaman shopping cart (order to be deleted). 3. Sistem akan menghapus data produk yang ada pada tabel header_sales dan tabel

detail_sales

detail_sales_hss

atau

(untuk

tabel produk

gadget, yaitu hardcase, softcase, dan skin protector).

130 F. Proses Submit Order Proses dan aliran data yang terjadi pada submit order adalah: 1. Member

akan

permintaan

untuk

mengirimkan submit

order

dengan cara menekan tombol submit order

yang

ada

pada

halaman

shopping cart. 2. Sistem

akan

mengubah

payment_status yang ada pada tabel header_sales

menjadi

“UNCONFIRMED”. 3. Setelah itu, sistem akan memperbarui data

pada

tabel

recommendation

dengan mengolah transaction history yang

telah

berubah

pada

tabel

header_sales dan tabel detail_sales. New

Recommendation

akan

dimasukkan pada tabel recommendation.

131 3. Data Flow Diagram Manage Product

Gambar 3.25 Data Flow Diagram Manage Product

132 Aliran data setiap proses dijelaskan sebagai berikut: A. Proses Insert Product Proses dan aliran data yang terjadi pada insert product adalah: 1. Admin melengkapi formulir insert product (product detail). 2. Sistem akan menambahkan product detail ke dalam tabel product atau product_hss

(untuk

hardcase,

softcase, dan skin protector) dalam database.

B. Proses Update Product Info Proses dan aliran data yang terjadi pada update product info adalah: 1. Admin

mengisi

formulir

update

product info (new product detail). 2. Sistem akan mengganti data lama dengan new product detail ke dalam tabel product atau product_hss (untuk hardcase, softcase, dan skin protector) dalam database.

C. Proses Insert Product Colour Proses dan aliran data yang terjadi pada insert product colour adalah: 1. Admin melengkapi formulir insert product dengan cara memilih warna, status,

dan

meng-upload

gambar

(product colour detail). 2. Sistem akan menambahkan product colour

detail

product_colour.

ke

dalam

tabel

133

D. Proses Update Product Colour Detail Proses dan aliran data yang terjadi pada update product colour detail adalah: 1. Admin dapat mengganti warna, status ketersediaan,

dan

gambar

pada

formulir update product colour detail (new product colour detail). 2. Sistem akan mengganti data lama dengan new product colour detail ke dalam tabel product_colour.

E. Proses Add Size Proses dan aliran data yang terjadi pada add size adalah: 1. Admin dapat menambahkan ukuran dan status ketersediaan dari produk yang telah dipilih (size detail). 2. Sistem akan menambahkan size detail ke dalam tabel product_colour_size.

F. Proses Insert Gadget Proses dan aliran data yang terjadi pada insert gadget adalah: 1. Admin

mengisi

nama

untuk

menambahkan gadget (gadget detail). 2. Sistem

akan

menambahkan

new

gadget ke dalam tabel gadget.

G. Proses Update Gadget Proses dan aliran data yang terjadi pada update gadget adalah:

134 1. Admin mengisi nama gadget untuk mengubah data lama (new gadget detail). 2. Sistem akan mengganti data lama dengan new gadget detail ke dalam tabel gadget.

H. Proses Insert Hardcase, Softcase, and Skin Protector Price Proses dan aliran data yang terjadi pada insert

hardcase,

softcase,

and

skin

protector price adalah: 1. Admin melengkapi formulir insert hardcase, softcase, and skin protector price dengan cara memilih nama gadget,

memasukkan

harga

dan

diskon (hardcase, softcase, and skin protector price info). 2. Sistem akan menambahkan hardcase, softcase, and skin protector price info ke dalam tabel hss_price.

I. Proses Update Hardcase, Softcase, and Skin Protector Price Proses dan aliran data yang terjadi pada update hardcase, softcase, and skin protector price adalah: 1. Admin melengkapi formulir update hardcase, softcase, and skin protector price dengan cara memasukkan harga dan diskon yang baru (new hardcase, softcase, and skin protector price info).

135 2. Sistem akan mengganti data lama dengan new hardcase, softcase, and skin protector price info ke dalam tabel hss_price.

J. Proses Delete Hardcase, Softcase, and Skin Proctector Price Proses dan aliran data yang terjadi pada delete

hardcase,

softcase,

and

skin

protector price adalah: 1. Admin memilih produk yang ingin dihapus pada halaman view HSS pricing. 2. Admin akan mengirimkan permintaan untuk menghapus produk dengan cara menekan tombol delete yang ada pada halaman view HSS pricing (hardcase, softcase, and skin protector price to be deleted). 3. Sistem akan menghapus data produk yang ada tabel hss_price.

136

4. Data Flow Diagram Send and Receive Message

Gambar 3.26 Data Flow Diagram Send and Receive Message

137 Aliran data setiap proses dijelaskan sebagai berikut: A. Proses Receive Message Proses dan aliran data yang terjadi pada receive message adalah: 1. Member

atau

admin

mengirimkan

permintaan untuk melihat pesan yang masuk dengan cara mengklik icon message pada halaman home. 2. Sistem akan menampilkan pesan dari member untuk admin (message from member) atau pesan dari admin untuk member (message from admin) dari tabel message. 3. Waktu view message (Seen Time) akan dicatat pada tabel message pada kolom seen.

B. Proses Sent Message Proses dan aliran data yang terjadi pada sent message adalah: 1.

Member atau admin mengirimkan pesan (message to admin dikirim oleh member dan message to member dikirim oleh admin).

2.

Sistem akan menampilkan waktu pengiriman dan pesan oleh member untuk admin (message to admin) atau oleh admin untuk member (message to member).

3.

Waktu sent message (Sent Time) akan dicatat pada tabel message pada kolom sent.

138 3.3.1.2

Flowchart Flowchart-flowchart untuk pemodelan perancangan website Christie’s Galleries: 1. Register Flowchart

Gambar 3.27 Register Flowchart

Register flowchart menjelaskan proses ketika visitor ingin menjadi member dari website Christie’s Galleries. Visitor harus mendaftar agar dapat menjadi member dan melakukan transaksi pada website Christie’s Galleries. Display error notification ditampilkan pada halaman yang sama dengan display register form. Data akan dimasukkan ke dalam tabel member yang terdapat dalam database.

139 2. Sign In Flowchart

Gambar 3.28 Sign In Flowchart

140 Sign in flowchart menjelaskan proses ketika member atau admin dari website Christie’s Galleries ingin melakukan sign in atau masuk ke dalam website Christie’s Galleries. Member yang telah sign in dapat melakukan

transaksi

pembelian

produk

dan

menggunakan berbagai fitur yang tersedia pada website Christie’s Galleries.

3. Sign Out

Gambar 3.29 Sign Out Flowchart

Sign out flowchart menjelaskan proses ketika member atau admin telah menyelesaikan transaksi pada website Christie’s Galleries dan ingin melakukan sign out.

141 4. View Product Flowchart

Gambar 3.30 View Product Flowchart

View product flowchart menjelaskan proses ketika member dan visitor ingin menampilkan produk yang ditawarkan pada website Christie’s Galleries. Customer dapat memilih kategori produk agar produk yang ditampilkan lebih spesifik.

142 5. Search Product Flowchart

Gambar 3.31 Search Product Flowchart

Search product flowchart menjelaskan proses ketika member atau visitor ingin mencari produk yang ditawarkan website Christie’s Galleries menggunakan search box. Member atau visitor dapat mengetikkan kata kunci pada search box dan hasil dari pencarian produk akan ditampilkan. Hasil pencarian dapat diurutkan berdasarkan nama atau harga.

143 6. Add Product to Cart Flowchart

Gambar 3.32 Add Product to Cart Flowchart

144 Add product to cart flowchart menjelaskan proses ketika member ingin memesan produk yang ditawarkan pada website Christie’s Galleries. Member dapat memilih warna dan ukuran, serta memesan jumlah produk sesuai keinginannya. Search product flowchart dapat dilihat pada gambar 3.31. View product flowchart dapat dilihat pada gambar 3.30. Data akan dimasukkan ke dalam tabel header_sales

dan

tabel

detail_sales

atau

tabel

detail_sales_hss (untuk hardcase, softcase, dan skin protector) yang terdapat dalam database.

145 7. Add HSS Product to Cart Flowchart

Gambar 3.33 Add HSS Product to Cart Flowchart

146 Add product HSS to cart flowchart menjelaskan proses ketika member ingin memesan produk yang hardcase, softcase, atau skin protector pada website Christie’s Galleries. Data akan dimasukkan ke dalam tabel header_sales dan tabel detail_sales atau tabel detail_sales_hss (untuk hardcase, softcase, dan skin protector) yang terdapat dalam database.

147 8. Order Customize

Hardcase, Softcase, and Skin

Protector

Gambar 3.34 Order Customize Hardcase, Softcase, and Skin Protector Flowchart

148

Order customize hardcase, softcase, and skin protector flowchart di atas menjelaskan proses ketika member ingin memesan hardcase, softcase, atau skin protector sesuai dengan yang diinginkan oleh member pada website Christie’s Galleries. Member dapat memilih gadget, meng-upload gambar, dan memesan jumlah produk

sesuai

dengan

keinginannya.

Data

akan

dimasukkan ke dalam tabel header_sales dan tabel detail_sales_hss.

9. View Product in Cart

Gambar 3.35 View Product in Cart Flowchart

View product in cart flowchart di atas menjelaskan proses ketika member ingin menampilkan produk yang ada di keranjang belanjanya.

149

10. Submit Order Flowchart

Gambar 3.36 Submit Order Flowchart

Submit Order Flowchart menjelaskan proses ketika member telah menambahkan produk dalam keranjang belanja miliknya dan ingin membeli produk tersebut. Member mengklik submit order button dan produkproduk tersebut dapat dikonfirmasi pembayarannya. View product in cart flowchart dapat dilihat pada gambar 3.35.

150

11. Edit Order Detail Flowchart

Gambar 3.37 Edit Order Detail Flowchart

Edit order detail flowchart menjelaskan proses ketika member ingin mengganti detail produk dari pemesanan yang telah dilakukan oleh member. Member dapat mengganti warna, ukuran, atau jumlah pemesanan

151 dari suatu produk. View product in cart flowchart dapat dilihat pada gambar 3.35.

12. Delete Product in Cart

Gambar 3.38 Delete Product in Cart Flowchart

Delete product in cart flowchart menjelaskan proses ketika member ingin membatalkan pesanan produk yang telah ditambahkan ke dalam keranjang belanja. Member harus menampilkan produk yang ada di keranjang belanja miliknya agar dapat menghapus produk tersebut. View product in cart flowchart dapat dilihat pada gambar 3.35.

152

13. View Profile Flowchart

Gambar 3.39 View Profile Flowchart

View profile flowchart menjelaskan proses ketika member dari website Christie’s Galleries ingin melihat data pribadi yang didaftarkan pada website Christie’s Galleries. Data pribadi ini digunakan untuk data-data pengiriman produk.

153

14. Edit Personal Detail Flowchart

Gambar 3.40 Edit Personal Detail Flowchart

Edit personal detail flowchart menjelaskan proses ketika member ingin mengganti data pribadi. Data pribadi yang dapat diubah oleh member adalah nama, email, dan nomor handphone. View profile flowchart dapat dilihat pada gambar 3.39.

154

15. Edit Address Detail Flowchart

Gambar 3.41 Edit Address Detail Flowchart

Edit address detail flowchart menjelaskan proses ketika member ingin mengganti detail alamat. Detail alamat yang dapat diubah oleh member adalah alamat, kota, provinsi, dan kode pos. View profile flowchart dapat dilihat pada gambar 3.39.

155

16. Change Password Flowchart

Gambar 3.42 Change Password Flowchart

Change password flowchart menjelaskan proses ketika member ingin mengganti password. Member harus mengisi formulir change password dengan data yang benar. View profile flowchart dapat dilihat pada gambar 3.39.

156

17. Forgot Password Flowchart

Gambar 3.43 Forgot Password Flowchart

157 Forgot password flowchart di atas menjelaskan proses ketika member ingin mendapatkan password baru karena member lupa password lama yang dimilikinya. Member harus mengisi pertanyaan yang ada di formulir forgot password untuk mendapatkan password baru. Password baru akan ditampilkan dan menggantikan password lama pada database Christie’s Galleries.

158 18. Confirm Payment Flowchart

Gambar 3.44 Confirm Payment Flowchart

Confirm payment flowchart menjelaskan proses ketika member ingin memberitahukan admin mengenai pembayaran yang telah diselesaikan untuk pemesanan yang dilakukan member. Member dapat mengisi formulir confirm payment sesuai dengan pembayaran yang telah

159 dilakukan. Data akan dimasukkan ke dalam tabel payment yang terdapat dalam database.

19. View Transaction History Flowchart

Gambar 3.45 View Transaction History Flowchart

View transaction history flowchart menjelaskan proses ketika

member ingin menampilkan daftar

transaksi pembelian yang pernah dilakukan. Daftar transaksi yang ditampilkan adalah transaksi yang telah selesai diproses dan transaksi yang telah dikonfirmasi pembayarannya. Member dapat melihat detail transaksi dengan cara mengklik detail button.

160 20. View Message Flowchart

Gambar 3.46 View Message Flowchart View message flowchart menjelaskan proses ketika member atau admin ingin menampilkan pesan yang diterima. Pesan yang telah dibaca akan berubah status menjadi seen.

21. Sent Message Flowchart

Gambar 3.47 Sent Message Flowchart View sent flowchart menjelaskan proses ketika member atau admin ingin mengirim pesan. Member hanya dapat mengirim pesan ke dan menerima pesan dari admin. Admin dapat mengirim dan menerima pesan dari

161 semua member. View message flowchart dapat dilihat pada gambar 3.46. Data dimasukkan ke dalam tabel message pada database.

22. View Member Flowchart

Gambar 3.48 View Member Flowchart

View member flowchart di atas menjelaskan proses ketika admin ingin menampilkan daftar member yang ada pada website Christie’s Galleries. Admin juga dapat menampilkan data pribadi setiap member.

162 23. Search Member Flowchart

Gambar 3.49 Search Member Flowchart

Search member flowchart menjelaskan proses ketika admin ingin mencari member pada website Christie’s Galleries menggunakan search box. Admin dapat mengetikkan kata kunci pada search box dan hasil dari pencarian member akan ditampilkan. View member flowchart dapat dilihat pada gambar 3.48.

163 24. View Product Admin Flowchart

Gambar 3.50 View Product Admin Flowchart

View product admin flowchart di atas menjelaskan proses ketika admin ingin menampilkan daftar produk yang ada pada website Christie’s Galleries. Admin dapat menampilkan produk sesuai kategori untuk menampilkan produk secara spesifik.

164 25. Insert Product Flowchart

Gambar 3.51 Insert Product Flowchart

Insert product flowchart di atas menjelaskan proses ketika

admin

ingin

menambahkan

produk

untuk

ditawarkan pada website Christie’s Galleries. Admin dapat mengisi formulir detail produk dan kemudian produk akan ditambahkan ke dalam database. Data akan ditambahkan ke dalam tabel product atau product_hss (untuk hardcase, softcase, dan skin protector) yang terdapat dalam database. View product admin flowchart dapat dilihat pada gambar 3.50.

165 26. Update Product Info Flowchart

Gambar 3.52 Update Product Info Flowchart

Update product info flowchart menjelaskan proses ketika admin ingin mengubah informasi dari produk yang ditawarkan pada website Christie’s Galleries. Informasi dari produk yang dapat diubah pada update product info flowchart adalah nama, harga, diskon, status ketersediaan, dan gambar. View product admin flowchart dapat dilihat pada gambar 3.50.

166

27. Insert Product Colour Flowchart

Gambar 3.53 Insert Product Colour Flowchart

Insert product colour flowchart menjelaskan proses ketika admin ingin menambahkan warna dari produk yang ada pada website Christie’s Galleries. Admin dapat menambahkan warna, gambar, ukuran, dan status ketersediaan pada untuk produk tersebut. View product admin flowchart dapat dilihat pada gambar 3.50. Data akan dimasukkan ke dalam tabel product_colour yang terdapat dalam database.

167

28. Update Product Colour Detail Flowchart

Gambar 3.54 Update Product Colour Detail Flowchart

168

Update

product

colour

detail

flowchart

menjelaskan proses ketika admin ingin mengubah informasi dari produk berdasarkan warna produk yang ditawarkan pada website Christie’s Galleries. Informasi dari produk yang dapat diubah pada update product colour

detail

flowchart

adalah

ukuran,

status

ketersediaan, dan gambar. View product admin flowchart dapat dilihat pada gambar 3.50.

29. Add Size Flowchart

Gambar 3.55 Add Size Flowchart

169 Add size flowchart menjelaskan proses ketika admin

ingin

menambahkan

ukuran

dari

produk

berdasarkan warna produk yang ada pada website Christie’s Galleries. View product admin flowchart dapat dilihat pada gambar 3.50.

30. View Order List Flowchart

Gambar 3.56 View Order List Flowchart

View order list flowchart menjelaskan proses ketika admin ingin menampilkan daftar pemesanan yang ada pada website Christie’s Galleries. Admin dapat melihat

170 detail pemesanan yang dilakukan oleh member. Data akan dimasukkan ke dalam tabel product_colour_size yang terdapat dalam database. View member flowchart dapat dilihat pada gambar 3.48.

31. Edit Order Status Flowchart

Gambar 3.57 Edit Order Status Flowchart

Edit order status flowchart menjelaskan proses ketika admin ingin mengubah status pemesanan yang ada pada

website

Christie’s

Galleries.

Admin

dapat

mengubah status pengiriman dan status pembayaran pada pemesanan yang dilakukan member. View order list flowchart dapat dilihat pada gambar 3.56.

171 32. View Payment Detail Flowchart

Gambar 3.58 View Payment Detail Flowchart

View payment detail flowchart menjelaskan proses ketika admin ingin menampilkan detail pembayaran yang telah dilakukan oleh member. Admin dapat mencocokkan pembayaran yang dilakukan oleh member dengan harga produk. View order list flowchart dapat dilihat pada gambar 3.56.

33. View Gadget Flowchart

Gambar 3.59 View Gadget Flowchart

172

View gadget flowchart menjelaskan proses ketika admin ingin menampilkan daftar gadget.

34. Insert Gadget Flowchart

Gambar 3.60 Insert Gadget Flowchart

173 Insert gadget flowchart menjelaskan proses ketika admin ingin menambahkan tipe gadget untuk website Christie’s Galleries. Admin dapat mengisi nama gadget. Data akan dimasukkan ke dalam tabel gadget yang terdapat dalam database. View gadget flowchart dapat dilihat pada gambar 3.59.

35. Update Gadget Flowchart

Gambar 3.61 Update Gadget Flowchart

174 Update gadget flowchart menjelaskan proses ketika admin ingin mengganti tipe gadget yang ada pada website Christie’s Galleries. Admin dapat memasukkan tipe gadget baru. View gadget flowchart dapat dilihat pada gambar 3.59.

36. View Hardcase, Softcase, and Skin Protector Pricing Flowchart

Gambar 3.62 View Hardcase, Softcase, and Skin Proctector Pricing Flowchart

View hardcase, softcase, and skin protector pricing flowchart menjelaskan proses ketika admin ingin menampilkan daftar harga dari hardcase, softcase, atau skin protector berdasarkan gadget yang ada pada website Christie’s Galleries.

175 37. Insert Hardcase, Softcase, and Skin Protector Price Flowchart

Gambar 3.63 Insert Hardcase, Softcase, and Skin Protector Price Flowchart

Insert hardcase, softcase, and skin protector price flowchart menjelaskan proses ketika admin ingin

176 menambahkan harga baru untuk hardcase, softcase, atau skin protector berdasarkan gadget yang ada pada website Christie’s Galleries. Admin mengisi harga, diskon, dan memilih gadget. Data akan dimasukkan ke dalam tabel hss_price yang terdapat dalam database. View hardcase, softcase, and skin protector pricing flowchart dapat dilihat pada gambar 3.62.

38. Update Hardcase, Softcase, and Skin Protector Price Flowchart

Gambar 3.64 Update Hardcase, Softcase, and Skin Protector Price Flowchart

177 Update hardcase, softcase, and skin protector price flowchart menjelaskan proses ketika admin ingin mengganti harga dari hardcase, softcase, atau skin protector berdasarkan gadget yang ada pada website Christie’s Galleries. View hardcase, softcase, and skin protector pricing flowchart dapat dilihat pada gambar 3.62.

39. Delete Hardcase, Softcase, and Skin Protector Price Flowchart

Gambar 3.65 Delete Hardcase, Softcase, and Skin Protector Price Flowchart

Delete hardcase, softcase, and skin protector price flowchart menjelaskan proses ketika admin ingin menghapus harga dari aksesoris gadget berdasarkan tipe gadget yang ada pada website Christie’s Galleries. View hardcase, softcase, and skin protector pricing flowchart dapat dilihat pada gambar 3.62.

178 40. Generate Best Selling and New Arrival Products Flowchart

Gambar 3.66 Generate Best Selling and New Arrival Products Flowchart

Generate best selling and new arrival products flowchart menjelaskan proses ketika admin ingin menampilkan daftar produk best selling dan new arrival. Daftar produk best selling akan dimasukkan ke dalam tabel best_selling dan daftar produk new arrival akan dimasukkan ke dalam tabel new_arrival yang terdapat di dalam database.

179 3.3.2

Entity Relationship Diagram Entitas dan hubungan antarentitas yang dirancang untuk web Christie’s Galleries dapat dilihat pada ERD di gambar 3.67. Tabel-tabel ini digunakan untuk menunjang proses bisnis Christie’s Galleries, menyimpan transaksi, mengimplementasikan sistem rekomendasi, dan memungkinkan web menjadi lebih handal dalam mengolah data.

Gambar 3.67 Entity Relationship Diagram untuk Web Christie’s Galleries

181 Tabel 3.23 Metadata Tabel antecedent_frequently Tabel

antecedent_frequently

Keterangan

Tabel berisi produk-produk yang ada pada antecedent pada aturan asosiasi produk-produk yang dibeli bersamaan.

Primary Key

ruleid, productid

Foreign Key

a. ruleid ke tabel frequently_bought_together, b. productid ke tabel product.

No 1

Nama Field ruleid

Tipe Data Int(11)

Keterangan Primary key dari tabel antecedent_frequently dan foreign key ke tabel frequently_bought_together.

2

productid

Char(5)

Primary key dari tabel antecedent_frequently dan foreign key ke tabel product.

3

count

Int(11)

Jumlah produk di antecedent yang ada pada transaksi.

182 Tabel 3.24 Metadata Tabel best_selling Tabel

best_selling

Keterangan

Tabel berisi produk-produk (selain hardcase, softcase, dan skin protector) yang paling banyak terjual di Christie’s Galleries.

Primary Key

rank

Foreign Key

productid ke tabel product.

No 1

Nama Field rank

Tipe Data Tinyint(4)

Keterangan Primary key dari tabel best_seling sekaligus peringkat dari produk untuk status best selling.

2

productid

Char(5)

Foreign key ke tabel product.

183 Tabel 3.25 Metadata Tabel city Tabel

city

Keterangan

Tabel dimensi ini berisi kota-kota di Indonesia.

Primary Key

cityid

Foreign Key

provinceid ke tabel province.

No

Nama Field

Tipe Data

Keterangan

1

cityid

Int(11)

Primary key tabel city.

2

cityname

Varchar(25)

Nama kota.

3

provinceid

Int(11)

Foreign key ke tabel province.

4

jne_price

Int(11)

Harga pengiriman dengan jasa JNE

184 Tabel 3.26 Metadata Tabel colour Tabel

colour

Keterangan

Tabel ini berisi semua warna yang tersedia untuk semua produk. Atribut yang disimpan berupa data warna produk.

Primary Key

colourcode

Foreign Key

-

No

Nama Field

Tipe Data

Keterangan

1

colourcode

Int(11)

Primary key untuk tabel colour.

2

colour

Varchar(20)

Nama warna.

185 Tabel 3.27 Metadata Tabel consequent_frequently Tabel

consequent_frequently

Keterangan

Tabel berisi produk-produk yang ada pada consequent pada aturan asosiasi produk-produk yang dibeli bersamaan.

Primary Key

ruleid, productid

Foreign Key

a. ruleid ke tabel frequently_bought_together, b. productid ke tabel product.

No 1

Nama Field ruleid

Tipe Data Int(11)

Keterangan Primary key dari tabel consequent_frequently dan foreign key ke tabel frequently_bought_together.

2

productid

Char(5)

Primary key dari tabel consequent_frequently dan foreign key ke tabel product.

3

count

Int(11)

Jumlah produk antecedent dan consequent yang ada pada transaksi.

186 Tabel 3.28 Metadata Tabel detail_sales Tabel

detail_sales

Keterangan

Tabel dimensi ini berisi detil transaksi pembelian, seperti produk, warna produk, ukuran, harga, dan diskon produk, dan kuantitas pembelian.

Primary Key

transactionid, productid, colourcode

Foreign Key

a. transactionid ke tabel header_sales, b. productid ke tabel product, c. colourcode ke tabel colour, dan d. size ke tabel size.

No

Nama Field

Tipe Data

Keterangan

1

transactionid

Char(7)

2

productid

Char(5)

Primary key tabel detail_sales dan foreign key ke tabel header_sales. Primary key tabel detail_sales dan foreign key ke tabel product.

3

colourcode

Int(11)

Primary key tabel detail_sales dan foreign key ke tabel colour.

4

price

Int(11)

Harga produk saat transaksi berlangsung.

5

discount

Tinyint(4)

Diskon produk saat transaksi berlangsung.

6

qty

Int(11)

Banyak produk yang ingin dibeli.

187 Tabel 3.29 Metadata Tabel detail_sales_hss Tabel

detail_sales_hss

Keterangan

Tabel berisi detail penjualan produk yang berkaitan dengan gadget-gadget atau mobile phone seperti softcase, hardcase, dan skin protector pada Christie’s Galleries.

Primary Key

transactionid, gadgetid, img, typeid

Foreign Key

a. transactionid ke tabel header_sales, b. gadgetid ke tabel gadget, dan c. typeid ke tabel product_type.

No 1

Nama Field transactionid

Tipe Data Char(7)

Keterangan Primary key dari tabel detail_sales_hss dan foreign key ke tabel header_sales.

2

gadgetid

Int(11)

Primary key dari tabel detail_sales_hss dan foreign key ke tabel gadget.

3

img

Varchar(70)

Primary key dari tabel detail_sales_hss.

4

typeid

Int(11)

Primary key dari tabel detail_sales_hss dan foreign key ke tabel product_type.

5

price

Int(11)

Harga dari aksesoris gadget atau mobile phone yang telah dijual.

6

discount

Tinyint(4)

Jumlah diskon dari penjualan aksesoris gadget atau mobile phone.

7

qty

Int(11)

Jumlah aksesoris gadget atau mobile phone yang telah dijual.

188

Tabel 3.30 Metadata Tabel frequently_bought_together Tabel

Frequently_bought_together

Keterangan

Tabel berisi nilai-nilai asosiasi dari produk-produk (selain hardcase, softcase, dan skin protector) yang sering dibeli bersamaan. Datadiperoleh dengan teknik data mining.

Primary Key

ruleid

Foreign Key

-

No

Nama Field

Tipe Data

Keterangan

1

ruleid

Int(11)

Primary key dari tabel frequently_bought_together.

2

support

Float

Nilai support dari asosiasi.

3

confidence

Float

Nilai confidence dari asosiasi.

4

lift

Float

Nilai lift dari asosiasi.

5

leverage

Float

Nilai leverage dari asosiasi.

7

conviction

Float

Nilai conviction dari asosiasi.

8

best_rule

Tinyint(4)

Status apakah rule akan digunakan berdasarkan produk-produk yang ada pada antecedent.

189 Tabel 3.31 Metadata Tabel gadget Tabel

gadget

Keterangan

Tabel berisi gadget-gadget atau mobile phone yang untuk softcase, hardcase, dan skin protector.

Primary Key

gadgetid

Foreign Key

-

No

Nama Field

Tipe Data

Keterangan

1

gadgetid

Int(11)

Primary key dari tabel main_product_type.

3

gadgetname

Varchar(20)

Nama gadget atau mobile phone.

190 Tabel 3.32 Metadata Tabel header_sales Tabel

header_sales

Keterangan

Tabel dimensi ini berisi header transaksi pembelian, seperti member yang membeli, status pembayaran, status pengiriman, dan kapan pengiriman dilakukan.

Primary Key

transactionid

Foreign Key

memberid ke tabel member.

No

Nama Field

Tipe Data

Keterangan

1

transactionid

Char(7)

2

memberid

Char(7)

Primary key berisi kode transaksi dengan format “Txxxxxxx”, x adalah kode urut pelanggan. Foreign key ke tabel member.

3

date

Datetime

Tanggal terjadinya transaksi.

4

payment_status

Varchar(20)

5

delivery_status

Varchar(20)

6

deliver_date

Datetime

Status pembayaran. “ADD TO CART” bila produk baru dimasukkan ke keranjang belanja, “UNCONFIRMED” bila pembayaran belum dikonfirmasi oleh pelanggan, “CONFIRMED” bila pembayaran telah dikonformasi oleh pelanggan, dan “APPROVED” bila pembayaran telah dicek dan disetujui oleh admin. Status pengiriman. “DELIVERED” bila pengiriman telah dilakukan dan NULL bila produk belum dikirim. Tanggal pengiriman. Berisi NULL bila tanggal pengiriman sudah tidak diketahui (data transaksi awal) atau belum dilakukan pengiriman (sistem telah beroperasi).

191 Tabel 3.33 Metadata Tabel hss_price Tabel

hss_price

Keterangan

Tabel berisi detail hargadan potongan harga produk yang berhubungan dengan gadget dan mobile phone yang dijual Christie’s Galleries.

Primary Key

typeid, gadgetid

Foreign Key

a. typeid ke tabel product_type, b. gadgetid ke tabel gadget.

No 1

Nama Field typeid

Tipe Data Int(11)

Keterangan Primary key dari tabel hss_price dan foreign key ke tabel product_type.

2

gadgetid

Int(11)

Primary key dari tabel hss_price dan foreign key ke tabel gadget.

3

price

Int(11)

Harga dari produk yang berhubungan dengan gadget dan mobile phone yang dijual Christie’s Galleries.

4

discount

Tinyint(4)

Diskon yang diberikan saat melakukan pembelian.

192 Tabel 3.34 Metadata Tabel main_product_type Tabel

main_product_type

Keterangan

Tabel berisi tipe utama produk yang dijual.

Primary Key

main_typeid

Foreign Key

-

No

Nama Field

Tipe Data

Keterangan

1

main_typeid

Int(11)

Primary key dari tabel main_product_type.

2

main_type

Varchar(25)

Subtipe produk.

193 Tabel 3.35 Metadata Tabel member Tabel

member

Keterangan

Primary Key

Tabel dimensi ini berisi semua member atau pelanggan Christie’s Galleries. Atribut yang disimpan adalah data-data profil yang diperlukan dan foreign key untuk relasi ke tabel city dan province. memberid

Foreign Key

cityid ke tabel city.

No

Nama Field

Tipe Data

Keterangan

1

memberid

Char(7)

2

email

Varchar(30)

Primary key berisi kode pelanggan dengan format “Mxxxxxx”, x adalah kode urut pelanggan. Alamat email pelanggan.

3

password

Varchar(25)

Password pelanggan untuk login.

4

name

Varchar(30)

Nama pelanggan.

5

mobile

Varchar(14)

Nomor handphone pelanggan.

6

company

Varchar(30)

Perusahaan di mana pelanggan bekerja.

7

address1

Varchar(75)

Alamat pokok pelanggan.

8

address2

Varchar(75)

Alamat sekunder pelanggan.

9

cityid

Int(11)

Foreign key ke tabel city.

10

postcode

Char(5)

Kode pos pelanggan.

11

question

Varchar (100)

Pertanyaan bila pelanggan melupakan password.

12

answer

Varchar(25)

Jawaban yang harus pertanyaan bila pelanggan melupakan password.

194 Tabel 3.36 Metadata Tabel member_frequently Tabel

member_frequently

Keterangan

Tabel ini digunakan untuk memberikan rekomendasi personalisasi berdasarkan produk-produk yang dibeli oleh member dan produk yang biasa dibeli bersamaan dengan produk-produk tersebut.

Primary Key

id_rec

Foreign Key

a. memberid ke tabel member, b. rule_id ke tabel frequently_bought_together.

No

Nama Field

Tipe Data

Keterangan

1

id_rec

Int(11)

Primary key dari tabel member_frequently.

2

memberid

Char(7)

Foreign key ke tabel member.

3

ruleid

Int(11)

Foreign key ke tabel frequently_bought_together.

195 Tabel 3.37 Metadata Tabel message Tabel

Message

Keterangan

Tabel berisi atribut-atribut dari fitur message, seperti nama member yang mengirim message, nama member yang dikirimkan message, waktu pengiriman message, dan apakah message sudah dibuka penerima atau belum, dan waktu pembukaan message oleh penerima.

Primary Key

id

Foreign Key

a. member_from ke tabel member, b. member_to ke tabel member.

No

Nama Field

Tipe Data

Keterangan

1

id

Int(10)

Primary key dari tabel message.

2

member_from

Char(7)

Foreign key ke tabel member untuk mengetahui member yang mengirimkan pesan.

3

member_to

Char(7))

Foreign key ke tabel member untuk mengetahui member yang dikirimi pesan.

4

message

Text

Isi message.

5

sent

Datetime

Waktu pengiriman message.

6

recd

Tinyint(4)

Variabel untuk menentukan message sudah dibuka oleh penerima message atau belum. ‘0’ bila belum dibuka dan ‘1’ bila sudah.

7

seen

Datetime

Waktu message dilihat.

196 Tabel 3.38 Metadata Tabel new_arrival Tabel

new_arrival

Keterangan

Tabel berisi produk-produk (selain hardcase, softcase, dan skin protector) yang baru dijual di Christie’s Galleries.

Primary Key

rank

Foreign Key

productid ke tabel product.

No 1

Nama Field rank

Tipe Data Tinyint(11)

Keterangan Primary key dari tabel new_arrival sekaligus peringkat dari produk untuk status new arrival.

2

productid

Char(5)

Foreign key ke tabel product.

197 Tabel 3.39 Metadata Tabel payment Tabel

payment

Keterangan

Tabel berisi informasi pembayaran untuk transaksi, seperti tanggal pembayaran dan konfirmasi, akun bank yang Christie’s Galleries yang dipilih untuk melakukan pembayaran, nama akun bank, jumlah pembayaran, dan berita acara.

Primary Key

transactionid dan conf_date

Foreign Key

transactionid ke tabel header_sales.

No 1

Nama Field transactionid

Tipe Data Char(7)

Keterangan Primary key dari tabel payment dan foreign key ke tabel hader_sales.

2

conf_date

Datetime

Primary key dari tabel payment dan tanggal konfirmasi pembayaran.

3

payment_date

Date

Tanggal pembayaran.

4

to_bank

Varchar(30)

Akun Chirstie’s Galleries yang menjadi tujuan pembayaran.

5

account_name

Varchar(30)

Nama pemilik akun yang melakukan pembayaran.

6

amount

Int(11)

Jumlah pembayaran yang dilakukan.

7

message

Text

Berita acara.

198 Tabel 3.40 Metadata Tabel product Tabel

product

Keterangan

Tabel dimensi ini berisi semua produk di Christie’s Galleries. Atribut yang disimpan adalah data-data produk yang diperlukan dan foreign key untuk relasi ke product_type.

Primary Key

productid

Foreign Key

typeid ke product_type.

No

Nama Field

Tipe Data

Keterangan

1

productid

Char(5)

2

productname

Varchar(30)

Primary key berisi kode produk dengan format “CCxxx”, C adalah karakter diferensiasi jenis produk dan x adalah kode urut produk. Nama produk.

3

price

Int(11)

Harga jual produk.

4

discount

Tinyint(4)

Diskon untuk produk tersebut dalam persen.

5

typeid

Int(11)

Foreign key ke tabel product_type

6

picture

Varchar(50)

Nama file gambar dari produk yang disimpan.

7

status

Varchar(15)

8

inputted

Date

Status dari produk, apakah produk tersedia atau tidak. “Available” untuk produk yang tersedia dan “Not Available” untuk produk tidak tersedia. Tanggal input data ke tabel produk.

199 Tabel 3.41 Metadata Tabel product_colour Tabel

product_colour

Keterangan

Tabel penghubung tabel product dan colour yang berisi nama file gambar dari setiap warna produk.

Primary Key

productid, colour_code

Foreign Key

a. productid ke tabel product, b. colour_code ke tabel colour.

No 1

Nama Field productid

Tipe Data Char(5)

Keterangan Primary key dari tabel product_colour dan foreign key ke tabel product.

2

colour_code

Int(11)

Primary key dari tabel product_colour dan foreign key ke tabel colour.

3

image

Varchar(50)

Nama file gambar dari produk dengan warna tertentu.

200 Tabel 3.42 Metadata Tabel product_type Tabel

product_type

Keterangan

Tabel berisi jenis produk yang dijual.

Primary Key

typeid

Foreign Key

sub_typeid ke tabel sub_product_type.

No

Nama Field

Tipe Data

Keterangan

1

typeid

Int(11)

Primary key dari tabel product_type.

2

product_type

Varchar(21)

Tipe atau jenis produk.

3

sub_typeid

Int(11)

Foreign key ke tabel sub_product_type

201 Tabel 3.43 Metadata Tabel product_colour_size Tabel

product_colour_size

Keterangan

Tabel penghubung tabel product, colour, dan size sekaligus status ketersediaam produk tersebut.

Primary Key Foreign Key

productid, colourcode, dan size a. productid ke tabel product, b. colourcode ke tabel colour, dan c. size ke tabel size

No 1

Nama Field productid

Tipe Data Char(5)

Keterangan Primary key dari tabel product_colour_size dan foreign key ke tabel product.

2

colourcode

Int(11)

Primary key dari tabel product_colour_size dan foreign key ke tabel colour.

3

size

Int(11)

Primary key dari tabel product_colour_size dan foreign key ke tabel size.

4

Status

Varchar(15)

Status dari produk, apakah produk tersedia atau tidak. “Available” untuk produk yang tersedia dan “Not Available” untuk produk tidak tersedia.

202 Tabel 3.44 Metadata Tabel product_hss Tabel

product_hss

Keterangan

Tabel berisi produk-produk yang telah tersedia untuk hardcase, softcase, dan skin protector. Atribut tabel ini berupa detil informasi tentang produk dan jenis produk.

Primary Key

hss_id

Foreign Key

typeid ke tabel product_type.

No

Nama Field

Tipe Data

Keterangan

1

hss_id

Char(5)

2

typeid

Int(11)

Primary key berisi kode produk dengan format “CCxxx”, C adalah karakter diferensiasi jenis produk dan x adalah kode urut produk. Foreign key ke tabel product_type.

3

hss_name

Varchar(30)

Nama dari produk.

4

picture

Varchar(50)

Nama file gambar untuk menampilkan produk.

5

status

Varchar(15)

6

customize

Tinyint(4)

Status dari produk, apakah produk tersedia atau tidak. “Available” untuk produk yang tersedia dan “Not Available” untuk produk tidak tersedia. Status apakah produk yang dipesan di-customize atau tidak. ‘1’ untuk produk customized dan ‘0’ untuk tidak customized.

203 Tabel 3.45 Metadata Tabel province Tabel

province

Keterangan

Tabel dimensi ini berisi provinsi-provinsi di Indonesia.

Primary Key

provinceid

Foreign Key

-

No

Nama Field

Tipe Data

Keterangan

1

provinceid

Int(11)

Primary key tabel province.

2

provincename

Varchar(25)

Nama provinsi.

204 Tabel 3.46 Metadata Tabel recommendation Tabel

recommendation

Keterangan

Tabel berisi produk-produk untuk direkomendasi kepada member-member yang telah melakukan pembelian dengan nilai rekomendasi dari tiap-tiap produk yang belum dibeli.

Primary Key

memberid, productid

Foreign Key

a. memberid ke tabel member, b. productid ke tabel product.

No 1

Nama Field memberid

Tipe Data Char(7)

Keterangan Primary key dari tabel recommendation dan foreign key ke tabel member.

2

productid

Char(5)

Primary key dari tabel recommendation dan foreign key ke tabel product.

3

recommendation

Float

Nilai rekomendasi dari tiap-tiap produk.

205 Tabel 3.47 Metadata Tabel similarity Tabel

Similarity

Keterangan

Tabel berisi

Primary Key

productid1, productid2

Foreign Key

a. productid1 ke tabel product, b. productid2 ke tabel product.

No

Nama Field

Tipe Data

Keterangan

1

productid1

Char(5)

Primary key dari tabel similarity dan foreign key ke tabel product.

2

productid2

Char(5)

Primary key dari tabel similarity dan foreign key ke tabel product.

3

lift

Float

Nilai lift dari asosiasi kedua produk (productid1 dan productid2).

4

onetwo

Float

Nilai logical dari asosiasi productid1 ke productid2.

5

twoone

Float

Nilai logical dari asosiasi productid2 ke productid1.

6

tanimoto

Float

Nilai kesamaan kedua produk (productid1 dan productid2).

206 Tabel 3.48 Metadata Tabel size Tabel

size

Keterangan

Tabel berisi ukuran-ukuran untuk produk.

Primary Key

size

Foreign Key

-

No

Nama Field

Tipe Data

Keterangan

1

size

Int(11)

Primary key dari tabel size.

2

measure

Varchar(10)

Ukuran dari produk.

207 Tabel 3.49 Metadata Tabel sub_product_type Tabel

sub_product_type

Keterangan

Tabel berisi subtipe produk yang dijual.

Primary Key

sub_typeid

Foreign Key

main_typeid ke tabel main_product_type.

No

Nama Field

Tipe Data

Keterangan

1

sub_typeid

Int(11)

Primary key dari tabel sub_product_type.

2

sub_product_type

Varchar(25)

Subtipe produk.

3

main_typeid

Int(11)

Foreign key ke tabel main_product_type

208 3.4

Perancangan Layar Aplikasi Aplikasi website Christie’s Galleries memiliki perancangan layar sebagai berikut. 3.4.1

Rancangan Layar untuk Visitor dan Member 1.

Rancangan Layar Utama (Home) untuk Visitor

Logo Christie’s Galleries

Header

Menu

Search…

Sliding Image

Best Selling Products New Arrival Products Footer

Gambar 3.68 Rancangan Layar Utama (Home) untuk Visitor

Halaman ini merupakan halaman utama yang muncul ketika pengguna mengakses website. Pada halaman ini, pengguna dapat melihat produk-produk yang baru dan terlaris pada Christie’s Galleries.

209 2.

Rancangan Layar Utama (Home) untuk Member


Header

Menu

Search…

Sliding Image

Product Recommendation Best Selling Products New Arrival Products Footer

Gambar 3.69 Rancangan Layar Utama (Home) untuk Member

Halaman ini merupakan halaman utama untuk pengguna yang telah melakukan login, yaitu member. Pada halaman ini, member tidak hanya dapat melihat produk-produk terbaru dan terlaris, tetapi juga dapat melihat rekomendasi produk apabila member sudah pernah melakukan transaksi pembelian.

210 3.

Rancangan Layar Sign In


Header

Menu

Search…

Account Login

Register

Email

Register here

Password Forget your password? Yes

Remember? Login

Footer

Gambar 3.70 Rancangan Layar Sign In

Halaman ini merupakan halaman sign in bagi pengguna. Pengguna yang sudah menjadi member dapat login dengan memasukkan e-mail dan password. Setelah itu, pengguna dapat menekan tombol login. Pengguna yang belum menjadi member atau sebagai visitor dapat melakukan registrasi dari halaman ini dengan menekan link pada bagian “Register”.

211 4.

Rancangan Layar Forgot Password


Header

Menu

Search…

FORGOT PASSWORD Your email Submit

Footer

Gambar 3.71 Rancangan Layar Forgot Password I

Halaman ini berfungsi untuk membantu member yang lupa password mereka. Member dapat memasukkan e-mail mereka pada field yang tersedia. Setelah menekan tombol submit, member akan diarahkan ke halaman seperti pada gambar 3.72 berikut.


Header

Menu

Search…

FORGOT PASSWORD Your Email Your Question Your Answer

[email protected] siapa namamu?

Submit

Footer

Gambar 3.72 Rancangan Layar Forgot Password II

212

Pada halaman ini, member dapat mengisi jawaban mereka sesuai dengan pertanyaan yang telah dibuat oleh member pada saat register. Setelah member menekan tombol submit, maka sistem akan memberikan password baru kepada member.

5.

Rancangan Layar Register


Header

Menu

Search…

Your Personal Details *Last Name *Email *Mobile Phone Your Address Company *Address 1 Address 2 *Province *City *Postal Code Your Password *Password *Re-Type Password *Question *Answer

Register

Footer

Gambar 3.73 Rancangan Layar Register

Halaman ini merupakan halaman registrasi bagi pengguna yang ingin menjadi member. Pada halaman ini, pengguna dapat memasukkan informasi-informasi yang dibutuhkan kemudian menekan tombol register.

213 6.

Rancangan Layar Menu Produk


Header

Menu

Search…

MAIN CATEGORY Submenu 1 Submenu 2 Submenu 3

Image 1

Image 2

Image 3

Image 4

Product Name 1 Price




Image 5

Image 6

Image 7

Image 8





Footer

Gambar 3.74 Rancangan Layar Menu Produk

Halaman ini menampilkan produk-produk yang tersedia pada Christie’s Galleries berdasarkan kategori-kategori tertentu. Pengguna dapat melihat produk-produk yang diinginkan dan harga produk tersebut pada halaman ini. Rincian setiap produk akan ditampilkan ketika pengguna menekan link pada nama produk.

214 7.

Rancangan Layar Rincian Produk


Header

Menu

Search…

MAIN CATEGORY Submenu 1 Submenu 2

Pict 1

Pict 2

Pict 3

Pict 4

Pict 5

Color

Color

Color

Color

Color

Pict 6

Pict 7

Color

Color

Product Name Price Choose the color

Submenu 3

Size Quantity

Add to Cart

Product Recommendation

Footer

Gambar 3.75 Rancangan Layar Rincian Produk

Halaman ini menampilkan rincian produk, seperti warna-warna produk yang tersedia dan gambar untuk masing-masing warna. Pengguna yang ingin membeli produk ini dapat memilih warna, ukuran produk yang diinginkan, dan jumlah produk yang ingin dibeli. Setelah itu, pengguna dapat memasukkan produk ini ke keranjang belanja dengan cara menekan tombol add to cart. Pada halaman ini, pengguna juga dapat melihat rekomendasi produk, seperti, produk-produk yang sering dibeli secara bersamaan dan produk-produk yang juga dibeli oleh member lain yang telah membeli produk tersebut.

215 8.

Rancangan Layar Gadget Product


Header

Menu

Search…

MAIN CATEGORY Customize Product

Submenu 1 Submenu 2 Submenu 3

Image 1

Image 2

Image 3

Image 4





Image 5

Image 6

Image 7

Image 8





Footer

Gambar 3.76 Rancangan Layar Gadget Product

Halaman ini menampilkan produk-produk yang dijual Christie’s Galleries yang dapat di-customize. Pengguna dapat memberikan contoh produk yang mereka inginkan dengan menekan tombol customize product.

216 9.

Rancangan Layar Customized Gadget Product Form


Header

Menu MAIN CATEGORY

Search…

CUSTOMIZE PRODUCT


Gadget Price Quantity

IDR

Upload Image

Choose File

Add To Cart

Footer

Gambar 3.77 Rancangan Layar Customized Gadget Product Form

Pada halaman ini, pengguna dapat memberikan contoh gambar produk gadget yang diinginkan sesuai dengan kategori gadget yang tersedia. Pengguna dapat memasukkan jumlah produk dan mengunggah gambar yang diinginkan dengan menekan tombol choose file, kemudian menekan tombol add to cart untuk memasukkan ke keranjang belanja.

217 10.

Rancangan Layar Rincian Gadget Product


Header

Menu

Search…

MAIN CATEGORY

HARDCASE


Gadget Price Quantity

IDR

Selected Product

Image

Add To Cart

Footer

Gambar 3.78 Rancangan Layar Rincian Gadget Product

Halaman ini merupakan halaman rincian gadget product, yaitu hardcase, softcase, dan skin protector. Pada halaman ini, pengguna dapat memilih tipe gadget dan jumlah produk yang diinginkan, kemudian memasukkan ke keranjang belanja.

218 11. Rancangan Layar Search Product


Header

Menu

Search…

Sort by

Sort

Image 1

Image 2

Image 3

Image 4

Image 5






Image 6

Image 7

Image 8

Image 9

Image 10






Footer

Gambar 3.79 Rancangan Layar Search Product

Halaman ini merupakan halaman yang ditampilkan ketika pengguna melakukan pencarian produk pada kotak search. Pada halaman ini, produk-produk ditampilkan sesuai dengan nama produk yang dimasukkan oleh pengguna. Pengguna juga dapat mengurutkan produk yang ditampilkan berdasarkan nama maupun harga dengan memilih pilihan sort by yang tersedia dan menekan tombol sort.

219 12.

Rancangan Layar Shopping Cart


Header

Menu

Search…

YOUR SHOPPING CART Product

Description

Color

Size

Quantity

Price

Total

Ima ge

Edit

X

Subtotal Shipping Grand Total Clear Cart

Submit Order >>

Footer

Gambar 3.80 Rancangan Layar Shopping Cart

Halaman ini merupakan halaman keranjang belanja member. Halaman ini menampilkan produk yang dibeli oleh member beserta rinciannya. Pada halaman ini, member dapat mengubah rincian produk, menghapus produk tertentu, menghapus semua produk, dan melakukan submit order untuk melakukan transaksi pembelian.

220 13. Rancangan Layar Edit Cart Item


Header

Menu

Search…

EDIT CART ITEM Product

Description

Color

Size

Quantity

Price

Ima ge

Update

Footer

Gambar 3.81 Rancangan Layar Edit Cart Item

Pada halaman ini, member dapat melakukan perubahan terhadap produk yang akan dibeli. Member dapat mengubah warna, ukuran dan jumlah produk yang ingin dibeli, kemudian menekan tombol update untuk melakukan perubahan.

221 14.

Rancangan Layar Message untuk Member


Header

Menu

Search…

Conversation with Christie

Send

Footer

Gambar 3.82 Rancangan Layar Message untuk Member

Halaman ini merupakan halaman message bagi member dengan Christie. Member dapat berkomunikasi (chat) dengan Christie dengan mengirimkan pesan pada field yang tersedia.

222 15. Rancangan Layar Member Profile


Header

Menu MY ACCOUNT Submenu 1 Submenu 2

Search…

PERSONAL DETAILS Name : Email : Mobile Phone :

Edit

Submenu 3

ADDRESS DETAILS Address1 : Province : City : Postal Code :

Edit

Footer

Gambar 3.83 Rancangan Layar Member Profile

Halaman ini memberikan informasi tentang profile dari member. Member dapat mengubah informasi tersebut dengan menekan tombol edit.

223 16.

Rancangan Layar Edit Personal Details


Header

Menu MY ACCOUNT

Search…

EDIT PERSONAL DETAILS


Name Email Mobile Phone Save

Footer

Gambar 3.84 Rancangan Layar Edit Personal Details

Pada halaman ini, member dapat melakukan perubahan pada data pribadinya dengan mengisi field-field yang tersedia dan menekan tombol save.

224

17. Rancangan Layar Edit Address Details


Header

Menu MY ACCOUNT

Search…

EDIT ADDRESS DETAILS

Submenu 1 Submenu 2

Company Address1

Submenu 3

Address2 Province City Postal Code Save

Footer

Gambar 3.85 Rancangan Layar Edit Address Details

Pada halaman ini, member dapat melakukan perubahan pada data alamat dengan mengisi field-field yang tersedia dan menekan tombol save.

225 18.

Rancangan Layar Change Password


Header

Menu MY ACCOUNT

Search…

CHANGE PASSWORD

Submenu 1

New Password Confirm New Password

Submenu 2 Submenu 3

Save

Footer

Gambar 3.86 Rancangan Layar Change Password

Member dapat mengubah password dengan mengisi password baru yang diinginkan dan menekan tombol save.

19.

Rancangan Layar Confirm Payment


Header

Menu MY ACCOUNT

Search…

CONFIRM PAYMENT

Submenu 1

No.

Date

Description

Submenu 2 Submenu 3

Total

Payment Status Confirm

Footer

Gambar 3.87 Rancangan Layar Confirm Payment

Detail

226

Halaman ini menunjukkan transaksi yang dilakukan member yang belum melakukan konfirmasi pembayaran sehingga transaksi tersebut belum diproses. Member dapat melakukan konfirmasi dengan menekan tombol confirm. Member juga dapat melihat rincian transaksi dengan menekan tombol detail.

20. Rancangan Layar Payment Form


Header

Menu MY ACCOUNT

Search…

PAYMENT FORM


Payment Date To Bank Account Account Name Amount Message

Confirm

Footer

Gambar 3.88 Rancangan Layar Payment Form

Konfirmasi pembayaran dapat dilakukan dengan mengisi fieldfield formulir pembayaran, seperti pada gambar 3.88.

227 21.

Rancangan Layar Transaction History


Header

Menu MY ACCOUNT Submenu 1

Search…

TRANSACTION HISTORY No.

Date

Description

Total

Submenu 2

Payment Status

Delivery Status Detail

Submenu 3

Footer

Gambar 3.89 Rancangan Layar Transaction History

Halaman ini menampilkan transaksi-transaksi pembelian yang pernah dilakukan member. Rincian setiap transaksi dapat dilihat dengan menekan tombol detail.

228 22. Rancangan Layar Detail Transaction


Header

Menu MY ACCOUNT Submenu 1 Submenu 2

Search…

DETAIL TRANSACTION Purchase Date Payment Status Delivery Status

: : :

Submenu 3

Product

Description

Color

Size

Quantity

Price

Total

Image

Subtotal Shipping Cost Grand Total

Footer

Gambar 3.90 Rancangan Layar Detail Transaction

Halaman ini menampilkan rincian transaksi dari halaman transaction history. Halaman ini menunjukkan warna, ukuran, jumlah produk yang dibeli, dan total keseluruhan harga yang dibayar oleh member.

229 3.4.2

Rancangan Layar untuk Admin 1.

Rancangan Layar Utama Admin

Header Generate Best Selling and New Arrival

Action 1 Action 2 Action 3 Action 4 Action 5

Gambar 3.91 Rancangan Layar untuk Admin

Halaman ini merupakan halaman untuk admin yang telah melakukan login. Admin dapat memilih aksi-aksi yang dapat dilakukan pada link yang tersedia dan menghasilkan produk terlaris dan baru dengan menekan link generate best selling and new arrival. Produk-produk ini akan ditampilkan pada halaman home.

230 2.

Rancangan Layar View Member



Search…

Search

MEMBER LIST No.

Member Name Profile Details

Order List

Gambar 3.92 Rancangan Layar View Member

Halaman ini merupakan halaman bagi admin untuk melihat member-member pada Christie’s Galleries. Pada halaman ini, admin dapat melihat informasi member profile dengan menekan tombol profile details dan daftar pesanan atau transaksi yang telah dilakukan member tersebut dengan menekan tombol order details. Admin juga dapat melakukan pencarian member berdasarkan nama member tersebut dan menekan tombol search.

231

3.

Rancangan Layar Member Profile Details



PROFILE DETAILS Name Mobile Phone Company Address 1 Address 2 City Province Postal Code

: : : : : : : :

Gambar 3.93 Rancangan Layar Member Profile Details

Halaman ini menampilkan rincian profile member.

232 4.

Rancangan Layar Member Order List



MEMBER ORDER LIST No. Date Product Description Color Size Qty Price Total Subtotal Shipping Grandtotal

Payment Details

Payment Status

Confirmed

Delivery Status

Delivered

Gambar 3.94 Rancangan Layar Member Order List

Halaman ini menampilkan daftar pesanan yang telah dilakukan oleh member. Pada halaman ini, admin dapat melihat rincian pembayaran yang dilakukan member. Admin juga dapat mengubah status pembayaran dan pengiriman pada pesanan member tersebut.

233 5.

Rancangan Layar Payment Details



PAYMENT DETAILS Confirmation Date Payment Date To Bank Account Name Amount Message

: : : : : :

Gambar 3.95 Rancangan Layar Payment Details

Halaman ini menampilkan rincian pembayaran untuk transaksi yang dilakukan member.

6.

Rancangan Layar View Order List



ORDER LIST No. Date Name

Description

Total

Payment Status

Delivery Status

Detail

Gambar 3.96 Rancangan Layar View Order List

234

Halaman ini menampilkan semua transaksi yang dilakukan oleh semua member. Rincian pesanan dapat dilihat dengan menekan tombol detail.

7.

Rancangan Layar Order List Detail



ORDER LIST DETAIL No. Product Description

Color

Size

Qty

Price

Total

Payment Details

Subtotal Shipping Grand Total

Payment Status

Confirmed

Delivery Status

Delivered

Gambar 3.97 Rancangan Layar Order List Detail

Halaman ini menampilkan rincian transaksi yang dilakukan oleh member yang telah dipilih pada halaman view order list. Pada halaman ini, admin dapat melihat rincian pembayaran, mengubah status pembayaran, dan pengiriman member untuk transaksi tersebut.

235 8.

Rancangan Layar View Product



PRODUCT LIST Choose the product type

View Product

Gambar 3.98 Rancangan Layar View Product

Pada halaman ini, admin memilih tipe produk untuk menampilkan daftar produk sesuai dengan tipe yang dipilih.

9.

Rancangan Layar Product List



PRODUCT LIST Main Product Type Subproduct Type Product Type No

Product

: : : Description

Insert New Product Price

Discount

Total

Color/ Size Details

Gambar 3.99 Rancangan Layar Product List

Up date

236

Halaman ini menampilkan daftar produk sesuai dengan tipe produk yang telah dipilih pada halaman view product. Pada halaman ini, admin melakukan perubahan terhadap produk dan melihat rincian warna maupun ukuran produk.

10. Rancangan Layar Insert New Product



INSERT NEW PRODUCT Product Type Product Name Price Discount Status

: : : : :

Picture

:

Choose File

Insert

Gambar 3.100 Rancangan Layar Insert New Product

Pada halaman ini, admin dapat memasukkan produk baru sesuai dengan tipe produk yang dipilih sebelumnya. Admin dapat mengisi field-field yang tersedia dan menekan tombol insert.

237 11.

Rancangan Layar Update Product



PRODUCT LIST Main Product Type Subproduct Type Product Type Product

: : :

Description

Price

Discount

Status

Choose File

Save

Gambar 3.101 Rancangan Layar Update Product Pada halaman ini, admin dapat mengubah rincian produk yang diinginkan dan menekan tombol save.

12.

Rancangan Layar Product Color/Size Details



PRODUCT COLOR DETAILS Product Name Price Status

No

Image

: : :

Insert New Product Color

Color

Size

Status

Update

Add Size

Gambar 3.102 Rancangan Layar Product Color/Size Details

238

Halaman ini menampilkan rincian warna dan ukuran dari produk yang telah dipilih. Pada halaman ini, admin dapat mengubah warna dan ukuran produk, menambah warna produk, dan menambah ukuran produk.

13. Rancangan Layar Insert New Product Color



INSERT NEW PRODUCT COLOR AND SIZE Choose Color Image

: : Choose File

Price Size Status

: : :

Insert

Gambar 3.103 Rancangan Layar Insert New Product Color

Pada halaman ini, admin dapat menambah warna dan ukuran produk dengan mengisi field-field yang tersedia dan menekan tombol insert.

239 14.

Rancangan Layar Update Product Color Details



UPDATE PRODUCT COLOR DETAILS Product Name Price Status Color

: : : :

Upload New Image

:

Choose File

No.

Size

Status Save

Gambar 3.104 Rancangan Layar Update Product Color Details

Pada halaman ini, admin dapat mengubah ukuran dan status dari product color. Admin juga dapat upload gambar baru untuk product color tersebut.

240 15. Rancangan Layar Add Size Product Color



INSERT NEW PRODUCT SIZE Size Status

: :

Insert

DONE

Gambar 3.105 Rancangan Layar Add Size Product Color

Pada halaman ini, admin dapat menambah ukuran baru untuk product color yang dipilih sebelumnya.

16. Rancangan Layar View Gadget



GADGET LIST

Insert New Gadget No

Gadget

Update

Gambar 3.106 Rancangan Layar View Gadget

241

Halaman ini menampilkan daftar gadget. Admin dapat menambah gadget baru dan update gadget pada halaman ini.

17.

Rancangan Layar Insert New Gadget



INSERT NEW GADGET Gadget Name

:

Insert

Gambar 3.107 Rancangan Layar Insert New Gadget

Pada halaman ini, admin dapat menambahkan gadget baru dengan mengisi field-field yang tersedia.

242 18. Rancangan Layar Update Gadget



UPDATE GADGET Gadget Name

:

Submit

Gambar 3.108 Rancangan Layar Update Gadget

Pada halaman ini, admin dapat mengubah gadget yang dipilih.

19. Rancangan Layar View HSS Pricing



HARDCASE

Insert New Product No.

Gadget Name

Price

Discount

Update

Gambar 3.109 Rancangan Layar View HSS Pricing

Delete

243 Halaman ini menampilkan daftar harga produk harcase, softcase, dan skin protector. Admin dapat menambah produk baru untuk masing-masing tipe, melakukan update, dan menghapus produk tersebut.

20.

Rancangan Layar Insert HSS Price



INSERT PRICING HSS For

:

Gadget Name Price Discount

: : :

Insert

Gambar 3.110 Rancangan Layar Insert HSS Price

Pada halaman ini, admin dapat menambahkan harga harcase, softcase, dan skin protector yang baru dengan mengisi field-field yang tersedia dan menekan tombol insert.

244 21. Rancangan Layar Update HSS Price



UPDATE PRICE HSS Gadget Name Price Discount

: : :

Update

Gambar 3.111 Rancangan Layar Update HSS Price

Pada halaman ini, admin dapat mengubah harga hardcase, softcase, dan skin protector dengan mengisi field-field yang tersedia dan menekan tombol update.

BAB 3 METODOLOGI. Gambar 3.1 Tahap-Tahap Metode Waterfall

Recommend Documents