A Practical Training Report on

ONLINE SHOPPING SYSTEM

Submitted in fulfillment of the requirement of the degree of

Bachelor of Technology

Degree in

COMPUTER SCIENCE ENGINEERING

By
Deepti

CSE15006

Department of Computer Science Engineering

Advanced Institute of Technology & Manageme

Palwal, Haryana, India

MAHARISHI DAYANAND UNIVERSITY, ROHTAK

DEC, 2018

1
 ACKNOWLEDGEMENT

I express my profound gratitude to our Coordinator MR. MAHESH and all the faculty members
of the cse department for guide in the preparation of this training report.

It is privilege to express my heartiest thanks to all members of DUCAT IT INSTITUTE for

their guidance in making the project.By their help and guidance I abled to complete my
project.They explain all the concepts very easily and deeply.They cleared my all dought.

For their valuable suggestion and constructive criticism was like bacon light and becomes source
of inspiration during my preparation of this training report.

Deepti kumari

CSE15006

2
3
 TABLE OF CONTENTS
Company’s Certificate i
Acknowledgement ii
Table of Contents iii

Contents

1.Introduction
1.1 Introduction to Project
1.2 Objective of the Project
1.3 Problem Statement
1.4 Technology used.
1.5 Hardware and Software Requirements
2. System Design and Development.
2.1. Project details
2.2. Programming concepts used
2.3. Flowcharts
2.4. Screen shots of developed program / software(output of your
program)
3. Conclusion
4. Scope for future work
5. References

4
 1. INTRODUCTION

1.1 INTRODUCTION TO PROJECT

This project is a web based shopping system for an shopping shop.By this application the
customer can buy the products online sitting at home.

Online shopping is the process whereby consumers directly buy goods or services from a seller
in real-time, without an intermediary service, over the Internet. It is a form of electronic
commerce. This project is an attempt to provide the advantages of online shopping to customers
of a real shop. It helps buying the products in the shop anywhere through internet by using an
application through internet. Thus the customer will get the service of online shopping and
home delivery from his favorite shop.

1.2 OBJECTIVE OF PROJECT.

The objective of the project is to make an web application in java to purchase

items through online. In order to build such an application complete web support need to
be provided. A complete and efficient web application which can provide the online
shopping experience is the basic objective of the project.

1.3 PROBLEM STATEMENT

In traditional way of shopping the customer have to go outside for shopping.It is very time
consuming and waste of money also. So online shopping system reduces that problem .The
customer do not have to go in crowd ,they can buy products by sitting at home.

5
It can also reduces the problm of user friendliness.Most of the online sites are not user
friendly .The user find the difficulty to understand but this online system is user
friendly.Anybody can use it easily.

1.4 TECHNOLOGY USED

For frontend :

HTML :

HTML is the standard markup language for creating Web pages.

 HTML stands for Hyper Text Markup Language

 HTML describes the structure of Web pages using markup
 HTML elements are the building blocks of HTML pages
 HTML elements are represented by tags
 HTML tags label pieces of content such as "heading", "paragraph", "table", and so on
 Browsers do not display the HTML tags, but use them to render the content of the page

CSS:

 CSS stands for Cascading Style Sheets

 CSS describes how HTML elements are to be displayed on screen, paper, or in other
media
 CSS saves a lot of work. It can control the layout of multiple web pages all at once
 External stylesheets are stored in CSS files

JAVA SCRIPT :
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.

6
For backend:

SERVLET:
Servlet technology is used to create a web application (resides at server side and generates a
dynamic web page.

Servlet can be described in many ways, depending on the context.

o Servlet is a technology which is used to create a web application.

o Servlet is an API that provides many interfaces and classes including documentation.
o Servlet is an interface that must be implemented for creating any Servlet.
o Servlet is a class that extends the capabilities of the servers and responds to the incoming
requests. It can respond to any requests.
o Servlet is a web component that is deployed on the server to create a dynamic web page.

JSP:

JSP technology is used to create web application just like Servlet technology. It can be thought
of as an extension to Servlet because it provides more functionality than servlet such as
expression language, JSTL, etc.

A JSP page consists of HTML tags and JSP tags. The JSP pages are easier to maintain than
Servlet because we can separate designing and development. It provides some additional features
such as Expression Language, Custom Tags, etc.

Advantages of JSP over Servlet

There are many advantages of JSP over the Servlet. They are as follows:

1) Extension to Servlet

JSP technology is the extension to Servlet technology. We can use all the features of the Servlet
in JSP. In addition to, we can use implicit objects, predefined tags, expression language and
Custom tags in JSP, that makes JSP development easy.

2) Easy to maintain

JSP can be easily managed because we can easily separate our business logic with presentation
logic. In Servlet technology, we mix our business logic with the presentation logic.

7
3) Fast Development: No need to recompile and redeploy

If JSP page is modified, we don't need to recompile and redeploy the project. The Servlet code
needs to be updated and recompiled if we have to change the look and feel of the application.

4) Less code than Servlet

In JSP, we can use many tags such as action tags, JSTL, custom tags, etc. that reduces the code.
Moreover, we can use EL, implicit objects, etc.

JSTL:

The JSP Standard Tag Library (JSTL) represents a set of tags to simplify the JSP
development.

Advantage of JSTL
1. Fast Development JSTL provides many tags that simplify the JSP.
2. Code Reusability We can use the JSTL tags on various pages.
3. No need to use scriptlet tag It avoids the use of scriptlet tag.

JDBC:
JDBC stands for Java Database Connectivity. JDBC is a Java API to connect and execute the
query with the database. It is a part of JavaSE (Java Standard Edition). JDBC API uses JDBC
drivers to connect with the database.

1.5 HARDWARE AND SOFTWARE REQUIREMENT.

i. Eclipse : It is a development IDE(Integrated development environment)

ii. Mysql : It is a database used for storing the databases.

iii. Apache tomcat server : It is a web server used for running the application

iv. A simple system of having the normal ram and simple configuration.

8
 2. System Design and Development.

2.1 PROJECT DETAILS

Online shopping system contains two modules :

 User module
 Admin module

User module

Functionality :

 Login and signup :User can login if he/she has already an account otherwise they
have to register themselves by sign up.
 View the product: The user can view the products and can see the description of the
product.
 Search of products :The user can search for the products by search bar.
 Add to cart : The user can add the products in cart and can see the cart anytime they
want.
 Order the products: The user can order the products.They have to press the order
button and entered the shipping address.
 View and edit the profile : The user can see the profile and can edit the profile
anytime they want.
 Received a confirmation message : After ordring the product the user will
received the confirmation message.

9
 Admin module

ADD
PRODUCT

VIEW & EDIT ADMIN Manage

PRODUCT customers

Manage order Sends email

detials

10
Functionality :
 Add the products : The admin can add the new products.
 View and edit the products : The admin can view and edit the new
products.
 Manage the customer : The admin can manage the user details.
 Manage the order details : The admin can manage the order details.
 Sending the email : The admin can send the email to all the customers at a
time.

2.2 PROGRAMMING CONCEPTS USED

In this web application for backend java is used and java is object oriented programming
language.So programming concept used here is object oriented programming.
For better management of project the MVC pattern is followed.

MVC (MODEL VIEW CONTROLLER)

MVC Pattern stands for Model-View-Controller Pattern. This pattern is used

to separate application's concerns.

 Model - Model represents an object or JAVA POJO carrying data. It can also
have logic to update controller if its data changes.

 View - View represents the visualization of the data that model contains.

 Controller - Controller acts on both model and view. It controls the data flow
into model object and updates the view whenever data changes. It keeps view
and model separate.

11
 2.3 FLOWCHART
START

USER ADMIN

NO
YES
VIEW PRODUCTS
Is login?

SELECT THE
ADD THE PRODUCTS
PRODUCTS

YES Login? VIEW AND EDIT THE PRODUCTS

NO

Add to cart login

MANAGE CUSTOMERS

Buy the product

MANAGE ORDERS

Enter shipping
address
SENDING EMAIL

Confirm order

logout

stop

12
2.4 SCREENSHOTS OF THE PROJECT

13
14
15
16
17
18
19
20
21
 3.CONCLUSION

The project entitled Online shopping system was completed successfully.

The system has been developed with much care and free of errors and at the same time it is
efficient and less time consuming. The purpose of this project was to develop a web application
to selling products online.

This project helped us in gaining valuable information and practical knowledge on several
topics like designing web pages using html & css, usage of responsive templates, using
jsp,servlets and management of database using mysql . Also the project helped us understanding
about the development phases of a project and software development life cycle. We learned how
to test different features of a project.

This project has given us great satisfaction in having designed an application which can be
implemented to any nearby shops or branded shops selling various kinds of products by simple
modifications.

22
 4. SCOPE FOR FUTURE WORK

In future more fuctionality can be added to it.The functionality of online payment can be added
to it.It can be more secure in future.The more fuctionality according to categorie wise can be
added . The offer according to category can be provided to customer.The categories can be
increased.

The option of filters can be added to it in future.So that the cutomer can see only the specific
product according to their demand and the search time of product can be decreased.

System may keep track of history of purchases of each customer and provide suggestions based
on their history. These features could have implemented unless the time did not limited us.

23