PROJECT TITLE-

“SodaiPati.com”
A Business to Retailers E-commerce Website.
Submitted By
Md. Ajim
Roll: ASH1811079M
Session: 2017-18

Project Supervisor
K. M. Aslam Uddin
Assistant Professor
Department of Information & Communication Engineering

Noakhali Science & Technology University

Noakhali- 3814
Bangladesh

Date: 02-03-2023
 DECLARATION

This project report is submitted to the Department of Information and Communication Engineering
(ICE), Noakhali Science and Technology University, Noakhali- 3814, in partial fulfillment of the
requirements for having the B.Sc. degree in ICE under the course entitled with “ICE- 4218”. So,
I, here by declare that this thesis project has not been submitted elsewhere for the requirement of
any kind of degree, diploma or publication.

Md. Ajim
Roll No: ASH1811079M
Session: 2017-18
Year: 4, Term: 2
Department of Information and Communication
Engineering
Noakhali Science and Technology University
Noakhali- 3814.

ii
 ACCEPTANCE

This project report is submitted to the Department of Information and Communication Engineering
(ICE), Noakhali Science and Technology University, Noakhali- 3814, in partial fulfillment of the
requirements for having the B.Sc. degree in ICE under the course entitled “ICE- 4218”.

K. M. Aslam Uddin
Assistant Professor
Department of Information and Communication
Engineering
Noakhali Science and Technology University
Noakhali- 3814.

iii
 DEDICATION

Dedicated to my beloved Parents and Teachers.

iv
 ACKNOWLEDGEMENT

I’d want to begin by thanking Allah, the Almighty, for providing me with the courage and
determination to begin and finish my project efficiently.
Next, I’d like to convey my heartfelt gratitude to K. M. Aslam Uddin sir, my project supervisor,
for her insightful and helpful advice during the preparation and development of this project.
Lastly, I want to express my gratitude to my family and friends for their constant encouragement
and support.

v
 ABSTRACT

“SodaiPati.com” The Online Products ordering system is a web based application intended for
local retailers. In order to survive the entrepreneur competition going on, the local retailers now
have to take their business strategies to a new level, by including the digitalization for their
business. The main emphasis lies in providing a retailers friendly products ordering system that
they can give products order easily and any time. It would make searching, viewing, selection and
ordering of a product easier. The search engine provides an easy and convenient way to search for
products where a retailers can search for a product interactively and the search engine would refine
the products available based on the retailers input. The retailers may then see every product's full
specification. The application provides a drag and drop feature so that a retailers can add a product
to the shopping cart by dragging the item in to the shopping cart. The admin module contains the
access of admin page on the website. Any update to the website can be made by the admin. Any
information may be added, removed, or updated by him. As a result, retailers don’t depend on the
ordinary products ordering system where companies staff take products order once in a week. Also,
company can reduce their products marketing cost, they can also increase their business area by
relatively less manpower.

Keywords: E-commerce, Business to Retailers E-commerce, HTML, CSS, PHP.

vi
 TABLE OF CONTENTS

PAGE

DECLARATION ii

ACCEPTANCE iii

DEDICATION iv

ACKNOWLEDGEMENT v

ABSTRACT vi

TABLE OF CONTENTS vii

LIST OF FIGURES x

CHAPTER I: INTRODUCTION 11

1.1 Introduction 11
1.2 Problem Statement 11
1.3 Solution 12
1.4 Objectives 12

CHAPTER II: RELATED WORKS 13

2.1 INTRODUCTION 13

2.2 Amazon.com 13

2.3 E-bay.com 14

2.4 Walmart.com 15

2.5 AliExpress.com 16

vii
 2.6 Daraz.com 17

CHAPTER III: METHODOLOGY AND DESIGN 18

3.1 Design process 18

3.2 Requirements 19

3.3 Technologies used 20

3.4 Hardware Requirements 23

3.5 Software Requirements 23

3.6 Data Collection 23

3.7 System Design 24

3.7.1 Order process flow chart 24

3.7.2 Use case diagram 25

3.7.3 Data flow Diagram 26

3.7.4 Database Design 28

3.7.5 E-r Diagram 29

3.8. Design Layout 30

CHAPTER IV: RESULT ANALYSIS & DISCUSSION 31

4.1 Home page view 31

4.2 Product View 31

4.3 Cart View 32

viii
 4.4 Search Products Module 33

4.5 Registration Form 34

4.6 Login Form 34

4.7 Retailer Profile 35

4.8 Retailer Products order list 35

4.9 Payment View 36

4.10 Admin View 36

4.11 Database View 40

CHAPTER V: CONCLUSION AND FUTURE WORK 41

5.1 Limitations 41

5.2 Future Scope 41

5.3 Conclusion 41

REFERENCES 42

ix
 List of figures
Figure No. Title Page
2.1 Amazon Homepage 13
2.2 E-Bay.com 14
2.3 Walmart.com 15
2.4 AliExpress.com 16
2.5 Daraz.com 17
3.1 Order Flow Chart 24
3.2 Use case Diagram 25
3.3 A Context Level Diagram 26
3.4 A First Level Diagram 27
3.5 A Second Level Diagram 27
3.6 Database Design 28
3.7 E-r diagram 29
4.1 Home page 31
4.2 products 32
4.3 Single product 32
4.4 Cart View 33
4.5 Search products 33
4.6 Registration Form 34
4.7 Login form 34
4.8 Retailer profile 35
4.9 Products order list 35
4.10 Payment View 36
4.11 Admin Views 37
4.12 Insert Product Form 37
4.13 Admin area View all Products 38
4.14 Admin area all orders list 38
4.15 All retailers list 39
4.16 All Categories 39
4.17 All Brands 39
4.18 Database view 40
 CHAPTER 1

INTRODUCTION

1.1 INTRODUCTION
The purchasing and selling of products and services, or the sending of money or data through an
electronic network, usually the internet, is known as e-commerce. These business dealings might
be between consumers, businesses, or other consumers or between consumers and businesses.

Applications used in e-commerce include email, online catalogs, shopping carts, EDI, File
Transfer Protocol, and web services.

A business to retailers E-commerce is a business-to-consumer type system where consumer or user

is only a retailer. This means that only local retailers can give the products order.
A retailers must be first register, by his information. Then he can log in and can give the products
order. Only registered retailers can give the products order. Admin panel add the new products
with full details and monitoring the whole system.

1.2 Problem Statement

In the existing system the retailers can purchase the products only manual system. In present
system retailers gives products order to the company marketing manager who take products
order once in a week or bi-month or month. As a result, sometimes retailers cannot give order
timely and also when his needed.

I think, present system is not an efficient system for products order. Because in this case it’s not
possible to reach in every area in village, hill tracks or island. Even in city areas every
shopkeeper cannot give order proper time. As a result, company has face problem to increasing
business area, their products do not sell according to desires. Another problem is remote areas
people cannot their daily necessaries goods. Also, the system is not easy to handle but also
costly.
1.3 Solution

● The motive of this online ordering system Web Application is to allow the local retailers to
play with the search tool and create different combinatorial search criterion to perform
exhaustive search.

● Provide Interactive interface through which a retailers can interact with different areas
of application easily.
● A search engine that offers users a simple and practical approach to look for items that meet
their needs.
● Provide a drag-and-drop functionality that enables users to add or remove items from their
shopping cart by dragging the items into or out of the cart.

1.4 Objectives

The goal of the project is to modernize the ordering system so that retailers can conveniently order
items while paying their bills using online devices such as computers, cellphones, and tablets. The
project has a number of aims. The following is the list:

a. The main objective of the project is to help to the ongoing user to attain an easy way to navigate
retailer’ problems.

b. It is basically a very instant processing system by which customer can get the products in the
right condition.

c. The application is quite flexible and easy to operate.

d. To make day to day work more compressed.

e. To create a user- friendly interface for looking at various things that a retailers would plan to
buy.

f. It will save time for retailers to do business.

g. Company can reduce their products marketing cost.

12
 CHAPTER 2

RELATED WORKS

2.1 Introduction

In the past lots of work done such type. In that work the user was the customer but this project user
was the retailers. My e-commerce site allows retailers to purchase any goods from any location.
This is an online marketplace where retailers may purchase a product that meets their requirements.
The present internet world has made online buying more convenient and dependable.

2.2 Amazon.com

Fig 2.1: Amazon.com

Amazon.com, Inc. is a US-based global firm specializing in e-commerce, cloud services, digital
steaming and machine intelligence. It is one of the big Five firms in the United State information
sector. The business has been named "the most valuable brand in the world" and "one of the most

13
powerful economic and cultural forces" in the globe. Jeff Bezos founded Amazon in his Bellevue,
Washington, garage on July 5, 1994. It started off as a book-selling website, but has now expanded
to include electronics, software, video games, fashion, food, toys, and jewelry [1].

2.3 E-bay.com

Fig 2.2: E-bay.com

eBay Inc., established in San Jose, California, is a global e-commerce company that facilitates
consumer and business-to-consumer transactions through its websites. In 1995, Pierre Omidyar
founded eBay, which immediately became a well know dot.com success story. eBay is a
multibillion-dollar corporations in more than 32 countries as of 2019. The company operates the
eBay websites, which is an online auction and commerce platform where businesses individuals
from all over the world can buy and sell a variety of goods and services. Buyers get free access to
the site, but merchants must pay to list things once a specific number of free listings have been
utilized, and then again after those items have been sold [2].

14
2.4 Walmart.com

Fig 2.3: Walmart.com

Walmart Inc. is an American global retail corporation headquartered in Bentonville, Arkansas, that
maintains a chain of hypermarkets (also known as supercenters), discount departments stores, and
grocery stores across the United States. Sam Walton began the business in Rogers, Arkansas, in
1962, and on October 31, 1969, it was incorporated under the provisions of the Delaware General
Corporation Law. Sam's Club retail warehouses are another asset owned and operated by the firm.
As of July 31,2021, Walmart had 10,524 shops and clubs in 24 countries, operating under 48
different names. Walmart is the company's name in the United States and Canada, whereas
Walmart de Mexico y Centro America is it in Mexico and Central America, and Flipkart Wholesale
is its brand in India. Chile, Canada, and South Africa are all wholly-owned subsidiaries of the
company. Since August 2018, Walmart has held just a minority part in Walmart Brazil, which has
rebranded Grupo Big in August 2019, with investment company Advent International owning the
other 80% of the company's shares [3].

15
2.5 Aliexpress.com

Fig 2.4: AliExpress.com

AliExpress, a Chinese online shopping sites, is owned by the Alibaba group. It was created in 2010
and consists of small businesses for China and other nations, including Singapore, who sell to
international online shoppers. This is the most popular e-commerce website in Russia and the ninth
most popular website in Brazil. As a result, small businesses call sell to individuals all over the
globe. Because its merchants are self-employed and utilize the platform to offer their items to
clients, AliExpress has been likened to eBay.[4]

16
2.6 Daraz.com

Fig 2.5: Daraz.com

The largest eCommerce platform in South Asia is run by the Daraz Group, which gives 40 million
active consumers access to 50 million goods each month. Daraz is a company that offers an online
store with branded goods. It provides a mobile application and an integrated e-commerce platform
that let consumers buy goods including fashion, footwear, jewelry, accessories, electronics,
cosmetics, and more [5].

17
 CHAPTER 3

METHODOLOGY AND DESIGN

3.1 DESIGN PROCESS

In a short, I'll go over the construction procedure for my project

In this project there will be tree module.

i. Visitor
ii. User and
iii. Admin.

• Visitor can view available products.

• The user may browse and buy products.

User module will contain the following information:

a. Shop Name
b. Email
c. Photo
d. Address
e. Password
f. Mobile

• An admin has additional rights, including all visitor and user rights.

1. The admin has the ability to add products, edit, and add or remove products information.

2. The admin has the ability to add, modify, and remove users.

3. By sending an email confirmation, admin can ship an order to a user depending on the order
they placed.

Admin module will contain the following information:

18
 a. Admin Name
b. Email
c. Photo
d. Address
e. Password
f. Mobile.

3.2 Requirements
The fundamentals of any software are decided during the requirements phase. It tells our
development staff what we need to do, and we wouldn't be able to accomplish our tasks if we didn't
have it.

Requirement can be of 2 types:

i. Functional requirements
ii. Non-functional requirements

Functional Requirements: These include expectations for the system's functionality, its
responses to different inputs, and how it ought to respond in certain situations. The functional
requirements may, in certain situations, also clearly indicate what the system should not perform.
These specifications are based on the kind of software being created, the intended users for the
product, and the organization's overall writing requirements.

Non-functional requirements: To complete the project contract, the system must conform to
certain quality standards. These factors differ from project to project in terms of their significance
and degree of implementation. These criteria are often known as non-behavioral requirements.

They basically deal with issues like:

i. Portability
ii. Security
iii. Maintainability
iv. Reliability

19
 v. Scalability
vi. Performance
vii. Reusability
viii. Flexibility

3.3 Technologies used:

HTML (Hypertext Markup Language)

The Hyper Text Markup Language or HTML is the standard markup language for documents
designed to be displayed in a web browser. It is frequently assisted by technologies such as
Cascading Style Sheets and scripting languages such as JavaScript. There are many different
HTML pages on a typical website. A home page, a about page, and a contact page, for example,
would all have separate HTML files. HTML documents are files that end with .html extension. A
web browser reads the HTML file and renders its content so that internet users can view it.
HTML components are a collection of tags and attributes that are present in every HTML
document. The building components of a web page are HTML elements. While a tag instructs
the web browser where an element starts and stops, an attribute explains an element's properties
[6].

General Syntax of HTML:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<p>My first paragraph</p>
</body>
</html>

20
CSS (Cascading style sheets)

CSS stands for Cascading Style Sheets. The language we apply to design a Web page is
CSS. CSS explains how HTML components should appear on a screen, in text, or in other
media. CSS saves a lot of work. It can control the design of several web pages
simultaneously. In CSS files, external stylesheets are saved. While html uses tags, CSS uses
rulesets. Although CSS is simple to understand and learn, it offers strong control over how an HTML
page is presented [7].
General Syntax of CSS:
<html>
<head>
<style>
<! -- CSS STYLING--->
</style>
</head>
</html>

Bootstrap (CSS Framework)

Bootstrap is a free and open-source front-end web framework for designing websites and web
applications. It contains HTML and CSS based design templates for typography, forms, bottoms,
navigation and other interface components, as well as optional JavaScript extensions. Unlike many
web frameworks, it concerns itself with front-end development only [8].

Installing and linking Bootstrap to the HTML page:

• Install bootstrap from https://getbootstrap.com/

• Copy the bootstrap.min.css file to CSS folder and link it to the HTML page.
• Link the bootstrap.min.js file which is present in the JS folder of the bootstrap. It can be
linked using script tag.

Eg: <script src=”url to bootstrap.min.js”></script>

• Now use bootstrap classes to reduce the work of designing which was earlier done.

21
PHP

PHP is a general-purpose scripting language geared toward web development. It was originally
created by Danish-Canadian programmer Rasmus Lerdorf in 1993 and released in 1995. PHP
stands for Hypertext Pre-processor, that earlier stood for Personal Home Pages. PHP scripts can
only be interpreted on a server that has PHP installed. The client computers accessing the PHP
scripts require a web browser only. A PHP file contains PHP tags and ends with the extension
“.php” [9].
General Syntax of PHP:

<? php
echo "Hello world";
?>

SQL

MySQL is an open-source relational database management system (RDBMS). Its name is a

combination of "My", the name of co-founder Michael Widenius’s daughter and "SQL", the
abbreviation for Structured Query Language. A relational database organizes data into one or more
data tables in which data types may be related to each other; these relations help structure the data.
SQL is a language programmers use to create, modify and extract data from the relational database,
as well as control user access to the database. In addition to relational databases and SQL, an
RDBMS like MySQL works with an operating system to implement a relational database in a
computer's storage system, manages users, allows for network access and facilitates testing
database integrity and creation of backups [10].

22
3.4 Hardware Requirements

Processor: Standard Processor

Ram: 4GB or more
Hard Disk: 40GB or more
Monitor: Standard color monitor
Keyboard: Standard keyboard
Monitor: Standard mouse

3.5 Software Requirements

i. Windows 8 or above
ii. HTML, CSS, PHP, Bootstrap
iii. Visual Studio
iv. MySQL Workbench
v. Apache server/XAMPSERVER
vi. Browser: Google Chrome

3.6 Data collection

For development of this project, we need data from various Retailers. Data has been collected from
various sources. Database is used to store and manage these data. Various data schemas and data
structure is used to maintain the data.

23
3.7 System Design

3.7.1 Order process Flow Chart:

no
start Registered? Register

yes
View account
login

profile

Shop
logout

View/search
Cart

Add items to chart

Payment
info

Display cart

approved

Change cart
items shipping

Order
Change quantity confirmation

checkout
End

Fig 3.1: Order processing flow chart

24
3.7.2 Use Case Diagram for E-commerce
A use case diagram is a visual representation of how a user could interact with a technology.

Fig 3.2: Use case diagram

25
3.7.3 Data Flow Diagram
A data-flow diagram is a graphical representation of steaming data through a technology or a
procedure. There are four symbols for drawing a DFD

i. Rectangles representing external entities, which are source or destinations of data.

ii. Ellipses representing processes, which take data as input, process it and output it.
iii. Arrows representing the data flows.
iv. Open end rectangles or disk symbol representing data stores.

Figures below are the Data Flow Diagrams for the current system.

Figure 3.3: A Context Level Diagram

26
 Figure 3.4: A First Level Diagram

Figure 3.5: A Second Level Diagram

27
3.7.4 Database Design
In this database, we can observe various types of connection among the data that is stored in the
database.

Fig 3.6: Database Design

28
3.7.5 E-R Diagram
Here Entity Relationship Diagram gives a high level of abstraction of our system. We can easily
assume the various connection among the different entities.

Fig 3.7: E-R Diagram

29
3.8 Design Layout
UI and UX is very important for an application. This has to be done carefully with the right
wireframes. This project consists of 2 users or modules. They are:

Admin module

Buyer module

4.4.1 Admin Module

The functionalities of admin are:

The Administrator can login to the admin panel with a username and password. Then he will -

Get access to the system.

Monitor Buyer account.

Insert products.

Insert Brands.

Insert categories.

4.4.2 Buyers Module

The functionality of Buyer Module -

1.Login

2.Views profile

3.Update product details

4.View product details

5.Add to cart

6.Edit Cart

7.payment Details

30
 CHAPTER 4

RESULT & DISCUSSION

4.1 Home page view:

In the homepage view the user can get the idea of products also their navigation to different parts
of the website. There is searching option for directly navigating to a product. Also, from this page
user can login to manage their profile. The cart option is to view the products that user wants to
purchase.

Fig 4.1: Home page

4.2 Product view:

When a user accesses the home page or types a search query to find a product, this module opens.
The items that are available or those that fit the user's search query are shown in this section.

31
 Fig 4.2: products

Fig 4.3: Single product

4.3 Cart View:

This view is shown when a customer adds products. Here he can manage list of products to finalize
the order also add more or remove them. Only if the customer is registered in the platform, they
can perform further actions. They can proceed to the payment system.

32
 Fig 4.4: Cart View

4.4 Search Products Module

Fig 4.5: Search products

33
4.5 Registration Form
If a visitor wants to Register in this website, they have to registration by giving their name, email,
location, password, mobile no etc.

Fig 4.6: Registration Form

4.6 Login Form

If a retailer wants to buy product, they have to login. By giving their name and password.

Fig 4.7: Login form

34
4.7 Retailers Profile
After login retailer see their profile.

Fig 4.8: Retailer profile

4.8 Products order list

Fig 4.9: Products order list

35
4.9 Payment View:
Security in payment is very big issue in any online platform. Here I have integrated the
sslcommerz.com method.

Fig 4.10: Payment View

4.10 Admin Views:

Only admin can add products, brands, categories. when an admin adds a product, brands,
categories it gets added to the home page.

36
 Fig 4.11: Admin Views

Fig 4.12: Insert Product Form

37
Fig 4.13: Admin area View all Products

Fig 4.14: Admin area all orders list

38
Fig 4.15: All retailers list

Fig 4.16: All Categories

Fig 4.17: All Brands

39
4.11 Database view
Here I have used SQL data base to maintain data.

Fig 4.18: Database view

40
 CHAPTER 5

CONCLUSION & FUTURE SCOPE

SodaiPati.com has been deployed successfully. We have been able to build a site that will be online
shortly with the help of several links and tools. In our attempt to meet the requirements of both the
administrator and the user, we have been successful. we expect that this will greatly increase its
popularity.

5.1 Conclusion
Such E-commerce platform is very crucial now a days. Being able to access the system is very
convenient for the retailers. 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 retailers input. The retailers can then view the
complete specification of each product. They write their own opinion.

5.2 Limitations

Though it is a simple website but it too has some limitations. The limitations of this web application
are written below:

a. It is online website.
b. Users can only use it by internet.
c. Different payment methods are not included yet.
d. Chat system is not available.

5.3 Future scopes

There are many scopes to this application in future.

a. Chatbot system [15]

b. Payment system
c. Modern technologies like (AI/Blockchain) [16]

41
.
REFERENCES

[1] Amazon.com https://www.aboutamazon.com/ (Accessed at 14th January,2023)

[2] eBay.com https://www.ebayinc.com/ (Accessed at 14th February, 2023)

[3] Walmart.com https://www.walmart.com/ (Accessed at 14th February, 2023)

[4] AliExpress.com https://www.aliexpress.com/ (Accessed at 14th February, 2023)

[5] Daraz.com https://www.daraz.com/ (Accessed at 14th February, 2023)

[6] https://www.tutorialspoint.com/html/index.html (Accessed at 19th February 2023)

[7] https://www.mygreatlearning.com/blog/css-tutorial/ (Accessed at 19th February, 2023)

[8] https://getbootstrap.com/ (Accessed at 19th February, 2023)

[9] https://www.w3schools.com/php/ (Accessed at 19th February, 2023)

[10] https://www.tutorialspoint.com/sql/ (Accessed at 19th February, 2023)

[11] https://code.visualstudio.com/

[12] Smart Draw for drawing all the Diagrams used in this report. http://www.smartdraw.com/

[13] https://www.w3schools.com/ (Accessed at 19th February, 2023)

[14] https://www.wikipedia.org/ (Accessed at 19th February, 2023)

[15] https://www.chatbot.com/(Accessed at 19th February, 2023)

[16] https://www.cyberbanhnit.com/blockchain/(Accessed at 19th February, 2023)

42