Professional Documents
Culture Documents
Online System Based On E-Commerce Platform
Online System Based On E-Commerce Platform
PLATFORM
2018
ONLINE SYSTEM BASED ON E-COMMERCE PLATFORM
2018
DECLARATION
This declaration proves the project is done on my own effort with the help and guidance
from my supervisor. This work is a result of my research studies. All Section of the
texts and results have been obtaining from the others source are fully referenced. I
understand the circumstances that I will dealt if any part of my work is plagiarized.
Signature :
Date : 2018
i
CONFIRMATION
This project proposal that entitled Online System Based on E-Commerce Platform for
The Used Item Shopping Website was prepared and submitted by Nurfarah Diana Binti
Mohd Hassim (Matric Number: BTCL15039816). This thesis has been found the
statisfactory in terms of scope, quality and presentation for subject CSB 35102:
Academic Project Proposal. This report is partial fulfilment of the requirement for
Zainal Abidin.
Signature :
ii
DEDICATION
and the most Merciful May be His Blessing be upon the Prophet Muhammad S.A.W.
ability and effort to complete this project in a given time. Without His grace, mercy and
Mr. Mohd Kamir Bin Yusof for his ideas and guidance throughout the whole process in
completing this Final Year Project in time. My due appreciation goes to the member of
panel for their feedback and positive criticism during the presentation that has helped
moral support that made me to successfully accomplish this project. I also would like
to give special gratitude to my fellow FYP group member and my beloved friends for
their encouragement and support during developing this project. All the effort that keep
me on the right track should not be forgotten and my most sincere gratitude is for all of
them.
iii
ABSTRACT
Online system allows users to buy or sell used items over the internet. A person can
either be a seller or customer in order to perform the selling or buying process of used
items when using this website. The major problem when dealing with traditional shop
is that it usually has the restriction on the opening time where the customer has to come
to the shop on the specific operation hours. Next, the offline business cannot be operated
from anywhere because of the geographical restrictions where the traditional store has
their own specific location. Online system based on e-commerce platform is developed
in order to provide the information regarding the item that the seller sold. This website
will let a customer view and purchase used items online. Meanwhile, it also allows seller
sell different type of valuable used items such as fashion, gadget, and bag that are
worthy in the market. Based on the experimental result, this system is able to conduct
iv
ABSTRAK
terpakai melalui internet. Seseorang boleh menjadi penjual atau pelanggan untuk
melakukan proses penjualan atau pembelian item yang digunakan ketika menggunakan
laman web ini. Masalah utama ketika berurusan dengan kedai tradisional adalah ia
biasanya mempunyai batasan pada waktu pembukaan di mana pelanggan perlu datang
ke kedai pada waktu yang tertentu. Seterusnya, perniagaan luar talian tidak dapat
dikendalikan di mana-mana sahaja kerana sekatan geografi. Hal ini disebabkan, kedai
tradisional mempunyai lokasi khusus mereka sendiri. Sistem dalam talian berdasarkan
dijual oleh penjual. Laman web ini akan membolehkan pelanggan melihat dan membeli
barangan yang dijual di atas talian. Sementara itu, ia juga membolehkan penjual
menjual pelbagai jenis barang yang bernilai seperti fesyen, alat komunikasi dan beg
yang layak berada di pasaran. Berdasarkan hasil percubaan, sistem ini dapat melakukan
v
TABLE CONTENTS
PAGE
DECLARATION i
CONFIRMATION ii
DEDICATION iii
ABSTRACT iv
ABSTRAK v
CONTENTS vi
LIST OF TABLES viii
LIST OF FIGURES ix
LIST OF ABBREVIATIONS x
LIST OF APPENDICES xi
CHAPTER I INTRODUCTION
1.1 Project Background 1
1.2 Problem Statement 2
1.3 Objectives 3
1.4 Scopes 4
1.5 Limitation of Work 7
1.6 Expected Outcome 8
1.7 Report Structure 8
1.8 Summary 9
vi
3.1 Introduction 33
3.2 Methodology Review 34
3.3 Requirement Analysis 37
3.4 Framework 39
3.5 Context Diagram 43
3.6 Data Flow Diagram Level 0 45
3.7 Data Flow Diagram Level 1 47
3.8 Entity Relationship Diagram 51
3.9 Data Dictionary 54
3.10 Data Decomposition 61
3.11 Summary 65
CHAPTER IV DESIGN
4.1 Introduction 66
4.2 Interface Design 67
4.3 Summary 90
CHAPTER VI CONCLUSION
5.1 Introduction 104
5.2 Project Achievement and Contribution 104
5.3 Problem and Limitation 105
5.4 Future Work 106
vii
5.5 Conclusion 106
REFERENCES 107
APPENDICES 110
viii
LIST OF TABLES
ix
LIST OF FIGURES
x
4-22 Update Customer Purchasing Record Interface 89
5-1 Cookies Method for Add to Cart 94
5-2 Cookies Stored in Array in The Web Browser 95
xi
LIST OF ABBREVIATIONS / TERMS / SYMBOLS
CD Context Diagram
DFD Data Flow Diagram
ERD Entity Relationship Diagram
FYP Final year project
PHP Hypertext Pre-Processor
xii
LIST OF APPENDICES
xiii
CHAPTER 1
INTRODUCTION
E-commerce has become one of the most famous method of making money online these
days. It also is a fast gaining ground as an accepted and used business paradigm. Electronic
commerce is defined as buying and selling of product, services or information via computer
networks, mainly the Internet. E-commerce is subdivided into three categories: business to
business or B2B (Cisco), business to consumer or B2C (Amazon), and consumer to consumer
or C2C (eBay) [5]. E-commerce is widely considered the buying and selling of products over
the internet, but any transaction that is completed solely through electronic measures can be
considered e-commerce. As the fastest growing facet of the Internet and other information
technologies, E-Commerce offers functionality and new ways of doing business that no
1
company can afford to ignore [1]. This application used consumer-to-consumer (C2C) business
model where C2C facilitates the transaction of products or services between consumer.
Online E-Commerce website such as Corousell or eBay play important platform for
user to buy or sell used items online. Based on that, I decided on develop a useful online
ecommerce website where process of selling and buying used or prelove item such as used
clothes, devices and bags. The online system based on e-commerce platform which known as
the buy and sell website is design for user who want to sell or buy prelove or used item for
cheaper price.
Buy and sell provides some main modules such as users (sellers) can add list of used
item that they want to sell to the online market. Meanwhile, users (customers) can search their
desired used or prelove item in the item list in order to purchase it. User can also view the items
information regarding its’ condition before decide on buying it. Lastly, after add to cart of their
wish list, customers can make confirmation order for the used item that they have purchased.
2
1.2 PROBLEM STATEMENT
sell things online because it is very convenient to use and faster responses. The problem arise
as the users (sellers) requires great deal of time and effort in order to sell and promote their
prelove item to the business market. Meanwhile, by just selling the used item through the
wellknown online website like eBay, Corousell, Mudah.my and many more, the seller can just
sit back in their home and wait until someone purchase their used item. It is a better way to
gain money faster. Next, the users (customers) have to come to the store on specific time as
offline store usually have restriction on the opening time. This is because most stores have their
restriction on the opening time, and moreover people is busy nowadays with their own personal
life and do not have time to go to store on the specific time. That why they tend to buy online
because it does not have restriction time and people can buy anytime and anywhere. Lastly, the
offline business cannot be operated from anywhere because of the geographical restrictions.
This is because traditional store has their own specific location and that is the reason why
people love to shop online or through mobile phone, imagine that they have to drive for hours
to just to walk in to the store. Hence, the online shop whether through web or mobile application
offer a better shopping experience because of the variety of products, unlimited time to shop
3
1.3 OBJECTIVES
1. To study the ecommerce platform when designing and other related to e-commerce
application.
platform.
1.4 SCOPE
1.4.1.1 Admin
Admin is the person who will manage and maintain the whole system.
Admin’s Roles:
1.4.1.2 Seller
Seller is the person who can add item that they want to sell.
Seller’s Roles:
1.4.1.3 Customer
Customer is the person who can purchase the item and make payment.
Customer’s Roles:
5
1.4.2 Scope of System
User (Seller and Customer) need to register through this system in order to buy or
sell their desired used item. If they have been registered, they can just login through
this website. Meanwhile, the admin just login through their web based system in
The seller can create, update and delete the list of used item that they want to sell.
This is the process of buying used item made by the customer. They can add to cart
1. This application carrying out process of buying and selling limited for used item only.
2. The item category limits for specific items only such as fashions, devices and bags.
The project plan is designed to the flow of activities which involve in developing this
7
1.8 EXPECTED OUTCOME
i. Online application for buy and sell prelove items based on e-commerce
platform.
ii. A proposed of e-commerce platform for selling and buying prelove items.
This thesis consists of five (5) chapters that have been discussed. The Introduction of
the project background, problem statement, the objectives of the project, project scope and the
organization report are stated in Chapter 1. Chapter 2 is basically describes the idea of the
whole project. The second chapter basically describes the literature review that discuss the
technique and theory that have been carried out by another researcher and existing system that
related to this proposed project. Based on the literature review, it will give a better
understanding about the project idea. Meantime, the methodology used to develop this project
is been discussed in Chapter 3. It also discusses the method or technique used for this project.
It also includes CD, DFD, ERD, Framework, data dictionary and data decomposition. Chapter
4 describes the design and implementation of the project. Chapter 5 describes the
8
implementation phase and the test case of the project. Finally, Chapter 6 is the conclusion of
9
CHAPTER 2
LITERATURE REVIEW
2.1 INTRODUCTION
This chapter describes and explain the selected literature review about the technique used
in the development of the online system based on the e-commerce platform for used item
shopping website. This topic also focused on the research that related directly either indirectly
to the proposed project. The purpose of literature review is to identify research methods and
strategies that will be used in development of the project process. The previous and current
system will also be discussed in this chapter. Therefore, the literature review is carried out to
be used as reference in determining the best approach to the development system. Some
research has been done in order to give a better understand about this proposed project. The
10
overview of the existing system is determined and thoroughly studied regarding the used item
2.2.1 The Design and Implementation of an E-Commerce Site for Online Book Sales
Based on this thesis, this project deals with developing an e-commerce website for
Online Book Sale. It provides the user with a catalog of different books available for purchase
in the store. In order to facilitate online purchase a shopping cart is provided to the user. The
system is implemented using a 3-tier approach, with a backend database, a middle tier of
Microsoft Internet Information Services (IIS) and ASP.NET, and a web browser as the frontend
client.
This project is implement using ASP.NET as the technology whereas ASP.NET has
simplicity. To build any web application using ASP.NET we need a programming language
such as C#, VB.NET, J# and so on. For the client browser to connect to the ASP.NET engine
we used Microsoft’s Internet Information Services (IIS) as the Web Server. ASP.NET uses
ADO.NET to interact with the database as it provides in-memory caching that eliminates the
11
need to contact the database server frequently and it can easily deploy and maintain an
ASP.NET application. MySQL was used as back-end database since it is one of the most
popular open source databases, and it provides fast data access, easy installation and simplicity.
convenient for the customer to view the contents of their cart and to be able to remove or add
items to their cart. The development of this project had a precise knowledge about how
ASP.NET is used to develop a website, how it connects to the database to access the data and
how the data and web pages are modified to provide the user with a shopping cart application
[1].
Based on this thesis, objective of this thesis project was to develop an e-commerce Java
web application for a small retail store where the store owner sells the products online. The
application allows the owner to manage products, customers, and orders. Also, with the
application customers make orders and pay for the ordered products. The project uses PayPal
Express Checkout as its payment solution. In addition, the web store offers customers and
visitors to the site an opportunity to subscribe to an email list in order to get news about new
12
products and special offers. Lastly, the application sends an automatic email confirmation after
The development of this project was carried out using Eclipse IDE using the Java
using JPA and JPQL, and MySQL database was used to store the application data. The
application was structured according to the Model-View Controller (MVC) pattern. The model,
the view and the controller layers were implemented by using JavaBeans, JSPs, and Servlet
API respectively. The payment transaction of the application was carried out on PayPal
This thesis explains about Sansaar Oy which is a company operating in Finland with
the main motto of humanely trading for a sustainable environment and common prosperity.
Sansaar Oy Company has been selling handmade products, such as furniture, bags, toys and
accessories through their online store. The existing online store of Sansaar Oy is expensive to
maintain and it lacks many features, due to which the company has not been able to grow their
business as expected. Sansaar Oy wanted to establish a new online store which would be
commerce online store of Sansaar Oy and to implemented those solutions to establish a new e-
commerce online store for the company. The new features have many marketing tools, such as
newsletter, referring a product through an email, a wish listing feature, separate and easily
visible pages to feature new, promotional and discounted products and static blocks on the
home page to attract customers to buy a specific product. In the new online store, the store
owner can keep track of customers, customers’ behaviours, orders and sales from the admin
panel very easily, which will help to manage the business and make decisions in the future. In
the existing online store, customers are not able to select the right products in many cases and
they need to communicate through email with the store owner just to complete the purchase
but in the new online store it has created customizable products in a way that without any extra
communication both the customers and the store owner can have a clear idea about the products
payment interface between banks for real-time payment. Compared with the traditional
14
payment, online payment systems are more convenient, fast, efficient and economical. Users
can use their own PC or mobile phone with Internet to complete the entire payment process in
On this thesis, I will focus on the online payment method when using e-commerce
system. Online banking is a very common way of online payment systems. The user must open
an online bank account. This payment is directly paid by credit card or even debit card. And
now third-party online payment systems such as PayPal are also very popular in e-commerce.
Third party payment is an independent organization, which provides the network payment
mode for transaction platform between bank and online payment platform. [7].
There are several types of online payment system which are focuses in this research.
First is the Net Bank, PayPal, Google Wallet, Amazon Payment, AliPay and others. Debit card
(Visa or MasterCard) and Net Bank were the most popular online payment systems while for
website offering free classified advertisements, auctions, forums, and individual pages for start-
15
up entrepreneurs.C2C is recently supported by large websites as it gone through tremendous
changes in technology as well as increase in the market size. This paper discusses the origin,
(B2C) model consumes interact directly with each other. However, a business does operate the
online platform on which C2C transaction takes place. Generally, an intermediary/third party
maybe involved, but the purpose is only to facilitate the transaction and provide platform for
The C2C model involves transaction between consumers where the buyer can purchase
products from multiple sellers. Meanwhile, the consumer can both act as buyer as well as seller.
The online market place will allow buyer to browse products wish list item so that they can get
best price and offers from sellers. The backend interface includes features for administration
C2C ecommerce is making progress and more positive results to be seen in the future.
This are because ecommerce system is always available so that customer can have access
whenever they want to shop and customer can directly contact sellers and do without an
intermediary [9].
16
2.3 OVERVIEW OF CURRENT SYSTEM
These are the several current applications that is quite similar as the application that I want
ZALORA is a fashion E-commerce website which allows customers to shop the latest
fashion styles and trends from their collection of over 500 brands. By using Zalora, user can
select the particular category in order to search for the product that they want to buy. Then,
after selecting the suitable size, user can click “Add to Shopping bag”. Next, user can click
“checkout” on the shopping bag in order to purchase the product. Before proceed to payment,
they have to log in first in order to continue. After that, user must choose the shipping address
and continue. Then, choose the payment method (COD, Bank Transfer, Credit Card) and click
“review order”. In this step, user can change the previous information. At last, once confirm
with the order, user can click the “Purchase” button and a confirmation email or SMS with the
expected delivery time and booking code will send to them immediately.
The speciality of Zalora website is it has the pinch-to-zoom function when viewing
products images and the colour button on the right side of the product shows another indicator
17
where customers are able to view the other colour options for this particular product by clicking
the button. Meanwhile there is some limitation of Zalora website. First of all, when customers
have added items to their shopping bag whilst through the website, but it does not sync with
the information and when customers intend to continue shopping through their computer, they
might need to search for the items again instead of continuing it off.
Carousell website is the top community marketplace website that lets users to buy and
sell their products from multiple types of categories such as fashion, clothes, accessories,
beauty products, furniture, art, books, branded goods, cars, bikes, and antiques to houses.
Besides, in order to sell an item, what users can do is just snap a photo of the unused and
secondhand clutter, then post it. It is fast, convenient and easy to use as user can also chat with
How Corousell works is firstly users can choose the product they want by clicking the
particular item or using the search bar or filter to find the product. When users want to buy the
product, they can click the “Buy Now” button and an offer model will pop up. This offer model
allows user to bargain for the actual price of the particular item. Once user set the bargain price,
they can click the tick icon on the top right corner in order to continue. The offer price message
18
will then send to the seller. If users have any inquiry, they can click the “Chat” button in order
to have a private chat with the seller. At last, once seller received the offer price, the seller will
contact the user for further discussion. Once the seller accepts the offer, then they might meet
Strength of Corousell website is it provides two different roles which are buyer and
seller. Instead of only buying product like other shopping website, user now can also sell their
product in the app. Besides, some users will use this website to trade item between sellers
instead of only buy or sell. User can bargain the actual price with the seller in a private chat. It
provides flexibility for the users where they might have the chance to get a lower price for the
product because most of the shopping website does not provide chat box. Corousell also
provides a convenient feature where users can set the nearby location in order to filter the
Limitation of Corousell is due to there is no payment platform involved, the only way
to buy a product is to go through meet up or cash delivery. In that case, frauds or prank will
occur in the app where some users will ask the seller for meet up but they do not show up in
the end. Other than that, some sellers will retail some fake products to scam the users by asking
them to transfer the money first but do not deliver the product.
19
2.3.3 eBay Website
In the “one buyer – many prospective sellers”, the buyer requests bids from as many
possible sellers before concluding a purchase. This type of auction is known as reverse auction,
because the buyers seek bids that are the lowest rather than the highest price. This type of bids
is popular amongst B2B and G2B (Government to business) e-Commerce. Some C2C auctions
do cater for reverse auction. For example, eBay allows any buyer to leave a request for bid,
and sellers who are able to meet that specifications contact the buyer [13].
eBay website allows users to search, bids and sell on the products they want. It
uniqueness is that users do not only can buy and sell, but they can also bid on their desired
products. In eBay, it also offers different kind of search function such as barcode scanner
search, voice search and image search. If users have not decided to buy the particular product,
they can save their desired product by clicking the “WATCH” button. If they decided to buy
the products, they can just click the “Buy it now” button. In eBay, it provides the payment
method using PayPal where user have to login to their PayPal account in order to place the
order. Furthermore, for the selling part, at first, users have to write a descriptive title of their
selling product. Then, the system will help users to locate the category which the product is
belonged. Then users have to fill in a number of details in order to sell the product.
20
The strength of eBay website is barcode scanner is a very useful tool where users can
immediately discover whether someone is currently selling the products you need. It saves a
lot of the effort by scrolling through hundreds of product options. Moreover, it also has voice
search function where users just have to voice record the products name and all of the particular
products will be displayed out. The eBay website provides a PayPal method which allows users
to make a purchase by just entering the password. It certainly reduces a lot of time in order to
let the users to buy the products in a fast way. Indeed, eBay also have the automatic bidding
function. In other words, eBay app makes the system so convenient where users just have to
set the maximum bidding price, then it will automatically help users to bid the particular
product.
Meanwhile, it limitation is less flexibility whereas when user want to sell their item
they only can take certain kinds of payment, the keywords for the title is limited, it prevents
users from cross marketing to other platforms and even restricted users to enter only certain
text in the listings. Thus, users have to fill in a lot of information in order to sell products.
21
2.3.4 Mudah.my
Mudah.my is one of the largest online shopping platforms in Malaysia for product
trading. Basically, this website is quite similar with the Carousell in terms of the functionality
where this website allows users to sell their products either is brand new or is second hand
goods. Mudah.my is an online marketplace that connects buyers and sellers in Malaysia.
Mudah.my is reportedly one of the most visited web site in Malaysia. It offers a wide range
When using this website, users can choose the products categories by clicking the
various icon at the below of the landing page. Next, users can narrow down their search area
by setting up the location. Then, the app will display all kinds of products that user requested.
After users choose their particular product, then it will move to the product detail page. Users
can browse through the detail information and choose whether they want to call, SMS, email
or use the app chat room. Besides, for the selling part, same like Carousell, users are required
Mudah.my has simple and clear interface unlike other websites. Besides, it provides
simple guidelines for the users in the first time in order to let users to understand all of the
22
functions and features. Meanwhile, it limitation is require too many steps in order to sell
products. In order to develop a good interactive view and user-friendly website, the number of
inputs must be optimized and restricted. The reason is because users is lazy and might not
interested to sell a product when there are so many steps are required to fill up.
Sales Sale.
• The system is
implemented using a
a backend database,
middle tier of
Microsoft Internet
Information Services
23
and a web browser
as the frontend
client.
products online.
PayPal Express
Checkout as its
payment solution.
send an automatic
email confirmation
after completing an
24
order or subscribing
to an email list.
main motto of
a sustainable
environment and
common prosperity.
• Sansaar Oy
selling handmade
products, such as
and accessories
store.
have marketing
tools, such as
newsletter, referring
a product through an
25
email, a wish listing
to feature new,
promotional and
discounted products.
26
• Being user-friendly
and less time
consuming than
manual processing,
electronic commerce
helps a business
organization expand
its market reach
expansion.
27
from multiple
sellers.
• Meanwhile, the
consumer can both
act as buyer as well
as seller.
The Table 2-2 shows the comparison of existing system. This table analyses on the
existing system based on their work flows, strength and weakness. Besides, there are some
Name
28
allows • The colour button on but it does not
continuing it
off.
29
furniture, art, • User can bargain the fake products to
location.
products. limited, it
30
• Provides a PayPal prevents users
restricted users
to enter only
certain text in
the listings.
• Users have to
fill in a lot of
information in
order to sell
products.
31
product the users to
the Carousell
that allow
user to sell
and buy
products.
The Table 2-3 shows the system comparison. From the table, it is clear that the eBay has
the automated bidding session compared to other system. Automated bidding allows users to
bid a particular product automatically by setting the maximum of bidding value. However,
eBay and Zalora do not have the real time chat functionality like Corousell and Mudah.my.
The real time chat allows the buyers and sellers to chat and deal in real time.
32
Table2-3: System Comparison
Automated Yes
Bidding Session
2.7 SUMMARY
This chapter explains the research studies that being used in developing the online
system based on the e-commerce platform. The technique is fully referred to the previous
research articles and journals. The existing system that are quite similar to this project are
33
CHAPTER 3
METHODOLOGY
3.1 INTRODUCTION
This chapter will explain the details of the methodology used for this project. The
methodology is defined as the rationale for the application of specific procedures or techniques
used to identify, select, and analyse information applied to understanding the research problem,
thereby, allowing the reader to evaluate a study of overall validity and reliability [1]. This
chapter play an important part because it is to make sure that the system can be accomplish
successfully. There are variation of Software Development Life Cycle (SDLC) methods that
can be used to assist the project development. Hence, the Waterfall Model is used for this
online system based on e-commerce platform. This method is chosen because it is more
34
organized and structured. It will be described in this chapter with more explanation about every
Next, this section also describes the implementation design of the system. The system
design consists of Context Diagram (CD), Data Flow Diagram (DFD), Entity Relationship
Diagram and system framework. The complete data flow analysis includes: Data Flow
The Waterfall Model was the first process model to be introduced by. It also the earliest
SDLC approach that was used for software development. That why this model is used to
develop this project because of its simplicity. The waterfall model is divided into six phases
which are Requirement Analysis, System Design, Implementation, Testing, Deployment, and
maintenance. Waterfall approach also referred as Linear-Sequential Life Cycle Model where
the outcome of a phase acts as the input for the next phase sequentially. That it is sequential
design process as it seen as flowing steadily downwards like waterfall. This waterfall model
must be completed by stage before moving to the next phase and there is no overlapping in the
phases which means that any phases will only start if the previous one is completed.
35
Figure 3-1: The Waterfall Model
Requirement analysis is the first phase in waterfall model which related to the
understanding of what need to be design, what is the function, purpose and other requirements.
The requirements are analysed by doing a research on the existing system and documentation.
It also explains the functionality and the main process of the system.
36
3.2.2 System Design
All the specified documentation from the first phase is used for this phase in order to
prepare the system design. The context diagram (CD), Data Flow Diagram (DFD), and Entity
Relationship Diagram (ERD) is built for further clarification about this project. The database
and interface are designed based on the process clarify in the system. This phase also helps to
identify and clarify the system requirements accompanied by the documentation which allow
3.2.3 Implementation
From the system design phase, small programs called unit are developed. This project
is developed using SQL server, HTML, CSS and PHP. The development of the system is based
3.2.4 Testing
In testing phase, the system will be tested after the implementation is completed. There
are two type of testing which are black-box testing and white-box testing. This testing phase is
to find the error occur in the system and to determine whether the system meets it requirement.
37
3.2.5 Deployment
Once the functional and non-functional testing is done, the system is then deployed to
the client environment. Then, it reviews whether the system meets the all the project goals or
not.
3.2.6 Maintenance
Maintenance is the last phase of the waterfall model. This phase measures the
effectiveness of the system and to evaluate the system potential enhancements. This phase
purpose is to improve the system by determine how well the system meets it objectives and
This section will show the list of all software and hardware that were involved in the
development process.
38
3.3.1.1 Hardware Requirement
• Processor: website.
• RAM:
8GB
• SSD:
128GB
proposal.
39
3.3.1.2 Software Requirement
project proposal.
and DFD.
40
3.4 FRAMEWORK
Figure 3-2 shows the backend structure of the Online System Based on E-Commerce
Platform for the used item shopping website. The Web Client is representing the admin’s
backend structure where it requests data from PHP only and PHP will request DB queries from
SQL database. Then, the SQL database will return data to PHP and PHP will response based
41
on what web client request. Meantime, the customer and seller backend structure where its
request data from PHP then PHP will request DB queries from SQL database just like the
admin backend structure. Next, SQL database will return data to PHP and then its will response
Platform
42
Figure 3-3 which explains the general structure of the Online System Based on E-
Commerce Platform for used item shopping website. The colour ‘Peach’ is representing
customer as a user and which process part that he/she can accomplish. The customer has to
login in order to access this web based system. However only registered customer is able to
The colour ‘Green’ is representing seller as a user and which process or tasks he/she
can accomplish. Same as the customer, seller has to login into this web based system and only
registered seller can sell his/her used item through this system.
Meanwhile, the colour ‘Yellow” represents the admin of the system and what process
that he/she can perform. In order to access the web based system, the admin has to login into
the system. Then, the system will display the admin interface. The admin able to view the seller
record, customer record, seller selling record, and customer purchasing record.
43
3.4.3 E-Commerce Framework
The figure above shows the process of e-commerce framework. The product catalogue is
made up of all the information needed to present any product to the customer and to complete
a sales transaction online. Then, in order for the shopping cart to function properly, the user's
computer must be set to allow "cookies". The checkout system allows customers to select
products by clicking an "add to cart" button and then enables them to pay for these products.
44
3.5 CONTEXT DIAGRAM (CD)
Context Diagram shows the interaction in the system. Figure 3-4 explains the relations
between system with customer, seller, and admin and the central process. The customer has
two outgoing entities which are the CUSTOMER DETAILS and the CUSTOMER BUYING
DETAILS, and has two ingoing entities which are the CUSTOMER RECORD, and
CUSTOMER BUYING RECORD. The seller also has two outgoing entities which are the
SELLER DETAILS, and ITEM DETAILS, and has two ingoing entities which are the
SELLER RECORD, and ITEM RECORD. The admin has five ingoing entities which are the
CUSTOMER BUYING DETAIL. Moreover, the admin’s outgoing entities are the ADMIN
45
DETAILS, SELLER RECORD, CUSTOMER RECORD, ITEM RECORD, and CUSTOMER
BUYING RECORD.
46
3.6 DATA FLOW DIAGRAM (DFD) LEVEL 0
47
Figure 3-5 shows the flow of the processes involve in the system. These shows the
details functionality that stretch out a better understanding of the system tasks. There are three
entities involved in this system which are the seller, customer, and admin. There are seven (7)
processes consists in this Online System Based on E-Commerce Platform which are MANAGE
MANAGED PURCHASE, ADMIN LOGIN, and MANAGE RECORD. It also has six (6) data
stores which are SELLER, ITEM, CUSTOMER, ORDER, PRODUCT_ORDER, and ADMIN.
1. There are two major processes involved for seller which are the MANAGE SELLER
DETAILS, and MANAGE SELLING ITEM. Information that has been processed of
managing seller detail will be stored in D1-SELLER data store. Next, the seller can
MANAGE SELLING ITEM where seller can enter the item that he/she wants to sell.
The information processed will be stored in D2-ITEM data store. The output of this
2. There are two major processes involved for customer which are the MANAGE
store. The information of managing purchase will be stored in the D4-ORDER data
store meanwhile the information of managing purchase item will be stored in the D4-
ADMIN. Next, the admin will retrieve all the information in D1-SELLER, D2-ITEM,
the seller details, customer details, customer purchasing details, and seller selling
details.
The Data Flow Diagram (DFD) Level 1 shows how the system is divided into few sub-
processes. Each deal with one or more data flows from or to an external agent, which provide
49
3.7.1 Process 1.0: Manage Seller Profile
Figure 3-7: DFD Level 1 for process 1.0: Manage Seller Profile
The Figure 3-6 shows the DFD Level 1 for Manage Seller Profile. The seller can add
seller details and update seller details. All the program data will be stored in Seller.
50
3.7.2 Process 2.0: Manage Selling Item
Figure 3-8: DFD Level 1 for process 2.0: Manage Selling Item
The Figure 3-7 shows the DFD Level 1 for Manage Selling Item. The seller can add
item details, update item details, and delete item details. All the program data will be stored in
Item.
51
3.7.3 Process 3.0: Manage Customer Profile
Figure 3-9: DFD Level 1 for process 3.0: Manage Customer Profile
The Figure 3-8 shows the DFD Level 1 for Manage Customer Profile. The seller can
add customer details and update customer details. All the program data will be stored in
Customer.
52
3.7.4 Process 4.0: Manage Purchase
The Figure 3-9 shows the DFD Level 1 for Manage Purchase. The customer can view
item list which the item details will be retrieve in the Item data store. Then, the customer can
add to cart where the add to cart process is by using cookies. Then, customer can update cart,
53
and delete cart. After checkout, all the program data will be stored in Order. Then the order
Figure 3-11 shows the relationship between those entities which relate to one another.
There are five (5) entities which consists of Seller, Customer, Item, Cart, Payment.
54
Interaction of Admin with Seller
55
Interaction of Customer with Order
56
3.9 DATA DICTIONARY
admin_username Varchar no
password Varchar no
The table 3-3 shows the data dictionary for Admin. The table contain 3 rows. Those
57
3.9.2 Table of Seller
for Seller
identification
Seller
seller_name Varchar no
email Varchar no
no.tel Varchar no
business_type Varchar no
The Table 3-4 shows the data dictionary for Seller. The table contain 6 rows. Those
58
3.9.3 Table of Customer
for Customer
identification
Customer
cust_name Varchar no
email Varchar no
no.tel Varchar no
country Varchar no
The Table 3-5 shows the data dictionary for Customer. The table contain 6 rows. Those
59
3.9.4 Table of Item
for Item
identification
item_name Varchar no
item_desc Varchar no
category Varchar no
price Double no
brand Varchar no
images Varchar no
to seller_id
60
in seller
table.
The Table 3-5 shows the data dictionary for Item. The table contain 5 rows. Those rows
ITEM_BRAND, ITEM_IMAGES and USER_ID. The primary key is the ITEM_ID while
Identification
to Inventory
61
card_no Integer no
cvv Integer no
Card_expdate Varchar no
to user_id in
Customer
orderdate Datetime no
status Varchar no
total_paid Varchar no
The Table 3-7 shows the data dictionary for Cart. The table contain 5 rows. Those rows
62
3.9.6 Table of Product_Order
key for
Product_order
Identification
Key to order_id in
order table
product_name Varchar no
product_price Int no
product_qty Int no
product_total Int no
63
The Table 3-8 shows the data dictionary for Payment. The table contain 6 rows. Those
3.10.1 Main
64
The Figure 3-12 shows the data decomposition for the main module. This system
divides the module into three parts which are the Admin, Seller, and Customer.
3.10.2 Admin
The Figure 3-13 shows the data decomposition for the admin module in the web based.
This system divides the module into seven parts which are Manage Seller, Manage Customer,
65
3.10.3 Seller
The Figure 3-14 shows the data decomposition for the Seller module in the mobile
based. This system divides the module into two parts which are Manage Seller Details and
Manage Item.
66
3.10.4 Customer
The Figure 3-15 shows the data decomposition for the customer module. The module is
divided into two parts which are Manage Customer details and Manage Purchase.
67
3.11 SUMMARY
This chapter is fully described the methodology that is being used in developing this
project. The Software development methodology plays the important parts because it need to
meets the user requirements. The context diagram (CD), data flow diagram (DFD), framework,
and entity relationship model are being described here. Moreover, the data dictionary and data
68
CHAPTER 4
DESIGN
4.1 INTRODUCTION
In this chapter, the main focus is on the system designing phase of the system development
process. The designing phase is the phase that contains the pictures of how to implement the
system be fully functional and fully operate. The guidance of the system was being explained
and describes.
69
4.2 INTERFACE DESIGN
The Figure 4-1 shows the home page interface design of Online System Based on E-
70
4.2.2 Seller Registration Interface
The Figure 4-2 is the registration interface design for the seller. When the user clicks
the “sell” button at the top, user will direct to seller login interface. User need register first as
71
4.2.3 Seller Login Interface
The Figure 4-3 is the login interface design for the seller. The seller required to sign
72
4.2.4 Sell Item Interface
The Figure 4-4 shows the interface design for seller who wish to sell their valuable used item.
73
4.2.5 View Selling History
The Figure 4-5 is the interface design of view selling item where the seller can view the
item that were sold by them. The seller can edit and delete the details of the used items.
74
4.2.6 Customer Registration Interface
75
4.2.7 Customer Login Interface
The Figure 4-7 is the login interface for the seller and customer. The customer must
login in order to proceed to the checkout interface and perform the purchased items.
76
4.2.8 Shop Interface
The Figure 4-8 shows the item display interface design where the customer can view
77
4.2.9 Item Detail Interface
The Figure 4-9 shows the item detail interface design where the customer can view the
item details before purchasing it. The customer cannot enter quantity more than the availability
78
because it will alert the customer “this much quantity is not available”. Meanwhile sold by
“farah” is the seller user_id. So that the customer knows who sold it.
79
The Figure 4-10 shows the interface design for shopping cart where the customer can
add to cart for every item that they want to purchased. Then customer can delete the item in
80
The Figure 4-11 shows the interface design of checkout where customer need to add
their billing details in order to purchase the items. The customer must be login in order to
proceed to this interface. When user did not login it to proceed to the checkout interface, it
81
The Figure 4-12 is the interface design of order confirmation where the customer
82
The Figure 4-13 is the interface design of view purchase item where the customer can
The Figure 4-14 is the interface design of admin login interface for admin dashboard.
83
4.2.15 Customer Profile Record
The Figure 4-15 is customer profile in the admin interface. The admin can update and
84
4.2.16 Update Customer Profile
The Figure 4-16 shows that the admin can update the details of the customer profile when
needed.
85
4.2.17 Seller Profile Record
The Figure 4-17 is seller profile in the admin interface. The admin can view, update
86
4.2.18 Update Seller Profile
The Figure 4-18 shows that the admin can update the details of the seller profile when needed.
87
4.2.19 Seller Selling Record
The Figure 4-19 is seller selling record in the admin interface. The admin can view,
88
4.2.20 Update Seller Selling Record
The Figure 4-20 shows that the admin can update the details of the seller selling record when
needed.
89
4.2.21 Customer Purchasing Record
The Figure 4-21 is customer purchasing record in the admin interface. The admin can
90
4.2.22 Update Customer Purchasing Record
The Figure 4-22 shows that the admin can update the details of the customer purchasing
91
4.3 SUMMARY
The implementation of interface design is discussed in this chapter of what system that
I intended to do. In order to create a well function system, the system must be carefully
designed to ensures the intended result. All the interface designs are required to meet all the
user requirements. There are a number of reasons why cognitive aesthetics (CA) is an
appropriate way to approach the design of ecommerce sites. CA provides a rich theoretical base
that enables a systematic approach which can be applied to creating engaging and immersive
92
CHAPTER 5
5.1 INTRODUCTION
In this chapter, the step necessarily to verify that development of the Online System Based
on E-Commerce Platform is perfectly done and its performance meets all the quality standards.
The system testing is used to evaluate whether the requirements are compliance with the system
or not. A successful test is one that can encover errors. The procedures in this implementation
phase can be modified in order to make sure the functionality and performance were corrected
93
5.2 ADD TO CART USING COOKIES
This project implements add to cart using cookies in e-commerce system. This system
used the HTTP cookie also known as the web cookie or browser cookie. A cookie, which is a
form of persistent state object, is a small piece of data generated by the server and which is
intended to be passed by the client with every subsequent client request to any server in a
defined domain. Upon receipt of the request, the server can verify the client's entitlement to the
requested information by comparing the contents of the cookie to the client records stored on
the server [9]. Cookies is designed to be reliable way for website to remember useful
information such as shopping cart. The cookies method will be shown in the figure below.
94
Figure 5-1: Cookies method for add to cart
Figure 5-1 shows how the cookies is implemented in add to cart. When the customer
clicks the “add to cart button”, it means that the cookies is started and the item details is stored
on the customer’s computer about the items that they intended to buy. The above coding also
mentions on how to calculate the product total where the item quantity will multiple with the
item price. Moreover, it also can check the item availability. If the customer enters the quantity
more than the item availability it will alert “this much quantity is not available”.
95
5.3 ADD TO CART COOKIES IN WEB BROWSER
The figure 5-2 shows the example of the cookies that stored in the customer’s web
browser.
The Figure 5-2 shows the proof of the cookies that is stored in the customer’s web
browser. Moreover, the items in cookies is stored in array which are the product[1] and
product[2].
96
5.4 SYSTEM TESTING
system whether it satisfies the requirements or not. The system testing is to investigate the
testing phase where the test of the design and the user requirement.
In this section, there are three test cases which are for the admin, the seller, and the
customer.
password.
97
2. Insert false email and Pop up message “please enter Success
98
9. View seller selling List of sellers’ selling details Success
they sold.
purchasing page.
99
5.4.2 System Functionality Testing for Seller
login interface.
interface.
login page.
details is successful
added”.
100
5. View selling history List of sellers’ selling Success
they sold.
details is successful
details is successful
ended.
101
5.4.3 System Functionality Testing for Customer
login interface.
interface.
login page.
interface.
102
5. View product details List of product details in Success
interface.
checkout page.
103
10. Logout Pop up message “logout is Success
ended.
5.5 SUMMARY
In this chapter, it shows how the e-commerce process is done. Furthermore, it also
describes the test case that has been done during the development processes.
104
CHAPTER 6
CONCLUSION
6.1 INTRODUCTION
In this chapter, the result of the project is discussed and concluded. The content of this
The Online System Based on E-Commerce Platform is a system develop for selling and
buying used item such as Corousell and Mudah.my website. In this case, the online system has
105
been chosen as potential place to implement the e-commerce platform. The system is mostly
focused on the process of selling used items by the seller and the process buying used items by
the customer. The seller can manage the item details where he/she can add, update and delete
the item details. Meanwhile, the customer can view item details, add to cart, update cart, delete
cart, checkout and view purchase history. The admin can view, update and delete the seller
profile, customer profile, selling record, and purchase record. To develop the system, web
application is chosen since it can easily implement for the admin, seller, and customer.
The main focus of this system is to report the completeness of the user requirement.
Unfortunately, the PayPal payment gateway is not free and have to pay in order to use the
PayPal services. The Online Based System Based on The E-Commerce Platform does not reach
it objective for making it fully functional and to meet the user requirements. The user
requirements are hard to establish as they consist the view of many user and each of them have
different opinion.
106
Moreover, the time constraint also one of the major problem in developing the system
because we were given two months in order to complete the proposed project. The most
important thing within the two months is to create many raw data in the web server and each
data need to be tested in order to make sure the expert system is well functional for a better
result. The implementation of the coding required a lot of time because it needs a wide
In the future, the different concept of online system based on the e-commerce platform
can be developed into fully functional and more advanced system which it will has the PayPal
payment gateways. Furthermore, the effectiveness in this system can be see where it has chat
application for the customer to directly interact with the seller for further details of the items
in the selling and buying and processes. Lastly, in future works, the shipping management can
107
6.5 CONCLUSION
As the conclusion, E-Commerce has become a major resource in modern business not
only in the entrepreneur’s but also for the customer’s point of view. In this project, the user is
provided with an e-commerce website that can sell or buy valuable used item over the internet
that will be much easier and more convenience to the user. The PHP language technology is
used to implement this e-commerce web based system. In addition, MySQL is used with PHP
as back-end tool and can be interfaced very well with PHP. Therefore, PHP and MySQL are
excellent choice for webmasters in order to automate their web sites. Next, a good shopping
cart must be design accompanied with user-friendly shopping cart application logic. It should
be convenient for the customer to view the contents of their cart and able to remove or add
items to their cart. The shopping cart application described in this project provides a number
of features that are designed to satisfy the customer. Last but not least, the development of this
project has given me a precise knowledge about the e-commerce platform and hopefully that
the system may meets all the user requirements where this project able to be user friendly and
108
REFERENCES
[1] Kodali, S. (2007). the design and implementation of an e-commerce Site for online book
[2] Adewumi, B. (2017). An E-commerce Web Application for a Small Retail Store.
[4] Vatrapu, S. R. (2014). Design and Implementation of E-Commerce Site for Online
Shopping.
[5] Niranjanamurthy, M., Kavyashree, N., Jagannath, S., & Chahar, D. (2013). Analysis of e-
commerce and m-commerce: advantages, limitations and security issues. International Journal
109
[8] Dan, C. (2014). Consumer-To-Consumer (C2C) Electronic Commerce: The Recent
[9] Bourne, D. A., Chan, V., Khusial, D., Linehan, M. H., & Mirlas, L. (2007). U.S. Patent No.
[10] Luiz Escoriza, L. (2014). Analysis, design and development of a web-shop template using
[11] Yourdon, E. (2006). Just enough structured analysis. Published at:< http://www. yourdon.
com, 2, 3.
[12] Mohamed, N., Hussein, R., Hidayah Ahmad Zamzuri, N., & Haghshenas, H. (2014).
Insights into individual's online shopping continuance intention. Industrial Management &
[13] Eu-Gene, S. (2010). Malaysian C2C Auction E-Commerce Sites: A Case Study on eBay
and Lelong.com.my. Ministry of Science, Technology and Innovation Aras 1-7, Blok C4 & C5,
[15] Wong, W. T. (2017). Unicat: Enhancing E-Commerce Module in Hybrid Platform Mobile
111
APPENDIX
ACTIVITY WEEK
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
Briefing on FYP topic
Workshop on FYP
report format
Discuss on the topic
selection
Topic registration
Detailed view on
problem statement and
literature review
Detailed view on
methodology
Preparation of
proposal
Presentation 1 of the
project proposal
Proposal amendments
Forming framework
Implementation of
framework
Clarification of added
value
112
Specification on
implementation of
framework
Details of the
framework
Presentation 2 of
project proposal
Preparation of draft
proposal report
submission
Correction on proposal
Submission on full
proposal report
113