Web Based-Cakery Products Ordering and Maintenance

A Project submitted in partial fulfillment of the requirements

for the degree of

MASTER OF SCIENCE IN COMPUTER SCIENCE

to the

Periyar University, Salem-11.

Submitted by

SAKTHI SRI.S

(Reg No:C22PG151CSC024)

Under the Guidance of

Mrs. B.VANITHA ,M.Sc.,M.Phil.,

PG & RESEARCH DEPARTMENT OF COMPUTER SCIENCE

ARIGNAR ANNA COLLEGE (ARTS & SCIENCE)

(Affiliated to Periyar University, Salem)

Krishnagiri – 635 115

April-2024
 DECLARATION

I hereby declare that the project entitled "Web Based-Cakery Products Ordering and
Maintenance" submitted to Periyar University in partial fulfilment of the requirements for the
award of Degree Master of Science in Computer Science is a record of original software
development done by Sakthi Sri.S under guidance of B.VANITHA., M.Sc., M.Phil., Assistant
Professor & Head, PG & Research Department of Computer Science, ARIGNAR ANNA
COLLEGE (ARTS & SCIENCE) KRISHNAGIRI- 635 115.

PLACE: KRISHNAGIRI SIGNATURE OF THE CANDIDATE

DATE:
 CERTIFICATE

This is to certify that the project entitled "Web Based-Cakery Products Ordering
and Maintenance" submitted in partial fulfillment of the requirement of the award of the Degree
Master of Science in Computer Science to the Periyar University, Salem is a record of bonafide
researchwork carried out by Sakthi Sri.S under my supervision and guidance and that no part of
the project has been submitted for the award of any degree, diploma, fellowship or other similar
titles or prizes and that the work has not been published in part or fill in any scientific or popular
journals or magazines.

PLACE: KRISHNAGIRI SIGNATURE OF THE GUIDE

DATE :

HEAD OF THE DEPARTMENT PRINCIPAL

Submitted for the viva – voce Examination held on April 2024

INTERNAL EXAMINER EXTERNAL EXAMINER

 ACKNOWLEDGEMENT

First of all I thank God for giving me the necessary wisdom to accomplish this project. I
take great pleasure to place the honorary acknowledgement to all those who have helped me both
internally and externally to my project.

I express my sincere thanks to Dr.S.DHANAPAL., M.Sc., M.Phil., Ph.D., PRINCIPAL,

ARIGNAR ANNA COLLEGE (ARTS & SCIENCE), Krishnagiri, for providing me all the
necessary information to carry out the project successfully.

I express my profound thanks to Dr.R.RAJALAKSHMI., M.Sc., MCA., M.Phil., Ph.D.,

Asst. Professor & Head, PG & Research Department of Computer Science, Arignar Anna College
(Arts& Science), Krishnagiri, for her valueable vice guidance with constantan co-arrangement and
continuous support to complete the project work.

I express my profound thanks to B.VANITHA., M.Sc.,M.Phil.,Asst. Professor & Head,

PG & Research Department of Computer Science, Arignar Anna College (Arts& Science),
Krishnagiri, for her valueable vice guidance with constantan co- arrangement and continuous
support to complete the project work.

I am highly indebted to my beloved family members and friends who gave the moral
support in the complication of the project work. I would also thank my institution because without
the institution my project would have never been a reality.

I also thank all my Lectures in the PG & Research Department of Computer Science, who
helped me indirectly for preparing this project.

Sakthi Sri.S
Web Based-Cakery Products Ordering and Maintenance
INDEX

S.NO CONTENTS PAGE NO

ABSTRACT

1 INTRODUCITION

1.1 PROJECT OVERVIEW

1.2 PROJECT MODULES

1.3.MODULE DESCRIPTION

2 SYSTEM ANALYSIS

2.1.EXISTING SYSTEM

2.2.PROPOSED SYSTEM

2.3 2.3. FEASIBILITY STUDY

2.3.1.TECHNICAL FEASIBIITY

2.3.2.OPERATIONAL FEASIBILITY

2.3.3.ECONOMIC FEASIBILITY

3 SYSYTEM SPECIFICATION

3.1.HARDWARE SPECIFICATION

3.2.SOFTWARE SPECIFICATION

3.3 3.3.SOFTWARE DECRIBTION

3.3.1.0VERVIEW OF PHP

3.3.3.JAVA SCRIPT

3.3.2.HYPERTEXT MAKEUP LANGUAGES

3.3.4.MYSQL

5
4 SYSTEM DESIGN

4.1.INPUT DESIGN

4.2.0UT PUT DESIGN

4.3.DATA FLOW DIAGRAM

4.4.DATA BASE DESIGN

5 SYSTEM TESTING

5.1.TESTING

5.2.TESTING METHODLOGY

5.3.UNIT TESTING

5.4.VALIDATION TESTING

5.5.SAMPLE TEST CASE REPORT

5.6.TEST CASES

6 SYSTEM IMPLEMENTATION

6.1.SYSTEM IMPLEMENTATION

6.2 6.2.SYSTEM MANTAINED

6.2.1.ADAPTIVE MAINTANCENCE

6.2.2. PERCEPTION MAINTANCENCE

6.2.3.CORRECTIVE MAINTANCE

7 CONCLUSION

8 REFERENCES

9 APPENDICES

9.1.SAMPLE CODE

9.2.SAMPLE OUT PUT

6
 ABSTRACT

The title of project is “Web Based-Cakery Products Ordering and Maintenance”.

The main purpose of our project is to do smart work and also, we can see that in this era of
advanced technology we also have to do work more smartly that’s why most of the shops need
advanced techniques to do their work more speedily and smartly that’s why storing or
collecting important data on paper is not reliable and also it has chance of missing that paper
so we created this for storing most important data like billing, customer information and
product information. It will help to organize mobile shop data in very systematic way.

Web Based-Cakery Products Ordering and Maintenance is totally computer-based

software application to maintain day to day transactions in a bakery. This software helps to
store all bakery items with category and sub-category. It also maintains record of purchase and
sales. It maintains details of Supplier. This application generates reports of purchase, sales and
stock. The system reflects standard structure so that any inventory management system can
implements this system easily in their existing system.

The system works to reduce the human efforts. Due to totally computerized occurrence
of error is less & works smoothly. It is user friendly system. This online application enables
the end-users to register online, select the cake from the e-menu card, read the E-menu card,
and order the cake online. By just selecting the cake that the user wants to have. The results
after selecting the cake from the E-menu card will directly appear on the screen of the bakery
admin.By using this application, the work of the men is reduced and we can also say that the
work is nullified. The benefit of this is that if there is a rush in the bakery then there will be
chances that the waiters will be unavailable and the users can directly order the cake from the
chef online by using this application.The user will be given a username and a password to login.

7
 1.INTRODUCTION

1.1 PROJECT OVERVIEW

This project Web Based-Cakery Products Ordering and Maintenance is aimed at

developing a Web application that depicts online Shopping of Cakery and purchasing using
Payment Gateway.
Using this software, companies can improve the efficiency of their services. Online
Shopping is one of the applications to improve the marketing of the company’s products.
This web application involves all the features of the online shopping.

Web based Cakery Ordering Website is an online web application for automating the process
of ordering Cakery products from suppliers and paying for them in advance. Therefore, there is no
need for the suppliers to wait for a long time and pay in cash at the time of delivery. This system
also helps farmers to sell their products through this system.

The current Cakery Ordering system is not much efficient and can lead to a major waste of time
as the supplier needs to wait for a long period. The main purpose to design this Online Cakery
Ordering application is to provide an environment where the users will be able to order products
from a supplier and pay in advance.

This system will reduce the manual operation required to maintain all the records of
ordering information. And also generates the various reports for analysis. Main concept of
the project is to enter transaction reports and to maintain customer records. Hence this
software can be used in any mobile showroom to maintain their record easily.

1.2.PROJECT MODULES

 Home module
 Admin login
 Client login

8
 PROJECT MODULES

 Home module:
 Products
 Products details
 About us

 Admin login:
 Dashboard:
 User list
 Category list
 Add category
 View category
 Product list
 Add product
 View product
 Order list

 Client login:

 Creating new client:

 Home module
 Shop Products module
 Cart module
 About us module
 Contact module
 My orders module

 Sign out

9
 1.3. MODULE DESCRIPTION

Home page:

This page can be used to view the all details of the required types Cakery products.

Products:

10
Cakery items and Variety of Products:

Products details:

11
About page:

This about page module is used to tells the information and service of the required
shop or mobile store.

 Admin login:

12
Dashboard:
 The dashboard of the admin panel has the information’s of the cakery items total categories,
products list ,clients ordered details ,total pending ordered details.

 User list:
 It can be used to display the user list to the admin.

13
 Category list:

 View Category list:

View Category list has the details of the product baked date, product image, product id,
product cost and status of online ordered product.

 Add category:
This add category module is used to add the new and fresh cakery category items to the web page,
which are available in the cakery shop..

14
Product list:

 View Product list:

View Product list has the details of the product created date , product image, product id, product
cost and status of online cakery ordered product.

 Add Product list:

This add product module is used to add the new and fresh cakery product items to the web
page,which are available in the cakery shop..

15
  Order list:
Order list has the details of ordered date , ref. code of the ordered product, total amount of
the ordered product, status of the cakery ordered product.

 Client login:
Creating new client:
It can be used to create new client account for further online cakery items shopping .

It can be consists of new client user name ,email id and password ,client address ,client
contact..

16
 Home module:
This home module is used to display the all categories of the bakery items and products to
the client for online order.

 Shop Products module:

This product module is used to display the all categories and required type of the cakery
items and products to the client for online order.

17
 Cart module:
This cart module is used to display the all categories of the cakery items and products to the
client which are added in cart by the client for online order. In this section, the user can add
the cake which he/she want to order.

 Adding products to Cart module

18
Order placed with required date:

 About us module:
This about us module is used to display the all shop and shop admin details of the to the client for
further reference .

19
 Contact module:
This about us module is used to display the contact and location detail for the client reference.

 My orders module:
This my orders module is used to display the all categories of the cakery items and products to
the client which are ordered by the them.

20
 Sign out:

21
SYSTEM ANALYSIS

22
 2.SYSTEM ANALYSIS
On this stage, the developers analyse the information gathered during the planning phase,

study the flow of the current system and then started creating charts, diagrams and uses other

tools to create a good flow of the proposed system. The researchers analyse the process on how it

works and even the simplest problems that must give prioritize. And through these the

researchers identify what are tools, software that they may use to proposed system. Who will be

benefited in this project and how it will be implemented while limiting the cost of the project.

Manual System is tedious and has lot of paperwork. It is not much accurate and ambiguity
exists in the manual system. No. of registers have to be maintained. Calculations should be done
manually. Stock has to be checked often.

2.1 EXISTING SYSTEM

The Bakery Management System is working manually. The current system is very time consuming
and costly, because it involve lot of paper work. To manually handle such a system is very difficult
task. But now-a-days because of computerization this job is becoming easier. Following are the
reason why the current system should be computerized.
 To increase efficiency with reduced cost.
 To reduce the burden of paper work.
 It can be have only the token methods for ordering the cakery items
 To save the time of recording details of every work undertaken by Bakery.
 To check that the request for particular product is available.
 To generate reports easily.

LIMITATION OF EXISTING SYSTEM:

 Time consumption: As the records are to be manually maintained it consumes a lot of
time.
 Paper Work: Lot of paper work is involved as the records are maintained in the files and
registers.
 Storage Requirements: As files and registers are used the storage space requirement is
increased.
 Less Reliable: Use of papers for storing valuable data information is not at all reliable.
 Accuracy: As the system is in manual there are lot many chances of human errors. These
cause errors in calculating mechanism or maintaining product and supplier data in
registers.

23
2.2 PROPOSED SYSTEM

 The first advantage of the proposed system is that its front end provides easy and précised
information to the user to interact with the system and hence it is faster to complete the work.
 The next advantage of the present system is that its faster capability to interact with the
database. Even the database also provides its inbuilt features to maintain the records.
 It also provides the security to the records from the system itself and also from the database
itself. Hence it prevents the database conjunction.
 Another advantage of the proposed system is its fast search the records from the database.
The proposed system provides both with the mouse or keyboard handling features to interact
with the system.
 The new system will convert manual work to the computerized work.
 By converting manual work to the computerized work in that case it will remove all paper
work.
 By maintaining all the work on computer will increase our accuracy as well as speed of our
work.

It will easily used and the time consuming is decreased

 Easy to maintain
 Accuracy and Security can be maintained easily by the Admin.
 It can handle all the Information about the Customer, Clients, Items and Admin.
 All the information about sales report ,stock report , purchase report will be maintain
properly in this system.
 All manual calculation of sale or all the money Maintenance will be performed by the
computer automatically.
 Added the Location of the current cakery shop.
 This project is consists of the cash on delivery method for ordered cakery items.
 This system will provide timely report information.
 Less paper works
 Easy to report generated
 Reduce time, and can be provided the cakery items on correct ordered date.

24
2.3 FEASIBILITY STUDY

A feasibility study is an analysis of how successfully a project can be completed,

accounting for factors that affect it such as economic, technological, legal and scheduling factors.

Project managers use feasibility studies to determine potential positive and negative outcomes of

A project before investing a considerable amount of time and money into it.

A feasibility study aims to objectively and rationally uncover the strengths and

weaknesses of an existing business or proposed venture, opportunities and threats present in the

natural environment, the resources required to carry through, and ultimately the prospects for

success. In its simplest terms, the two criteria to judge feasibility are cost required and value to

be attained.

A well-designed feasibility study should provide a historical background of the business

or project, a description of the product or service, accounting statements, details of the operations

and Maintenance, marketing research and policies, financial data, legal requirements and tax

obligations. Generally, feasibility studies precede technical development and project

implementation.

A feasibility study evaluates the project's potential for success, therefore, perceived

objectivity is an important factor in the credibility of the study for potential investors and lending

institutions. It must therefore be conducted with an objective, unbiased approach to provide

information upon which decisions can be based.

2.3.1 TECHNICAL FEASIBILITY

Technical feasibility assesses the current resources (such as hardware and software) and

technology, which are required to accomplish user requirements in the software within the

allocated time and budget. For this, the software development team ascertains whether the

current resources and technology can be upgraded or added in the software to accomplish

specified user requirements.

Technical feasibility also performs the following tasks:

 Analyses the technical skills and capabilities of the software development team members.

25
  Determines whether the relevant technology is stable and established.
 Ascertains that the technology chosen for software development has a large number of
users so that they can be consulted when problems arise or improvements are required.

2.3.2 OPERATIONAL FEASIBILITY

Operational feasibility assesses the extent to which the required software performs a

series of steps to solve business problems and user requirements. This feasibility is dependent on

human resources (software development team) and involves visualizing whether the software

will operate after it is developed and be operative once it is installed. Operational feasibility also

performs the following tasks.

 Determines whether the problems anticipated in user requirements are of high priority

 Determines whether the solution suggested by the software development team is

Acceptable

 Analyses whether users will adapt to a new software

 Determines whether the organization is satisfied by the alternative solutions proposed by

the software development team.

2.3.3 ECONOMIC FEASIBILITY

Economic feasibility determines whether the required software is capable of generating

financial gains for an organization. It involves the cost incurred on the software development

team, estimated cost of hardware and sofiware, cost of performing feasibility study, and so on.

For this. it is essential to consider expenses made on purchases (such as hardware purchase) and

activities required to carry out software development. In addition. it is necessary to consider the

benefits that can be achieved by developing the software.

Software is said to be economically feasible if it focuses on the issues listed below:

 Cost incurred on software development to produce long-term gains for an organization.

 Cost required to conduct full software investigation (such as requirements

Elicitation requirements analysis).

 Cost of hardware, software, development team, and training.

26
 SYSTEM SPECIFICATION

System specification is key information for programming Testing and implementing the

project. The specification should alienate the user requirements. They must reflect the actual

application to be handled by the system and include system Objectives, Flowcharts,

Input/output requirements, file structure and cost. The specification must also describe each

aspect of the system clearly, consistently and completely.

3.1. HARDWARE SPECIFICATION:

 processor : Intel Pentium

 RAM : 2GB
 Hard Disk : 250 GB
 Monitor : DELL monitor
 Keyboard : 104 Keyboard.

3.2. SYSTEM SPECIFICATION:

• Operating System : Windows Xp or Higher

• Front-End : Html5, Css3, JavaScript, Php, Bootstrap
• Back-End : MySQL 5.1.36
• Web Server : XAMMP Server

27
 3.3 SOFTWARE DESCRIPTION

3.3.1 Overview of PHP

PHP is an embedded scripting language that is excellent for creating dynamic web sites

based on database content or different characteristics of browsers. It is available when you have a

department (Web Central) publishing account, a faculty publishing account of

organization.

publishing account or if l can Notable PHP compilers include the following the most popular

implementation. Several compilers have been developed

The PHP language was originally implemented as an interpreter, and this is still the most

popular implementation. Several compilers have been developed which decouple the PHP

language from the interpretation.

PHP stands for Hypertext Pre-processor. It is a server-side scripting language, like ASP.

Also, the PHP scripts are executed on the server. It supports many databases (MYSQL, Informix,

Oracle, Sybase, Solid, PosturesSQL, and Generic ODBC). PHP is open source software and it is

free to download.

PHP File:

 PHP files can contain text, HTML tags and scripts

 PHP files me returned to the browser as plain HTML
 PHP files have a file extension of “.php”, ".html"

PHP combined with MySQL are cross-platform (You can develop in windows and serve on a

UNIX platform) Advantages of compilation include berets execution speed, static analysis, and

improved interoperability with code written in other languages.

28
Uses of PHP:

PHP is an intuitive. server-side scripting language. Like any other scripting language it

allows developers to build into the creation of web page content and handle data returned from a

web browser. PHIP also contains a number of extensions that make it easy to interactive database,

extracting data to be displayed on a web page and storing information entered by a web site

visited back into the database.

PHP consists of a scripting language and an interpreter. Like other scripting Language,

PHP enables web developers to define the behaviour and logic they node in a web page. The

scripts are embedded into HIMI documents that are served by the web server. The interpreter

takes the form of a module that integrates into the web server, converting the scripts into

commands the computer then executes to achieve the result defined in the web developer.

Objectives of PHP:

To develop an understanding of how PHP works it is helpful to find explore what happens

when a webpage is served to a user's browser. When a user visits a web site or clicks on a link on

a page the browser sends a request to the web server hosting the site asking for a copy of web

page.

Now let's consider what kind of web page content web browser understands. These

days a web page is likely to consist of HTML, XHTML and JavaScript. The web browser

29
contains code that tells it what to do with these types of content.

A web browser, however, knows absolutely nothing about any PHP script that may be

embedded in an HTML document. The web server receives the request. finds the corresponding

web page file on the system and sends it back, over the internet, to the user's browser. Typically

the webpage file system and sends it back. over the internet. If a browser was served a web page

containing PHP it would not know how to interpreter that code newer. The most common way of

installing PHP is compiling it from the source code. When Php is installed and used in cloud

environments.

Components of PHP:

In terms of web page content we have two extremes. At one extreme have to HTML,
which is completely static. There is very little that can be done with HTML to create dynamic
content in a webpage. At the other extreme we have scripting languages like java script provides
a powerful mechanism for creating interactive and dynamic web pages
When talking about JavaScript it is important to understand that it is, by design, a client
side scripting language. By this we mean that the script gets executed inside the user's browser
and not on the web server on which the web page originated
While this is fine for many situations it is often the case that by the time a script reaches
the browser it is then either too late, or in efficient, to do what is needed Prime example of this
involves displaying a web page which contains some data from database table.
Since the database resides on a server (either the same physical server which runs the
web server or on the same network as the web server connected by a high-speed fibre network
connection) it makes sense for any script that needs to extract data from the database to be
executed on the server, rather than waiting until it reaches the browser.
It is for this kind of task that PHP is perfectly suited. It also fast and efficient because the
script is executed on the server it gets to take advantage of multi-processing, large scale memory
and other such enterprise level hardware features.
In addition to the advantages of being a server side scripting language PHP is very easy
to learn and use. The fact that PHP works seamlessly with HTML makes is accessible to a broad
community of web designers. These scripts can also used for simple text processing tasks.

Perhaps one of the most significant advantages of PHP to some is the case with which it interacts

with the MySQL database and store data. The web server receives the request, finds the

30
corresponding web page file system and send it back, over the internet, to the user's browser.

Scripting of PHPS:

An application programming interface API defines the classes methods. functions and

variables that your application will need to call in order to carry out its desire task. In the case of

PHP applications that need to communicate with databases the necessary APIs are usually

exposed via PHP extensions

APIs can be procedural code object-oriented with a procedural API you call functions to

carry out tasks, with the object-oriented API you instantiate classes and then call methods on the

resulting objects Of the two the latter is usually the preferred interface as it is more modem and

leads to better organized code

When writing PHP applications that need to connect to MySQL server there are several

API options available. This document discussed what is available and how to select the best

solution for your application.

 Server-Side scripting:

This is the most traditional and main target fields for PHP. Hey need for three things to

make this work PHP parser a web server and a web browser, They need to run the web server,

with a connected PHP installation. They can access the PHP program with a web browser,

viewing the PHP page through the server, All these can run on your home machine if you are just

experimenting with PHP programming.

 Command line scripting:

In this project can make a PHP script to run it without any server or browser. They only

need the PHP parse to use it this way. This type of usage is ideal for scripts regularly executed

using chrome or task scheduler.

 Writing desktop Applications:

PHP is probably not the best language to create a desktop application with graphical user

interface, but they know I'IIP very well and would like to use souse advanced PHP features in

your client side applications.

31
 They also have to write cross platform applications this way PGP GTK is an extension to

PHP, not available in the admin distribution. They are also having a DBX database abstraction

extension allowing you to transparently use any database supported by that extension Additional

php suppose ODBC, the open database connection standard, so you can connect to any other

database supporting this world standard.

 Connector:

In the MySQL documentation, the term connector refers to a piece of software that

allows application to connect to the MySQL database server MySQL. provides connectors for a

variety of languages, Including PHP.

In PHP application needs to communicate with a database server will need to write PHP

code to perform such activities as connecting to the database server, querying the database and

other database related functions.

Software is required to provide the APl that PHP application will use and also handle the

communication between application and the database server, possible using other intermediate

libraries where necessary. This software is known generically as a connector.as it allows

application to connector a database server.

Characteristics:

 Allow building templates to ease site maintenance

 Server different confect to users based on their browser IP address, date and time, numerous
other characteristics.
 Enables connection with database such as MySQL
 Build discussion forums or web based email program

32
  Features of PHP:

In this started out with the intention of My50 to come to our tables saing our own fast low

level rooters: However, after some testing we came to the conclusion that MySQL was her fast

enough for needs.

This resulted in a new SQL interface to our database but with almost the same API

immerface as My501, this API was chosen to case posting of third-party code. The derivation of

the name MySQL in not clear. Out base directory and a large interface of our tools have had the

prefix "my" for well over 10 years.

The following line describes some of the important characteristics of the Mysql database

software Allows you to build templates to case site maintenance, enables connection content with

database such as MySQL. Build discussion forums or web based email programs and read and

process XML.MySQL, emote popular Open Source SQL database management

system ,it developed .distributed and supported by Oracle Corporation.

 MySQL is a database server

 MySQL is ideal for both mall and large applications
 MySQL supports standard SOL
 MySQL compiles a number of plat forms
 MySQL is free to download and use

33
  3.3.2 Hypertext Mark-up Language (HTML)

HTML is an application of the Standard Generalized Mark-up Language (SGMI), which

was as an international in the year 1986. SGMI. Provides a way to encode hyper documents so

they approved a can be interchanged.

SGML is also a Meta language for formally describing document mark-up system. In fact

HTML SGNL to define a language that describes a WWW hyper document's structure and inter

Connectivity . Following the rigs of SGML, TBL bore HIMI, to the world in 1990. It does not

show any compilation errors and also it will be highly executed through the browser. It is the set

of markup symbols or codes inserted in a file intended for display on world wide web browser

page.

34
  3.3.3 JavaScript

JavaScript is a cross-platform, object-oriented scripting language JavaScript is a small,

Light weight language, it is not useful as a standalone language, but is designed for easy

embedding in other products and applications, such as web browsers. Include a host environment,

java script can be connected to the objects of its environment to provide programmatic control

over them.

Core database contains a core set of objects, such as Arrays, Date and Month, and a core

set of language elements such as operators, control structures and statements Core JavaScript can

be extended for a variety of purpose by supplementing it with additional objects.

Client-side JavaScript extends the core language by supplying objects to control a

browser Navigation or another web browser and it's Document Object Model(DOM) For example.

client-side extension allow an application to place elements on an HTML form and responds to

user events such as mouse clicks. form input, and page navigation.

Server-side JavaScript extends the core language by supplying objects relevant to running

JavaScript on a server. For example. server-side extensions allow an application to communicate

with a relational database, provide community and perform file manipulations on a server.

Through JavaScript's live connect functionality. let java and JavaScript code

communicates with each other. Since then, many of sites have it to be easy to use but Something

quite limiting. These limiting factors being addressed but the World Wide Web Consortium at

MIT But HTML had to start somewhere, and its success argues that it did not start out too badly.

35
 Form JavaScript, initiate java objects and access JavaScript objects, properties and

methods. Netscape invented JavaScript was first used in Netscape browser. Server will need to

write PHP code to perform such activities as connecting to the database server, querying the

database and other database related functions.

PHP is probably not the best language to create a desktop application with a graphical

user interface, but they know PHP very well, and would like to use some advanced PHP feature's

in your client-side applications you can also PHP to write search programs to handle the

communication between your application and the database server, possibly using other

intermediate libraries where necessary. This software is known generically as a connector, as it

allows your application to connect to a database server.

3.3.4 MySQL:

The MySQL pluggable storage engine architecture enables a database professional to

select a specialized storage engine for a particular application need while being completely

shielded from the need to manage any specific application coding requirements. Software is

required to provide the MySQL that your application.

It handles the communication between your application and the database server, possibly

using other intermediate libraries where necessary. This software i known generically as a

connector. as it allows your application to connect to a database server

The MySQL server architecture isolates the application programmer and DBA from all

the low-level implementation details at the storage level, providing a consistent and easy

application model and APL.

The MySQL website provides the latest information about MySQL software and

MySQL. AB Thus, although there are different capabilities across different storage engines. The

application is shielded from these difference.

The application programmer and DBA interact with the MySQL database through .connector
APIs and service layers that are above the storage engines be added to support new needs, no
significant coding or process changes are required to make things work. The MySQL website
provides the latest information about MySQL software and MySQL AB.

36
  MySQL is a database management system:

A database is a structure collection of data. It may be anything from a simple shopping

list to a picture gallery or the vast amounts of information in a corporate network. To add, access

and process data stored in a computer database, they need a database management system such

as MySQL server. The MySQL server architecture isolates the application programmer and DBA

from all the low-level implementation details at the level, providing a constant and easy

application model and API.

37
 4. SYSTEM DESIGN

Systems design is the process of defining the architecture, modules, interfaces, and data

for a system to satisfy specified requirements Systems design could be seen as the application ol

systems theory to product development. There is some overlap with the disciplines of systems

analysis, systems architecture and systems engineering.

Testing is the process of executing a program with the intent of finding errors. It will

uncover errors in the software. Testing is a process of executing a program, with the interest O

finding an error. A good test is one of that has a high probability of finding the yet undiscovered

error. Testing should systematically uncover different classes of error in a minimum amount of

time with a minimum amount of effort Software testing is the process of testing the software in a

controlled manner to ensure it behaves the way it is expected to behave. Software testing is a

critical element of software quality assurances.

System Testing is the important phase without which a system cannot be released to a

user. Testing is vital for the success of any system. It is aimed at ensuring that all processes are

running according to the specifications. The logical and physical design is continuously

exercised to ensure that it will work when implemented. Programs are tested individually using

data and verified for correction and accuracy.

The design of input focuses on controlling the amount of input required, controlling the

errors. avoiding delay. avoiding extra step and keeping the process simple. The input is designed

in such a way so that it provides security and case of use with retaining the privacy. Input Design

considered the following things.

A quality output is one, which meets the requirements of the end user and presents the

information clearly. In output design it is determined how the information is to be displaced for

immediate need and also the hard copy output. It is the most important and direct source.

Information to the user. Efficient and intelligent output design improves the system's

relationships to help user's decision-making. The objective of the testing is to identify the errors.

The modules contained the system were tested individually.

38
4.1 INPUT:

Input design is the process converting user-orioinated inputs to computer-based format.

Input design is one of the expensive phases system and it often the major problem of

 To produce cost-effective method

 To achieve highest possible level accuracy
 To ensure that input acceptable to understood by the user.

Input Stages:

Several activities have to carried out as a part of overall input process. includes

 Data Recording: Collection data at source

 Data Description: Transfer data to input form.
 Data Conversion: Conversion of input data
 Data Verification: Checking the conversion

4.2 OUTPUT DESIGN:

Output design generally refers to the results and information that are generated by the

system for many end-users; output is the main reason for developing the system which they

evaluate the usefulness of the application.

In the project, the Text edit is displayed. The reports here generated vividly and the text

edit can be seen through the reports. The output design is an going an activity almost from the

beginning of the project, and follows the principles of form design. Effective and well define an

output improves the relationship of system and the user, thus facilitating decision major form a

hard copy from the printer. however soft copies are available. The types of output used in the

system.

39
4.3 DATA FLOW DIAGRAM

Data flow diagram is graphical representation of flow of data in an information system. lt

is capable of depicting incoming data flow, outgoing data flow and stored data, The DFD does

not mention anything about how data flows through the

There is a prominent difference between DFD and |Flowchart. The flowchart depicts flow

of control in program modules. DFDs depict low of data in the system at various levels. DTD

does not contain any control or branch elements.

A data flow diagram (DFD) is a graphical representation of the "flow" of data through an

information system. It differs from the flowchart as it shows the data flow instead o1 the control

flow of the program. A data flow diagram can also be used for the visualization of data

processing (structured design).

With a data flow diagram, users are able to visualize how the system will operate, what

the system will accomplish, and how the system will be implemented Dataflow diagrams can be

used to provide the end user with a physical idea of where the data they input ultimately has an

effect upon the structure of the whole system from order to dispatch to report. How any

represents one of the most ingenious tools used for structured analysis.

The sponsor of a project and the end user will need be briefed and consulted throughout

all stages of a system's evolution. With a data low diagram, users are able to visualize how the

system will operate. what the system will accomplish. and how the system will be implemented.

The three levels are specified in the next section each with a brief explanation. The level

0 is also known as Context Level. In Level I the modules of the modules of the application with

the master table specification. In Level 2 the modules would be divided into the sub processes

and all the tables would be specified.

40
Types of data flow diagrams:

 Physical DFD
 Logical DFD

Physical DFD:

This type of DFD shows how the data flow is actually implemented in the system. It is

more specific and close to the implementation Structured analysis states that the current system

should be first understand correctly. The physical DFD is the model of the current system and is

Used to ensure that the current system has been clearly understood. Physical DFDs shows actual

devices, departments, and people etc., involved in the current system.

Logical DFD:

This type of DFD concentrates on the system process and flow of data in the system. For

example in a Banking software system, how data is moved between different enters

Logical DFDs are the model of the proposed system. They clearly should show the

requirements on which the new system should be built Later during design activity this s th

as the basis for drawing the system's structure charts.

41
LEVEL 1 DFD FOR Organizational Chart:

Figure: DFD for Cakery Shop Chart

LEVEL 2 DFD FOR ADMIN AND USER LOGIN:

FOR LOGIN:

Level 2

Input Output
Database
Admin/User System

Figure 4.4.1 Data Flow Diagram for login

42
LEVEL 3 DFD FOR REGISTRATION:

USER INFORMATION:

NEW USER LOGIN REGISTRATION REGISTERED

Figure 4.4.2 Data Flow Diagram for login Registration

43
 4.4 Database design:

A database design is a must for any application developed especially more for the data

store projects. Since the chatting method involves storing the message in the table and produced

to the sender and receiver. proper handling of the table is a must. A database design contains the

repository of an organization's electronically stored data. Database are designed to facilitate

reporting and analysis.

Level 4: Figure Data Flow Diagram for product Ordering Site

Enter the site

Authenticate
User

Check whether
Display errors
Admin or
customer

Customer Admin

View product Check Verify

Details of
products customer
products

product

Customer details
Products
44
SYSTEM TESTING

45
 5. SYSTEM TESTING

5.1 Testing:

Testing is a process of executing a program with the interest of finding an error.

A good test is one that has a high probability of finding the vet undiscovered error Testing should

Systematically uncover different classes of error in a minimum amount of time with a minimum

amount of effort.

A software configuration is that includes a software requirement specification, a design

specifications and code A test configuration is one that includes a test plan and procedure, any

ousting tools that are to be used and test cases and their expected results.

After the completion of coding part, it is necessary for the project to check whether there

is any flaws or bugs in the project, so that it necessary to undergo testing and validation where

is suitable and definite attempts to get errors, It is the part of work done by the developer to

demonstrate the project to execute the project by recovering all the errors, unfortunately errors

will be present if the developer doesn't find them, the user will find out if the developer fails to

do that particular work.

Software testing is an investigation conducted to provide stakeholders with information

about the quality of the product or service under test. Software testing also provides an objective.

independent view of the software to allow the business to appreciate and understand the risks of

software implementation. Test techniques include, but are not limited to, the process of executing

a program or application with the intent of finding software bugs.

Software testing can also be stated as the process of validating and verifying that a software

program/application/product

 Meets the business and technical requirements that guided its design and development:
 Works as expected, and
 Can be implemented with the same characteristics

Software testing, depending on the testing method employed, can be implemented at any

46
time in the development process. However, most of the test ellort occurs alter the requirements

have been defined and the coding process has been completed. As such, the methodology of the

test is governed by the software development methodology adopted

Different software development models will focus the test effort at different points in the

development process. Newer development models, such as Agile, often employ test driven

development and place an increased portion of the testing in the hands of the developer, before it

reaches a formal team of testers. In a more traditional model, most of the test execution occur

after the requirements have been defined and the coding process has been completed.

Testing is a process of executing a program with the interest of finding an error. Our

objective is to design tests that systematically uncover different classes of errors and to do

with a minimum amount of time and effort.

Testing can't show the absence of detects it can only show that software detects are

present. lf testing is conducted successfully, it will uncover errors in the software. Also Testing

demonstrates that the software functions appear to be working according to specification. So that

the performance requirement appears to have been met. In addition, as testing is conducted

provide a good indication of software reliability and some indication software quality as a whole.

The result accumulated during testing can also be evaluated in mere format manner. Software
reliability models are error-rate data to predict future occurrence of errors and hence reliability.

After finishing the development of any computer based system the next complicated time

consuming process is system testing During the time of testing only the development company

can know that. how far the user requirement has been met out, and soon.

Testing is the process of executing a program with the intent of finding error. It will

uncover error in the software. Testing is a process of executing a program, with the interest of

finding an error. A good test is one of that has a high probability of finding the yet undiscovered

error. Testing should systematically uncover different classes of error in a minimum amount of

time with a minimum amount of effort.

47
5.2 Testing Methodologies:

Two classes of inputs are provided to the test process:

 A software configuration that includes a software requirement specification design

specification and code.

 A test configuration that includes a test plan and procedure, any testing tools that are to
be used and test cases and their expected results.

 A test configuration that includes a test plan and procedure, any testing tools that a
be used and test cases and their expected results.

 A test configuration that includes a test plan and procedure. any testing tools that are to
be used and test cases and their expected results

 The objective of the testing is to identify the errors The various modules contained in the
system were tested individually.

 All the items of various modules were checked for their validity, for their format if the user
and other data restrictions specified any specific format.

The following are the Testing Methodologies:

 Unit Testing

 Validation Testing

 Output Testing

Testing can't show the absence of detects, it can only show that software defects are present.

If testing is conducted successfully, it will uncover errors in the software. Also Testing

demonstrates that the software functions appear to be working according to specification.

5.3 Unit Testing:

Unit testing is vital to the success of the system. It helps to identify and correct the error of

the system. In the system testing performance and acceptance standards are developed.

Testing of the proposed system was done at all stages of project development. After each section

of a module is completed, the completed system was undergone testing by giving sample data

inputs. Thus each module is ensured error free. Unit testing is the testing of a single software

48
module, usually developed by a single developer. In most organizations, unit testing 1s e

responsibility of the software developer. Unit testing begins at the vertex of the spiral and

concentrates on each unit of the software as implemented in source code. Hence each module

individually tested and integrated into the overall system.

Input data for testing was obtained from the organization itself. Each module was found

to be free of errors Testing was also done with data that are not accepted by system. Performance

monitoring of the system was also done with different type of inputs

Unit testing focuses verification efforts on the smallest unit of software design the

module. This is also known as module testing. The modules of the system are tested separately.

There are some validation checks that the information flows in and out of program unit

under test. The local data structures ensure that the variables are handling the valid information.

Web Based-Cakery Products Ordering and Maintenance

Figure Web Based-Cakery Products Ordering and Maintenance

49
5.4 Validation Testing:

Data validation checking is done to see whether the corresponding entries made in

different tables are done correctly. Proper validation checks are done in case of insertion and

updating of tables, in order to see that no duplication of data has occurred. Validation testing

refers to a different set of activities that ensure that software that has been traceable to customer

requirements. In this project from each required field the validation should be happened, if the

user makes any mistakes it will shows the error message and finally moved to the server.

Validation is a process of evaluating software at the end of the software development

process to determine compliance with the requirement .Validation is concerned with accessing the

quality of a software system in its actual operating environment.

Validation typically involves planning and execution of test cases. Technique’s

Walk through and inspections, static, symbolic execution and format verification Verities that e

functionality of contracted or third party software meets the organization's requirements, P

accepting it and installing it into a production environment. This test can be conducted jointly by

the software vendor and the test team, and focuses on ensuring that all requested functionality

has been delivered. Testing is a process of executing a program with the interest of finding an

error.

A good test is one that has a high probability of finding the yet undiscovered error. Testing

should systematically uncover different classes of error in a minimum amount of time with a

minimum amount of effort.

If any such case arises proper warning message will be displayed. In this project the

validation testing is done in many forms like Learner Register form, status/generating of learner

and Registration form, test status of learner and Register form and login. We are validating

username and password in login form This acceptance by the customer is achieved only when all

the data validation is proper. The appropriate input must be given at the respective input box, like

number in the numeric input and date type of input. Even after storing the data, it has been taken

50
care that the same data is not stored more than once.

Only the authorized person can access administered pages. Other persons cannot access

the pages and display the error report as register for login. The license authority should enter

With their username and the password.

The username and password should match with the database. This is the main validation
testing done in this project. The following sample test case

report contains the details of the User who login in the account. The unit testing has to check

about the id and password is valid or invalid.

At the end of the integration testing, software is completely assembled as a package.

Interfacing errors have been uncovered and corrected Validation succeeds when the software

functions in a manner that can be reasonably accepted by the customer

After performing the validation testing, the next step is output testing of the proposed

system since no system could be useful if it does not produce the required output in the specific

format. Asking the users about the format required by them tests the outputs generated or

displayed by the system under consideration. Here, the output format is considered in

One is on screen and another is printed format. The output format on the screen found

to be correct, as the format was designed in the system design phase according to the user need

The output format on the screen is found to be correct as the format was designed in the system

phase according to the user's needs.

For the hard copy, the output comes according to the specification requested by the user. Here the

testing does not result in any correction in the System.

51
5.5 Sample Test Case Report:

This is the final step in testing. n this entire web site was tested as a whole with all the

forms, code & modules. This form of testing is popularly known as Black Box testing or sys

testing

The concept of the black box is used to represent a system that's inside working are so

available for inspection. Proper validation checks are done in case of case of insertion and

updating of tables, in order to see that no duplication of data has occurred.

Only the registered person can access those pages Other person cannot access those pages

and displays the en or report as register for login.

Table 5.6.1-LOGIN REGISTRATION

52
SYSTEM IMPLEMENTCATION

53
 6.SYSTEM IMPLEMENTCATION

6.1 SYSTEM IMPLEMENTATION:

Implementation is a stage of the project when the theoretical design is turned out in to a

working system. Thus it can be considered to be the most critical stage in achieving a successful

new system and in giving the user confidence that the new system will work and be effective.

Implementation is the stage of the project where the theoretical design is turned into a

working system. At this stage the main work load. the greatest upheaval and the major impact on

the costing system shift to the user department. If the implementation is not careful planned and

controlled it can cause chaos and confusion.

The system implementation will explain detail how the application was implemented

once the basic structure of the program was designed. the development environment, and how

the research carried out before development helped in the development of the application.

Implementation is the process of converting a new system design into operation it is the

pnase that focuses on user training site preparation and hle conversation for installing a

candidate System the important factor that should be considered here is that the conversion

Should not disrupt function of organization.

There are three types of implementation:

 Implemnentation of a new computer system to replace a manual system

 Implementation of a new computer system to replace the exising one
 Implementation of a modified application to replace an existing one

The internal assessment is implementation is implemented in the Internet information service

60 web server under the window XP professional and gceessed from yarious client. It could be

implemented for the particular department through the update current market prices and posteu

answer through online.

An analysis of user training focuses on two factors. Users capabilities and the nature of tne

system being installed. Users range from the native to the highly sophisticated.

54
 System implementation is the important stage of the project when the theoretical design is
used practical systems. The main stages in the implementation are a follow

 Testing
 Debugging
 Conversion
 Training

Testing:

It is program testing rather than debugging which is the central feature of the final stags

in the creation of program. The objective of testing is to verify that program function as it

should, that it confirms with specification and solve the right problem in the real word.

Debugging:

Debugging is the process of detecting and correcting the syntax and logical errors in a

program The syntax errors can be detected by the compiler. The diagnosis of logical errors is

complicated by delay, which normally exists between the Occurrences of the actual enter and the

appearance of the symptoms.

Conversion:

Conversion means changing from one system to another. The object Is to put the rested

into operation while holding costs, risks and personal irritation to minimum. It provides

interesting insight into how native users think about new system, They approach it as concrete

learners. The distinction between concrete and formal learning says much about what from

trainees in general.

Training:

Analysis of user training focuses on two factors User capabilities and the nature of the

system begin installed. User range from the native to the highly Developmental Research

provides interesting insights into how native users think about new system. They approach it as

concrete learners.

55
6.2 SYSTEM MAINTENANCE:

Even operation system requires periodic evaluation after implementation a post

implementation review measures the system's performance against predefined requirements A

point implementation review determines how well the system continues to meet performance

specifications. It is after the fact- after design and conversion.

Maintenance is the enigma of development. It holds the software industry captive, trying

up programming resources. Maintenance is the process of changing the software that is alreadv

In operation in order to prevent system failures, to improve the performance, and extended.

Features Maintenance can be classified into:

 Adaptive maintenance

 Perception maintenance

 Preventive maintenance

 Corrective maintenance

6.2.1 Adaptive Maintenance:

It deals With adaptive application to change in the environment. It does not lead to change

in to the system functionality that is while this update mechanism project may run in different

environments, so it should be adaptive according to the operating system and the project should

run perfectly.

56
6.2.2 Perception Maintenance:

It mainly deals with accommodation the user requirements. It also includes activates

increase the system performance or enhance its user interface. The objective of perceptive

maintenance is to prevent failures and optimize application maintenance.

6.2.3 Preventive Maintenance:

Preventive maintenance consens activities aimed at increasing the records

maintainability reliability and availability such as updating the consens market price details,

giving information about seeds and training details and creating accounts

6.2.4 Corrective Maintenance:

Corrective maintenance deals with repair or correction of bags found. This application is

designed to be feasible and adaptive and bugs found are connected and maintained easily because

of the latest of the latest technology language used to create big application.

57
CONCLUSION

58
 7 CONCLUSIONS
7.1 CONCLUSION:

Web Based-Cakery Products Ordering and Maintenance is a web based

application, This web application involves almost all the features of the online cakery product
shopping. The future implementation will be online help for the customers and chatting with
website administrator. The present is manual processes are time consuming and prone to
error.

➢ Manual entries cause errors while registering the data.

➢ The computerized system arranges all sequentially which ensures quick retrival of
required entries whenever necessary.

➢ It is less time consuming and more accurate.

➢ This is our sincere efforts to make this software standup to both customer as well
as owner.

The project entitled “Web Based-Cakery Products Ordering and Maintenance ” is

developed using php as front end and MySQL Server database in back end to computerize the
process of online buying and purchasing of Cakery items in a showroom.

59
 8. REFERENCES

8.1 Book References:

1.Felke-Morris Basics of Web Design: HTMLS & CSS3. 2nd Edition, Addison-Wesley

2013.

Felke-Morris, Web Development & Design Foundations with HTML5, 7th Edition,

Addison-Wesley, 20 14,

2 Crock ford, Douglas JavaScript. The Good Parts, OReilly & Associates, 2008.

4. Heilmann. Christian Beginning JavaScript with DOM Scripting and Ajax From Novice to

Professional, Apress, 2006

5. Koch, Peter-Paul ppk on JavaScript, New Riders Press, 2006

6 Keith. Jeremy Bulletproof Ajax, New Riders Press, 2007.

7. Doyle, Matt. Beginning PHP 5.3 (Wrox Programmer to Programmer), 2009

8. Lerdorf, Rasmus PIIP Pocket Reference, O'Reilly, 2000

9. Nixon, Robin Learning PHP, MySQL, JavaScript, and CSS: A Step-by-Step Guide to

Creating Dynamic Websites, O'Reilly, 2012

10. Nixon, Robin. Robin Nixon's PHP Crash Course: Leam PHP in 14 easy lectures. O'Reilly.

2012.

60
 8.2 Online References:

1.http:/php.net/docs . php

2. http:/l//www.htmlgoodies.com/reference: article php/HTML-Reference

3.http://www.phptherightway.com/

4.https://developer. mozila.org/en-US/docs/Web/CSs/Reference

5.http:/dev.mysql.com/doc/refman/5.0/en/

6.https://developer mozilla.org/en-US/docs/Web/JavaScript

7 .http:/dev.mysql.com/doc/refman/5.6/en/

8.http://en.wikipedia.org/wiki/MySQL

9.http://www.webmonkey.com/2010/02/php tutorial for beginners/

10. http://docs.oracle.com/cd/E17952_01

61
 APPENDICES
9.1 Sample code

<?php

if (isset($_GET['login_error']) && $_GET['login_error'] == 1) {

echo "<script>alert('Username or Password does not exist!')</script>";

echo "<script>window.location.assign('login_users.php')</script>";

?>

<!doctype html>

<html lang="en">

<head>

<!-- Required meta tags -->

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<title>OCS - Login</title>

<!-- Bootstrap CSS -->

<link rel="stylesheet" href="css/bootstrap.min.css">

<link href="fonts/circular-std/style.css" rel="stylesheet">

<link rel="stylesheet" href="css/style.css">

<link rel="stylesheet" href="fonts/fontawesome/css/fontawesome-all.css">

<style>

html,

body {

height: 100%;

62
 body {

display: -ms-flexbox;

display: flex;

-ms-flex-align: center;

align-items: center;

padding-top: 40px;

padding-bottom: 40px;

</style>

</head>

<body>

<!-- ============================================================== -->

<!-- login page -->

<!-- ============================================================== -->

<div class="splash-container">

<div class="card ">

<div class="card-header text-center"><a href="#"><h2 class="text-primary">Online Cake

Shop</h2></a><span class="splash-description">Please enter your user information.</span></div>

<div class="card-body">

<form id="form" data-parsley-validate="" method="post" action="login_check_users.php">

<div class="form-group">

<input class="form-control form-control-lg" type="text" name="users_username"

data-parsley-trigger="change" required="" placeholder="Username" autocomplete="off">

</div>

<div class="form-group">

<input class="form-control form-control-lg" id="pass1" type="password" required=""

placeholder="Password" name="users_password">

</div>

63
 <button type="submit" class="btn btn-primary btn-lg btn-block">Sign in</button>

</form>

</div>

<div class="card-footer bg-white p-0 ">

<div class="card-footer-item card-footer-item-bordered">

<a href="register.php" class="footer-link">Create An Account</a></div>

<div class="card-footer-item card-footer-item-bordered">

<a href="#" class="footer-link">Forgot Password</a>

</div>

</div>

</div>

</div>

<!-- ============================================================== -->

<!-- end login page -->

<!-- ============================================================== -->

<!-- Optional JavaScript -->

<script src="js/jquery-3.3.1.min.js"></script>

<script src="js/bootstrap.bundle.js"></script>

<script src="js/parsley.js"></script>

<script>

$('#form').parsley();

</script>

</body>

</html>

64
 Registration coding

<?php

if (isset($_GET['register_msg']) && $_GET['register_msg'] == 1) {

echo "<script>alert('Username already assigned!!!')</script>";

echo "<script>window.location.assign('register.php')</script>";

?>

<!doctype html>

<html lang="en">

<head>

<!-- Required meta tags -->

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<title>OCS - Sign Up</title>

<!-- Bootstrap CSS -->

<link rel="stylesheet" href="css/bootstrap.min.css">

<link href="fonts/circular-std/style.css" rel="stylesheet">

<link rel="stylesheet" href="css/style.css">

<link rel="stylesheet" href="fonts/fontawesome/css/fontawesome-all.css">

<style>

html,

body {

height: 100%;

65
 body {

display: -ms-flexbox;

display: flex;

-ms-flex-align: center;

align-items: center;

padding-top: 20px;

padding-bottom: 20px;

</style>

</head>

<!-- ============================================================== -->

<!-- signup form -->

<!-- ============================================================== -->

<body>

<!-- ============================================================== -->

<!-- signup form -->

<!-- ============================================================== -->

<form id="form" class="splash-container" data-parsley-validate="" method="post"

action="insert_users.php">

<div class="card">

<div class="card-header">

<h3 class="mb-1">Registrations Form</h3>

<p>Please enter your user information.</p>

</div>

<div class="card-body">

<div class="form-group">

<input class="form-control form-control-lg" type="text" name="users_username" data-

parsley-trigger="change" required="" placeholder="Username" autocomplete="off">

66
 </div>

<div class="form-group">

<input class="form-control form-control-lg" type="email" name="users_email" data-

parsley-trigger="change" required="" placeholder="E-mail" autocomplete="off">

</div>

<div class="form-group">

<input class="form-control form-control-lg" id="pass1" type="password" required=""

placeholder="Password" name="users_password">

</div>

<div class="form-group">

<input class="form-control form-control-lg" type="text" name="users_address" data-

parsley-trigger="change" required="" placeholder="Address" autocomplete="off">

</div>

<div class="form-group pt-2">

<button class="btn btn-block btn-primary" type="submit">Register</button>

</div>

</div>

<div class="card-footer bg-white">

<p>Already member? <a href="login_users.php" class="text-secondary">Login

Here.</a></p>

</div>

</div>

</form>

<script src="js/jquery-3.3.1.min.js"></script>

<script src="js/bootstrap.bundle.js"></script>

<script src="js/jquery.slimscroll.js"></script>

<script src="js/parsley.js"></script>

<script src="js/main-js.js"></script>

<script>

$('#form').parsley();

67
 </script>

</html>

DATABASE:

-- phpMyAdmin SQL Dump

-- version 5.0.2

-- https://www.phpmyadmin.net/

--

-- Host: 127.0.0.1

-- Generation Time: Aug 14, 2020 at 05:46 PM

-- Server version: 10.4.13-MariaDB

-- PHP Version: 7.4.8

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";

START TRANSACTION;

SET time_zone = "+00:00";

/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;

/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;

/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;

/*!40101 SET NAMES utf8mb4 */;

--

-- Database: `onlinecakeshop`

--

-- --------------------------------------------------------

68
--

-- Table structure for table `cake_shop_admin_registrations`

--

CREATE TABLE `cake_shop_admin_registrations` (

`admin_id` int(11) NOT NULL,

`admin_username` varchar(100) NOT NULL,

`admin_email` varchar(150) NOT NULL,

`admin_password` varchar(100) NOT NULL

) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

--

-- Dumping data for table `cake_shop_admin_registrations`

--

INSERT INTO `cake_shop_admin_registrations` (`admin_id`, `admin_username`, `admin_email`,

`admin_password`) VALUES

(1, 'admin', 'ad@cake.com', '987654');

-- --------------------------------------------------------

--

-- Table structure for table `cake_shop_category`

--

CREATE TABLE `cake_shop_category` (

`category_id` int(11) NOT NULL,

`category_name` varchar(100) NOT NULL,

`category_image` varchar(200) NOT NULL

69
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

--

-- Dumping data for table `cake_shop_category`

--

INSERT INTO `cake_shop_category` (`category_id`, `category_name`, `category_image`) VALUES

(1, 'Cakes', '200731042405.jpg'),

(2, 'Pastries', '200731042031.jpeg'),

(3, 'Desserts', '200731042306.jpg'),

(4, 'Cookies', '200731042457.jpg');

-- --------------------------------------------------------

--

-- Table structure for table `cake_shop_orders`

--

CREATE TABLE `cake_shop_orders` (

`orders_id` int(11) NOT NULL,

`users_id` int(11) NOT NULL,

`delivery_date` varchar(100) NOT NULL,

`payment_method` varchar(50) NOT NULL,

`total_amount` varchar(100) NOT NULL

) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

--

-- Dumping data for table `cake_shop_orders`

70
--

INSERT INTO `cake_shop_orders` (`orders_id`, `users_id`, `delivery_date`, `payment_method`,

`total_amount`) VALUES

(1, 2, '2020-08-09', 'Cash', '1000');

-- --------------------------------------------------------

--

-- Table structure for table `cake_shop_orders_detail`

--

CREATE TABLE `cake_shop_orders_detail` (

`orders_detail_id` int(11) NOT NULL,

`orders_id` int(11) NOT NULL,

`product_name` varchar(100) NOT NULL,

`quantity` int(11) NOT NULL

) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

--

-- Dumping data for table `cake_shop_orders_detail`

--

INSERT INTO `cake_shop_orders_detail` (`orders_detail_id`, `orders_id`, `product_name`,

`quantity`) VALUES

(1, 1, 'Red velvet', 1),

(2, 1, 'Oreo', 1);

-- --------------------------------------------------------

71
--

-- Table structure for table `cake_shop_product`

--

CREATE TABLE `cake_shop_product` (

`product_id` int(11) NOT NULL,

`product_name` varchar(100) NOT NULL,

`product_category` int(11) NOT NULL,

`product_price` varchar(100) NOT NULL,

`product_description` varchar(300) NOT NULL,

`product_image` varchar(300) NOT NULL

) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

--

-- Dumping data for table `cake_shop_product`

--

INSERT INTO `cake_shop_product` (`product_id`, `product_name`, `product_category`,

`product_price`, `product_description`, `product_image`) VALUES

(1, 'Black choco', 1, '500', 'This is cake made of pure chocolate.', '2007310437280.jpg,
2007310437281.jpg, 2007310437282.jpg'),

(2, 'Red velvet', 1, '500', 'This cake is inspired by red velvet.', '2007310439020.jpg,
2007310439021.jpg, 2007310439022.jpg'),

(3, 'Black forest', 1, '500', 'It is a simple black forest cake.', '2007310440210.jpg, 2007310440211.jpg,
2007310440212.jpg'),

(4, 'Oreo', 1, '500', 'Made out of oreo.', '2007310441020.jpg, 2007310441021.jpg,

2007310441022.jpg'),

(5, 'Black Choco', 2, '100', 'This is a black chocolate.', '2007310442250.jpg'),

(6, 'Strawberry', 2, '100', 'This is a strawberry.', '2007310443190.jpg'),

72
(7, 'Butterscotch', 2, '100', 'This is a butterscotch.', '2007310444030.jpg'),

(8, 'Choco chips', 4, '050', 'This a chocolate chip cookie.', '2007310445280.jpg'),

(9, 'Chocolate', 3, '025', 'Chocolate flavoured dessert.', '2007310446340.jpg'),

(10, 'Vanilla', 3, '025', 'Vanilla flavoured dessert.', '2007310448270.jpg');

-- --------------------------------------------------------

--

-- Table structure for table `cake_shop_users_registrations`

--

CREATE TABLE `cake_shop_users_registrations` (

`users_id` int(11) NOT NULL,

`users_username` varchar(100) NOT NULL,

`users_email` varchar(150) NOT NULL,

`users_password` varchar(100) NOT NULL,

`users_mobile` varchar(50) NOT NULL,

`users_address` varchar(200) NOT NULL

) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

--

-- Dumping data for table `cake_shop_users_registrations`

--

INSERT INTO `cake_shop_users_registrations` (`users_id`, `users_username`, `users_email`,

`users_password`, `users_mobile`, `users_address`) VALUES

(1, 'abhie', 'abhie@hh.com', '123456789', '2147483647', 'this is address'),

(2, 'two', '2@vo.com', '147258', '9876543210', 'This is address');

73
--

-- Indexes for dumped tables

--

--

-- Indexes for table `cake_shop_admin_registrations`

--

ALTER TABLE `cake_shop_admin_registrations`

ADD PRIMARY KEY (`admin_id`);

--

-- Indexes for table `cake_shop_category`

--

ALTER TABLE `cake_shop_category`

ADD PRIMARY KEY (`category_id`);

--

-- Indexes for table `cake_shop_orders`

--

ALTER TABLE `cake_shop_orders`

ADD PRIMARY KEY (`orders_id`);

--

-- Indexes for table `cake_shop_orders_detail`

--

ALTER TABLE `cake_shop_orders_detail`

ADD PRIMARY KEY (`orders_detail_id`);

74
--

-- Indexes for table `cake_shop_product`

CREATE TABLE `cake_shop_users_registrations` (

`users_id` int(11) NOT NULL,

`users_username` varchar(100) NOT NULL,

`users_email` varchar(150) NOT NULL,

`users_password` varchar(100) NOT NULL,

`users_mobile` varchar(50) NOT NULL,

`users_address` varchar(200) NOT NULL

) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

--

-- Dumping data for table `cake_shop_users_registrations`

--

INSERT INTO `cake_shop_users_registrations` (`users_id`, `users_username`, `users_email`,

`users_password`, `users_mobile`, `users_address`) VALUES

(1, 'abhie', 'abhie@hh.com', '123456789', '2147483647', 'this is address'),

(2, 'two', '2@vo.com', '147258', '9876543210', 'This is address');

--

-- Indexes for dumped tables

--

ALTER TABLE `cake_shop_product`

ADD PRIMARY KEY (`product_id`);

--

-- Indexes for table `cake_shop_users_registrations`

75
--

ALTER TABLE `cake_shop_users_registrations`

ADD PRIMARY KEY (`users_id`);

--

-- AUTO_INCREMENT for dumped tables

--

--

-- AUTO_INCREMENT for table `cake_shop_admin_registrations`

--

ALTER TABLE `cake_shop_admin_registrations`

MODIFY `admin_id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=2;

--

-- AUTO_INCREMENT for table `cake_shop_category`

--

ALTER TABLE `cake_shop_category`

MODIFY `category_id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=5;

--

-- AUTO_INCREMENT for table `cake_shop_orders`

--

ALTER TABLE `cake_shop_orders`

MODIFY `orders_id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=2;

--

-- AUTO_INCREMENT for table `cake_shop_orders_detail`

76
--

ALTER TABLE `cake_shop_orders_detail`

MODIFY `orders_detail_id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=3;

--

-- AUTO_INCREMENT for table `cake_shop_product`

--

ALTER TABLE `cake_shop_product`

MODIFY `product_id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=11;

--

-- AUTO_INCREMENT for table `cake_shop_users_registrations`

--

ALTER TABLE `cake_shop_users_registrations`

MODIFY `users_id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=3;

COMMIT;

/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;

/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;

/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

77
 9.2. SAMPLE OUTPUT:
 Home

 Products

78
 Products details

 About us

79
Admin login

 Dashboard

80
  User list

Category list

 View category:

81
Add category:

Product list:

 View products

82
 Order list

83
Client login:

 Home module

84
 Shop Products module

 Cart module

85
  Adding products to Cart module

Order placed with required date:

86
 About us module

 Contact module with current shop location:

87
  My orders module

Database files of the storage of registered users:

88
Database files as excel format of the storage of registered users:

89
Thank you

90