Hardik E-Shooping Docs

Page |1
E-shopping
The project report is submitted as a part of the course leading to

the Master of Computer Science with Information Technology and
Computer Application M.SC(IT &C.A) prescribed by “SAURASHTRA
UNIVERSITY”. It is Very necessary to make project in SEM – 4.
This project is about Online Shopping which is useful to

people who can do the shop At online. This project gives facility
to the user purchase Item.
Here is the detailed report on the project. I have developed

my project using HTML,JAVASCRIPT, CSS, jQuery,Ajax,Laravel
and MYSQL.
The objective of this report is to provide both conceptual

and understanding of the system as well as working guide.
Power By:Hardik Ponkiya

Page |2
E-shopping
First of all I would like to offer our heartiest gratitude to our

H.O.D Dr. Ashwin Rathod for all the help and encouragement
that they rendered to me during the course of this project.
Indeed, it was your support & effort that lead us through the
cloudy skies & muddy waters towards the successful completion
of this project.
I am really thankful to them.
Secondly I would also like to thank my parents and

friends who helped me a lot in finishing this project within the
limited time.
I am making this project not only for marks but to also increase
my knowledge.
Thanking you …
Yours Faithfully,
Hardik j. Ponkiya

Page |3
E-shopping
1. Enrolment Number - ----
2. Full Name - Hardik J. Ponkiya
3. Address - Ambardi,Gondal,Rajkot,Gujarat
4. Contact number - 7203887400

Page |4
E-shopping
No Subject Title PageNo.

1 Introduction 7
Project Profile
Project Abstract
Scope
2 Introduction to Front and Back End Tools 10
i. HTML
ii. CSS
iii. JavaScript
iv. PHP
v. MySql
vi. Laravel
3 Analysis 20
4 System Requirement 22
i. Software Requirement
ii. Hardware Requirement
5 Feasibility Study 23
i. Economical Feasibility
ii. Technical Feasibility
iii. Operational Feasibility
6 Project Management 25
7 System Design 29
---- --------------------------------------------------------------------- -------
9 Data Flow Diagram 31
10 E-R Diagram 34
11 Data Dictionary 35
12 Project Management 40
i. Client Side
ii. Admin Side
13 Screen Layout 41
14 Testing 57
15 Limitation 58

Page |5
E-shopping
16 Future Scope 59
17 Bibliography 60
18 Thank You 61
Project Title: E-Shopping (buy Product and Enjoy)
Platform: Windows XP,7,8, 10,Linux

Page |6
E-shopping
Client Side: Any Network
Technology: Advance Web With Laravel
Front End: Laravel, Html, JavaScript,CSS
Back End: MYSQL
Server: XAMPP Server
Documentation Tool: Microsoft Word
Period of Project Working: 3 Months
Developed By: Hardik Ponkiya

Submitted To: Saurashtra University
E-shopping it means E-commerce outSourcing customer buy

product at online.
The most common E-commerce Website providing buy product

with different functionality.
customer buy easly and understand the quality of product and its
features.

Page |7
E-shopping
E-shopping system is successfully used in find the product and
buy save the user time.
E-shopping project is Same as e-commerce website it also used

for client register and login after review of product can be written.
Administrator side in manage whole project.admin can be add

category,add subcategory,replay the messages of feed back
,delete product ,manging our user dynamically.
This project user friendly and secure feature with encoding the url
data.
If user any problem then it used contact form and admin side it
contact display admin and it can delete by admin.
The scope for E-shopping some time user can not directly
payment with any Payment Gateway.
Some times some product out of stock at time user another site
through purchase the items.
product price offer not availabel.

Page |8
E-shopping
when user opening the site at time server more time for the
response.
What is HTML?
 HTML is a language for describing web pages.
 HTML developed by Team bern lee for developing
webpages.
 HTML stands for Hyper Text Markup Language.
 HTML is a markup language.
 A markup language is a set of markup tags.

Page |9
E-shopping
 The tags describe document content.
 HTML documents contain HTML tags and plain text.
 HTML documents are also called web pages.
HTML Tags
 HTML markup tags are usually called HTML tags .
 HTML in normally two types of Tages Paired Tag and singular
Tag.
 HTML tags normally come in pairs like <b> and </b>
 The first tag in a pair is the start tag, the second tag is the
end tag
 The end tag is written like the start tag, with a forward slash
before the tag name
 Start and end tags are also called opening tags and closing
tags
HTML Elements
"HTML tags" and "HTML elements" are often used to describe the
same thing.
But strictly speaking, an HTML element is everything between the

start tag and the end tag, including the tags:
Web Browsers
P a g e | 10
E-shopping
The purpose of a web browser (such as Google Chrome, Internet
Explorer, Firefox, Safari) is to read HTML documents and display
them as web pages.
The browser does not display the HTML tags, but uses the tags to
determine how the content of the HTML page is to be
presented/displayed to the user:
What is CSS?
 CSS stands for Cascading Style Sheets.
 CSS through you can make user intractive pages .
 Styles define how to display HTML elements.
 Styles were added to HTML 4.0 to solve a problem
 External Style Sheets can save a lot of work  External
Style Sheets are stored in CSS files

P a g e | 11
E-shopping
Styles Solved a Big Problem
HTML was never intended to contain tags for formatting a
document.
HTML was intended to define the content of a document, like:
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
When tags like <font>, and color attributes were added to the
HTML 3.2 specification, it started a nightmare for web developers.
Development of large web sites, where fonts and color
information were added to every single page, became a long and
expensive process.
To solve this problem, the World Wide Web Consortium (W3C)

created CSS.
In HTML 4.0, all formatting could be removed from the HTML

document, and stored in a separate CSS file.
All browsers support CSS today.
CSS Saves a Lot of Work!

CSS defines HOW HTML elements are to be displayed.
Styles are normally saved in external .css files. External style

sheets enable you to change the appearance and layout of all the
pages in a Web site, just by editing one single file!

P a g e | 12
E-shopping
What is JavaScript ?
A scripting language is a lightweight programming language.
JavaScript is programming code that can be inserted into HTML

pages.
JavaScript inserted into HTML pages, can be executed by all

modern web browsers.
Did You Know?

P a g e | 13
E-shopping
JavaScript and Java are two completely different languages, in
both concept and design. Java (invented by Sun) is a more
complex programming language in the same category as C.
ECMA-262 is the official name of the JavaScript standard.
JavaScript was invented by Brendan Eich. It appeared in

Netscape (a no longer existing browser) in 1995, and has been
adopted by ECMA (a standard association) since 1997.
JavaScripts in HTML must be inserted between <script> and

</script> tags.
JavaScripts can be put in the <body> and in the <head> section

of an HTML page.
The <script> Tag

To insert a JavaScript into an HTML page, use the <script> tag.
The <script> and </script> tells where the JavaScript starts and ends.
The lines between the <script> and </script> contain the JavaScript:

P a g e | 14
E-shopping
What is PHP?
 PHP stands for PHP: Hypertext Preprocessor
 PHP is developed By Rusmus ledrof in 1994.
 PHP syntax same as Perl and C.
 PHP is a widely-used, open source scripting language
 PHP scripts are executed on the server
 PHP is free to download and use
What Can PHP Do?

 PHP can generate dynamic page content.

P a g e | 15
E-shopping
 PHP can create, open, read, write, and close files on
the server
 PHP can collect form data.
 PHP through You can store client Side add cookie.
 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
Why PHP?
 PHP runs on different platforms (Windows, Linux, Unix, Mac
OS X, etc.)
 PHP is compatible with almost all servers used today
(Apache, IIS, etc.)
 PHP has support for a wide range of databases
 PHP is free. Download it from the official PHP resource: www.php.net
 PHP is easy to learn and runs efficiently on the server side
What is MySQL And MYSLI?

 MYSQLi is improve version of MYSQL.
 MySQL is a database system used on the web.
 MYSQLi is improve the version of database.
 MySQL is a database system that runs on a server

P a g e | 16
E-shopping
 MYSQli same work as MYSQL but some function argument
will be changed.
 MySQL is ideal for both small and large applications .
 MySQL is very fast, reliable, and easy to use.
 Some times return warning for used mysql instead of mysqli
so that if you are used mysqli than not return the any
warning.
 MySQL supports standard SQL.
 MYSQLi two different type of syntax once it function and
second is it classes and object.
 MySQL compiles on a number of platforms .
 Some Server not supported mysql so that better is mysqli.
 MySQL is free to download and use
 MySQL is developed, distributed, and supported by Oracle

Corporation
The data in MySQL is stored in tables. A table is a collection of

related data, and it consists of columns and rows.
PHP + MySQL
 PHP combined with MySQL are cross-platform (you can
develop in Windows and serve on a Unix platform)
Queries
A query is a question or a request.
We can query a database for specific information and

have a recordset returned.

P a g e | 17
E-shopping
Look at the following query (using standard SQL):
SELECT LastName FROM Employees
The query above selects all the data in the "LastName"

column from the "Employees" table.
Download MySQL Database

If you don't have a PHP server with a MySQL Database, you can
download MySQL for free here:http://www.mysql.com

What is Laravel?
 Laravel is an open-source PHP framework, which is robust and easy to
understand. It follows a model-view-controller design pattern. Laravel
reuses the existing components of different frameworks which helps in
creating a web application. The web application thus designed is more
structured and pragmatic.
 Laravel offers a rich set of functionalities which incorporates the basic
features of PHP frameworks like CodeIgniter, Yii and other
programming languages like Ruby on Rails. Laravel has a very rich set
of features which will boost the speed of web development.
 If you are familiar with Core PHP and Advanced PHP, Laravel will make
your task easier. It saves a lot time if you are planning to develop a
website from scratch. Moreover, a website built in Laravel is secure
and prevents several web attacks.

P a g e | 18
E-shopping
Advantages of Laravel
Laravel offers you the following advantages, when you are designing a web
application based on it −
 The web application becomes more scalable, owing to the Laravel
framework.
 Considerable time is saved in designing the web application, since
Laravel reuses the components from other framework in developing
web application.
 It includes namespaces and interfaces, thus helps to organize and
manage resources.
When I started My Project First of all I had seen E-commerce

Web Sites Like www.
Amazon.in ,www.aliexpress.com,www.flipkart.cometc. And seen
their Facility which they provide.
Then i collected the Information about Top E-commerce

Web Sites then I collect information which i want for my Website.
I have seen Amazon and Snapdeal create page facility and

then I have created Buy and Enjoying website.
I have given following facilities in My website.
--- Client Side
 For only view Product information and Buy Product

 View Category and click after view Sub-category
 View Product and products by Category

P a g e | 19
E-shopping
 View product detail and related products of it
category.
 New product display on home page to
dynamically.
 User want to buy product to addto cart. (After
LogIn)
 User Can Register on E-commerce
 If user login than display my account page.
 Change password
--- Admin Side

 Maintain your admin user
 Add,Edit,Delete Category, Sub Category,
product
 Delete Category, Sub Category, product,feature
product
 List out all user if duplicate user than delete
from admin panel.
 All user feed back disply and also that contacts
can be delete
 Search the user, category, sub category and all
data
 View Customer order
 Fully user friendly Single Page Applicatons
Concepts Using Ajax.

P a g e | 20
E-shopping
SOFTWARE REQUIREMENT
 Windows XP, 7, 8, 10
 Google Crome for Best Result, Mozilla Fire Fox
 Xampp web server latest version or wampp server
 PHP 7.2 or it upper
 MySQL 6.5.32 or it upper
 Microsoft word
 Notepad++ or Sublime,VS Code Editor
HARDWARE REQUIREMENT
 Pentium –IV Processor 550 MHz or Above
 Minimum 80 GB Hard disk
 Minimum 256 MB RAM
 Mouse, Keyboard
 4x CR-ROM drive OR USB port

P a g e | 21
E-shopping
Feasibility study is a process to check possibilities of system

development. It is a method to check various different
requirements and availability of financial & technical resources.
Before starting the process various parameters must be

checked like estimated finance is there or not? The man power to
operate the system is there or not? The man power is trained or
not?
All the above conditions must be satisfied to start the

project. This is why in depth analysis of feasibility is carried out.
There are three different ways feasibility can be tested:
 Economical Feasibility:
In this Field There is no cost for me Because This the part of
Study.
 Technical Feasibility:
Amazon Web site is basically used to see existing computer,
hardware and software etc., weather it is sufficient or additional
equipment’s are required? Minimum System Requirements such
that it can be affordable by of the user who is having computer.

P a g e | 22
E-shopping
All the user requires is compatible browser installed so our
system is fully technical feasible
 Operational Feasibility:
Once the system is designed there must be trained and expert
operator. If there are not trained they should give training
according to the needs of the system. From the user’s
perspective our system fully operational feasible as it just
requires some knowledge of computer.

P a g e | 23
E-shopping
Project Planning and Scheduling
Project planning establishes a plan for the software

engineering work that follows. It describes the technical tasks to
be conducted, the risks that are likely, the resources that will be
required, the work product to be produces, and a work schedule.
Project scheduling is an activity that distributes estimated effort
across the planned project duration by allocating the effort to
specific software engineering tasks. It is important to note,
however, that the schedule evolves overtime. During early stages
of project planning, a macroscopic schedule is developed. This
type of schedule identifies all software framework activities and
the product functions to which they are applied. As the project
gets under way, each entry on the macroscopic schedule is
refined into a detailed schedule. Here, specific software tasks
( required to accomplish an activity) are identified and scheduled.
Project Development Approach
To solve actual problems in an industry setting, software

engineer or a team of engineers must incorporate a development
strategy that encompasses the process, methods and tools layers
and generic phase. This strategy is often referred to as process
model or a software engineering paradigm. A process model for
software engineering is often chosen based on the nature of the
project and application, the methods and tools to be used, and
the controls and deliverables that required. To solve actual
P a g e | 24
E-shopping
problems in an industry setting, a software engineer or a team of
engineers must incorporate a development strategy that
encompass the process, methods, and tool layers.
Types of Software Process Models:
The Linear sequential Model ( Waterfall Model)

The Prototyping Model
The Rapid Application Development (RAD) Model
The Incremental Model
The Spiral Model
The Concurrent Development Model
The Formal Methods Model
The Component Based Developed Model
Agile Software Model
Note:- Our project is based onLinear sequential Model ( Waterfall Model)
Waterfall Model
The waterfall model derivers its name due to the cascading effect
from one phase to the other as is illustrated in above figure. In
this model each phase well define starting and ending point, with
identifiable deliveries to the next phase. Note that this model is
sometime referred to as the linear sequential model or the
software life cycle model.
Project Planning
The success of the project will depend critically upon the
effort, care and skill apply in its initial planning. This looks
at the creative aspects of the planning.

P a g e | 25
E-shopping
Before describing the role and creation of a specification,
we need to introduce and explain a fairly technical term.
Project Scheduling(Pert chart and Gantt chart)

GANTT Chart
1)System Design
2)Detailed Design
3)Coding

P a g e | 26
E-shopping
4)Unit Testing
5)Test Plan
6)Testing
30 - days 35 - days 15 - days15 - days
PERT
In a PERT chart instead of making a single estimate for each task, pessimistic,
likely, and optimistic estimates are also made. The boxes of PERT charts are
usually annotated with the pessimistic, likely, and optimistic estimates for
every task. Since all possible completion times between the minimum and
maximum durations for every task have to be considered, there are many
critical paths, depending on the permutations of the estimates for each task.
This makes critical path analysis in PERT charts very complex. A critical
path in a PERT chart is shown by using thicker arrows. The PERT chart
representation of the buses scheduling problem of Figure A. is shown in
Figure B.
Task ES EF LS LF ST
Specification
Part 0 15 0 15 0
Design Database
Part 15 60 15 60 0
Design GUI Part 15 45 90 120 75
Code Database
Part 60 165 60 165 0
Code GUI Part 45 90 120 165 75
Integrate and
Test 165 285 165 285 0
Write User
Manual 15 75 225 285 210

P a g e | 27
E-shopping
Figure A : Different Tasks for the Bus traveling management system are shown in
above table.
Use case diagram

Use case diagram for admin:

P a g e | 28
E-shopping
Use case diagram for client

P a g e | 29
E-shopping
Context Level (0 Level)
Login Login
Admin
Manage product Manage Category More.
View all product View all sub and category

P a g e | 30
E-shopping
Level 1 Client Side
Process to store data

Secure
Registration Registration
Secure Login
Change Password
Verify by login table
Valid Account Page
Login
View category Project database
View Sub-Category View

Search
Products
Feedback
Cart
Logout

P a g e | 31
E-shopping
Admin Side
Admin
Login
Home Add, Delete Search
Category
Category
Sub
Sub
Category Category
products Products
Cart Manage
User
Create Manage
New Logout admin
Admin

P a g e | 32
E-shopping

P a g e | 33
E-shopping
1. users
Compulsory Fields :all Fields
Use :This table is used to register new user admin and customer
If user_type 1 than admin and 0 means client
2.Categories
P a g e | 34
E-shopping
Use : This table is used for Category and Sub-category
3.companies
Use : This table is used for Title Of Projects
4.products
P a g e | 35
E-shopping
Compulsory Fields :all fields
Use : This table store in Products Detail
5.Carts

P a g e | 36
E-shopping
Use : This table is used to save cart Detail of customers.
6.Contact_form_tables
Compulsory Fields :all fileds compulsary.
Use : This table is used store the user feedback.
7.usdrates

P a g e | 37
E-shopping
Use : This table is used store the rate of USD.
6.migration
Use : This table is used store the Migrations for Internal Use of Laravel.
E-SHOPPING
1. Client Side
P a g e | 38
E-shopping
1. View Category and Subcategory
2. Category Product
2. Admin side

1.Mange Category and Subcategory,product,order,user

Client side
 For Only View and Buy

 All Category
 Subcategory,products
Admin side
 Maintain both the admin and client

 Add Category, Sub Category, Product
 View Category, Sub Category, Products
 Delete Category, Sub Category, Order,products
 Maintain admin
Clientside
P a g e | 39
E-shopping
welcome Page

P a g e | 40
E-shopping
Home Page

P a g e | 41
E-shopping
Register And LogIn Page

P a g e | 42
E-shopping
My - Account Page

P a g e | 43
E-shopping
products

P a g e | 44
E-shopping
Product Detail

P a g e | 45
E-shopping

P a g e | 46
E-shopping
cart

P a g e | 47
E-shopping
Contact Us

P a g e | 48
E-shopping
ADMINSIDE

P a g e | 49
E-shopping
Index Page
Admin DashBoard

P a g e | 50
E-shopping
Category
Sub Category

P a g e | 51
E-shopping
Products

P a g e | 52
E-shopping
User Master

P a g e | 53
E-shopping
Customer Contacts

P a g e | 54
E-shopping
Customer Order Reports

P a g e | 55
E-shopping
White Box Testing

White Box Testing is the testing of a software solution's internal coding
and infrastructure. It focuses primarily on strengthening security, the flow of
inputs and outputs through the application, and improving design and
usability. White box testing is also known as clear, open, structural, and glass
box testing.
had tested Registration form and there validation. It works properly as well as
all the facilities of our website like upload image, searching, Comment and like
are works properly.
I had tested admin side as well client side. I had Tested All Pages and No
Query about That.

P a g e | 56
E-shopping
There are some limitations for the current system to which

solutions can be provided As a future development
 Screen resolution problem

If you show proper output then you must set your system
this resolution 1366x768.
 Notification
You can not show the notification.
 Hourly based project

You can not set your project at hourly base.
 Payment system
In email, you can not do search the user.

P a g e | 57
E-shopping
 Screen resolution problem

In future Screen resolution problem will be solved.
 More Google S.E.O Friendly
In future our site fully customize with google friendly.
 Browser platform problem

In Future The Browser Platform Problem Will Be Solved.
 Notification
In Future, You can get notification.
 Hourly based project

In Future, You can do the work at hourly based.
 Payment system
In Future, You can do the payment system by getway payment.

P a g e | 58
E-shopping
Sites Visited:
www.google.com
www.laravel.com
www.php.net
www.tutorialspoint.com
www.youtube.com
Books Referred:
1. Object Oriented Programming using PHP
2. PHP Bibel

P a g e | 59
E-shopping
THANK
YOU
Developed By: Hardik Ponkiya

Hardik E-Shooping Docs

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Hardik E-Shooping Docs

Uploaded by

Copyright:

Available Formats

Page |1

The project report is submitted as a part of the course leading to

This project is about Online Shopping which is useful to

Here is the detailed report on the project. I have developed

The objective of this report is to provide both conceptual

Power By:Hardik Ponkiya

First of all I would like to offer our heartiest gratitude to our

I am really thankful to them.

Secondly I would also like to thank my parents and

Power By:Hardik Ponkiya

1. Enrolment Number - ----

2. Full Name - Hardik J. Ponkiya

4. Contact number - 7203887400

Power By:Hardik Ponkiya

No Subject Title PageNo.

Power By:Hardik Ponkiya

Project Title: E-Shopping (buy Product and Enjoy)

Platform: Windows XP,7,8, 10,Linux

Power By:Hardik Ponkiya

Technology: Advance Web With Laravel

Front End: Laravel, Html, JavaScript,CSS

Back End: MYSQL

Server: XAMPP Server

Documentation Tool: Microsoft Word

Period of Project Working: 3 Months

Developed By: Hardik Ponkiya

E-shopping it means E-commerce outSourcing customer buy

The most common E-commerce Website providing buy product

Power By:Hardik Ponkiya

E-shopping project is Same as e-commerce website it also used

Administrator side in manage whole project.admin can be add

Power By:Hardik Ponkiya

Power By:Hardik Ponkiya

But strictly speaking, an HTML element is everything between the

Power By:Hardik Ponkiya

HTML was intended to define the content of a document, like:

To solve this problem, the World Wide Web Consortium (W3C)

In HTML 4.0, all formatting could be removed from the HTML

All browsers support CSS today.

CSS Saves a Lot of Work!

Styles are normally saved in external .css files. External style

Power By:Hardik Ponkiya

JavaScript is programming code that can be inserted into HTML

JavaScript inserted into HTML pages, can be executed by all

Did You Know?

Power By:Hardik Ponkiya

ECMA-262 is the official name of the JavaScript standard.

JavaScript was invented by Brendan Eich. It appeared in

JavaScripts in HTML must be inserted between <script> and

JavaScripts can be put in the <body> and in the <head> section

The <script> Tag

Power By:Hardik Ponkiya

What Can PHP Do?

Power By:Hardik Ponkiya

What is MySQL And MYSLI?

Power By:Hardik Ponkiya

 MySQL is developed, distributed, and supported by Oracle

The data in MySQL is stored in tables. A table is a collection of

A query is a question or a request.

We can query a database for specific information and

Power By:Hardik Ponkiya

The query above selects all the data in the "LastName"