Project on

E-Commerce Platform for Computer & Accessories

Submitted by

xx
11

xx
111

In partial fulfilment of the requirement for the degree of Bachelor of Science in Computer
Science and Engineering

Department of Computer Science and Engineering

Faculty of Engineering and Technology
Eastern University
October 2022
 Declaration

We hereby declare that the work is being presented in this project entitled “E-Commerce
Platform for Computer & Accessories” in partial fulfilment of the requirement for the degree of
Bachelor of Science in Computer Science and Engineering under the faculty of Engineering and
Technology, Eastern University, Bangladesh is an authentic record of our own work carried out
under the supervision of yyy. It is also declared neither this report nor any part of it has been
submitted elsewhere for the award of any kind of degree.

xx

xx

ii
 Approval

The project titled “E-Commerce Platform for Computer & Accessories” submitted by xx (11),
xx (11) has been accepted satisfactorily in partial fulfilment of the requirement for the degree of
Bachelor of Science in Computer Science and Engineering.

Board of Examiners

yyy
Lecturer (Supervisor)
Department of Computer Science and Engineering
Eastern University

Professor Dr. Md. Mahfuzur Rahman

Dean, Faculty of Engineering and Technology Member
Eastern University (Ex-Officio)

Nawshin Tabassum Tanny

Lecturer Member
Department of Computer Science and Engineering
Eastern University

Tanzim Tamanna Shitu

Lecturer Member
Department of Computer Science and Engineering
Eastern University

iii
 Acknowledgement

This project has been supervised by yyyy, Lecturer, Department of Computer Science and
Engineering, Eastern University, Bangladesh. We are very much grateful and indebted to him for
the kind suggestions, guidance, instructions, and overall supervision that he offered us during our
project investigation. We also thank him for reviewing the preliminary versions of this project,
making useful corrections, and providing suggestions. We would also like to express our gratitude
to our parents and teachers for bringing us up where we are today. We are thankful to the
Department of Computer Science and Engineering, Eastern University for providing us with an
excellent educational environment and computing facility. We also offer our best regards Eastern
University administration, and all other esteemed teachers of the department for their affectionate
feelings and encouragement throughout the period of our project work. Finally, warm thanks to all
of our well-wishers and friends for moral support and inspiration.

v
 Abstract
The Internet opens up a new horizon for us and has a tremendous impact on our daily lives,
including shopping. The Internet-based electronic commerce (e-commerce) has given the business
and shopping concept a new dimension that makes buying and selling necessary goods and
products more convenient and accessible. There is no doubt that e-commerce will play a prominent
role in the eventual success of future e businesses, and the efficient architecture of the e-commerce
system will play a significant role in that success. In this paper, we present a design and
implementation of a web-based e-commerce system called campus accessories that focuses on the
four fundamental business issues of attracting, interacting, acting, and reacting. The system
presented here focuses on the business-to-customer e-commerce system to provide a more efficient
approach to handling online shopping. Because of this application, university students can make
an easy approach to buying and selling necessary products.

This is a project with the objective to develop a basic website where a consumer is provided with
a shopping cart application and also to know about the technologies used to develop such an
application.

This document will discuss each of the underlying technologies to create and implement an e-
commerce website.

vi
 Table of Content
Content Page
Abstract ------------------------------------------------------------------------------------------------ vi
Table of Content -------------------------------------------------------------------------------------- vii
List of Figures ----------------------------------------------------------------------------------------- ix
List of Tables ------------------------------------------------------------------------------------------ x

Chapter 1: Introduction 1-4

1.1 Introduction --------------------------------------------------------------------------------- 1
1.2 Motivation ----------------------------------------------------------------------------------- 2
1.3 Objective ------------------------------------------------------------------------------------ 2
1.4 Project Schedule --------------------------------------------------------------------------- 3
1.5 Expected Outcome ------------------------------------------------------------------------ 4

Chapter 2: Literature Review 5-7

2.1 Introduction --------------------------------------------------------------------------------- 5
2.2 Comparative Studies ----------------------------------------------------------------------- 5
2.3 Literature Review -------------------------------------------------------------------------- 5
2.4 Feasibility Studies -------------------------------------------------------------------------- 6
2.4.1 Technical Feasibility ------------------------------------------------------------ 6
2.4.2 Operational Feasibility ---------------------------------------------------------- 6
2.4.3 Economic feasibility ------------------------------------------------------------- 7
2.4.4 Legal Feasibility ----------------------------------------------------------------- 7
2.4.5 Schedule Feasibility ------------------------------------------------------------- 7

Chapter 3: System Design and Analysis 8-12

3.1 Introduction --------------------------------------------------------------------------------- 8
3.2 Methodology -------------------------------------------------------------------------------- 8
3.3 Project Management Cycle --------------------------------------------------------------- 8
3.4 Use Case Diagram of the System -------------------------------------------------------- 9
3.4.1 Use Case description of User -------------------------------------------------- 10
3.4.2 Use Case description of Seller/ Admin --------------------------------------- 10
3.5 Activity Diagram --------------------------------------------------------------------------- 11
3.6 Architecture --------------------------------------------------------------------------------- 11
3.7 ER Diagram --------------------------------------------------------------------------------- 12

Chapter 4: Implementation and Testing 13-21

4.1 Introduction --------------------------------------------------------------------------------- 13
4.2 Implementation of Database -------------------------------------------------------------- 13
4.3 Implementation of Front-end Design --------------------------------------------------- 14
4.3.1 Language and Framework ---------------------------------------------------- 14
4.4 Implementation of Back-end development -------------------------------------------- 16
4.5 Unit Testing -------------------------------------------------------------------------------- 16
4.6 Integration Testing ----------------------------------------------------------------------- 16
4.7 System Testing ---------------------------------------------------------------------------- 16
4.7.1 Testing results and report of users’ features -------------------------------- 17
4.7.2 Testing results and report of blood donor features ------------------------ 17
4.8 Snapshot of Front-end -------------------------------------------------------------------- 18
vii
 4.8.1 Home Page --------------------------------------------------------------------- 18
4.8.2 Product Listing Page ---------------------------------------------------------- 19
4.8.3 Product Details Page ---------------------------------------------------------- 19
4.8.4 Customer Registration Page -------------------------------------------------- 20
4.8.5 Customer Login Page --------------------------------------------------------- 20
4.8.6 Shopping Cart ------------------------------------------------------------------ 21
4.8.7 Checkout Process -------------------------------------------------------------- 21

Chapter 5: Conclusion and Future Works 22-23

5.1 Conclusion --------------------------------------------------------------------------------- 22
5.2 Future Work ------------------------------------------------------------------------------- 22

References ------------------------------------------------------------------------------------------- 23

viii
 List of Figures

Figure No. Figure Name Page

Fig 3.1 Waterfall model ---------------------------------------------------------- 8
Fig 3.2 Project Development Life Cycle -------------------------------------- 9
Fig 3.3 Use Case Diagram ------------------------------------------------------ 9
Fig 3.3 ER Diagram -------------------------------------------------------------- 11
Fig 3.4 Data Flow Diagram ----------------------------------------------------- 11
Fig 3.5 Activity Diagram -------------------------------------------------------- 12
Fig 4.1 Database Tables ---------------------------------------------------------- 13
Fig 4.2 Home Page ---------------------------------------------------------------- 18
Fig 4.3 Search Blood Bank ------------------------------------------------------ 19
Fig 4.4 Searching Result of Blood Bank --------------------------------------- 19
Fig 4.5 Blood Application to Blood Bank ------------------------------------- 20
Fig 4.6 Searching Hospital ------------------------------------------------------ 20
Fig 4.7 Doctors -------------------------------------------------------------------- 21
Fig 4.8 Login Page ---------------------------------------------------------------- 21

ix
 List of Tables

Table No. Table Name Page

Table 1.1 Project Schedule --------------------------------------------------------- 3
Table 3.1 Use case description of User ------------------------------------------- 10
Table 3.2 Use case description of Admin / Seller ------------------------------- 10
Table 4.1 Testing results and report of users ------------------------------------- 17
Table 4.2 Testing results and report of Admin / Seller ------------------------- 17

x
 Chapter 1
Introduction

1.1 Introduction
Information and communication technology has the potential to play a significant role in the
development and improvement of strategies for distributing services and solutions in the business
sectors, and the advancement in information and communication technology is considered the next
wave of revolution following the agricultural and industrial revolutions [1]. Electronic commerce
(e-commerce), which is a noteworthy application of the multipurpose use-ability of modern
information and communication technology, refers to a wide range of online economic activities
for products and services that significantly influence people’s daily lives. It is frequently linked
with online buying and selling or any transactions incorporating the transfer of ownership or
privileges towards using items and/or services across the Internet or other computer networks .E-
commerce has created a new dimension and fascination in purchasing products and services in the
current world through technology such as the Internet [2]. We even feel more interested in touching
the item online to get a greater sense of its form, size, and value. Why venture out somewhere
when all you have to do now is only choose the product, place an order with a payment method,
select a shipping service, and then relax and wait for your purchase to be delivered straight to your
doorstep. Moreover, the COVID-19 pandemic forced us to think newly and use the advantages of
information and communication technology to maintain social distances, which is the key to
preventing infections. Different shopping is the major part of our daily lives and coming peoples
in contact with each other. Therefore if we can shop distantly, then it will reduce the chance of
COVID-19 infection by a huge amount, and e-commerce is showing us a solution here. E-
commerce has been widely adopted in developed countries in advances of information and
communication technology. Moreover, in today’s world, the e-commerce sector is very important
across both developed and emerging nations. It has a significant impact both on the regional and
global economies. According to recent study reports, e-commerce has a favourable impact on the
real advancement of the country’s economy, and this participation will be continued to grow [3].
There seems to be no dispute that the trend of technology advancement will raise an organization’s
overall sales and production. The growth of e-commerce is dependent on people’s ability to use
the services of information and communication technology. The usage of e-commerce in low and
medium-income countries is very limited, while some sectors are leading. The contribution of the
e-commerce market to GDP is almost2.5% in Bangladesh now. Population in Bangladesh is
currently estimated to be around 164.6 million [4], according to the Bangladesh Bureau of
Statistics, and the number of internet subscribers is around 90 million [5], according to the
Bangladesh Telecommunications Regulatory Commission, and this number is increasing because
of the noticeable improvements in information and communication sector. Moreover, because of
the COVID-19 pandemic and widespread use of the Internet, the contribution of e-commerce is
significantly increasing. As a result, the impact of e-commerce on Bangladesh’s economy is
unlikely to be overlooked. Bangladesh is massively expanding its competence in this area after
witnessing and analysing the efficiency of the e-commerce marketplace. Moreover, the huge
advancement in the information and communication sector is showing us a new possibility.
Therefore, there is a lot of possibility and room for development to make e-commerce more
convenient and easily accessible. In this study, we are interested in designing and implementing a
web-based e-commerce system that mainly focuses on university campus accessories. We finally
tested the e-commerce system, and customer satisfaction is high.

1
1.2 Motivation
The business-to-consumer aspect of electronic commerce (e-commerce) is the most visible
business use of the World Wide Web. The primary goal of an e-commerce site is to sell goods and
services online.
1. Opportunity To Win New And Potential Customers:
The right course of action ensures your brand marketing is heading in the right direction. For
attracting the quality traffic, we can always optimize your website to make sure the search engine
optimization is helping in fetching the right user traffic for your site that improving the conversion
rate. Often user tends to use web search to look for the relevant information and the right site
ranking will improve your chance of getting the limelight. For ranking in search engines, you need
to have a website that is rightly optimized and has the quality information and relevant keywords
and for that, you need to invest in an eCommerce website first.

2. Higher Chance Of Converting User Into A Buyer:

One of the prime purposes behind building a website is most likely going to be a chance to improve
sales. Your commercial website will open new doors to connect and network with potential and
interested clients who would want to invest in your products and services. Besides having a
physical store, the online store or eCommerce will give you the liberty to connect with your user
at any time of the day. That’s a good reason to get that eCommerce site ready for your business!

3. Make It Convenient For Your Customers: The prime reason behind establishing your
eCommerce website should be adding comfort to your buyers’ life by making it a little easier for
them to learn more about your services and how they can reach out to you with the least effort or
hassle. A custom designed website will have the specific features and functionalities that will not
just help the site to stand out but also add great user experience and that factor is essential for
improving sale boost. Your online store is available 24*7 and that gives your buyer the freedom
to visit and purchase services whenever they feel like it.

4. Increase Business Activity with 24*7 Web Presence:

Once you have an eCommerce website, all your customer requires to reach out to you is an internet
connection. Having an eCommerce website will make it easier for your business to update your
online store on available stocks and the addition of any new product, which will keep your buyer
updated and aware of your services. 5. Expanding Brand Reach: This generation of click and share
has the potential to skyrocket any business sale overnight by sharing and talking about it over the
internet. Sharing on social media and attractive web presence are some of the ways to improve
your business reach and increase the clientele.

1.3 Objectives
Increasing Sales in Ecommerce Store There are few objective of ecommerce that businesses should
aim for when trying to upscale sales in their ecommerce store: One needs to improve on the
conversion rates. A high rate of conversion means that more people are clicking through from the
homepage to make a purchase. This can be attained by creating attractive content and making sure
that the site is easy to navigate. Another objective of ecommerce might be that one have to increase
the average order value. This can be done by offering exclusive deals and discounts, as well as
creating an engaging customer service experience. Customers who make a purchase once will also

2
be likely to spend more money on future purchases. Increasing Brand Awareness One of the most
common reasons businesses opt to use online marketing is to enhance brand awareness. When
customers, through online channels, are introduced to a company or product, it creates a stronger
connection between them and the brand. This can steer you towards sales opportunities, as well as
enhanced loyalty among customers. Hence, for online marketing campaigns to be effective,
businesses must comprehend their goals and objectives. This serves as another objective of
ecommerce. Attracting more Visitors A variety of methods can be employed to increase traffic to
a website, such as developing user profiles that target specific demographics, optimizing the site
for search engine optimization (SEO), and creating attractive content. Increased conversions can
be attained by implementing effective marketing campaigns and offering customers with the best
possible buying experience. Attracting more visitors to your website poses another objective of
ecommerce. Improving Customer Satisfaction There are a few objectives that can assist with this,
such as offering a good customer experience, fulfilling customer needs, and reducing complaints.
Satisfying customer needs, one objective of ecommerce, includes ensuring that the products and
services provided fulfils the requirements of the customer. This can be done through making sure
of accuracy in product information, providing useful guides and tutorials, and responding quickly
to questions. Reducing Shopping Cart Abandonment One common objective of ecommerce
businesses is to reduce shopping cart abandonment. There are a number of ways to reduce shopping
cart abandonment, and each business will have its own preferences and methods. Some common
methods involve providing useful tutorials or videos on how to use the site, offering easy access
to returns and refunds, and making it comfortable for customers to find what they’re looking for.
By implementing certain effective strategies, ecommerce businesses can help in improving their
customer retention rates. Increasing Conversion Rates The primary objective of ecommerce
businesses is to increase the conversion rates. One way to do it is to ensure that the website has a
simple, effective design, pages load quickly and it is easy to navigate, along with it a compelling
content and effective marketing strategies in place. Attracting Repeat Customers Establish a loyal
customer base by offering unique products and services and by providing excellent customer
service. Product prices should be competitive and your customers should be provided with value
for their money. Improving the User Experience The primary objective of ecommerce site is to
offer a great user experience for its customers. This means making sure that the site is easy to
operate and that all features are accessible without difficulty. It also means ensuring that the
website looks and feels good, both on desktop and mobile devices. Finally, it means offering help
and support to customers, if needed. By improving the user experience, the conversion rates can
be increased and attract more repeat customers to your ecommerce business.

1.4 Project Schedule

Activities Duration (in Week) Total week
Brainstorming Week 1, Week 2, 2
Problem identification Week 3,Week 4, Week 5 3
System Analysis Week 6, Week 7 2
System Design Week 8, Week 9, Week 10 3
Database Design Week 11, Week 12, Week 13 3
Front-end Design Week 14, Week 15 2
Backend part and connection with database Week 16, Week 17, Week 18 3
Test case Week 19, Week 20, Week 21 3

Table 1.1: Project Schedule

3
1.5 Expected Outcome
On an e-commerce website, customers can click through intuitive navigation or use a search box
to narrow down their product search immediately. From a consumer's perspective, it's more
convenient to purchase goods from the internet. The process is quick and easy, and you can place
your orders in a short amount of time.

4
 Chapter 2
Literature Review

2.1 Introduction

In this chapter, we try to give an overall idea and knowledge of the background of the project.
Before starting to build this project, we did a deep study of its background. Which sector will we
work with? How will we start this project? After study of the background, we will start developing
our project.

2.2 Comparative Studies

We need to do comparative studies to know whether the project we are thinking about or
want to do has been done before, and if so, on what platform and how it has been done.
Comparative studies are very important for a project. Although some projects are
similar to some of our features, there are a lot of differences between them.

2.3 Literature Review

Daily human life has seen enormous changes due to advancements in information and
communication technology. Hundreds of local and global networks, including private, public,
academic, business, and government networks, contribute to the creation of the Internet, and
multipurpose uses it is a significant advancement in the modern world [6]. The Internet has a
significant impact on the globe and people’s daily lives, particularly on business, because it can
serve billions of users worldwide. It has paved the way for e-commerce to flourish that is becoming
more popular as a means of conducting business [7]. There are many different sorts of e-commerce,
but the most prevalent are Business-to-Business (B2B), Business-toConsumer (B2C), and
Consumer-to-Consumer (C2C). The B2B deals business-to-business transactions in which
merchandise is sold through a third-party intermediary [8]. According to Gupta et al. [9], this sector
accounts for almost 80% of all e-commerce. A business deal between a manufacturer and a
wholesaler, or a wholesaler and a retailer, is an example of B2B. Again, the business that is handled
directly between the wholesaler and consumers via a website is the B2C model [10]. Organizations
and companies exchange goods and services to customers over the Internet for personal use in the
B2C model. Finally, the C2C is the most rapidly expanding sort of e-commerce. Businesses only
provide a venue for advertisers to market their products, and customers can purchase them straight
from the vendor [8]. Businesses facilitate the setting where consumers buy and sell goods and
services directly to one another in the C2C model. The survey found that young consumers are
more comfortable and happy while completing online purchases [11], which also pleased the
merchants by making the operation simple to complete. The Internet and e-commerce, as we all
know, are completely dedicated to every developed nation. But, if an appropriate business goal
can be found, we believe it can be realized and provide a significant benefit to poor countries. E-
commerce, according to Hasan et al. [12], is a breakthrough and a turning point in online business
strategies that can provide a significant contribution to the economy. According to the United
States Census Bureau [13], the manufacturing industry is the greatest provider of ecommerce,
5
accounting for 47.4% of total shipments, followed by vendors, accounting for 28.6% of total sales.
E-commerce is also becoming popular in Bangladesh with improvement in information and
communication sectors and contributing to national economics. Inspired by this direction, this
paper shows the design and implementation of a B2C ecommerce system.

2.4 Feasibility Studies

The feasibility study explores system requirements to determine our project feasibility. The
feasibility study mainly concentrates on below five mentioned areas.

1. Technical Feasibility
2. Operational Feasibility
3. Economic Feasibility
4. Legal Feasibility
5. Schedule Feasibility

2.4.1 Technical Feasibility:

In Technical Feasibility current resources both hardware and software along with required
technology are analysed and assessed to develop the project. This technical feasibility study gives
report whether there exists correct required resources and technologies which will be used for
the project development [1].

Hardware requirements:

1. Processor : Intel Core i3/ AMD A8 or higher

2. RAM: 2 GB or higher
3. Storage: 128 GB HDD/SSD or higher etc.

Software Requirement:

1. Visual Studio
2. Xampp Server
3. Web Browser
Language and frameworks Requirement:

1. Html
2. CSS
3. JavaScript
4. PHP
5. MySQL

All the required hardware and software are available to us, and we are familiar with the required
language and technologies. Hence, the system is technically feasible.

6
2.4.2 Operational Feasibility:

Operational feasibility is mainly concerned with issues like whether the system will be used if it
is developed and implemented. The proposed system is operationally feasible for the following
reasons:

 People can easily collect information of blood banks, ambulance, hospital, doctors, police
and fire services.
 People can send request blood donors to donate blood.
 People can send message to ambulance provider and blood bank authority easily.

2.4.3 Economic Feasibility

In economic feasibility study, the cost and benefit of the project are analysed. This means that
during the feasibility study, a detailed analysis of the project's development costs is performed,
which includes all of the required costs for final development, such as hardware and software
resources, design and development costs, operational costs, and so on [1]. Since the necessary
hardware and software for the project are available to us, we are not concerned about the cost of
hardware and software. The website hosting and domain costs are not much. Our plan is to develop
the project to help people, so we are not concerned about profit. Hence, it is economically feasible.

2.4.4 Legal Feasibility

In the Legal Feasibility Study, the project is analysed from a legality point of view. This includes
analysing barriers to legal implementation of projects, data protection acts or social media laws,
project certificates, licenses, copyrights, etc. [1]. We studied cyber law and the copyright act of
Bangladesh. Our project is not violating any laws of Bangladesh. So the project is legally feasible.

2.4.5 Schedule Feasibility

In Schedule Feasibility Study mainly timelines/deadlines is analysed for proposed project which
includes how many times teams will take to complete final project [1]. The deadline for the
project submissions is September 15, 2022. According to our plan, we can complete our project
on time. So the project is feasible.

7
 CHAPTER 3
SYSTEM DESIGN AND ANALYSIS

3.1 Introduction
System design and analysis is the process of defining the architecture, components, and data of a
system to satisfy specified requirements and examining its component parts and their interactions.
In this chapter, we will describe the system design and analysis of our project.

3.2 Methodology
We chose the waterfall model for our project. The Waterfall Model was the first Process Model to
be introduced. It is very simple to understand and use. In a waterfall model, each phase must be
completed before the next phase can begin and there is no overlapping in the phases. The following
figure shows the step of waterfall model.

Fig: 3.1 Waterfall model

3.3 Project Management Life Cycle

The project management life cycle describes high-level processes for delivering a successful
project. Wasted money and resources can be prevented with effective project management. In the
phases of the project management life cycle, we come up with the idea for the project, define our
goals, plan for its execution, and guide the project to completion. There are 4 phase of the project
management life cycle [3].

1. Initiation
2. Planning
3. Execution
4. Closer

8
 Fig: 3.2 Project Development Life Cycle

3.4 Use Case Diagram of the System

Fig 3.3 Use Case Diagram

9
3.4.1 Use Case Description of User

Goal The user can search for their desire IT products.

Condition Visit our website

Primary Actor User

Secondary Actor Admin

Main Scenario Search our products.

Register as a customer.

Add to cart any product.

Control cart like add/delete.
Can check out.
Payment System.
Delivery details.
Logout

Table 3.2.2 Use case description of User

3.4.2 Use Case Description of Seller

Goal Add / delete products, Manage products, manage order, manage customer,

Condition Must have valid username and password.

Primary Actor Seller, Owner

Secondary Actor Admin

Main Scenario Login

Can modify products, manage order

Collect data of customers for sending products to currier.

Update Profile

Table 3.2.3 Use case description of Seller / Admin

10
3.5 Activity Diagram

Fig 3.4 Activity Diagram

3.6 Architecture

Fig 3.5 Architecture

11
3.7 ER Diagram

Fig 3.6 ER Diagram

12
 CHAPTER 4
IMPLEMENTATION AND TESTING

4.1 Introduction
We are following the waterfall model in our system. The waterfall model implementation starts
with inputs from the system design. The system is first developed in small programs called units,
which are integrated in the next phase. Each unit is developed and tested for its functionality, which
is referred to as Unit Testing. All the units developed in the implementation phase are integrated
into a system after testing of each unit. Post integration, the entire system is tested for any faults
and failures.

4.2 Implementation of Database:

This eCommerce platform is built using the PHP programming language and using MySQL as
database management system. It follows to a architecture called Model-View-Controller (MVC) .
This pattern separates the application into three interconnected components: Model (M): This
component manages the data and business logic. It interacts with the database to handle tasks such
as product management, customer data, and order processing. The Model component ensures data
integrity and consistency. View (V): The View component is responsible for the user interface,
presenting data to the end user. It includes HTML, CSS, and JavaScript to create the visual
elements of the online store and facilitate user interaction. Controller (C): Controllers act as
intermediaries between the Model and View components. They handle user requests, process data,
and orchestrate the flow of information. Controllers ensure that user interactions trigger the
appropriate actions and updates in the Model and View.

Fig 4.1 Database Tables

13
4.3 Implementation of Front-end Design:
Front-end development, also known as client-side development, means a user can see and interact
with the front-end directly. It is important to make the front-end design a clean, attractive, friendly
user interface for any website to appeal to clients and maintain their interest. We are trying to make
our front-end plan easy to understand so that our website can be utilized successfully by a user.

For our front-end development, we have used the following languages and frameworks:

4.3.1 Language and framework

HTML:

The HyperText Markup Language or HTML is the standard markup language for documents
designed to be displayed in a web browser. It defines the meaning and structure of web content. It
is often assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages
such as JavaScript. Web browsers receive HTML documents from a web server or from local
storage and render the documents into multimedia web pages. HTML describes the structure of a
web page semantically and originally included cues for its appearance. HTML elements are the
building blocks of HTML pages. With HTML constructs, images and other objects such as
interactive forms may be embedded into the rendered page. HTML provides a means to create
structured documents by denoting structural semantics for text such as headings, paragraphs, lists,
links, quotes, and other items. HTML elements are delineated by tags, written using angle brackets.
Tags such as <img> and <input> directly introduce content into the page. Other tags such as <p>
and </p> surround and provide information about document text and may include sub-element
tags. Browsers do not display the HTML tags but use them to interpret the content of the page.
HTML can embed programs written in a scripting language such as JavaScript, which affects the
behavior and content of web pages. The inclusion of CSS defines the look and layout of content.
The World Wide Web Consortium (W3C), former maintainer of the HTML and current maintainer
of the CSS standards, has encouraged the use of CSS over explicit presentational HTML since
1997.[2] A form of HTML, known as HTML5, is used to display video and audio, primarily using
the <canvas> element, together with JavaScript.

CSS:

Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a
document written in a markup language such as HTML or XML (including XML dialects such as
SVG, MathML or XHTML).[1] CSS is a cornerstone technology of the World Wide Web,
alongside HTML and JavaScript.[2] CSS is designed to enable the separation of content and
presentation, including layout, colors, and fonts.[3] This separation can improve content
accessibility; provide more flexibility and control in the specification of presentation
characteristics; enable multiple web pages to share formatting by specifying the relevant CSS in a
separate .css file, which reduces complexity and repetition in the structural content; and enable the
.css file to be cached to improve the page load speed between the pages that share the file and its
formatting. Separation of formatting and content also makes it feasible to present the same markup
page in different styles for different rendering methods, such as on-screen, in print, by voice (via
speech-based browser or screen reader), and on Braille-based tactile devices. CSS also has rules
for alternate formatting if the content is accessed on a mobile device.[4] The name cascading
comes from the specified priority scheme to determine which style rule applies if more than one
rule matches a particular element. This cascading priority scheme is predictable. The CSS
14
specifications are maintained by the World Wide Web Consortium (W3C). Internet media type
(MIME type) text/css is registered for use with CSS by RFC 2318 (March 1998). The W3C
operates a free CSS validation service for CSS documents.[5] In addition to HTML, other markup
languages support the use of CSS including XHTML, plain XML, SVG, and XUL. CSS is also
used in the GTK widget toolkit.

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 for template designs.

JavaScript:

JavaScript often abbreviated as JS, is a programming language that is one of the core technologies
of the World Wide Web, alongside HTML and CSS. As of 2023, 98.7% of websites use JavaScript
on the client side for webpage behavior,[10] often incorporating third-party libraries. All major
web browsers have a dedicated JavaScript engine to execute the code on users' devices. JavaScript
is a high-level, often just-in-time compiled language that conforms to the ECMAScript
standard.[11] It has dynamic typing, prototype-based object-orientation, and first-class functions.
It is multi-paradigm, supporting event-driven, functional, and imperative programming styles. It
has application programming interfaces (APIs) for working with text, dates, regular expressions,
standard data structures, and the Document Object Model (DOM). The ECMAScript standard does
not include any input/output (I/O), such as networking, storage, or graphics facilities. In practice,
the web browser or other runtime system provides JavaScript APIs for I/O. JavaScript engines
were originally used only in web browsers, but are now core components of some servers and a
variety of applications. The most popular runtime system for this usage is Node.js. Although Java
and JavaScript are similar in name, syntax, and respective standard libraries, the two languages are
distinct and differ greatly in design.

jQuery:

jQuery is a JavaScript library designed to simplify HTML DOM tree traversal and manipulation,
as well as event handling, CSS animation, and Ajax.[3] It is free, open-source software using the
permissive MIT License.[4] As of August 2022, jQuery is used by 77% of the 10 million most
popular websites.[5] Web analysis indicates that it is the most widely deployed JavaScript library
by a large margin, having at least 3 to 4 times more usage than any other JavaScript library.[5]
jQuery's syntax is designed to make it easier to navigate a document, select DOM elements, create
animations, handle events, and develop Ajax applications. jQuery also provides capabilities for
developers to create plug-ins on top of the JavaScript library. This enables developers to create
abstractions for low-level interaction and animation, advanced effects and high-level, theme-able
widgets. The modular approach to the jQuery library allows the creation of powerful dynamic web
pages and Web applications. The set of jQuery core features—DOM element selections, traversal,
and manipulation—enabled by its selector engine (named "Sizzle" from v1.3), created a new
"programming style", fusing algorithms and DOM data structures. This style influenced the
architecture of other JavaScript frameworks like YUI v3 and Dojo, later stimulating the creation
of the standard Selectors API.[7] Microsoft and Nokia bundle jQuery on their platforms.[8]
Microsoft includes it with Visual Studio[9] for use within Microsoft's ASP.NET AJAX and
ASP.NET MVC frameworks while Nokia has integrated it into the Web Run-Time widget
development platform.

15
4.4 Implementation of back-end development
Back-end development means working on server-side software, which focuses on everything a
general user can't see on a website. Back-end developers ensure the website performs correctly,
focusing on databases, back-end logic, application programming interfaces (APIs), architecture,
and servers. We have used PHP for our project's back-end development.

PHP:

PHP is a general-purpose backend programming language for web applications. This programming
language is typically used to build the server-side of interactive and dynamic websites. We
completed our back-end with PHP, which is working properly with our MySQL database.

MySQL:

MySQL is a relational database management system Databases are the essential data repository
for all software applications. For example, whenever someone conducts a web search, logs in to
an account, or completes a transaction, a database system is storing the information so it can be
accessed in the future.

4.5 Unit Testing

We are already told that we are following the waterfall model. In the waterfall model, each unit is
developed and tested for its functionality, which is referred to as unit testing. Unit testing involves
the testing of each unit or an individual component of the system application. It is the first level of
functional testing. The aim behind unit testing is to validate unit components' performance [5].We
manually test each unit of our system as well as using automated unit testing tools such as "W3
Markup Validator Service," "RAKKOTOOLS" and others. According to the unit test report, we
fixed all the bugs. After fixing all the bugs, we integrated each unit into the system.

4.6 Integration Testing

Integration testing is the next level after unit testing. This is a stage of the testing process where a
group of interacting modules is tested together. The purpose of integration testing is to ensure that
the modules function successfully in conjunction with each other [5]. We completed our
integration testing successfully and fixed all the bugs.

4.7 System Testing

System testing is a level of testing that validates the complete and fully integrated software product.
The purpose of a system test is to evaluate the end-to-end system specifications. System testing is
black box testing. In this testing phase, the tester provides input and observes the output generated
by the system under test. We tested our fully integrated system. We verified thorough testing of
every input in the system to check for desired outputs. The testing results and report are mentioned
below.
16
4.7.1 Testing results and report of users

Test case Test Input/condition Expected output Output Result

Search Product Correctly input To display Displayed required

name of products required information passed
information

Open Account Give user To display the To display the

information input of input of customer
passed
customer if any error in
inputs show that

Add to cart Select item press Successfully Successfully added

passed
add to cart added to cart to cart

Payment Option Select payment Show all Show all payment

Passed
method payment method method

Check Out Customer agree to Show ok button Show ok button

Passed
terms and condition

Table 4.1 Testing results and report of users’ features

4.7.2 Testing results For Admin/ Seller

Test case Test input/condition Expected output Output Result

Login Correctly input Login Logged in

username and successfully successfully passed
password

Update profile Must be logged in To display the Displayed the

and change user updated updated passed
information information information

Received Order Must be Logged in To check product Product

availability and available then
payment system pack it and send
passed
it to customer’s
desired currier
oh store pickup

Logout Must be Logged in Logout Logged out

passed
Successfully

Table 4.2 Testing results and report of Admin / Seller

17
4.8 Snapshot of Front-end
There are so many pages in our project. Some pages are for searching for necessary information,
some pages are for providing information, some pages are for registering new users or service
providers, and some pages are for registered users. We are showing some of the page snapshots.

4.8.1 Home Page

Fig 4.2 Home Page

18
4.8.2 Product Listing Page

Fig 4.3: Product Listing Page

4.8.3 Product Details Page

Fig 4.4: Product Details Page

19
4.8.4 Customer Registration Page

Fig 4.5: Customer Registration Page

4.8.5 Customer Login Page

Fig 4.6: Customer Login Page

20
4.8.6 Shopping Cart

Fig 4.7: Shopping Cart

4.8.7 Checkout Process

Fig 4.9: Checkout Process

21
 CHAPTER 5
CONCLUSION AND FUTURE WORKS

5.1 Conclusion

E-Commerce has changed our lifestyles entirely in addition to saving money and time. With the
help of ecommerce application development, one can speed up the pace of the online business. It
is one of the most cost-effective ways to do business, as e-commerce expansion has reduced the
cost of service and product advertisement. There are no time constraints when it comes to
marketing the merchandise. Even at midnight, one can log in to the e-commerce system and buy
things with a simple mouse click. An online store that is engaging, user-friendly, and targeted can
create a lot of business. In this study, we develop an e-commerce system for Bangladeshi people
focusing on university campus accessories. All of the facilities developed and tested here will
make life easy, enabling online shopping and protecting us from COVID-19 infections. It will be
expanded in the near future to many different sectors in order to increase effectiveness.

5.2 Future Work

1. External Seller Adding capacity
2. Add a real-time conversation/messaging feature between users and seller.
3. Add universal payment system for abroad users.
4. Add own delivery system.

22
References
[1] Khan MS, Mahapatra SS, Sreekumar NA. Service quality evaluation in internet banking:
an empirical study in India. International Journal of Indian Culture and Business
Management, 2009 Jan;2(1):30-46.
[2] Nanehkaran YA. An introduction to electronic commerce. International journal of
scientific & technology research, 2013 April;2(4):190-193.
[3] Belkhamza Z, Wafa SA. The role of uncertainty avoidance on ecommerce acceptance
across cultures. International Business Research, 2014 May 1;7(5):166.
[4] BBS, http://www.bbs.gov.bd/, accessed on March 18, 2022.
[5] BRTC, http://www.btrc.gov.bd/, accessed on March 18, 2022.
[6] Castells M. The impact of the internet on society: a global perspective. Change. 2014 Sep
8;19:127-148.
[7] Ngai EW, Wat FK. A literature review and classification of electronic commerce research.
Information & Management, 2002 Mar 1;39(5):415-429. [8] Pandey D, Agarwal V. E-
commerce transactions: An empirical study. International Journal of Advanced Research
in Computer Science and Software Engineering, 2014 Mar;4(3).
[8] Gupta A. E-commerce: Role of e-commerce in today’s business. International Journal of
Computing and Corporate Research, 2014 Jan;4(1).
[9] Dan C. Electronic commerce: State-of-the-art. American Journal of Intelligent Systems,
2014;4(4):135-141.
[10] Moon NN, Sultana S, Nur FN, Saifuzzaman M. A literature review of the trend of
electronic commerce in Bangladesh perspective. Global Journal of Management and
Business Research, 2017 Jul 25;17(3B).
[11] Ohidujjaman, Hasan M. & Huda MN. E-commerce Challenges, Solutions and
Effectiveness Perspective Bangladesh. International Journal of Computer Applications,
2013 May;70(2):9-17.
[12] United States Census Bureau, https://www.census.gov/, accessed on March 10, 2022.
[13] Yunus A, Masum M. Design and Development of an E-Commerce system in a rapid
organized way. International Journal of Science and Research, 2020 March, 9(3)1368-
1375.

23