Yashwantrao Bhonsale Polytechnic

A
Micro-Project
On
Online Shopping Sites
Submitted To
MSBTE
In Partial Fulfilment of Requirement of Diploma Of
Computer Engineering
Under I Scheme
Submitted By:

Mr. Kunal Vijay Masurkar

Mr. Prasanna Prasad Kadrekar
Mr. Govind Gurunath Gawade
Mr. Manohar Santosh Naik
Mr. Atamaram Yashwant Jadhav
Mr. Somesh Sanjay Raje
Mr. Siddhesh Deepak Pawar

Under The Guidance Of:

Miss. K. B. Zende
For Academic Year 2020-2021
YASHWANTRAO BHONSALE POLYTECHNIC

Shopping Website Page 1

Yashwantrao Bhonsale Polytechnic

MAHARASHTRA STATE BOARD OF

TECHNICAL EDUCATION
Certificate
This is to certify that,
Mr. Kunal Vijay Masurkar Roll No.18
Mr. Prasanna Prasad Kadrekar Roll No.14
Mr. Govind Gurunath Gawade Roll No.07
Mr. Manohar Santosh Naik Roll No.24
Mr. Atamaram Yashwant Jadhav Roll No.10
Mr. Somesh Sanjay Raje Roll No.29
Mr. Siddhesh Deepak Pawar Roll No.27

Of 2nd semester of diploma in Computer Engineering Of institute

Yashwantrao Bhonsale Polytechnic (1742) has completed the term
work satisfactorily in Course Web Page Designing With HTML (22014)
For the academic year 2020-2021 as prescribed in the curriculum.

Subject Teacher HOD Principal

Seal of Institution

Shopping Website Page 2

Yashwantrao Bhonsale Polytechnic

MAHARASHTRA STATE BOARD OF

TECHNICAL EDUCATION

Certificate

This is to certify that,

Mr…………………………………………………….
Roll No. …… of 2nd semester of diploma in Computer Engineering Of
institute Yashwantrao Bhonsale Polytechnic (1742) has completed the
term work satisfactorily in Course Web Page Designing With HTML
(22014).For the academic year 2020-2021 as prescribed in the
curriculum.

Place-Sawantwadi Enrolment No:………………

Date: Exam Seat No:………………

Subject Teacher HOD Principal

Seal of Institution

Shopping Website Page 3

Yashwantrao Bhonsale Polytechnic

INDEX

Sr. No. Topic Name Page No.

1 Introduction 5

2 Abstract 6

3 Motivation And Objective 7

4 Methods Technology Used 8

5 Advantages And Disadvantages 9-10

6 Types Of Websites 11

7 Code 12

8 Output 13

9 Conclusion And Reference 14

Shopping Website Page 4

Yashwantrao Bhonsale Polytechnic

INTRODUCTION:-
Online shopping is a form of electronic commerce which allows consumers to directly
buy goods or services from a seller over the Internet using a web browser or a mobile app.
Consumers find a product of interest by visiting the website of the retailer directly or by
searching among alternative vendors using a shopping search engine, which displays the
same product’s availability and pricing at different e-retailers. As of 2020, customers can
shop online using a range of different computers and devices, including desktop
computers, laptops, tablet computers and smartphones.

Shopping Website Page 5

Yashwantrao Bhonsale Polytechnic

ABSTRACT:-
The Online Shopping is a web based application intended for online retailers. The
main objective of this application is to make it interactive and its ease of use. It
would make searching, viewing and selection of a product easier. It contains a
sophisticated search engine for user’s to search for products specific to their needs.
The search engine provides an easy and convenient way to search for products
where a user can Search for a product interactively and the search engine would
refine the products available based on the user’s input. The user can then view
the complete specification of each product. They can also view the product
reviews and also write their own reviews. The application also provides a drag
and drop feature so that a user can add a product to the shopping cart by
dragging the item in to the shopping cart. The main emphasis lies in providing a
userfriendly search engine for effectively showing the desired results and its drag
and drop behavior. .

(Fig.1)

Shopping Website Page 6

Yashwantrao Bhonsale Polytechnic

MOTIVATION:-
Many people around the world prefer to shop online and buy products from several
brands and companies that they cannot find or are not available for purchase in their
home countries.

Selling direct online increases your reach. With an online store, your profits are no longer
limited by the number of customers that can physically visit your brick and mortar
location. You can sell across towns, states, and even across borders, removing all
geographical limitations.

Online shopping can save time for both the buyer and retailer, reducing phone calls about
availability, specifications, hours of operation or other information easily found on
company and product pages.

OBJECTIVE:-
The main objective of the Online Shopping System is to manage the details of Shopping,
Internet, Bills, Payment, Customer. It manages all the information about Shopping,
Products, Customer, Shopping.

Shopping Website Page 7

Yashwantrao Bhonsale Polytechnic

METHODS TECHNOLOGIES WHICH ARE USED:

(Fig.2)

1] HTML: Hypertext Markup Language (HTML) is the standard markup language for
documents designed to be displayed in a web browser. It can be assisted by technologies
such as Cascading Style Sheets (CSS) scripting languages such as JavaScript, HTML.
elements are delineated by tags, written using angle brackets.

(Fig.3)

2] CSS: Cascading Style Sheets (CSS) is a style sheet language used for describing the
presentation of a document written in a markup language such as HTML, CSS is a
cornerstone technology of the World Wide Web, alongside HTML and JavaScript. The
CSS specifications are maintained by the World Wide Web Consortium (W3C).

Shopping Website Page 8

Yashwantrao Bhonsale Polytechnic

ADVANTAGES OF ONLINE SHOPPING:

(Fig.4)

1.Online shopping saves time

Customers do not have to stand in queues in cash counters to pay for the products that
have been purchased by them. They can shop from their home or work place and do not
have to spend time traveling. The customers can also look for the products that are
required by them by entering the key words or using search engines.

2.Online shopping saves money

To attract customers to shop online, e-tailers and marketers offer discounts to the
customers. Due to elimination of maintenance, real-estate cost, the retailers are able to
sell the products with attractive discounts through online. Sometimes, large online
shopping sites offer store comparison.

3.Online tracking
Online consumers can track the order status and delivery status tracking of shipping is
also available
.
4.Availability of online shop
The mall is open on 365 x 24 x 7. So, time does not act as a barrier, wherever the vendor
and buyers are.

Shopping Website Page 9

Yashwantrao Bhonsale Polytechnic

DISADVANTAGES OF ONLINE SHOPPING:-

(Fig.5)

1.Delay in delivery
Long duration and lack of proper inventory management result in delays in shipment.
Though the duration of selecting, buying and paying for an online product may not take
more than 15 minutes; the delivery of the product to customer’ s doorstep takes about 1-3
weeks. This frustrates the customer and prevents them from shopping online.

2. Lack of significant discounts in online shops

Physical stores offer discounts to customers and attract them so this makes it difficult for
e-tailers to compete with the offline platforms.

3. Lack of touch and feel of merchandise in online shopping

Lack of touch-feel-try creates concerns over the quality of the product on offer. Online
shopping is not quite suitable for clothes as the customers cannot try them on.

4. Lack of interactivity in online shopping

Physical stores allow price negotiations between buyers and the seller. The show room
sales attendant representatives provide personal attention to customers and help them in
purchasing goods. Certain online shopping mart offers service to talk to a sales
representative,

Shopping Website Page 10

Yashwantrao Bhonsale Polytechnic

TYPES OF ONLINE SHOPPING:-

1.CLOTHING AND APPARELS

2.ELECTRONICS

3.TRAIN AND FLIGHT TICKETS

4.FURNITURE

5.REFURBISHED PRODUCTS

6.FOOD AND CONSUMABLES

7.ALL IN ONE SITES

Shopping Website Page 11

Yashwantrao Bhonsale Polytechnic

Code:-

<!DOCTYPE html>
<html>
<head>
<title>Your Online Shop</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">
</head>
<body>
<header>
<nav>
<div class="logo"><h1 class="animated infinite heartBeat">Your demand is our
priority.</h1></div>
<div class="menu">
<a href="https://www.snapdeal.com/">Home</a>
<a href="https://www.snapdeal.com/products/men-apparel?sort=plrty">Clothing</a>
<a href="https://www.snapdeal.com/page/sitemap">Cateogry</a>
<a href="https://www.snapdeal.com/helpcenter">Contact</a>
</div>
</nav>
<main>
<section>
<h3>Welcome to Online Shop</h3>
<h1>DO COME & VISIT<span class="change_content"> </span></h1>
<p>"India lets shop together."</p>
<a href="https://sellers.snapdeal.com/" class="btnone">Sell Items</a>
<a href="https://www.snapdeal.com/login"class="btntwo">SignUp Here</a>
</section>
</main>
</header>
</body>
</html>

Shopping Website Page 12

Yashwantrao Bhonsale Polytechnic

Output:-

Home Screen

Shopping Website Page 13

Yashwantrao Bhonsale Polytechnic

Conclusion:-
In conclusion we have a basic website that can be used for online shopping. That can also
feature various use of css features in it. As per this pandemic situation of a globe wide
virus online shopping has been an important source for getting needs.

Shopping Website Page 14

Yashwantrao Bhonsale Polytechnic

Reference:-
 www.snapdeal.com

 www.wikipedia.com

 www.quora.com

 www.w3schools.com

Shopping Website Page 15

Yashwantrao Bhonsale Polytechnic

Thank You

Shopping Website Page 16