TABLE OF CONTENT

Chapter No. Title Page No.

Abstract i
Acknowledgement ii
1. Introduction 1
1.1. Project overview 1
1.2 Scope 1
2. System Requirement 2
3. System Analysis 3-4
4. System Design 5-7
4.1. Data Flow Diagram 6
4.2. Use Case Diagram 7
5. Implementation 8-11

6. Testing 12-13

Conclusion 14
References/Bibliography 15
Appendix A 16-18

LIST OF FIGURES
Figure No. Figure Title Page No.
4.1. Data Flow Diagram 7
4.2. Use Case Diagram 8
A1. Homepage of E-Commerce 16
A2. User Login 16
A3. User Registration 17
A4. Admin Panel 17
A5. Database (backend) 18

iii
Chapter 1

INTRODUCTION
The aim of this project is on the online shopping application it is developed using HTML5,
JavaScript, CSS, PHP. The application is very useful where the buyer can directly buy the products from
home via internet on mobile or system. The application reduces lot of work load for customer as well as
owner. The transaction of money is completed in real time system. Some of the online shops are EBAY,
Amazon.

By this online shopping the product is directly delivered to customer’s shipping address. Online
shopping is the process consumers go through to purchase products or Services over the Internet. An online
shop, e-shopping, e-store, internet shop, web shop , web store , online store,or virtual store evokes the
physical analogy of buying products or services at a bricks-and-mortar retailer or in a mall. The metaphor
of an online catalog is also used, by analogy with mail order catalogs. All types of stores have retail web
sites, including those that do and do not also have physical storefronts and paper catalogs.

Online shopping is a type of electronic commerce used for business-to-business(B2B) and business-
to- consumer (B2C) transactions. The term Web shop also refers to a place of business where web
development, web hosting and other types of web related activities take place (Web refers to the World
Wide Web and "shop" has a colloquial meaning used to describe the place where one's occupation is
carried out).

1.1. Project Overview

The shopping cart project needs to create the shopping cart system to organize the products record
and the other information about the customers. How customers can buy products from website can be
recognized from their username and password.

1.2. Scope

Online shopping is rising day by day in India. Because India is the country where computer user's
are increasing day by day so as the online shopping trends are also increasing. This project covers the
online selling of mobiles, laptops and all electronic items. The project shows the product category and then
product details. From the product details, the product can be added to cart and can be bought.
Chapter 2

SYSTEM REQUIREMENT SPECIFICATION

To understand the nature of the software to be built, the software engineer must understand the
information domain of the software, as well as the required function, performance, and interface.
Requirement definition is the activity of translating information gathered during analysis activity into a
document that defines a set of requirements. Requirement definition is the high abstract description of
requirements. Requirements may be functional or non-functional.

2.1. Software Requirement

1. Operating System: Windows 7/8/8.1/10

2. Front End Scripting : HTML, CSS, JavaScript
3. Back End Programming: PHP
4. Database: My-SQL
5. Xampp Server

2.2. Hardware Requirements:

1. System: Intel(R)Core™ i5-4005U CPU@1.70GHZ

2. Version: Windows 8/Window 8.1/Window 10
3. RAM: 4GB
4. System Type: 64-bit /32-bit operating system, x32/x64-based processor
Chapter 3

SYSTEM ANALYSIS

3.1. Study of the Problem

The Current shopping System is critical to set up online shops, customers to browse through the
shops, and a system administrator to approve and reject requests for new shops and maintain lists of shop
categories. This is a small scale project for Online shopping System. The basic idea is that the candidates can
buy product from anywhere during any time by using their card number and password provided to them. The
database will maintain the product details information. Customer can view their product details using the
card details. This E-Commerce website involves with two types of users.

 CUSTOMER
 ADMINISTRATOR
CUSTOMER ROLE:

The customer’s can login to the System. His/her can view his/her product details and buy their
product. The customer can just view the information whereas he/she could not make changes in the database.

ADMINISTRATOR ROLE:

The administrator plays a vital role in the Online shopping system. The administrator controls the
entire database. The report of the product is generated by the administrator itself. The main role of the
administrator is to safeguard the database and can add/delete the products from the database.

3.2. Project Scope

The supplementary specification applies to online shopping system. This specification defines the
non-functional requirement of the system such as:

Functionality:

Since it stand alone application, one or more user may use it at a time.

Usability:

Desktop interface

Windows 98/2000/XP/7/8/10
E-Commerce Website System Analysis

Technology:

Front End : HTML5,Java Script ,PHP

Back End : xampp

Database : MySql

Reliability:

The system is available during online time only.

Performance:

The performance depends on hardware specification

3.3. Objectives

The purpose of this document is to define the requirements of Online shopping system. This
supplementary specification lists the requirements that are not readily captured in the use case model.
Supplementary specification and the use case model capture a complete set of requirement of the system.

Dept. of ISE, BrCE 2019-20 4|Page

Chapter 4

SYSTEM DESIGN
Design is the first step in the development phase for any techniques and principles for the purpose
of defining a device, a process or system in sufficient detail to permit its physical realization.

Once the software requirements have been analyzed and specified the software design involves
three technical activities - design, coding, implementation and testing that are required to build and verify
the software.

The design activities are of main importance in this phase, because in this activity, decisions
ultimately affecting the success of the software implementation and its ease of maintenance are made. These
decisions have the final bearing upon reliability and maintainability of the system. Design is the only way to
accurately translate the customer’s requirements into finished software or a system.

Design is the place where quality is fostered in development. Software design is a process through
which requirements are translated into a representation of software. Software design is conducted in two
steps. Preliminary design is concerned with the transformation of requirements into data.

4.1 Data Flow Models:

A data flow model is diagrammatic representation of the flow and exchange of information within a
system. Data flow models are used to graphically represent the flow of data in an information system by
describing the processes involved in transferring data from input to file storage and report generation. A data
flow model may also be known as a data flow diagram(DFD).

A data flow diagram(DFD) is a graphical representation of the “flow” of data through an information
system, modelling its process aspects. A DFD is often used as a preliminary step to create an overview of the
system without going into great detail, which can later be elaborated. DFDs can also be used for the
visualization of data processing (structured design).

A DFD shows what kind of information will be input to and output from the system, how the data will
advance through the system, and where the data will be stored. It does not show information about process
timing or whether processes will operate in sequence or in parallel, unlike a traditional structured flow chart
E-Commerce Website System Design

which focuses on control flow, or a UML activity work flow diagram, which presents both control and data
flows as a unified model.

Data flow modelling can be used to identify a variety of different things, such as:

 Informatin that is received from or sent to other individuals, organizations, or other computer systems.
 Areas within a system where information is stored and the flows of information within the system are
being modeled.
 The processes of a system that act upon information received and produced the resulting outputs.

Data flow diagram:

Fig 4.1- DFD for E-Commerce Website Portal

Dept. of ISE, BrCE 2019-20 6|Page

E-Commerce Website System Design

Use –Case Diagram:

Fig 4.1- Use Case diagram for E-Commerce Website Portal

Dept. of ISE, BrCE 2019-20 7|Page

Chapter 5

IMPLEMENTATION
Implementation is a realization of a technical specification or algorithm as a program, software
component, or other computer system through computer programming and deployment. Many
implementations may exist for a given specification or standard. For example, web browsers contain
implementations of World Wide Web Consortium-recommended specifications, and software development
tools contain implementations of programming languages.

A special case occurs in object-oriented programming, when a concrete class implements an interface; in this
case the concrete class is an implementation of the interface and it includes methods which
are implementation of those methods specified by the interface.

5.1 MODULES.

1. ADMIN MODULE.

2. USER MODULE.

1. ADMIN MODULE:
i. LOGIN
ii. ADD PRODUCTS
iii. ADD CATEGORIES
iv. MANAGE USERS
v. MANAGE ORDERS

2. USER MODULE:
a. REGISTER
b. LOGIN
c. ADD ITEMS TO CART
d. PURCHASE PRODUCTS
e. MANAGE PROFILE
f. LOGOUT
E-Commerce Website Implementation

5.2 OVERVIEW OF TECHNOLOGIES USED

5.2.1 PHP

PHP: Hypertext Preprocessor, is a widely used, general-purpose scripting language that was originally
designed for web development, to produce dynamic web pages. It can be embedded into HTML and generally
runs on a web server, which needs to be configured to process PHP code and create web page content from
it. It can be deployed on most web servers and on almost every operating system and platform free of charge.
PHP was originally created by Rasmus Lerdorf in 1995 and has been in continuous development ever since.
The main implementation of PHP is now produced by The PHP Group and serves as the de facto standard
for PHP as there is no formal specification. PHP is free software released under the PHP License, which is
incompatible with the GNU General Public License (GPL) because of restrictions on the use of the term
PHP.PHP has evolved to include a command line interface capability and can also be used in standalone
graphical applications.

USAGE

PHP is a general-purpose scripting language that is especially suited for web development. PHP generally
runs on a web server. Any PHP code in a requested file is executed by the PHP runtime, usually to create
dynamic web page content. It can also be used for command-line scripting and client-side GUI applications.
PHP can be deployed on most web servers, many operating systems and platforms, and can be used with
many relational database management systems. It is available free of charge, and the PHP Group provides
the complete source code for users to build, customize and extend for their own use.

PHP primarily acts as a filter, taking input from a file or stream containing text and/or PHP instructions
and outputs another stream of data; most commonly the output will be HTML. Since PHP 4, the PHP parser
compiles input to produce byte code for processing by the Zend Engine, giving improved performance over
its interpreter predecessor Originally designed to create dynamic web pages, PHP now focuses mainly on
server-side scripting, and it is similar to other server-side scripting languages that provide dynamic content
from a web server to a client, such as Microsoft's Active Server Pages, Sun Microsystems' Java Server Pages
and mod_perl. PHP has also attracted the development of many frameworks that provide building blocks and
a design structure to promote rapid application development (RAD).

Dept. of ISE, BrCE 2019-20 9|Page

E-Commerce Website Implementation

5.2.2 JAVASCRIPT:

Javascript is a dynamic computer programming language. It is lightweight and most commonly used as
a part of web pages, whose implementations allow client-side script to interact with the user and make
dynamic pages. It is an interpreted programming language with object-oriented capabilities. JavaScript was
first known as LiveScript , but Netscape changed its name to JavaScript, possibly because of the excitement
being generated by Java. JavaScript made its first appearance in Netscape 2.0 in 1995 with the
name LiveScript . The general-purpose core of the language has been embedded in Netscape, Internet
Explorer, and other web browsers. The ECMA-262 Specification defined a standard version of the core
JavaScript language. JavaScript is a lightweight, interpreted programming language. Designed for creating
network-centric applications. Complementary to and integrated with HTML.

Client-side JavaScript

Client-side JavaScript is the most common form of the language. The script should be included in or
referenced by an HTML document for the code to be interpreted by the browser. It means that a web page
need not be a static HTML, but can include programs that interact with the user, control the browser, and
dynamically create HTML content. The JavaScript client-side mechanism provides many advantages over
traditional CGI server-side scripts. For example, you might use JavaScript to check if the user has entered a
valid e-mail address in a form field. The JavaScript code is executed when the user submits the form, and
only if all the entries are valid, they would be submitted to the Web Server. JavaScript can be used to trap
user-initiated events such as button clicks, link navigation, and other actions that the user initiates explicitly
or implicitly.

Advantages of JavaScript

The merits of using JavaScript are:-

 Less server interaction − You can validate user input before sending the page off to the server. This
saves server traffic, which means less load on your server.
 Immediate feedback to the visitors − They don't have to wait for a page reload to see if they have
forgotten to enter something.
 Increased interactivity − You can create interfaces that react when the user hovers over them with
a mouse or activates them via the keyboard.

Dept. of ISE, BrCE 2019-20 10 | P a g e

E-Commerce Website Implementation

Limitations of JavaScript

We cannot treat JavaScript as a full-fledged programming language. It lacks the following important
features:-

 Client-side JavaScript does not allow the reading or writing of files. This has been kept for
security reason.
 JavaScript cannot be used for networking applications because there is no such support available.
 JavaScript doesn't have any multithreading or multiprocessor capabilities.

Dept. of ISE, BrCE 2019-20 11 | P a g e

Chapter 6

TESTING

6.1. Testing Process

The strategy for system testing integrates system test cases and design techniques into a well –
planned series of steps that result in the successful construction of software. A strategy for software testing
must accommodate a low-level test and that are necessary to verify that a small code segment has correctly
implemented as well as high-level text that validate major system functions against user requirements.
Software testing is a critical element of software quality assurance and represents the ultimate review
specification, design and coding. A series of testing is performed for the proposed system before the system
is ready for acceptance testing.

6.2. Unit Testing

In unit testing, different modules are tested against the specification produced during the design of
modules. Unit testing is essential for verification during the coding phase. The aim is to test the internal logic
of modules. The tests are carried out during the programming stage itself. The administrator module is unit
tested to verify that the administrator of this application manages different users of this web service. He sets
the provision for providing username and password for Students/Applicants, Group Tutor and Companies.
He can view different users.

6.3. Integration Testing

Integration testing focuses on the design and construction of the software architecture. The data can
be lost across the interface or one module can cause an adverse effect on another. The integration testing is
a systematic technique for the program structure, while at the same conducting the test to uncover errors
associated with the interface. The main part administrator, Group Tutor, Company and Student are integrated
to verify that when a student register and enter all details, total mark and aggregation are calculated. The
student must pay a constant amount to the administrator, and register for the examination conducted by
different companies. The company will post their vacancies, and publish results after selecting the students
E-Commerce Website Testing

6.4. System Testing

System testing is testing conducted on a complete, integrated system to evaluate the system’s compliance
with its specified requirements. As a rule, system testing takes, as its input, all of the “integrated” software
components that have successfully passed the integration testing. The system is successfully executed and
verified that it has all the features specified in software requirement specification.

6.5. Acceptance Testing

At the culmination of integration testing, software is completely assembled as a package; interfacing errors
have been recovered and corrected and final series of a software test – acceptance test begin. Acceptance
testing can be defined in many ways but simple definition is that validation succeeds when the software
function in a manner that can be reasonably expected by the customer. Placement cell Automation System is
tested with real life data and system is successfully executed.

Test Case:

Test Case Description: Login into website

Test Test Case Expected Input Expected Output Actual Output Result
Case Input
ID
1. Admin Module Log in detains; username:admin username:admin No error
username:admin Password: ***** Password: *****
Password: *****

2. User Module Email: Email: Email: No error

admin@gmail.com admin@gmail.com admin@gmail.com
Password: ***** Password: ***** Password: *****

Table 6.1: Customer Login and Admin Login

Dept. of ISE, BrCE 2019-20 13 | P a g e

Chapter 7

CONCLUSION
After having detailed study on E-Commerce website, we can see great changes in the behavior of
people in many manner like their attitude towards buying products pattern. In earlier time people used to do
manual offline shopping by visiting every shops and markets but as now time has changed people are
becoming busy due to which technology brought new revolution i.e. Electronic Commerce or Online
Shopping. A recent survey shows that people of age 15-20 are more biased towards online shopping which
reduces human effort and saves time of young people who tends to be busy at their work. Hence this
revolution has brought significant changes in buying as well as selling products but most of people are
unaware about online shopping so proper awareness should be conducted regarding E-Commerce.
 References/Bibliography
Books:
 Beginning PHP6, Apache, Mysql Web Development by Timothy Boronczyk, Jason Gerner, Jeremy
Stolz, Michael K. Glass, Elizabeth Naramore
 Learning PHP, MySQL & JavaScript 4e (Learning Php, Mysql, Javascript, Css & Html5) Paperback
– 5 Dec 2014. by. Robin Nixon
Websites:
 www.google.com
 https://www.wikipedia.org
 https://www.w3schools.com/html/
 https://www.slideshare.net/JayedImran1/online-shop-project-report
 APPENDIX A

SNAPSHORTS

A1: Homepage of E-Commerce

A2: User Login

E-Commerce Website Appendix A

A3: User Registration

A4: Admin Control Panel

Dept. of ISE, BrCE 2019-20 17 | P a g e

E-Commerce Website Appendix A

A5: Database(backend)

Dept. of ISE, BrCE 2019-20 18 | P a g e