An

Industrial Project Report

on
"ONLINE ELECTRONIC STORE"
Submitted to the Rajasthan Technical University, Kota in
Partial fulfillment of the requirement for the degree
of

MASTER OF COMPUTER APPICATIONS

Supervisor Submitted By:

ANIL DHANKAR HARSH MAHAN PATHAK

HOD Enrolment No.: 22C2RIXXM40P613

RAJASTHAN INSTITUTE OF ENGINEERING & TECHNOLOGY,

JAIPUR
Affiliated to
Rajasthan Technical
University, Kota(Rajasthan)-
324010

1
 JULY - 2024

2
 Candidate’s Declaration

I hereby declare that the work, which is being presented in the MCA-451, Instrial Project, entitled

“ONLINE ELECTRONIC STORE" in partial fulfilment for the award of Degree of

“Master of Computer Applications” in Deptartment of Computer Applications submitted to the

RIET, Rajasthan Technical University is a record of my own work carried under the

Guidance of Shri ANIL DHANKAR, Deptartment of Computer Applications, RAJASTHAN

INSTITUTE OF ENGINEERING & TECHNOLOGY, JAIPUR

I have not submitted the matter presented in this Project Report any where for the award of any

other Degree.

HARSH MAHAN PATHAK

Enrolment No.: 22C2RIXXM40P613

RAJASTHAN INSTITUTE OF ENGINEERING

& TECHNOLOGY, JAIPUR

Name(s) of Supervisor(s)
.....................................
.....................................

3
 RAJASTHAN INSTITUTE OF ENGINEERING &
TECHNOLOGY, JAIPUR(302026)
MASTER'S OF COMPUTER APPLICATIONS

Certificate

Date:

This is to certify that the Industrial Project (MCA-451) work entitled “ONLINE ELECTRONIC
STORE‘’ submitted by “HARSH MAHAN PATHAK” (RTU Roll No. 22CRIXX613) to the
Department Of Computer Science and Application of <RAJASTHAN INSTITUTE OF
ENGINEERING & TECHNOLOGY> has been examined and evaluated.
.

The Project work has been prepared as per the regulations of Rajasthan Technical University,
Kota and qualifies to be accepted in partial fulfillment of the requirement for the degree of
MCA (Master of Computer Applications).

Signature of the student Supervisor/Guide

(Name with Designation)

External Examiner
(Name with Designation) Head of Institution/Principal

4
 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

5
 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

6
 Chapter
1
OBJECTIV
E

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.

7
 Chapter
2
INTRODUCTIO
N

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

8
 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.

9
 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.

10
 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

11
 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?
12
  PHP runs on various platforms (Windows, Linux, Unix, Mac OS X, etc.)

13
  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.

14
 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.

15
 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.

16
 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

17
 • Robust

18
 • 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
19
  Copy HTML elements

20
  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.

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

22
 Chapter
5
ARCHITECTUR
E

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)

23
 Chapter6
DATA FLOW DIAGRAM(DFD)

CONTEXT LEVEL DIAGRAM

24
 LEVEL-1 DFD

25
 Chapter7
ENTITY RELATIONSHIP DIAGRAM(E-R)

26
 Chapter
8 UML
DIAGRAMS

27
28
29
 Chapter
9
TESTIN
G

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

30
 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

31
 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.

32
 Chapter10
CODIN
G

NAVIGATION BAR CODE

33
 HEADER CODE

34
 CATEGORY CODE

35
36
37
38
 LOGIN/LOGOUT CODE

39
40
41
 Chapter11
INPUT/OUTPUT SNAPSHOTS

42
43
44
45
46
47
 Chapter1
2
CONCLUSIO
N

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.

48
 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.

49
 Chapter1
4
BIBLIOGRAPH
Y

• 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/

50