BAB III ANALISA DAN PERANCANGAN SISTEM
1.1 Proses Bisnis Konvensional Proses bisnis CV.Wijayatama secara konvensional dapat dilihat seperti pada Gambar 3.1:
Gambar 3. 1: Proses Bisnis Konvensional 1. Customer harus datang ke toko CV.Wijayatama yang berada di Jl. Mayjend Panjaitan Ruko Madiun Indah BI R/22, Pandean, Taman Madiun, Jawa Timur. Hal ini menyulitkan bagi customer yang berada jauh dari toko, sehingga membuang waktu, tenaga dan biaya. 2. Customer dapat melihat dan memilih produk yang disediakan di toko. Apabila produk yang diinginkan belum ada di toko atau pemebelian dalam jumlah besar, maka customer harus menunggu hingga mendapat konfirmasi dari pihak CV.Wijayatama. 3. Setelah terjadi kesepakatan, maka customer dapat membayar sesuai harga yang sudah ditentukan. Pembayaran dapat dilakukan secara tunai atau transfer ATM ke rekening CV.Wijayatama. 4. Jika pembayaran sudah dilakukan, maka produk sudah menjadi hak milik customer. Produk dapat langsung dibawa pulang, atau dapat diantar ke alamat tujuan apabila pembelian dalam jumlah besar.
1
1.2 Proses Bisnis Sistem Proses bisnis dalam e-commerce CV. Wijayatama seperti Gambar 3.2 di bawah ini :
Gambar 3. 2: Proses Bisnis Sistem E-Commerce 1. Sistem e-commerce CV. Wijayatama menawarkan produk-produk yang dijual di CV. Wijayatama, sistem ini juga memberikan kemudahan customer dalam memesan produk. Dalam sistem ini, costumer dibedakan menjadi 2 yaitu : a. Costumer yang hanya melihat produk, mengirim pesan tanpa harus login sebagai member. Namun, untuk costumer ini tidak dapat melakukan pemesanan karena belum terdaftar sebagai member. b. Costumer dapat melihat produk, mengirim pesan, melakukan pemesanan dan mendapat email berupa invoice dari pemesanan yang dilakukan. Untuk melakukan pemesanan, costumer harus login dahulu sebagai member, apabila belum mempunyai akun sebagai member,
2
maka costumer harus mendaftar terlebih dahulu. Setelah itu, costumer baru bisa melakukan pemesanan produk.
2. Costumer memesan produk secara online Member harus login terlebih dahulu sebagai member, lalu memesan produk yang di pilih dan menentukan pula jumlah produk yang dipesan. Sistem juga dapat menghitung total harga barang yang dipesan member. Member juga dapat menghapus barang yang dipesan jika ingin membatalkan. Pemesanan member akan tersimpan ke database admin. 3. Costumer dapat mencetak invoice Setelah member memesan produk, maka sistem akan membuat rincian barang-barang yang dipesan member atau disebut juga invoice. Member dapat mencetak invoice, sebagai bukti pemesanan yang telah dilakukan. Hal ini bertujuan, apabila terjadi kenaikan harga barang setelah member mencetak invoice, maka member tetap dikenai dengan harga barang sebelum mengalami kenaikan. 4. Customer melakukan pembayaran melalui rekening CV. Wijayatama Melalui sistem ini, member tidak perlu melakukan transaksi langsung di toko CV. Wijayatama, melainkan member dapat melakukan pembayaran melalui bank atau ATM dengan tujuan rekening CV. Wijayatama. Setelah melakukan transaksi, member dapat mengisi form confirm payment. 5. Notifikasi invoice ke email customer CV.Wijayatama Setelah member mengisi payment confirm , maka akan ada pesan pemesanan member ke email CV. Wijayatama, sehingga CV. Wijayatama dapat segera memproses pemesanan dari costumer. CV. Wijayatama akan melakukan
validasi
bukti
pembayaran
dan
data
member.
menggunakan Id Member, validasi data akan lebih cepat dilakukan.
3
Dengan
6. Pengiriman barang kepada costumer Jika validasi data telah sesuai, maka pengiriman barang akan langsung dikirim ke alamat costumer ketika mendaftar sebagai member. Apabila alamat costumer masih di wilayah Madiun dan sekitarnya, maka barang akan langsung dikirim oleh pihak CV. Wijayatama. Sehingga jarak menjadi salah satu penentu kapan barang akan sampai ke tangan costumer. 7. Customer menerima barang Apabila barang sudah sampai alamat yang sesuai, costumer harus menunjukkan bukti invoice, maka barang sudah sah menjadi milik costumer. 1.3 Alat dan Bahan Dalam pembuatan aplikasi E-Commerce CV.Wijayatama terdapat beberapa perangkat lunak dan perangkat keras yang digunakan untuk mendukung proses perancangan sistem. 1. Perangkat lunak yang digunakan dalam pembuatan aplikasi, yaitu: a. Notepad++ 6.2.3 digunakan untuk proses scriptting. b. Xampp versi 6.2 sebagai web server. c. MySQL 5.6.11 sebagai DBMS (Database Management System). d. Astah Community dan Microsoft Visio 2010 sebagai aplikasi untuk mendesain perancangan. e. Web browser standar saat ini seperti Mozilla Firefox dan Google Chrome, yang digunakan untuk menjalankan sistem. f. Framework Codeigniter 2.1.3 sebagai bahasa pemrograman.
2. Keperluan hardware yang digunakan untuk membangun sistem antara lain: a. Processor
: Intel® Core™ i3-3217U
b. Memory
: 4GB Tipe DDR 3
c. Hardisk
: 500 Gb
4
1.4 SRS (Software Requirement Specification) Berikut ini terdapat tabel SRS. Tabel tersebut berisi data beberapa fungsi kerja yang terdapat pada rancangan sistem aplikasi. Tabel SRS fungsional memiliki 24 SRS dan tabel Non Fungsional memiliki 2 SRS. 1.4.1
SRS Fungsional Kebutuhan
fungsional
merupakan
kebutuhan-kebutuhan
yang
berhubungan dengan proses bisnis dari sistem yang dibuat. Dari analisis yang dilakukan, kebutuhan fungsional dalam sistem yang dibuat, seperti pada Tabel 3.1:
Kode UL-01
Tabel 3. 1: SRS Fungsional E-Commerce Deskripsi
Level
Sistem dapat melakukan proses menampilkan data kategori Admin produk ke dalam tabel kategori
UL-02
Sistem dapat melakukan proses menambahkan data kategori Admin produk ke dalam tabel kategori
UL-03
Sistem dapat melakukan proses mengedit data kategori Admin produk ke dalam tabel kategori
UL-04
Sistem dapat melakukan proses menghapus data kategori Admin produk ke dalam tabel kategori
UL-05
Sistem dapat melakukan proses menampilkan semua data Admin, produk ke dalam tabel produk
UL-06
Customer
Sistem dapat melakukan proses menambahkan data produk Admin ke dalam tabel produk
UL-07
Sistem dapat melakukan proses mengedit data produk ke Admin dalam tabel produk
UL-08
Sistem dapat melakukan proses menghapus data produk ke Admin dalam tabel produk
UL-09
Sistem dapat melakukan proses menampilkan detail data Admin, produk yang dipilih
UL-10
Customer
Sistem dapat melakukan proses menambahkan data member Customer
5
ke dalam tabel member UL-11
Sistem dapat melakukan proses menampilkan semua data Admin member ke dalam tabel member
UL-12
Sistem dapat melakukan proses menghapus data member ke Admin dalam tabel member
UL-13
Sistem dapat melakukan proses pemesanan (order)
Member
UL-14
Sistem dapat melakukan proses menghapus pemesanan Member (order) yang sedang dilakukan
UL-15
Sistem dapat melakukan proses menampilkan semua semua Admin data order ke dalam tabel order
UL-16
Sistem dapat melakukan proses mengubah status order ke Admin dalam tabel order
UL-17
Sistem dapat melakukan proses menghapus data order ke Admin dalam tabel order
UL-18
Sistem dapat melakukan proses menampilkan semua data Admin user (admin) ke dalam tabel user
UL-19
Sistem dapat melakukan proses menambahkan data user Admin (admin) ke dalam tabel user
UL-20
Sistem dapat melakukan proses menghapus data user Admin (admin) ke dalam tabel user
UL-21
Sistem dapat melakukan proses menampilkan semua data Admin message ke dalam tabel message
UL-22
Sistem dapat melakukan proses menambahkan data Customer message ke dalam tabel message
UL-23
Sistem dapat melakukan proses menghapus data message Admin ke dalam tabel message
UL-24
Sistem dapat melakukan proses menampilkan data profil Customer perusahaan
UL-25
Sistem dapat melakukan proses menampilkan informasi Customer dari pertanyaan dari customer
6
UL-26
Sistem dapat melakukan proses menambahkan komentar Customer pada tiap produk
UL-27
Sistem dapat melakukan proses menambahkan rating pada Customer tiap produk
UL-28
Sistem dapat melakukan proses menampilkan invoice
member
UL-29
Sistem dapat melakukan proses pengiriman invoice ke Member email member
Pada kebutuhan fungsional yang telah dipaparkan di atas, actor yang terlibat dalam sistem ini adalah: 1. Admin Admin adalah salah satu karyawan CV.Wijayatama yang berwenang mengelola seluruh data yang ada di sistem, seperti memanajemen data produk, memanajemen data member, memanajemen data order, mengubah status order dan lain-lain. 2. Customer Customer adalah semua orang yang ingin melihat produk dan profil CV.Wijayatama. Customer dibedakan menjadi dua, yaitu: a. Customer Non Member : customer yang hanya bisa melihat produk dan profil CV.Wijayatama. b. Customer Member : customer yang bisa melihat produk, profil CV.Wijayatama dan melakukan pemesanan produk dengan mendaftar sebagai member terlebih dahulu.
1.4.2
SRS Non Fungsional Kebutuhan non fungsional merupakan kebutuhan-kebutuhan yang
berhubungan dengan interaksi antar user dengan aplikasi yang dibuat. Dari analisis yang dilakukan, kebutuhan non fungsional dalam sistem yang dibuat seperti pada Tabel 3.2 :
7
Kode
Tabel 3. 2: SRS Non Fungsional E-Commerce Deskripsi
Level
FA-01
Menggunakan login untuk masuk ke sistem
Admin
FA-02
Menggunakan login customer untuk memesan produk
Curtomer
1.5 Perancangan Sistem Perancangan aplikasi e-commerce CV.Wijayatama ini menggunakan UML. Terdiri dari UseCase diagram, Activity diagram, Sequence Diagram dan class diagram. 1.5.1
UseCase Diagram Dari kebutuhan fungsional yang sudah di deskripsikan sebelumnya, maka
dapat dibuat usecase diagram yang menggambarkan siapa saja aktor yang terlibat dan aksi apa saja yang dapat dilakukan oleh aktor tersebut. Berikut ini adalah gambaran usecase diagram dari Admin e-commerce CV.Wijayatama, dapat dilihat pada Gambar 3.3:
8
Gambar 3. 3: Use Case Diagram Admin Berikut ini adalah gambaran usecase diagram dari customer e-commerce CV.Wijayatama, dapat dilihat pada Gambar 3.4:
Gambar 3. 4: Use Case Diagram Member
9
1.5.2
Activity Diagram Setelah membuat usecase diagram, selanjutnya membuat activity diagram
untuk menggambarkan dan menjelaskan proses-proses dan jalur-jalur aktivitas secara umum. Hal ini untuk memudahkan dalam pembuatan aplikasi.
1.5.2.1 Activity Diagram Memanajemen Data Admin Activity Diagram seorang Admin memanajemen data admin, yaitu dalam menginput dan menghapus data admin dapat dilihat dari Gambar 3.5.
10
Gambar 3. 5:Activity Diagram Memanajemen Data Admin
11
1.5.2.2 Activity Diagram Memanajemen Data Kategori Activity Diagram seorang Admin memanajemen data kategori, yaitu dalam menginput, mengedit, menghapus dan mencetak data kategori dapat dilihat dari Gambar 3.6 :
12
Gambar 3. 6: Activity Diagram Memanajemen Data Kategori 13
1.5.2.3 Activity Diagram Memanajemen Data Member Activity Diagram seorang Admin memanajemen data member, yaitu dalam menghapus dan mencetak data member dapat dilihat dari Gambar 3.7 :
Gambar 3. 7:Activity Diagram Memanajemen Data Member
1.5.2.4 Activity Diagram Memanajemen Data Message Activity Diagram seorang Admin dalam memanajemen data message, yaitu dalam membaca dan menghapus data message dari seorang member dapat dilihat dari Gambar 3.8:
14
Gambar 3. 8: Activity Diagram Memanajemen Data Message 1.5.2.5 Activity Diagram Memanajemen Data Order Activity Diagram seorang Admin dalam memanajemen order, yaitu dalam mengubah status, menghapus dan mencetak data order dapat dilihat dari Gambar 3.9:
15
Gambar 3. 9: Activity Diagram Memanajemen Data Order
1.5.2.6 Activity Diagram Memanajemen Data Payment Activity Diagram seorang Admin dalam memanajemen payment, yaitu dalam menghapus dan mencetak data payment yang dilakukan seorang member dapat dilihat dari Gambar 3.10:
16
Gambar 3. 10: Activity Diagram Memanajemen Data Payment
1.5.2.7 Activity Diagram Memanajemen Data Product Activity Diagram seorang Admin dalam memanajemen product, yaitu dalam menginput, mengedit, menghapus dan mencetak data product dapat dilihat dari Gambar 3.11:
17
Gambar 3. 11: Activity Diagram Memanajemen Data Product
18
1.5.2.8 Activity Diagram Member Memesan Product Activity Diagram seorang Member dalam memesan product melalui toko online dapat dilihat dari Gambar 3.12:
Gambar 3. 12: Activity Diagram Member Memesan Product
19
1.5.2.9 Activity Diagram Member Mengirim Konfirmasi Payment Activity Diagram seorang Member dalam mengirim konfirmasi payment/pembayaran melalui transfer bank dapat dilihat dari Gambar 3.13:
Gambar 3. 13: Activity Diagram Member Mengirim Konfirmasi Payment
1.5.2.10 Activity Diagram Member Melihat Data Product Activity Diagram seorang Member dalam melihat product dapat dilihat dari Gambar 3.14:.
20
Gambar 3. 14: Activity Diagram Member Melihat Data Product
1.5.2.11 Activity Diagram Member Mengirim Message Activity Diagram seorang Member dalam mengirim message dapat dilihat dari Gambar 3.15:
Gambar 3. 15: Activity Diagram Member Mengirim Message
21
1.5.3 Sequence Diagram Setelah membuat Usecase dan Activity Diagram selanjutnya adalah membuat Sequence Diagram agar dalam perpindahan function dalam sebuah aksi di aplikasi menjadi lebih jelas dan class yang digunakan dapat diketahui. 1.5.3.1 Sequence Diagram Admin Memanajemen Data Admin Sequence Diagram seorang Admin dalam memanajemen data Admin yaitu menginput dan menghapus data dapat dilihat dari Gambar 3.16.
Gambar 3. 16: Sequence Diagram Admin Memanajemen Data Admin
1.5.3.2 Sequence Diagram Admin Memanajemen Data Member Sequence Diagram seorang Admin dalam memanajemen data Member yaitu menghapus dan mencetak data dapat dilihat dari Gambar 3.17.
22
Gambar 3. 17: Sequence Diagram Admin Memanajemen Data Member
1.5.3.3 Sequence Diagram Admin Memanajemen Data Message Sequence Diagram seorang Admin dalam memanajemen data message yaitu membaca dan menghapus data dapat dilihat dari Gambar 3.18.
Gambar 3. 18: Sequence Diagram Admin Memanajemen Data Message
23
1.5.3.4 Sequence Diagram Admin Memanajemen Data Category Sequence Diagram seorang Admin dalam memanajemen data category yaitu menginput, mengedit, menghapus dan mencetak data dapat dilihat dari Gambar 3.19.
Gambar 3. 19: Sequence Diagram Admin Memanajemen Data Category
1.5.3.5 Sequence Diagram Admin Memanajemen Data Product Sequence Diagram seorang Admin dalam memanajemen data Product yaitu menginput, mengedit, menghapus dan mencetak data dapat dilihat dari Gambar 3.20:
24
Gambar 3. 20: Sequence Diagram Admin Memanajemen Data Product
1.5.3.6 Sequence Diagram Admin Memanajemen Data Order Sequence Diagram seorang Admin dalam memanajemen data Order yaitu mengubah status, menghapus dan mencetak data dapat dilihat dari Gambar 3.21:
25
Gambar 3. 21: Sequence Diagram Admin Memanajemen Data Order
1.5.3.7 Sequence Diagram Admin Memanajemen Data Payment Sequence Diagram seorang Admin dalam memanajemen data Payment yaitu menghapus dan mencetak data dapat dilihat dari Gambar 3.22.
26
Gambar 3. 22: Sequence Diagram Admin Memanajemen Data Payment
1.5.3.8 Sequence Diagram Member Memesan Product Sequence Diagram seorang Member dalam memesan product dapat dilihat dari Gambar 3.23.
Gambar 3. 23: Sequence Diagram Member Memesan Product
27
1.5.3.9 Sequence Diagram Member Mengirim Konfirmasi Payment
Sequence Diagram seorang Member dalam mengkonfirmasi payment dapat dilihat dari Gambar 3.24.
Gambar 3. 24: Sequence Diagram Member Mengirim Konfirmasi Payment
1.5.3.10 Sequence Diagram Member Melihat Product Sequence Diagram seorang Member dalam melihat product dapat dilihat dari Gambar 3.25:
28
Gambar 3. 25: Sequence Diagram Member Melihat Product
1.5.3.11 Sequence Diagram Member Mengirim Message Seorang customer yang belum memiliki akun sebagai member, dapat mengirimkan pertanyaan, saran atau kritik kepada pihak CV.Wijayatama melalui fasilitas yang terdapat dalam web E-Commerce CV.Wijayatama. Sequence Diagram seorang Member dalam mengirim pesan (message) dapat dilihat dari Gambar 3.26:
Gambar 3. 26: Sequence Diagram Member Mengirim Message
29
1.5.4
Class Diagram Setelah membuat Use Case Diagram, Activity Diagram, dan Sequence
Diagram, maka selanjutnya membuat Class Diagram. Class Diagram digunakan untuk menggambarkan desain statis dari sistem yang sedang dibangun. Berikut class diagram dari e-commerce CV. Wijayatama dapat dilihat pada Gambar 3.27.
Gambar 3. 27: Class Diagram E-Commerce
30
1.6 Perancangan Database Setelah membuat rancangan sistem, selanjutnya membuat rancangan database e-commerce. Rancangan database ini sesuai dengan banyaknya data yang disimpan dalam aplikasi yang dibuat.
1.6.1
Rancangan ERD Berikut gambar rancangan ERD sistem dapat dilihat dari Gambar 3.28:
31
Gambar 3. 28: ERD Sistem E-Commerce
32
1.6.2
Relasi Antar Tabel Dari ERD yang sudah ada, terbentuk 10 entitas yang menjadi tabel. Pada
relasi antar tabel akan ditunjukan lebih jelas tentang table-tabel yang dihasilkan dari ERD yang sudah dibuat. Relasi antar tabel dapat dilihat pada Gambar 3.29:
Gambar 3. 29: Relasi Antar Tabel E-Commerce 1.6.3 Tabel Fisik Tabel fisik yang dibuat harus sesuai dengan ERD sehingga dapat terbetuk relasi antar tabel yang diharapkan. Maka terdapat 10 tabel untuk implementasi database yang dibutuhkan dalam aplikasi yang akan dibuat. 1.6.3.1 Tabel Pages Tabel Admin merupakan tabel yang digunakan untuk menyimpan data admin. Tabel Admin dapat dilihat pada Tabel 3.3.:
NO
FIELD 1 id(PK)
Tabel 3. 3. Tabel Pages TYPE int(11)
33
KEY PRIMARY KEY
2 permalink
VARCHAR(100)
3 title
VARCHAR(100)
4 body
text
1.6.3.2 Tabel User Tabel Member merupakan tabel yang digunakan untuk menyimpan data member. Tabel Member dapat dilihat pada Tabel 3.4 :
NO
FIELD
Tabel 3. 4. Tabel User TYPE
1 user_id(PK)
int(11)
2 full_name
varchar(25)
3 Email
varchar(25)
4 Password
varchar(50)
5 reset_token
varchar(25)
6 address
varchar(25)
7 phone
varchar(200)
8 gender
tinyint(4)
9 level
tinyint(4)
KEY PRIMARY KEY
1.6.3.3 Tabel Categroies Tabel Category merupakan tabel yang digunakan untuk menyimpan data kategori produk. Tabel Category dapat dilihat pada Tabel 3.5. :
NO
FIELD
Tabel 3. 5. Tabel Categories TYPE
34
KEY
1 category_id (PK)
int(11)
2 Name
varchar(50)
3 Description
varchar(100)
PRIMARY KEY
1.6.3.4 Tabel Product Tabel Product merupakan tabel yang digunakan untuk menyimpan data produk. Tabel Product dapat dilihat pada Tabel 3.6. :
NO
FIELD
Tabel 3. 6. Tabel Product TYPE
1 id (PK)
int(11)
2 Code
varchar(100)
3 Name
varchar(100)
4 category_id (FK)
int(11)
5 Price
int(11)
6 discount_percent
Double
7 net_price
Double
8 Description
varchar(100)
9 Stock
int(11)
10 Status
KEY PRIMARY KEY
FOREIGN KEY
tinyint(4)
1.6.3.5 Tabel Orders Tabel Order merupakan tabel yang digunakan untuk menyimpan data pemesanan yang dilakukan member. Tabel Order dapat dilihat pada Tabel 3.7. :
35
NO
Tabel 3. 7. Tabel Orders TYPE
FIELD
KEY
1 order_id (PK)
int(11)
PRIMARY KEY
2 user_id (FK)
int(11)
FOREIGN KEY
3 Total
double
4 order_date
date
5 payment_deadline
date
6 Status
tinyint(4)
1.6.3.6 Tabel Order_details Tabel Order Detail merupakan tabel yang digunakan untuk menyimpan data rincian pemesanan yang dilakukan member. Tabel Order dapat dilihat pada Tabel 3.8. :
NO
FIELD
Tabel 3. 8. Tabel Order_details TYPE
KEY
1 detail_id (PK)
int(11)
PRIMARY KEY
2 id (FK)
int(11)
FOREIGN KEY
3 Code
varchar(255)
4 Name
varchar(255)
5 order_id
int(11)
6 Qty
int(10)
7 Price
double
8 discount_percent
double
36
FOREIGN KEY
9 net_price
Double
1.6.3.7 Tabel Confirmations Tabel Payment merupakan tabel yang digunpakan untuk menyimpan data konfirmasi pembayaran yang dilakukan member. Tabel Payment dapat dilihat pada tabel 3.9. :
NO
FIELD
Tabel 3. 9. Tabel Confirmations TYPE
1 Id
int(10)
2 sender_bank
varchar(255)
3 bank_account_name
varchar(255)
4 receiver_bank
varchar(255)
5 Amount
Double
6 payment_date
Date
7 Status
tinyint(4)
8 order_id
int(10)
KEY PRIMARY KEY
1.6.3.8 Tabel Slides Tabel Message merupakan tabel yang digunakan untuk menyimpan data message yang dikirim oleh member. Tabel Message dapat dilihat padaTabel 3.10.:
NO
FIELD
Tabel 3. 10. Tabel Slides TYPE
1 id (PK)
int(11)
2 Title
varchar(255)
37
KEY PRIMARY KEY
3 Description
varchar(255)
4 title_en
varchar(255)
5 description_en
text
1.7 Perancangan Interface Setelah rancangan UML selesai, selanjutnya membuat perancangan interface. Perancangan interface digunakan sebagai gambaran umum implementasi aplikasi, sehingga memudahkan dalam membangun aplikasi yang akan dibuat. 1.7.1
Halaman Login Admin Halaman ini digunakan admin ketika login untuk masuk ke dalam sistem,
perancangan seperti pada Gambar 3.30.:
Gambar 3. 30. Racangan Halaman Login Admin 1.7.2
Halaman Admin Halaman ini merupakan tampilan ketika admin masuk ke dalam sistem,
perancangannya seperti pada Gambar 3.31. :
38
Gambar 3. 31. Rancangan Halaman Admin 1.7.3
Halaman Home Halaman ini merupakan tampilan ketika customer masuk ke halaman
menu Home e-commerce, perancangannya seperti pada Gambar 3.32.:
39
1.7.4
Gambar 3. 32. Rancangan Halaman Home Halaman Product Halaman ini merupakan tampilan ketika customer masuk ke halaman
menu Product e-commerce, perancangannya seperti pada Gambar 3.33.:
Gambar 3. 33. Rancangan Halaman Product
40
1.7.5
Halaman About Halaman ini merupakan tampilan ketika customer masuk ke halaman
menu About e-commerce, perancangannya seperti pada Gambar 3.34.:
1.7.6
Gambar 3. 34. Rancangan Halaman About Halaman Contact Us Halaman ini merupakan tampilan ketika customer masuk ke halaman
menu Message e-commerce, perancangannya seperti pada Gambar 3.35.:
Gambar 3. 35. Rancangan Halaman Contact Us
41
1.7.7
Halaman Order Halaman ini merupakan tampilan ketika customer masuk ke halaman
menu Order e-commerce, perancangannya seperti pada Gambar 3.36. :
1.7.8
Gambar 3. 36. Rancangan Halaman Order Halaman Confirm Payment Halaman ini merupakan tampilan ketika customer masuk ke halaman
menu Confirm Payment e-commerce, perancangannya seperti pada Gambar 3.37.:
Gambar 3. 37. Rancangan Halaman Confirm Payment
42
