FINAL YEAR MAJOR PROJECT REPORT

ON

“ONLINE ELECTRONIC STORE”

SUBMITTED IN PARTIAL FULFILLMENT OF THE REQUIREMENT FOR THE AWARD

OF THE DEGREE OF

MASTERS IN COMPUTER APPLICATION

RIET
JAIPUR

SUBMITTED BY:-

HARSH MAHAN PATHAK

 CERTIFICATE

This is to certify that Mr. Harsh Mahan Pathak, have prepared a project entitled
“ONLINE ELECTRONIC STORE” based successfully for the partial fulfillment
towards the Degree of Master in Computer Application in Computer Science and
Engineering in Rajasthan Institute of Engineering and Technology,JAIPUR(Raj.)

Project Guide Project In-Charge

HOD, Dept. of CSE External Examiner

 DECLARATION

We hereby declare that this written submission represents our ideas in our own words
and where other ideas or words have been included, we have adequately cited and
referenced the original sources. We also hereby declare that we have adhere to all
principles of academic honesty and integrity and have not misinterpreted or fabricated
or falsified any idea/fact/ source in our submission. We understand that any violation
of the above will cause for disciplinary action by the Institute and can also invoke
penal action from the sources which have thus not been properly cited or
from whom proper permission has not been taken when needed.
 ACKNOWLEDGEMENT

To discover, analyze and to present something new is to venture on an untrodden path

towards and unexplored destination is an arduous adventure unless one gets a true
torchbearer to show the way. We would have never succeeded in completing our task
without the cooperation, encouragement and help provided to us by various people.

Words are often too less to reveals one’s deep regards. We take this opportunity to
express my profound sense of gratitude and respect to all those who helped us through
the duration of this project. We acknowledge with gratitude and humility our
indebtedness to our project guide MR. ANIL DHANKAR Sir under whose guidance
we had the privilege to complete this project.

Lastly but not least, words run to express our gratitude to all the faculties and friends
for their co-operation, constructive criticisms and valuable suggestion during the
project work.

HARSH MAHAN PATHAK

 Table of Contents
Sl. No. Title Page
CHAPTER – 1 OBJECTIVE `1 – 2

CHAPTER – 2 INTRODUCTION 3-4

CHAPTER – 3 PROBLEM STATEMENT 5

CHAPTER – 4 SYSTEM REQUIREMENT SPECIFICATION 6

CHAPTER – 5 ARCHITECTURE

CHAPTER – 6 DATA FLOW DIAGRAM 7 – 12

CHAPTER – 7 ENTITY RELATIONSHIP DIAGRAM 16

CHAPTER – 8 UML DIAGRAM

CHAPTER – 9 TESTING

CHAPTER – 10 CODE

CHAPTER – 11 INPUT/OUTPUT SNAPSHOT 17

CHAPTER – 12 CONCLUSION 18 – 19

CHAPTER – 13 LIMITATION & FUTURE SCOPE 20 – 31

CHAPTER – 14 BIBLIOGRAPHY 32 – 36
Fig. No. Title of the Figure Page
7.1 Flow chart ……………………………………………………. `17

8.1 E R Diagram………………….…………………….................. 18

8.2 UML (Use case Diagram) ……………………….……………. 19

10.1 Patient Registration…………………………………………………. 33

10.2 Number verification through OTP ………………….….………. 33

10.3 Login page………………………………………………………. 34

10.4 Home page…...…………….…………………………………… 34

10.5 Observation1 ……….…………………………………………. 35

10.6 Observation 2 …...……………………………………………………. 36

 Chapter1
OBJECTIVE

E-commerce is the activity of buying or selling products on online services or over the Internet.
Electronic commerce draws on technologies such as mobile commerce, electronic funds transfer,
supply chain management, Internet marketing, online transaction processing, electronic data
interchange (EDI), inventory management systems, and automated data collection systems. Most
small stores in India do not have an online presence; requiring customers to visit the store in person
to buy any product. This requirement to visit the store hurts it by driving down the profits. With near
free hosting services, it takes minimal resources to set up an ecommerce website which allows
customers to purchase at the convenience of their home. This project aims to implement an e-
commerce website which enables stores to migrate online. We are making use of PHP and MySQL
based dynamically generated webpages to allow purchasing of items. We are going to implement a
cart system to allow customers to store their items. We are also going to implement an authentication
system, to differentiate between regular and logged in customers, by making use of MySQL
database. The users are handled using PHP sessions to allow them to make changes to the cart. These
changes are stored as session variables so that the user can come back and restore his previous
session. E-commerce means any transaction over the internet. In online marketing, a shopping cart
is a piece of e-commerce software on a web server that allows visitors to an Internet site to select
items for eventual purchase, analogous to the American English term “shopping cart.” The software
allows online shopping customers to accumulate a list of items for purchase, described
metaphorically as “placing items in the shopping cart” or “add to cart.” Upon checkout, the software
typically calculates a total for the order, including shipping and handling (i.e., postage and packing)
charges and the associated taxes, as applicable.
 Chapter2
INTRODUCTION

E-commerce is fast gaining ground as an accepted and used business paradigm. More and more
business houses are implementing web sites providing functionality for performing commercial
transactions over the web. It is reasonable to say that the process of shopping on the web is becoming
commonplace. The objective of this project is to develop a general-purpose e-commerce store where
products can be bought from the comfort of home through the Internet. However, for implementation
purposes, this project will deal with online shopping for gadgets. An e-commerce website is a virtual
store on the Internet where customers can browse the catalog and select products of interest. The
selected items may be collected in a shopping cart. At checkout time, the items in the shopping cart
will be presented as an order. On checking out, more information will be needed to complete the
transaction. The customer will be asked to fill or select a billing address or a shipping address. Then
an invoice will be generated for the order, which can be downloaded by the user as a .pdf file
 Chapter3
PROBLEM STATEMENT

• The project aims to develop an online shopping for customers with the goal so that it is very easy
to shop your loved electronic items like laptop, desktop and other accessories by siting in comfort
at home
• You simple require a PC or laptop, just use our application to do the payment and get the product
within stipulated time period.
 Chapter4
SYSTEM REQUIREMENTS SPECIFICATION

Functional Requirements:
• Registration:
If customer wants to buy the product then he/she must be registered, unregistered user can’t
go to the shopping cart.
• Login:
Customer logins to the system by entering valid user id and password for the shopping.
• Changes to Cart:
Changes to cart means the customer after login or registration can make order or cancel order
of the product from the shopping cart.
• Payment:
For customer there are many types of secure billing will be prepaid as debit or credit card,
post-paid as after shipping, check or bank draft. The security will provide by the third party
like Pay-Pal etc.
• Logout:
After the payment or surf the product the customer will logged out.
• Report Generation:
After all transaction the system can generate the portable document file (.pdf) and then sent
one copy to the customer’s Email-address and another one for the system data base to
calculate the monthly transaction.
• Review:
Storing feedback given by the customer.
• Orders:
This module keeps the record of products ordered and details about the product is delivered
or not.
Non-functional requirements:
• Secure access of confidential data (customer details)
• 24 x 7 availability
• Better component design to get better performance at peak time.
• Flexible service-based architecture will be highly desirable for future extension.
• Various other non-functional requirements include:
1. Reliability
2. Security
3. Maintainability
4. Portability
5. Reusability
6. Compatibility
7. Resource Utilization

Software requirements:
• HTML5
• CSS3
• JAVASCRIPT
• PHP
• MYSQL
• XAMPP 7.3.9

Hardware requirements:
• Windows 8 or more
• RAM-2GB or more
• I3Processor
Overview of PHP

WHAT IS PHP?

• PHP is an acronym for "PHP Hypertext Preprocessor"

• PHP is a widely-used, open source scripting language
• PHP scripts are executed on the server
• PHP costs nothing, it is free to download and use

WHAT IS PHP FILE?

• PHP files can contain text, HTML, CSS, JavaScript, and PHP code
• PHP code are executed on the server, and the result is returned to the browser as plain HTML
• PHP files have extension ".php"

WHAT CAN PHP DO?

• PHP can generate dynamic page content

• PHP can create, open, read, write, delete, and close files on the server
• PHP can collect form data
• PHP can send and receive cookies
• PHP can add, delete, modify data in your database
• PHP can restrict users to access some pages on your website
• PHP can encrypt data

With PHP you are not limited to output HTML. You can output images, PDF files, and even Flash
movies. You can also output any text, such as XHTML and XML.

WHY PHP?

• PHP runs on various platforms (Windows, Linux, Unix, Mac OS X, etc.)

 • PHP is compatible with almost all servers used today (Apache, IIS, etc.)
• PHP supports a wide range of databases
• PHP is free. Download it from the official PHP resource: www.php.net

4.7 ABOUT HTML & CSS:

HTML or Hypertext Markup Language is the standard markup language used to create web
pages.

HTML is written in the form of HTML elements consisting of tags enclosed in angle
brackets (like <html>). HTML tags most commonly come in pairs like <h1> and </h1>, although
some tags represent empty elements and so are unpaired, for example <img>. The first tag in a pair
is the start tag, and the second tag is the end tag (they are also called opening tags and closing tags).
Though not always necessary, it is best practice to append a slash to tags which are not paired with
a closing tag.

The purpose of a web browser is to read HTML documents and compose them into visible or audible
web pages. The browser does not display the HTML tags, but uses the tags to interpret the content
of the page. HTML describes the structure of a website semantically along with cues for
presentation, making it a markup language rather than a programming language.

HTML elements form the building blocks of all websites. HTML allows images and objects to be
embedded and can be used to create interactive forms. It provides a means to create structured
documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes
and other items. It can embed scripts written in languages such as JavaScript which affect the
behaviour of HTML web pages.
CASCADING STYLE SHEETS (CSS):

It is a style sheet language used for describing the look and formatting of a document written in a
markup language. While most often used to style web pages and interfaces written
in HTML and XHTML, the language can be applied to any kind of XML document, including plain
XML, SVG and XUL. CSS is a cornerstone specification of the web and almost all web pages use
CSS style sheets to describe their presentation.

CSS is designed primarily to enable the separation of document content from document presentation,
including elements such as the layout, colors, and fonts.[1] This separation can improve
content accessibility, provide more flexibility and control in the specification of presentation
characteristics, enable multiple pages to share formatting, and reduce complexity and repetition in
the structural content .

CSS can also allow the same markup page to be presented in different styles for different rendering
methods, such as on-screen, in print, by voice (when read out by a speech-based browser or screen
reader) and on Braille-based, tactile devices. It can also be used to allow the web page to display
differently depending on the screen size or device on which it is being viewed. While the author of
a document typically links that document to a CSS file, readers can use a different style sheet,
perhaps one on their own computer, to override the one the author has specified. However if the
author or the reader did not link the document to a specific style sheet the default style of the browser
will be applied.

MySQL:

MySQL is developed, distributed, and supported by Oracle Corporation. MySQL is a database

system used on the web it runs on a server. MySQL is ideal for both small and large applications. It
is very fast, reliable, and easy to use. It supports standard SQL. MySQL can be compiled on a number
of platforms.
 The data in MySQL is stored in tables. A table is a collection of related data, and it
consists of columns and rows. Databases are useful when storing information categorically.

FEATURES OF MySQL:

Internals and portability:

• Written in C and C++.

• Tested with a broad range of different compilers.

• Works on many different platforms.

• Tested with Purify (a commercial memory leakage detector) as well as with Val grind, a GPL
tool.
• Uses multi-layered server design with independent modules.

Security:
• A privilege and password system that is very flexible and secure, and that enables host-based
verification.

• Password security by encryption of all password traffic when you connect to a server.

Scalability and Limits:

• Support for large databases. We use MySQL Server with databases that contain 50 million
records. We also know of users who use MySQL Server with 200,000 tables and about
5,000,000,000 rows.

• Support for up to 64 indexes per table (32 before MySQL 4.1.2). Each index may consist of 1 to
16 columns or parts of columns. The maximum index width is 767 bytes for InnoDB tables, or
1000 for MyISAM; before MySQL 4.1.2, the limit is 500 bytes. An index may use a prefix of a
column for CHAR, VARCHAR, BLOB, or TEXT column types.
CONNECTIVITY:
Clients can connect to MySQL Server using several protocols:

• Clients can connect using TCP/IP sockets on any platform.

• On Windows systems in the NT family (NT, 2000, XP, 2003, or Vista), clients can
connect using named pipes if the server is started with the --enable-named-pipe option. In
MySQL 4.1 and higher, Windows servers also support shared-memory connections if
started with the --shared-memory option. Clients can connect through shared memory by
using the --protocol=memory option.

• On UNIX systems, clients can connect using Unix domain socket files.

LOCALIZATION:
• The server can provide error messages to clients in many languages.
• All data is saved in the chosen character set.
CLIENTS AND TOOLS:

• MySQL includes several client and utility programs. These include both command-line
programs such as mysqldump and mysqladmin, and graphical programs such
as MySQL Workbench.
• MySQL Server has built-in support for SQL statements to check, optimize, and repair
tables. These statements are available from the command line through
the mysqlcheck client. MySQL also includes myisamchk, a very fast command-line
utility for performing these operations on MyISAM tables.
• MySQL programs can be invoked with the --help or -? option to obtain online
assistance.

WHY TO USE MySQL:

• Leading open source RDBMS

• Ease of use – No frills
• Fast
• Robust
 • Security
• Multiple OS support
• Free
• Technical support
• Support large database– up to 50 million rows, file size limit up to 8 Million TB

JAVASCRIPT:

JavaScript is the scripting language of the Web. All modern HTML pages are using JavaScript. A
scripting language is a lightweight programming language. JavaScript code can be inserted into any
HTML page, and it can be executed by all types of web browsers. JavaScript is easy to learn.

WHY TO USE JAVASCRIPT:

JavaScript is one of the 3 languages all web developers must learn:

1. HTML to define the content of web pages

2. CSS to specify the layout of web pages
3. JavaScript to specify the behavior of web pages

Example

x = document.getElementById("demo"); //Find the HTML element with id="demo"

x.innerHTML = "Hello JavaScript"; //Change the content of the HTML element

document.getElementById() is one of the most commonly used HTML DOM methods.

OTHER USES OF JAVASCRIPT:

• Delete HTML elements

• Create new HTML elements
• Copy HTML elements
 • In HTML, JavaScript is a sequence of statements that can be executed by the web browser.

JAVASCRIPT STATEMENTS:

• JavaScript statements are "commands" to the browser.

• The purpose of the statements is to tell the browser what to do.
• This JavaScript statement tells the browser to write "Hello Dolly" inside an HTML element
with id="demo":

Semicolon;
• Semicolon separates JavaScript statements.
• Normally you add a semicolon at the end of each executable statement.
• Using semicolons also makes it possible to write many statements on one line.

JAVASCRIPT CODE:

• JavaScript code (or just JavaScript) is a sequence of JavaScript statements.

• Each statement is executed by the browser in the sequence they are written.
• This example will manipulate two HTML elements:
• Example
• document.getElementById("demo").innerHTML="Hello Dolly";
document.getElementById("myDIV").innerHTML="How are you?";

JAVASCRIPT PROPERTIES:

• Properties are the values associated with a JavaScript object.

• A JavaScript object is a collection of unordered properties.
• Properties can usually be changed, added, and deleted, but some are read only.
 Chapter5
ARCHITECTURE

Layered architecture:
The Layered architecture pattern, also known as the n-tier architecture pattern. This pattern is the de
facto standard for most applications and therefore is widely known by most architects, designers,
and developers. The layered architecture pattern closely matches the traditional IT communication
and organizational structures found in most companies, making it a natural choice for most business
application development efforts.

This pattern can be used to structure programs that can be decomposed into groups of subtasks, each
of which is at a particular level of abstraction. Each layer provides services to the next higher layer.
The architecture comprises of the following three layers:

• Presentation layer (also known as UI layer)

• Business logic layer (also known as domain layer)
• Data access layer (also known as persistence layer)
 Chapter6
DATA FLOW DIAGRAM(DFD)

CONTEXT LEVEL DIAGRAM

LEVEL-1 DFD
 Chapter7
ENTITY RELATIONSHIP DIAGRAM(E-R)
 Chapter8
UML DIAGRAMS
 Chapter9
TESTING

Software testing is an investigation conducted to provide stakeholders with information

about the quality of the product or service under test. Software testing can also provide an objective,
independent view of the software to allow the business to appreciate and understand the risks of
software to allow the business to appreciate and understand the risks of software implementation.
Test techniques include, but are not limited to, process of executing a program or application with
the intent of finding software bugs.
The aim of testing is to identify the errors in code. A test consists of a number of test cases.
Each test case tells you what to do, what data to use and what result to expect. Software testing is
the process of executing software in a controlled manner, in order to answer the question, “Does the
software behaves as specified”.

TYPES OF TESTING
• White box testing
• Black box testing
• Unit testing
• Integration testing
• System testing
• Acceptance testing
• Maintenance testing
WHITE BOX TESTING
White box testing sometimes called “Glass Box” testing is a test case design uses the control
structure of the procedural design to drive test cases. Using white box testing method, the following
tests are made on the system.
• All independent paths within module have been exercised at least once.
• All the logical decisions were checked for the truth and false values.
• All the loops were executed to check their boundary values.
• An internal data structures was tested for their validity.

BLACK BOX TESTING

Black box testing focuses on the functional requirements of the software. It enables the
software engineer to drive a set of input conditions that willfully exercise the requirements for the
program. It is not an alternative for white box testing techniques.
Black box testing attempts to find errors in the following categories:
• Interface errors
• Performance in the data structure or external database access
• Performance errors
• Initialization and termination access
• Incorrect or missing functions
UNIT TESTING
Unit testing, also known as component testing refers to tests that verify the functionality of
a specific section to code, usually at the function level. In an object-oriented environment, this is
usually at the class level and the minimal unit tests include the constructors and destructors.
In my project I have implemented unit testing to testing to test the project modules like Login
Page, Admin Login.
INTEGRATED TESTING
Integration testing is any type of software testing that seeks to verify the interfaces between
the components may be integrated in an iterative way of all together.
SYSTEM TESTING
System testing is a level of the software testing where complete and integrated software is
tested.
Using system testing, I have tested my whole project whether it meets its requirements and
to ensure that the software work as expected.
ACCEPTANCE TESTING
Acceptance Testing is a level of the software testing where a system is tested for
acceptability.
I have tested my project using acceptance testing. The user has to accept the project and they
have to work on it without any error.

MAINTENANCE TESTING
Once a system is developed it is in service for years and decades. During this time the system
and its operational environment is often corrected, changed or extended. Testing that is provided
during this phase. I have tested my project using maintenance testing. The project has to work in any
situation without any error.
 Chapter10
CODING

NAVIGATION BAR CODE

HEADER CODE

CATEGORY CODE
LOGIN/LOGOUT CODE
 Chapter11
INPUT/OUTPUT SNAPSHOTS
 Chapter12
CONCLUSION

The HMT Technology web application was developed using PHP, MYSQL, HTML5, CSS3
technology. Any customer can browse products, add, replace or delete a product from the cart. The
customer can log in with his information such as his email and password. If the login is not validated
then the user needs to register first before they login again. Then they can add products to the cart
and do the payment, Admin will verify the order, payment.
 Chapter13
LIMITATION & FUTURE SCOPE

• Email, OTP verification needs to be sent to customers for login verification to customer new
arrival or discounts.
• Language verities needs to be implemented along with the application.
• In future this project will be deployed into AWS cloud so that it will be globally accessible.
 Chapter14
BIBLIOGRAPHY

• www.w3school.com
• Php features
• https://itsourcecode.com/uml/e-commerce-website-er-diagram-erd-entity-relationship-
diagram/
• https://sourcecodehero.com/er-diagram-for-e-commerce-website-with-database-structure/
• https://moqups.com/templates/diagrams-flowcharts/erd/ecommerce-database-diagram/