___________________________________________

COLLEGE OF ENGINEERING

DEPARTMENT OF ELECTRICAL AND COMPUTER

ENGINEERING

COMPUTER STREAM

____________________________________________

WEB BASED ONLINE SHOPPING

PREPARED BY:

NAME ID

1. DEREJE DESALEGN……………….DBUR/2779/11

2. GIRUM GIRMA…………………….DBUR/T/2060/11

3. MAHEDERE TEBEBE………….…..DBUR/3536/11

RESEARCH ADVISOR: SELAM A.

SUBMISSION DATE:03/06/2015

________________________________________________________________________________________________
Web Based Online Shopping FEB,2015 E.C

WEB BASED ONLINE SHOPPING

PREPARED BY:

NAME ID

1. DEREJE DESALEGN………………………………….…………..DBUR/2779/11

2. GIRUM GIRMA……………………………………..….…….….DBUR/T/2060/11

3. MAHEDERE TEBEBE…………………………………………....DBUR/3536/11

Board of examiners

Name Signature

Advisor ___________________________ ________________

External Examiner _________________________ ________________

Internal Examiner __________________________ ________________

Date

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C

 ACKNOWLEDGEMENTS
We would like to express our sincere gratitude to a few people for their invaluable
contribution in the completion of our group project. We are thankful to our Advisor, Ins.
Selam A, for providing us with the opportunity and guidance throughout the assignment
work. Her insight into Online Shopping and its various facets were instrumental in the
fruitful execution of our project. Last but not least, we are grateful to all online shopping
websites whose comprehensive data was used as part of our research paper. Their data
was an integral part of this study and without it, we could not have undertaken this task
with such ease. Once again, we would like to show our appreciation for everyone
involved in bringing this project together and helping us learn so much along the way.

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C

i
Web Based Online Shopping FEB,2015 E.C

ABSTRACT
This proposal will outline a web-based online shopping management system that
provides customers with an efficient and effective way to shop online. The system is
based on the concept of an online marketplace with its own internal components, such as
user and product databases. The system includes features for creating, managing and
tracking orders, as well as including user authentication and managing their accounts.
Additionally, product browsing and categorization to simplify the process of selecting
products. This system can significantly reduce overall operating costs while providing
customers with a more personalized online shopping experience.

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C ii

Web Based Online Shopping FEB,2015 E.C

TABLE OF CONTENT

ACKNOWLEDGEMENTS ...........................................................................i

ABSTRACT .....................................................................................................ii

LIST OF TABLES .......................................................................................vi

LIST OF FIGURES .................................................................................... vii

ABBREVATIONS AND ACRONYMS .............................................................. viii

CHAPTER ONE .......................................................................................... 1

1. INTRODUCTION ....................................................................................1

1.1 Background ...................................................................................... 1

1.2 Literature Review and Related Works .............................................. 2

1.2.1 Overview of the Existing System ............................................ 2

1.2.2 Related Works .........................................................................3

1.3 Statement Of The Problem ............................................................... 4

1.4 Scope Of The Project ........................................................................5

1.5 Objective of the project .................................................................... 5

1.5.1 General Objective ....................................................................5

1.5.2 Specific Objective ................................................................... 5

1.6 Significance Of The Project ..............................................................6

1.7 Methodology and Techniques ...........................................................7

1.7.1 Methodology ........................................................................... 7

1.7.2 Technique ................................................................................8

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C iii

Web Based Online Shopping FEB,2015 E.C

1.7.3 Design And Development Tools ..............................................8

1.8 Limitation of the system: .................................................................. 9

CHAPTER TWO ........................................................................................10

2. SYSTEM ANALAYSIS .........................................................................10

2.1 Introduction .................................................................................... 10

2.1.1 Purpose ..................................................................................10

2.1.2 Overview of the design ..........................................................10

2.2 Specific Requirements ....................................................................11

2.2.1 External Interface Requirements ............................................11

2.2.2 Functional requirements ........................................................ 13

2.2.3 Non-Functional Requirements ............................................... 14

2.2.4 System Models ...................................................................... 15

CHAPTER THREE ..............................................................................18

3. SYSTEM DESIGN .................................................................................18

3.1 INTRODUCTION .........................................................................18

3.2 Overview of the design ...................................................................18

3.3 System Models ............................................................................... 18

3.4 Use case modelling .........................................................................19

CHAPTER FOUR ...................................................................................... 29

4. IMPLEMENTION ..................................................................................29

4.1 INTRODUCTION .........................................................................29

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C iv

Web Based Online Shopping FEB,2015 E.C

4.2 Tools and technologies used for implementation .......................... 29

4.3 Design and implementation ............................................................ 30

4.4 Testing ........................................................................................... 35

CHAPTER FIVE ........................................................................................36

5. Conclusions and Recommendation ......................................................... 36

5.1 INTRODUCTION ..........................................................................36

5.2 Limitations ..................................................................................... 36

5.3 Scope for Future Work ................................................................... 36

Reference ................................................................................................... 37

Appendix .................................................................................................... 38

Glossary ......................................................................................................43

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C v

Web Based Online Shopping FEB,2015 E.C

LIST OF TABLES
Table 1 Functional requirements ........................................................................................... 13

Table 2 login scenario .............................................................................................................15

Table 3 Register scenario ........................................................................................................15

Table 4 View products scenario ............................................................................................. 16

Table 5 Add Orders scenario .................................................................................................. 16

Table 6 Contact Sellers scenario .............................................................................................16

Table 7 Mange Users scenario ............................................................................................... 17

Table 8 Mange Products scenario .......................................................................................... 17

Table 9 Actors of the system ................................................................................................. 19

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C vi

Web Based Online Shopping FEB,2015 E.C

LIST OF FIGURES

Fig 1 Use case diagram of web based online shopping ..........................................................20

Fig 2 Class diagram of web based online shopping ...............................................................21

Fig 3 Login state chart web based online shopping .............................................................. 22

Fig 4 Register state chart web based online shopping ...........................................................23

Fig 5 View product state chart web based online shopping .................................................. 24

Fig 6 Add order state chart web based online shopping ........................................................25

Fig 7 Contact seller state chart web based online shopping ..................................................26

Fig 8 Managing users state chart web based online shopping ...............................................27

Fig 9 Managing products state chart web based online shopping ......................................... 28

Fig 10 Database design ...........................................................................................................30

Figure 11 Database Implementation using MySQL Server. .................................................. 31

Fig 12 Login Page. ................................................................................................................ 32

Figure 13 product Page and product detail page. ................................................................... 33

Figure 14 product Managing Page or Admins ....................................................................... 34

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C vii

Web Based Online Shopping FEB,2015 E.C

ABBREVATIONS AND ACRONYMS

HTML: Hypertext Mark-up Language

CSS: Cascaded Style Sheet

PHP: Hypertext pre-processor

SQL: Structured Query Language

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C viii

 CHAPTER ONE
1. INTRODUCTION
1.1 Background
Online shopping is becoming increasingly popular for a variety of reasons. Outside
factors such as rising gas prices, difficulty in getting to traditional stores, and the hassles
that are often associated with shopping malls all contribute to the increased interest in
online shopping. Consumers can obtain complete information about the product by
reading the reviews left by previous users. If a person wants to buy a product, he or she is
no longer limited to asking friends and family because there are many product reviews on
the web that give opinions of existing users of the product. Online shopping sites contain
a wide variety of goods, both high quality and mild quality, keeping the level of people in
mind. The online shopping system is currently one of the most significant technological
transformations. It also has nearly the same market size as a general physical market.(1)

An online shopping system is a process that allows people (specifically customers) to

purchase goods and services directly from the seller in a real-time environment. Online
shopping is an electronic commerce application of the internet. From a business
standpoint, customers usually find the products more appealing on websites because all
of the details are available there. People are doing a lot of online shopping these days,
and it's not just because it's convenient to shop from home, but also because there are a
lot of options, there's a lot of price competition, and it's simple to find what you're
looking for.

For sellers, their product gains access to a global market, increasing the number of
customers and improving customer relationships. In addition, web stores allow small
businesses to launch their products on a global scale. The primary goal of this project is
to create a web-based managing system that will allow users to shop online. In other
words, the project aimed at creating a virtual shop environment for users, in some handy
form, which will be available to them through the internet. Although the concept of

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C

1
Web Based Online Shopping FEB,2015 E.C

creating online shopping websites is not new in the electronic market, it emerged shortly
after the World Wide Web (www).(4)

1.2 Literature Review and Related Works

1.2.1 Overview of the Existing System

This literature review provides an overview of the research done on web-based online
shopping management systems, with a focus on understanding the advantages and
disadvantages of such systems for proposal development. It reviews current literature on
topics such as on pros and cons of e-commerce systems, features needed for effective
online shopping management systems and the impact of this systems on business.

Online shopping has become increasingly popular in recent years, with more and more
consumers turning to the internet to purchase goods and services. This trend has led to the
development of various web-based online shopping management systems, which aim to
improve the efficiency and effectiveness of online shopping for both consumers and
retailers. In this literature review, we will explore the current state of online shopping
management systems and their key features. We will also discuss the benefits and
challenges associated with these systems, as well as the future trends and developments
in this field.
One key feature of online shopping management systems is their ability to provide
consumers with a convenient and user-friendly shopping experience. This is achieved
through the use of intuitive navigation, personalized recommendations, and easy-to-use
search and filtering tools. Additionally, many systems also offer features such as product
reviews and ratings, which can help consumers make more informed purchasing
decisions. Another important feature of online shopping management systems is their
ability to streamline and automate many of the administrative and logistical tasks
associated with online shopping
.
While online shopping management systems offer many benefits, there are also some
challenges associated with these systems. For instance if we looked at the websites that

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 2

Web Based Online Shopping FEB,2015 E.C

are currently available in the world such as Alibaba, Amazon.com, and eBay Retail
success is no longer all about physical stores. This is evident because of the increase in
retailers now offering online store interfaces for consumers but evidently our country
doesn’t offer online store but there are some like Addis merkato, kufera etc.
1.2.2 Related Works
Addis Merkato online shopping management systems were reviewed for this project. The
details of the reviews are described in this section.
1.2.2.1 Addis Merkato

Addis Merkato is an online shopping management system that aims to connect shoppers
with local merchants and vendors in the Addis Ababa area. The system utilizes a variety
of features to make shopping easy and convenient for users, including product search,
order tracking, and payment processing.

In recent years, the use of online shopping management systems has become increasingly
popular, as they provide customers with a more convenient and efficient shopping
experience. These systems also offer merchants and vendors the ability to expand their
customer base and reach new markets, which can lead to increased sales and revenue.

Research has shown that online shopping management systems can lead to improved
customer satisfaction and loyalty. This is due to the convenience and ease of use of the
system, as well as the ability to shop from a wider variety of products and vendors.
Additionally, the use of online systems can also help to reduce costs associated with
traditional brick-and-mortar retail, such as rental and labor expenses.

The Addis Merkato system is unique in its focus on connecting shoppers with local
merchants and vendors. This approach has the potential to support the local economy and
promote small businesses in the area. Additionally, it can also provide shoppers with a
more personalized and authentic shopping experience, as they are able to purchase
products directly from the source.

Overall, the Addis Merkato online shopping management system appears to be a

promising solution for both shoppers and merchants in the Addis Ababa area. Its
______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 3

Web Based Online Shopping FEB,2015 E.C

convenience, efficiency, and focus on local vendors make it an attractive option for those
looking to simplify their shopping experience and support their community.

However, there are a number of ways to enhance Addis Merkato, such as the user
experience, to make the purchasing process as simple and natural as possible for
customers. This can be done by streamlining navigation, offering clear product
information, making the design user-friendly, and including charts, graphics, and drop-
down menus.

 The major drawbacks of Addis Merkato are :

o Difficulty with inventory management
o Poor website design and user experience
o No add to cart option
 To improve all this drawbacks ,it can be helpful to address these issues by:
o Implementing an efficient inventory management system
o Continuously improving website design and user experience and Expanding.
1.3 Statement Of The Problem
Although going to a real store to shop is not always an unpleasant experience, there are
certain drawbacks these are

 Slow service
 Not many details and clear information about what is being offered
 Sales pressure
 Small selection of products
 Doesn’t allow you to easily compare prices from various sellers of the same
products
 Not many detailed information about the vendor
 Return policy

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 4

Web Based Online Shopping FEB,2015 E.C

Mainly this project aims to create an online shopping experience for customers, with the
goal of making it simple to shop for your favorite items from a large number of online
shopping sites available on the internet
1.4 Scope Of The Project

Our Online shopping Management System includes a few steps. The customer does
the web search for the website than if he/she Chose’s to register to the system they
can get registered and gain access of adding orders and contact the sellers other than
search the products available and see the details of the products. Otherwise if they
chose not to be registered they can still access the products and check the details of
those products.
In the mean while he administrators of the system can manage registered customers,
Products and Orders that are ordered by registered customers.
1.5 Objective of the project
1.5.1 General Objective
 The general objective of our project is to develop web based online shopping
Management system.
1.5.2 Specific Objective
 To analyse and study how stores work and manage their customers
 To identify other existing online shopping management system
 To design a system that solves the drawbacks of previous systems
 To facilitate the working environment of shopping
 To implement a web based online shopping

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 5

Web Based Online Shopping FEB,2015 E.C

1.6 Significance Of The Project

An online shopping management system is essential to success in the world of retail. It

helps streamline operations by reducing manual tasks, improving accuracy and customer
service, and providing better insight into sales and customer trends.

It allows a retailer to offer an enhanced shopping experience, personalizing customer

service and rewards, creating an easy and enjoyable shopping experience. Utilizing an
online shopping management system allows a retailer to optimize customer order
fulfilment, providing accurate and timely customer delivery estimates. It provides
visibility into customer purchase data, creating actionable analytics for improved
marketing efforts, and creating better relationships with existing and potential customers.
By keeping up with customer expectations, a business can provide better customer
service and continuity of expectations.

Further, this type of system helps create a competitive advantage in the market. By
optimizing inventory management, customer order tracking, and providing insight into
customer behaviour, this type of system can help any retail business meet the demands of
the competitive online shopping market.

Overall, an online shopping management system can benefit any organization that wants
to improve the customer shopping experience and be competitive in the market. It can
provide an easy way to optimize and track tasks, provide improved customer service, and
offer better insight into sales and customer trends. Utilizing this type of system is not
only beneficial to retail businesses, but is essential to success in the competitive online
shopping market.

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 6

Web Based Online Shopping FEB,2015 E.C

1.7 Methodology and Techniques

1.7.1 Methodology

In order to achieve our project’s goals, we will design this system using the incremental
and reuse-oriented approaches that are essential for web-based applications. Here is an
explanation of their main points:
 Incremental Model:
The reason we are going to use the Incremental development method is because the
processes are agile, therefore planning should be incremental to change the process to
reflect changing institute requirement in order to reduce risk of changing requirements
This approach interleaves the activities of specification, development, and validation. The
system is developed as a series of versions (increments), with each version adding
functionality to the previous version. Software is developed such that it can be reused and
it is impractical to develop the whole system in advance, so it is to be developed in
incremental
 Reuse-oriented:
We are using this approach based on the existence of a significant number of reusable
components that are important for the development of the project. The system
development process focuses on integrating these components into a system rather than
developing them from scratch in order to accomplish the tasks according to the time and
budget resources.
 Data Collection, Analysis and Design
The data and information required for system analysis and design will be collected from
various sources. We will collect information and data by interviewing or researching and
monitoring relevant authorities and, where possible, by searching various relevant
documents. After collecting the necessary information, we will analyze and design the
system. Website design has several steps. We will use different software, Hardware and
Tools to code, design and Implement our website.

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 7

Web Based Online Shopping FEB,2015 E.C

1.7.2 Technique
Since software engineering is a discipline of team work, it is necessary to do each activity
within a team. Team work is a crucial technique in the discipline in order to have a clear
and easy journey on the programming arena that allows members to reflect their ideas,
creates suitable environment for new ideas and strengthen collaborations. So, we have
chosen a team work technique to be succeed on our project.
1.7.3 Design And Development Tools
It is necessary requirement for someone to equip basic and important tools to step
forward effectively with quality and on schedule his/her works. What we are going to do
is the same too. We had to owe tools that are core for the project. Some of are
 Hardware’s
 Laptops
 Lan Cables
 WIFI Routers
 Software’s
 Visual Studio Code
 Composer
 XAMPP
 My SQL
 Programing And Hypertext Languages
 PHP
 Java Script
 HTML
 CSS(Bootstrap)

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 8

Web Based Online Shopping FEB,2015 E.C

 Framework’s
 Laravel: Since software engineering is a discipline of team work, it is
necessary to do each activity within a team. Team work is a crucial technique
in the discipline in order to have a clear and easy journey on the programming
arena that allows members to reflect their ideas, creates suitable environment
for new ideas and strengthen collaborations. So, we have chosen a team work
technique to be succeed on our project.
 Bootstrap: Bootstrap is a free open source front-end development framework
for the creation of websites and web apps. Designed to enable responsive
development of mobile-first websites, Bootstrap provides a collection of
syntax

1.8 Limitation of the system:

 The System’s Payment system is not online.
 This system will only work in Ethiopia Although in Ethiopia 48.23 percent
of the country are illiterate or unable to read or write or have access to the
online world our project specifies with the 51.77 percent and hopefully in a
few years we can specify with the 100 percent.

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 9

Web Based Online Shopping FEB,2015 E.C

CHAPTER TWO
2. SYSTEM ANALAYSIS
2.1 Introduction
A System Analysis of an Online Shopping Management System involves studying its
design, structure, and interaction within the system in order to optimize the efficiency of
its processes. In doing so, a Systems Analyst will study the user requirements by first
understanding the business processes that need to be automated and how they are used in
the current context. Additionally, they analyze any existing application within the
environment that interfaces with the Online Shopping Management System and
understand their dependencies to ensure smooth integration.
2.1.1 Purpose
The main purpose of this analysis is to create or modify an online shopping management
system in such a way that it meets all desired user needs and objectives. Depending on
the size of the project, multiple rounds of discussion may take place between stakeholders
and analysts in order to assess system requirements. Following this discussion, certain
goals would be set for what data needs to be collected and stored. All user inputs must
also be validated for accuracy before being stored into a database. Finally, reports created
from this data would need to meet established guidelines concerning clarity and
formatting standards.
2.1.2 Overview of the design
This document outlines a system design of a web-based online shopping system, intended
to provide customers with an intuitive and efficient way to purchase products from the
comfort of their own homes. This design emphasizes the need for rich user experiences
and wide compatibility across browsers, devices and operating systems. Additionally,
security measures have been put in place to ensure that customer information is kept safe.
Finally, this design further details the architecture required to power this dynamic e-
commerce platform.

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 10

Web Based Online Shopping FEB,2015 E.C

A web-based online shopping system is designed to enable customers to purchase goods

and services over the Internet. It typically integrates a front end user interface featuring
product catalogues, shopping carts, checkout systems and payment gateways. The back
end technology includes databases or business intelligence software where customer data
is stored and managed. Web based online shopping systems also typically feature
scalability and integrations with various external services. Security measures may include
authentication, encryption, and data leak protection and activity logs to protect sensitive
customer data.
2.2 Specific Requirements
2.2.1 External Interface Requirements
o User Interface
User Interface (UI) is the front-end of software, website, or application that allows human
interaction and communication. It’s a graphically structured representation of information
where users interact with electronic devices in order to input and extract data or any other
kind of digital action. For our system, we developed the user interface using the
following techniques
o Simplicity: We developed a system that a User’s will not be overwhelmed with
complex designs or too much information on a page. Instead, we developed a
simple, polished design that emphasizes usability and readability.
o Consistency: we make sure the user experience is consistent throughout our
system. We assure to apply the same graphical user interface (GUI) elements
(icons, buttons, fonts, and so on) consistently to create an environment that
users will recognize and understand quickly.
o Intuitive Navigation: We try to develop navigation that's easy to understand
without instructions 
o Responsive Design: Many users access products via mobile devices or tablets
now, so we developed responsive design which adapts content to fit various
device size and resolutions is essential.

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 11

Web Based Online Shopping FEB,2015 E.C

o Hardware Interface
o Laptop: Laptops are an invaluable tool in website development, allowing us to
create and edit code on the go
o WIFI Routers and Modems: WIFI Routers are used to connect devices such as
laptops, smartphones, and tablets to Connection also allows us to access the
websites locally instead of through the public internet, which is we use them
for testing and troubleshooting.
o Software Interface
o Operating System : Windows, Linux, Mac
o Application : XAMPP, Composer
o Frame work: Laravel
o Data Base : MySQL Database Server

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 12

 Web Based Online Shopping FEB,2015 E.C

2.2.2 Functional requirements

No. Functional requirements Specifications

1 Login o Customer logins to the system by entering
valid user id and password for the
shopping
o Administrator logins to the system by
entering valid user id and password

2 Register o If customer wants to order the product

then he/she must be registered,
unregistered user can’t add orders.

3 See Products o Customers can see product details on the

system

4 Add Order o Registered customers can Add order and

Manage their Orders

5 Mange Products o Administrators Can manage products that

the system provides

6 Mange Registered Customers o Administrators Can manage Users that are

registered to the system

7 Mange Orders o Administrators Can manage orders

ordered by the registered users

8 Logout o After using the system the authenticated

user has to logout o the system

Table 1 Functional requirements

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 13

Web Based Online Shopping FEB,2015 E.C

2.2.3 Non-Functional Requirements

o Performance Requirements: Maximum possible quick response of the

system is required, also should provide fast updating of records. The
changes if any made should be reflected automatically in the system
pages.
o Resource: consumes less resource like time, power needed to perform
the task.
o Accessibility: the system is accessible to Internet enabled devices 24X7.
o Flexibility: Flexible service based architecture will be highly desirable
for future extension

2.2.3.1 Performance Characteristics

o accurate and complete information should be provided by the

system
o The system should respond to a user’s request for information
within 5 seconds when the user presses

2.2.3.2 Quality Issues

o System can Support Multiple Platforms

o Should be available 24X7

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 14

Web Based Online Shopping FEB,2015 E.C

2.2.4 System Models

2.2.4.1 Scenarios

Scenario name Login

Actors User/Admin

Flow of Events 1. The user initiates the system.

2. Click on login if already registered.
3. The system redirects the login page
4. The user fill the login form and click on login button.
5. Gets Routed to Home or Admin Page

Table 2 login scenario

Scenario name Registration

Actors User

Flow of Events 1. The user initiates the system.

2. Click on register.
3. The system redirects the Register page
4. The user fill the registration form and click on Register button.
5. Asks to verify the email they used in the form.
6. If verified, routes to the home page

Table 3 Register scenario

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 15

Web Based Online Shopping FEB,2015 E.C

Scenario name View Products

Actors User

Flow of Events 1. User initiates the system

2. From home page user selects products option
3. The user gets route to the product page
4. Select a kind of product and routes to the list and the details of
the product they selected

Table 4 View products scenario

Scenario name Add Orders

Actors User

Flow of Events 1. User initiates the system.

2. From home page user selects Add orders option.
3. The user gets route to the Add orders page.
4. Fill out the form to Add orders and Hit he submit button.
5. OR Get the Social and Phone Number of the sellers and
Communicate with them

Table 5 Add Orders scenario

Scenario name Contact Sellers

Actors User

Flow of Events 1. User initiates the system

2. From home page user selects contacts option
3. The user gets route to the contact page
4. Fill the Subject and Message they wanted to send to the seller
and hit submit

Table 6 Contact Sellers scenario

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 16

Web Based Online Shopping FEB,2015 E.C

Scenario name Mange Users

Actors Admin

Flow of Events 1. Admin initiates the system.

2. Gets Redirected to Admin Page.
3. Selects the User Management Option.
4. Chose’s to select the edit button on the user management page.
5. Block or Unblock users.
6. Change the roles of the users to admins or vice versa.
7. Remove Users from the system.

Table 7 Mange Users scenario

Scenario name Mange Users

Actors Admin

Flow of Events 1. Admin initiates the system.

2. Gets Redirected to Admin Page.
3. Selects the Products Option.
4. Chose a product to Manipulate.
5. ADD, EDIT or Remove the product from the System.

Table 8 Mange Products scenario

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 17

Web Based Online Shopping FEB,2015 E.C

CHAPTER THREE

3. SYSTEM DESIGN
3.1 INTRODUCTION

This document outlines a system design of a web-based online shopping system, intended
to provide customers with an intuitive and efficient way to purchase products from the
comfort of their own homes. This design emphasizes the need for rich user experiences
and wide compatibility across browsers, devices and operating systems. Additionally,
security measures have been put in place to ensure that customer information is kept safe.
Finally, this design further details the architecture required to power this dynamic e-
commerce platform.

3.2 Overview of the design

A web-based online shopping system is designed to enable customers to purchase goods
and services over the Internet. It typically integrates a front end user interface featuring
product catalogues, shopping carts, checkout systems and payment gateways. The back
end technology includes databases or business intelligence software where customer data
is stored and managed. Web based online shopping systems also typically feature
scalability and integrations with various external services. Security measures may include
authentication, encryption, data leak protection and activity logs to protect sensitive
customer data.
3.3 System Models
This document presents a system model of a web based online shopping store. The
purpose of this model is to provide an overview and understanding of the core
components of the store and their respective functions within the system. The model
encompasses all aspects, from the customer experience when using the website, viewing
products, adding orders, contact sellers and managing users, as well as security measures
involved. It provides an insight into how each component interacts with one another in
order to enable customers a secure and efficient online shopping experience.

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 18

Web Based Online Shopping FEB,2015 E.C

3.4 Use case modelling

This use case modelling of a web based online shopping system describes the
interactions between customers, the online store, and its related systems. The aim of
this document is to provide a thorough representation of the functional and non-
functional requirements for the system, so that stakeholders understand the overall
objectives and goals for building an effective and efficient web based online shopping
platform. All scenarios detailed in this document assume that users have a current
web browser installed.

3.5 Actors of the system

No Actor name Description

1 User A person who uses the program

2 Admin A person who is responsible for controlling the

system

Table 9 Actors of the system

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 19

Web Based Online Shopping FEB,2015 E.C

3.6 Use case diagram

Fig 1 Use case diagram of web based online shopping

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 20

Web Based Online Shopping FEB,2015 E.C

3.7 Class diagram

Fig 2 Class diagram of web based online shopping

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 21

Web Based Online Shopping FEB,2015 E.C

3.8 State chart diagram

Web based online shopping has the following different state chart diagrams to show the
state of a particular object through its life time in response to different events of the
system.

3.8.1 Login state chart

Fig 3 Login state chart web based online shopping

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 22

Web Based Online Shopping FEB,2015 E.C

3.8.2 Register state chart

Fig 4 Register state chart web based online shopping

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 23

Web Based Online Shopping FEB,2015 E.C

3.8.3 View product state chart

Fig 5 View product state chart web based online shopping

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 24

Web Based Online Shopping FEB,2015 E.C

3.8.4 Add order state chart

Fig 6 Add order state chart web based online shopping

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 25

Web Based Online Shopping FEB,2015 E.C

3.8.5 Contact seller state

Fig 7 Contact seller state chart web based online shopping

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 26

Web Based Online Shopping FEB,2015 E.C

3.8.6 Managing users state chart

Fig 8 Managing users state chart web based online shopping

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 27

Web Based Online Shopping FEB,2015 E.C

3.8.7 Managing products state chart

Fig 9 Managing products state chart web based online shopping

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 28

Web Based Online Shopping FEB,2015 E.C

CHAPTER FOUR
4. IMPLEMENTION
4.1 INTRODUCTION
This chapter provides an overview of the system and how it is implemented, including
tools and source code we used for the implementation.
4.2 Tools and technologies used for implementation
In order to develop this system from a web perspective, various kinds of software and
Hardware
Software
o XAMPP: An Application used to administer our MySQL databases and Apache
Server.
o Visual Studio Code: an IDE used in Development(codding) of the website
o Composer: a command line tool for dependency management in PHP. Helps us to
define the libraries that our project needs and install and update them for us.
o MySQL: The database management tool used for the system
o Admin and User page Templates for free
o HTML and Bootstrap: language and framework used in Frontend Development
o PHP and Js: Languages used in Backend Development
o Laravel: Framework used for the development of the website
Hardware
o Laptops
o WIFI Router
o LAN Cables

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 29

Web Based Online Shopping FEB,2015 E.C

4.3 Design and implementation

4.3.1 Database design and implementation
Database design was similar to the analysis phase. the database is Developed with
MySQL.

Fig 10 Database design

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 30

Web Based Online Shopping FEB,2015 E.C

Figure 11 Database Implementation using MySQL Server.

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 31

Web Based Online Shopping FEB,2015 E.C

4.3.2 User Interface Design and Implementation

Some User Interfaces are:

Fig 12 Login Page.

In the login page the user inserts username and password, if it is correct the interface will
proceed to the next interface but if the user inserts an incorrect email or password the
interface will not go to the next UI. Instead it routes back to login page with invalid
credentials notification

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 32

Web Based Online Shopping FEB,2015 E.C

Figure 13 product Page and product detail page.

The user can see the list of products that are available. The user can search for products by
entering the search term into the search textbox provided on the top. This text box is watermarked

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 33

Web Based Online Shopping FEB,2015 E.C

with the words “Search products hear” to let the user know that this is the place to enter the
search terms.

The user can see details of the product and If the user is an authenticated user the user is product
is provided with add order options.

Figure 14 product Managing Page or Admins

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 34

Web Based Online Shopping FEB,2015 E.C

4.4 Testing
4.4.1 Unit Testing

We tested each view/module of the application individually. As the modules were built
up testing was carried out simultaneously, tracking out each and every kind of input and
checking the corresponding output until module is working correctly.

The functionality of the modules was also tested as separate units. Each of the three
modules was tested as separate units. In each module all the functionalities were tested in
isolation.

In the Product Description Module it has been tested that all the images are displayed
properly. Users can add review and the as soon as a user adds a review it is updated in the
view customer review tab. It has been checked to see if the whole page refreshes or a
partial page update happens when a user writes a review.

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 35

Web Based Online Shopping FEB,2015 E.C

CHAPTER FIVE

5. Conclusions and Recommendation

5.1 INTRODUCTION
The ‘Online Shopping’ is designed to provide a web based application that would make
searching, viewing and selection of a product easier. The search engine provides an easy
and convenient way to search for products where a user can Search for a product
interactively and the search engine would refine the products available based on the
user’s input. The user can then view the complete specification of each product. They can
also view the product reviews and also write their own reviews.

5.2 Limitations

This application does not have a built in check out process. An external checkout package
has to be integrated in to this application. Also users cannot save the shopping carts so
that they can access later i.e. they cannot create wish lists which they can access later.
This application does not have features by which user can set price ranges for products
and receive alerts once the price reaches the particular range.

5.3 Scope for Future Work

The following things can be done in future.

 The current system can be extended to allow the users to create accounts and save
products in to wish list.

 The users could subscribe for price alerts which would enable them to receive
messages when price for products fall below a particular level.

 The current system is confined only to the shopping cart process. It can be extended
to have an easy to use check out process.

 Users can have multiple shipping and billing information saved. During checkout
they can use the drag and drop feature to select shipping and billing information.

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 36

Web Based Online Shopping FEB,2015 E.C

Reference

(1)Ali, Pervaiz Sankaran,Sudha. ‘Online Shopping’ Customer Satisfaction and Loyalty in

Norway.(2010)

(2)Bindia Daroch, Gitika Nagrath, Ashutosh Gupta, March 2021.A study on factors
limiting online shopping behaviour of consumers.Available at
https://www.emerald.com/insight/content/doi/10.1108/RAMJ-07-2020-
0038/full/html.Accessed Nov 21, 2022

(3)Ulsi Bharatbhai Raval, December 2021.Study of Effectiveness of Online Shopping

Available at
https://www.researchgate.net/publication/357016510_Study_of_Effectiveness_of_Online
_Shopping.Accessed Nov 21, 2022

(4)Professor Dr.Md.Ismail Jabiullah, 2017, an online shopping store management system

Available at
https://www.academia.edu/38404847/An_Online_Shopping_Store_Management_System.
Accessed Nov 21, 2022

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 37

Web Based Online Shopping FEB,2015 E.C

Appendix
Source Code
<?php
namespace App\Http\Controllers;
use App\Models\Product;
use Illuminate\Http\Request;
class ProductController extends Controller
{
/
* Display a listing of the resource.
*
* @return \Illuminate\Http\Response
*/
public function index()
{
$Product = Product::all();
return view('config.productmangment.index', compact('Product'));
}
/
* Show the form for creating a new resource.
*
* @return \Illuminate\Http\Response
*/
public function create()
{
return view('config.productmangment.create');

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 38

Web Based Online Shopping FEB,2015 E.C

}
/
* Store a newly created resource in storage.
*
* @param \Illuminate\Http\Request $request
* @return \Illuminate\Http\Response
*/
public function store(Request $request)
{
$request->validate([
'productname' => 'required',
'catagoryname' => 'required',
'price' => 'required',
'size' => 'required',
'brand' => 'required',
'contact' => 'required',
'image' => 'required|image|mimes:jpeg,png,jpg,gif,svg|max:2048',
]);
$input = $request->all();
if ($image = $request->file('image')) {
$destinationPath = 'image/';
$profileImage = date('YmdHis') . "." . $image->getClientOriginalExtension();
$image->move($destinationPath, $profileImage);
$input['image'] = "$profileImage";
}
product::create($input);
return redirect()->route('product.index')
->with('success', 'product Added successfully.');
}
/

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 39

Web Based Online Shopping FEB,2015 E.C

* Display the specified resource.

*
* @param \App\Models\Product $product
* @return \Illuminate\Http\Response
*/
public function show(Product $product)
{
return view('config.productmangment.show', compact('product'));
}
/
* Show the form for editing the specified resource.
*
* @param \App\Models\Product $product
* @return \Illuminate\Http\Response
*/
public function edit(Product $product)
{
return view('config.productmangment.edit', compact('product'));
}
/
* Update the specified resource in storage.
*
* @param \Illuminate\Http\Request $request
* @param \App\Models\Product $product
* @return \Illuminate\Http\Response
*/
public function update(Request $request, Product $product)
{
$request->validate([
'productname' => 'required',

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 40

Web Based Online Shopping FEB,2015 E.C

'catagoryname' => 'required',

'price' => 'required',
'size' => 'required',
'brand' => 'required',
'contact' => 'required',
'image' => '|image|mimes:jpeg,png,jpg,gif,svg|max:2048',

]);
$input = $request->all();
if ($image = $request->file('image')) {
$destinationPath = 'image/';
$profileImage = date('YmdHis') . "." . $image->getClientOriginalExtension();
$image->move($destinationPath, $profileImage);
$input['image'] = "$profileImage";
} else {
unset($input['image']);
}
$product->update($input);
return redirect()->route('product.index')
->with('success', 'Updated successfully');
}
/**
* Remove the specified resource from storage.
*
* @param \App\Models\Product $product
* @return \Illuminate\Http\Response
*/
public function destroy($id)
{
$product = product::find($id);

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 41

Web Based Online Shopping FEB,2015 E.C

$product->delete();
return redirect()->route('product.index')
->with('success', 'Deleted Successfully!');
}
public function productlist()
{
$product = Product::all();
return view('config.productmangment.productlist', compact('product'));
}
public function search()
{
$search_text = $_GET['search'];
$product = product::query()
->where('color', 'LIKE', "%{$search_text}%")
->orWhere('brand', 'LIKE', "%{$search_text}%")
->orWhere('productname', 'LIKE', "%{$search_text}%")
->orWhere('catagoryname', 'LIKE', "%{$search_text}%")
->orWhere('size', 'LIKE', "%{$search_text}%")
->orWhere('price', 'LIKE', "%{$search_text}%")
->get();
return view('config.productmangment.search', compact('product'));
}
public function productdetail($id)
{
$product = product::find($id);
return view('config.productmangment.productdetail', compact('product'))
->with('i', (request()->input('page', 1) - 1) * 5);
}
}

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 42

Web Based Online Shopping FEB,2015 E.C

Glossary
 Scenario-a short text description on the system function.
 Dynamic model: is used to express and model the behavior of the system over time.
 Use case modeling: the proposed functionality of a new system.
 Use case diagram: interactions between a system and its external entities.
 Actor- An entity that needs to interact with the system for exchange information. An
actor can represent either a user role or another system
 Class diagram: a type of static structure diagram that illustrates the structure of a
system by displaying the system's classes, attributes, operations, and object
relationships.
 Sequence Diagram: A diagram which represents sequence of action that human or
system represents.
 State diagram: diagram used to describe the behavior of system

______________________________________________________________________________

SEMESTER PROJECT DBU,2015 E.C 43