Capstone Project Report
Capstone Project Report
[POLYTECHNIC]
DEPARTMENT OF
COMPUTER ENGINEERING
SUBMITED BY
DEPARTMENT OF
COMPUTER ENGINEERING
2021-2022
DEPARTMENT OF
COMPUTER ENGINEERING
2021-2022
This project has been submitted in the fulfillment of the requirements for
the diploma of engineering. We, the team members of this project, take pleasure
in presenting the detailed project report that reflects our efforts in academic
year 2021-22.
Our project involves a dynamic website where all products are stored in a
database, retrieved and displayed. This website displays all the products as per
the types. Project was developed and designed as per public needs. It manages
all product types and visitors data in database. Only the admins of the website
can login and edit the data. Whereas, users can visit the website, see all the
products and make purchases.
All the team members of our project took equal efforts in completing the
project. We. the team members of this project, take pleasure in presenting the
detailed project report that reflects our efforts in the academic year 2021-22.
All the work was completed on time as each team member gave equal
response for completing their assigned tasks. All the problems and errors were
sorted out by our project guide, which helped us to complete the whole project
in time.
ACKNOWLEDGEMENT
project is a result of directive motivation offered by our guide and efforts made by
us.
We offer our sincere gratitude to our project guide Mr. Ravi Dhanani for giving right
direction to our efforts. His timely guidance and critical suggestion and also active
assistance have solved many difficulties encountered during our project.
We are thankful to our project coordinators for their valuable guidance in the
preparation of this report.
Above all we would like to thank our principal, Mr. S. N. Gore, because it would have
been impossible to develop the project without the various facilities provided by the
esteemed institution.
There are times when the clock beats you and time and again you run out of energy
and you meet the deadline jubilantly. Our parents at such times made us gain all the
strengths with their unfailing warm wishes and blessings.
We would like to convey thanks to others who helped us in this project directly or
indirectly.
Last, but not the least we would like to thank God in the endeavor.
Suraj Nate
Hemant Bhagat
INTRODUCTION
1
INTRODUCTION
The aim of the project is to design & develop a website which contains different types
of products such as Fashion, Food, Clothing, Grocery and Other Accessories etc. from which,
customer(user) can buy the product online.
A successful web store is not just a good looking website with dynamic technical
features, listed in many search engines, in addition to disseminating information; it is also
about building a relationship with customers & making money.
2
CHAPTER-2
3
NEED OF THE E- COMMERCE WEBSITE
Advantages Of E-Commerce :
4
CHAPTER-3
SCOPE
5
3.1 – Organizational Overview :
An Online shopping website requires a system that will manage all the activity of a
traditional shop such as selling different products, giving proper details of all products,
managing the selling product records etc.
The system also gives to the customer, an easy way to access the system & purchase
the product he/she wants to buy.
• The main objective of the project is to design & develop a user friendly system.
• Easy to use and efficient computerized system.
• Find any product in the simplest way.
• The objective of the website is to provide better information to the user about the
products for helping the customer in making a good choice.
• Customers have lots of questions about the product which he or she wants to
purchase so our website is able to fulfill customer’s requirements because this
website contains all the information about the product.
• This system can run on any windows operating system.
• Stores information about all the products.
• User can also search products whish he/she desires to buy.
6
CHAPTER-4
SYSTEM REQUIREMENTS
7
Following are the Hardware & Software Requirements of the system
which are necessary for the project.
• Bootstrap 5
• XAMPP Server
• PHP
• MySQL
4.4 – METHODOLOGY
Since our team has all its requirements in place & has a clear idea on how the
end product should turn out, we shall use the Rapid Application Development method
to complete our project in the shortest possible time.
8
CHAPTER-5
SPECIFICATINS OF SYSTEM,
SOFTWARE & USED
COMPONENTS
9
5.1 - SPECIFICATINS OF SYSTEM, SOFTWARE & USED COMPONENTS
Sr Name of Broad
Qty. Cost Specific Use
no. Resource Specifications
10
CHAPTER-6
11
6.1 – Facilities of E-Commerce Website
The biggest advantage of this website is that it reduces the load on the owner by
reducing the manpower & paperwork involved in this business. It has the following
facilities:
• After proper registration customer can directly order the product at the specified
location of him/her.
• The E-commerce Company offers free delivery service to the customer.
• Customer can return the product in 7 to 8 days if don’t like it, company provide the
return service for that as per the return policy.
12
CHAPTER-7
TECHNOLOGY DESCRIPTION
13
7.1 – HTML
HTML stands for HYPER TEXT MARKUP LANGUAGE, which is most widely sed
language on web to develop web pages. HTML refers to the way in which Web pages HTML
documents) are linked together. Thus, the link available on a web page is called
Hypertext.
HTML was created by Berners-Lee in late 1991 but "HTML 2.0" was the first standard
HTML specification which was published in 1995. HTML 4.01 was a major version of HTML
and it was published in late 1999. Though HTML 4.01 version is widely used but currently
we are having HTML-5 version which is an extension to HTML 4.01, and this version was
published in 2012.
As its name suggests, HTML is a Mark-up Language which means you use HTML to
simply "mark-up" a text document with tags that tells a web browser how to structure it to
display.
Originally, HTML was develop with the intent of defining the structure of documents
like heading, paragraph, lists, and so forth to facilitate the sharing of scientific information
between researchers. Now, HTML is being widely used to format web pages with the help
of different tags available in HTML.
14
7.2 – CSS
Cascading Style Sheet is a style sheet language used for describing the presentation
of a document written in a markup language Although most often used to set the visual style
of web page and user interfaces written in HTML and XHTML, the language can be applied
to any XML document, including plain XML, SVG and XUL, and is applicable to rendering in
speech, or on other media. Along with HTML and JavaScript, CSS is a cornerstone technology
used by most websites to create visually engaging webpages, user interfaces for web
applications, and user interfaces for many mobile applications
CSS is designed primarily to enable the separation of document content from document
presentation, including aspects such as the layout, colors, and fonts. This separation can
improve content accessibility improve content accessibility, provide more flexibility and
control in the presentation characteristics, enable multiple HTML pages to share
specification of presentation characteristics formatting by specifying the relevant CSS in a
separate .css file, and reduce complexity and repetition in the structural content.
The CSS specifications are maintained by the World Wide Web Consortium (W3C).
Internet media type (MIME type) text/css is registered for use with CSS by RFC 2318 (March
1998). The W3C operates a free CSS validation service for CSS documents.
CSS has a simple syntax and uses a number of English keywords to specify the names
of various style properties. The style sheet consists of a list of rules. Each rule or rule-set
consists of one or more selectors, and a declaration block.
15
7.3 – JAVASCRIPT
Despite some naming, syntactic, and standard library similarities, JavaScript and
otherwise unrelated and have very different semantics. The syntax of JavaScript is
actually derived from C, while the semantics and design are influenced by the Self and
Scheme programming languages.
JavaScript is also used in environments that are not Web-based, such as PDF
documents, site-specific browsers, and desktop widgets. Newer and faster JavaScript virtual
machines (VMs) and platforms built upon them have also increased the popularity of
JavaScript for server-side Web applications. On the client side, JavaScript has been
traditionally implemented as an interpreted language, but more recent browsers perform
just-in-time compilation. It is also used in game development, the creation of desktop and
mobile applications, and server-side network programming with runtime environments
such as Node.js.
16
7.4 - BOOTSTRAP
Bootstrap is the most popular HTML, CSS and JavaScript framework for developing
responsive, mobile first projects on the web. Bootstrap Originally developed by Mark Otto
and Jacob Thornton at Twitter in August 19, 2011.
Bootstrap is an HTML, CSS & JS Library that focuses on simplifying the development
of informative web pages (as opposed to web apps). The primary purpose of adding it to a
web project is to apply Bootstrap's choices of colour, size, font and layout to that project.
• Easy to Use
• Mobile-Friendly
• Customizable Bootstrap
• Pre-styled Components
• Responsive Features
• Browser Compatibility
• Great Grid System
• Extensive list of Components
• Good Documentation
• Base Styling for most HTML Elements
17
7.5 - PHP
The term PHP is an acronym for PHP: Hypertext Preprocessor. PHP is a server-side
scripting language designed specifically for web development. It is open-source which
means it is free to download and use. It is very simple to learn and use. The files have the
extension “.php”.
Rasmus Lerdorf inspired the first version of PHP and participating in the later
versions. It is an interpreted language and it does not require a compiler.
Other characteristics of PHP are as follows.
18
7.6 - MySQL
Advantages of MySQL :
19
7.7 – XAMPP Server
XAMPP is the most popular software package which is used to set up a PHP
development environment for web services by providing all the required software
components. During the process of software deployment, most of the web servers use
almost similar components, so use of XAMPP provides easy transition from local server to
live server.
XAMPP is a AMP stack which stands for Cross platform, Apache, MySQL, PHP, perl
with some additional administrative software tools such as PHPMyAdmin (for database
access), FileZilla FTP server, Mercury mail server and JSP Tomcat server.
Other commonly known software packages like XAMPP are WAMP, LAMP, and others.
The XAMPP server is used to test PHP pages. It works as local server. It contains a
MySQL database to manage or save data on a local server.
Advantages of XAMPP:
• It is free and easy to use and easily available for Windows, Linux and Mac OS .
• It is a beginners friendly solution package for full stack web development.
• It is a open source software package which gives a easy installation experience.
• It is very simple and lightweight to create set up for development, testing and
deployment.
• It is a time-saver and provides several ways for managing configuration changes.
• It handles many administrative tasks like checking the status and security.
20
CHAPTER-8
21
Index Page
Login Register
Page
Home Page
Product
Fresh Food
Fresh Food
Product
Grocery
Grocery Product
Fashion
Fashion Product
Electronics
Electronics Product
Mobiles
Mobiles Product
Beauty
Beauty Product
Sports
Sports Product
Appliances
Product
Appliances
DATABASE DESIGN
23
9.1 DATABASE TABLE
The terms data dictionary and data repository indicate a more general software
utility than a catalogue. A catalogue is closely coupled with the DBMS software. It provides
the information stored in it to the user and the DBA, but it is mainly accessed by the various
software modules of the DBMS itself, such as DDL and DML compilers, the query optimizer,
the transaction processor, report generators, and the constraint enforcer. On the other
hand, a data dictionary is a data structure that stores metadata, i.e., (structured) data about
information. The software package for a stand-alone data dictionary or data repository may
interact with the software modules of the DBMS, but it is mainly used by the designers, users
and administrators of a computer system for information resource management. These
systems maintain information on system hardware and software configuration,
documentation, application and users as well as other information relevant to system
administration.
24
If a data dictionary system is used only by the designers, users, and administrators
and not by the DBMS Software, it is called a passive data dictionary. otherwise, it is called
inactive data dictionary or data dictionary. When a passive data dictionary is updated, it is
done so manually and independently from any changes to a DBMS (database) structure.
With an active data dictionary, the dictionary is updated first and changes occur in the
DBMS automatically as a result.
Product Table
Login Table
25
CHAPTER-10
GANTT CHART
26
10.1 – GANTT CHART
The purpose of Gantt chart is to emphasize scope of individual tasks. Hence set of
tasks is given as input to Gantt chart. Gantt chart is also known as timeline chart. It can be
developed for entire project or it can be developed for individual functions. In most of
projects, after generation of timeline chart, project tables are prepared. In project tables, all
tasks are listed in proper manner along with start date and end date and information related
to it.
27
CHAPTER-11
28
11.1 - USE CASE DIAGRAM
29
CHAPTER-12
30
CONTEXT LEVEL DFD
Level – 0
Product
User Shop
Details
31
Level – 1
Sign Up
Level – 2
Update info
User Shop
32
CHAPTER-13
ENTITY RELATIONSHIP
DIAGRAM
33
13.1 - ENTITY RELATIONSHIP DIAGRAM (ER Diagram)
34
Entity-Relationship Diagram
DOB
Name
Location Products No. of
products
Total
id
Mail Price
id
Customer
Cart
Phone
Purchase
has
Product_name id
Added_at
Product_brand
Product
Price
discount img
Location
Maintains
ratings
Admin
Mail
id
Name phone
35
CHAPTER-14
SYSTEM DESIGN
36
14.1 – SYSTEM DESIGN
37
CHAPTER-15
38
15.1 - Limitations or Disadvantages of E-Commerce.
1. Security
The biggest drawback of e-commerce is the issue of security. People fear to provide
personal and financial information, even though several improvements have been
made in relation to data encryption. Certain websites do not have capabilities to
conduct authentic transactions. Fear of providing credit card information and risk of
identity limit the growth of e-commerce.
2. Lack of privacy
Many websites do not have high encryption for secure online transaction or to protect
online identity. Some websites illegally collect statistics on consumers without their
permission. Lack of privacy discourages people to use internet for conducting
commercial transactions,
3. Fear
People fear to operate in a paperless and faceless electronic world. Some of the
business organizations do not have physical existence, People do not know with
whom they are conducting commercial transactions. This aspect makes people to opt
physical stores for purchases.
39
4. Technical limitations
Some protocol is not standardized around the world. Certain software used by vendor
to show electronic images may not be a common one. It may not be possible to browse
through a particular page due to lack of standardized software. Insufficient
telecommunication bandwidth may also pose technical problems.
E-Commerce has grown in importance because of all the advantages it offers to sellers
and buyers. It is especially relevant in the current scenario of the Covid-19 pandemic when
there are nationwide lockdowns.
Even traditional retailers hurriedly created online stores to maintain business
continuity during the pandemic. This augurs well for the scope of e-commerce all over the
world. Everything from groceries to sports equipment can now be bought online.
Globally, e-commerce sales increased by 77% over the previous year. In India alone,
eCommerce is growing at about 51% annually.
E-Commerce enables manufacturers and traders from remote, rural places to sell
their products online; their own local markets may be too small, and not have the kind of
consumers the seller needs.
Thanks to online selling, these businesses can sell to customers in any corner of the
country; for example, a farmer in Maharashtra can sell his Jowar or Bajra to a consumer in
say Kerala. This would be near impossible without E-commerce.
This means that people who live in areas where a particular thing is not available
locally, can easily get it online – that is the nature of E-commerce.
40
CHAPTER-16
SNAPSHOT
41
Index.php
42
43
44
login.php
45
register.php
46
shop.php
47
mainshop.php
48
Multiple Categories
49
50
Addproducts.php
51
Cart.php
52
About.php
53
Contact.php
54
55
CONCLUSION
❖ An attempt is made in all its earnest towards the successful completion of the
project. This system was verified with valid as well as with invalid data.
❖ This system is user friendly since it has been developed in PHP. Since the
connection can be extended to any database, to control will be more powerful.
❖ Upgrading the system if may can be done without affecting the proper
functioning of the system.
❖ Products can added, deleted or edited without affecting the live functioning of the
website.
56
BIBLIOGRAPHY
WEBSITE REFFERENCES
https://www.google.com/
https://www.wikipedia.org/
https://getbootstrap.com/
https://www.geeksforgeeks.org/
57