Online Recipe Website

Online Recipe Website Page 1

 PROJECT REPORT ON
ONLINE RECIPE WEBSITE

SUBMITTED BY
AKSHAY SAWANT
SHUBHAM AMBRE

UNDER THE GUIDANCE OF

Prof. Pradnya Pawar

SUBMITTED IN PARTIAL FULFILLMENT OF THE

REQUIREMENTS FOR QUALIFYING B.Sc. (I.T), SEMESTER-VI
EXAMINATION 2017-18

RAMNIRANJAN JHUNJHUNWALA COLLEGE,

OPPOSITE GHATKOPAR RAILWAY STATION,
GHATKOPAR (W), MUMBAI 400 086.

YEAR 2017-2018

Online Recipe Website Page 2

 UNIVERSITY OF MUMBAI

Project Certificate

This is to certify that Project entitled ____________________

undertaken at the _____________________________ by Mr. /Ms
_________________________________
Seat no _______________ in partial fulfillment of B.Sc. IT degree
(Semester VI) Examination had not been submitted for any other
Examination and does not form part of any other course
undergone by the candidate.
It is further certified that he/ she has completed all required
phases of the project.

Internal Guide

Coordinator
Department of IT

Examiner

Online Recipe Website Page 3

 Preface

Online Recipe Website Page 4

Preface

Recepia provide user to make all the different kind of recipe without
any kind of difficulty. No any kind of reading books, newspaper for
making any kind of recipe.
The different recipes are just a click away from the food crazy people.
On this portal they can get all the details of the desired so it becomes
a convenient task for all those who love cooking.
Now it’s not like to learn cooking you got to be in the kitchen. You
can also learn the same anywhere anytime. The only thing is that you
got to be online.
The portal provides a facility to the users to post their own recipes
also they have tried or they want other people to know about
All the national and international food can be made by the user by
simply visiting our website
If there is any problem user can simple give suggestions by their
comment or by feedback.

Online Recipe Website Page 5

Speciality of Recepia

Learn right way of cooking – This site provides Best alternative for
the person who really wants to learn perfect cooking with all
advanced techniques.
Post your recipes - The portal provides a facility to the users to post
their own recipes also they have tried or they want other people to
know about
Convenience – The different recipes are just a click away from the
food crazy people. On this portal they can get all the details of the
desired so it becomes a convenient task for all those who love
cooking.
Mobility – Now it’s not like to learn cooking you got to be in the
kitchen. You can also learn the same anywhere anytime. The only
thing is that you got to be online.
No Fees – The best part of the portal is that you have to pay nothing,
no charges will be charged from the visitors who want to learn
making some new dish.
Varieties of dishes - The portal contains details of a number of
cuisines a person can try out at their homes after looking at the site.
He has the option to select the desired food from a range of cuisines
shown on the portal.
Benefits to Consumers- The site has been made for the sole benefit of
the people who want to try something new in their plates or those who
have become bored of having the same stuff on regular basis and want
to try out something new to change their mood and taste.

Online Recipe Website Page 6

 ACKNOWLEDGEMENT

Online Recipe Website Page 7

Acknowledgement

We are very thankful to the IT Department of Ramniranjan

Jhunjhunwala College who gave us the opportunity to take up this
project. We would like to thank our honorable Principal Dr.(Mrs.)
Usha Mukundan for her unfailing co-operation and support.
It gives us great pleasure in expressing our sincere gratitude
towards our Head of Department, Prof.(Mrs.) Archana Bhide and
the Project guide Prof.(Mrs.) Pradnya Pawar and other professors
Prof(Mrs.) Jeba Roselet and Prof(Mrs.) Bharti Bhole for their
valuable support and guidance during the course of the project.
Our Lab assistant, instructor Mr. Sambhaji Hirdekar for
providing us all the information needed for this Project, without
which the successful completion of the project may not have been
possible.

Mr. Akshay Sawant

Mr. Shubham Ambre

Online Recipe Website Page 8

 INDEX
1. ABSTRACT 12
1.1 Introduction
1.2. System overview
1.3. Objectives
1.4. Scope
1.5. Functionality
1.6. Goal
1.7. Drawbacks of Current System
1.8. Features of New System

2. OVERALL DESCRIPTION 20
2.1. System Environment
2.2. System Interface
2.3. Hardware Interface
2.4. Software Interface
2.5. User Interface

3. REQUIREMENT SPECIFICATION 24
3.1. Functional requirements
3.2. Performance Requirements

Online Recipe Website Page 9

4. PROJECT SCHEDULE 27
4.1. Gantt Chart

5. METHODOLOGY INVOLVED 30
5.1. Model Used

6. SYSTEM CONSTRAINTS 34
6.1. Maintainability
6.2. Availability

7. SYSTEM DESIGN 36
7.1. Activity Diagram
7.2. Deployment diagram
7.3. Use case Diagram
7.4. Sequence Diagram

8. DATABASE 44
8.1. Database Tables

9. IMPLEMENTATION 46
9.1. Screen Shots

10. DEPLOYMENT 54
11. TESTING 66

12. MAINTENANCE 70
12.1. Corrective Maintenance

Online Recipe Website Page 10

 12.2. Adaptive Maintenance
12.3. Perfective Maintenance
12.4. Preventive Maintenance

14. CONCLUSION 73
15. BIBLOGRAPHY 75

Online Recipe Website Page 11

 ABSTRACT

Online Recipe Website Page 12

INTRODUCTION
 Our Recipe (Recepia) project stands as the online recipe website
service that is focused on making the provision for serving needs
for recipe user.
 Here a user can select the recipe of his/her choice and can add
recipe of his/her own in our website but admin decide to add the
recipe of specific user or not .
 Recipe (Online Recipe website) is among the top recipe
providing services, offering a diverse catalog of over a lot of
recipe with their proper ingredients measures and direction.
 Recepia also provides the option to see online recipe video by
simply clicking on link which is provided at the last of the
description of recipe so that user can make recipe without any
problem.
 The Recepia is expanded permanently through new recipe and
video in order to offer a recipe portfolio corresponding to the
market.

Online Recipe Website Page 13

SYSTEM OVERVIEW

 The Recipe automation system provides ability to view any

recipe of different category available.
 Admin can perform add, delete and on the request of the user
can add specific user recipe and admin can view the feedback
submitted by the Users.
 Here we are trying to develop such type of system which
provides the automation on any kind of recipe website.
 The user can easily view, and give feedback of specific recipe in
case if user wants to add recipe in our website he/she make
contact to admin.

For example any user wants to search any recipe user simply visit
website search what kind of recipe he/she wants form the category
and simple view the recipe. Data analysis is also provided in our
website so that user can see easily more recipes related what he/she
has searched.

Online Recipe Website Page 14

OBJECTIVES

 To develop a general purpose recipe website so that user can

easily find recipe by simply finger tips through the Internet.
 To allow the users to look through our website organized of
various kind of recipe and their data analysis and to allow
him/her to choose recipe on their preference.
 This project allows admin to store the recipe, delete recipe, and
add recipe of specific user.
 We made it easy for the user to access all the information at a
click. Along with this the site provides the user with better
acknowledging service.
 It can be a system to assist the user to view, and can give
feedback about specific recipe and in case if user want to
upload his/her recipe in our website can simply add it.

Online Recipe Website Page 15

SCOPE

 The Recepia is an online recipe website provides ability to view

any recipe of category available.
 Admin can perform Login by entering Username and Password
allotted to him and can view the feedback submitted by the
Users.
 After login admin can simply add, delete and simply add
specific user recipe into the website.
 User can view the recipe and give feedback about specific
recipe, and if he/she wants can upload their recipe into our
website
 Any changes wants to do in our website only admin has the
permission to do changes.
 If admin do the specific changes into website automatically
changes would be get display into the website.
 Here we are trying to develop such type of system which
provides the automation on any type of recipe website.

Online Recipe Website Page 16

FUNCTIONALITY

 In this project we can easily maintain recipe details.

 It gives complete information’s of recipe, its name, ingredients
and direction etc.
 We can see the recipe detail and how it is made by visiting the
link which is provided and completes requirements of the recipe
is specified.
 Admin can perform Login by entering Username and Password
allotted to him and can view the feedback submitted by the
Users.
 For example any user wants make a specific recipe he/she would
visit our website searched the recipe and he/she can comment on
the specific recipe and can also give us feedback how was the
experiences while making recipe any kind of changes we make
or not

Online Recipe Website Page 17

GOALS

The software provides the following facilities to the users:

 Facilitates easy view recipe website online anywhere.

 Provides information about recipe in Categories.
 Can available the facility of online view of specific recipe and
user can request admin to upload his/her recipe.
 Users are provided with up to date information of the recipe
available.

Online Recipe Website Page 18

DRAWBACKS OF THE CURRENT SYSTEM

 Existing system is very complex, waste of time and many more

real-life problem.
 Many users have to visit hundreds of websites.
 No proper coordination between different Applications and Users.
 Users have to wait for newly arrived recipe
 Fewer websites provide online recipe with proper description and
complete detail about recipe.

FEATURES OF NEW SYSTEM

 This system provides very simple user friendly GUI (Graphical
User Interface).
 Now users don’t have to search on hundreds websites for their
desired recipe.
 System complete information’s of recipe, its ingredients,
direction and category etc.
 Online recipe making can be view by the user and all
specification of recipe is mention in our system.

Online Recipe Website Page 19

 OVERALL
DESCRIPTION

SYSTEM ENVIRONMENT

Online Recipe Website Page 20

  A Software environment for a particular application/project could
include the operating system, the database system, specific
development tools or compiler.
 In computers, the term environment when unqualified usually
refers to the combination of hardware and software in a computer.
 We often tend to think of environment as short for operating
system environment, but with the exception of UNIX-based
Operating Systems, the OS usually implies an underlying
hardware microprocessor that the OS is designed to run on.

SYSTEM INTERFACE
 System Interface stands for all the necessary integration that our
project may have with other systems that are relevant to the
scope.
 Our system is a client-server based system.
 A client-server network is designed for end users called clients, to
access resources such as files, songs, video collections, or some
other service from a central computer called a server.
 In our website, client can be a laptop, desktop, a smart phone or
pretty much any computerized device, can make a request from
the server.
 The client uses the network as a way to connect with and speak to
the server.
 The client uses the network to send the request such as fetching
data from database etc.
 The server will take the request and make sure that the request is
valid.
 If everything checks out okay, then the server will fetch the
request and serve the client.

 The advantage of the client-server architecture is central

management of the server.

Online Recipe Website Page 21

HARDWARE INTERFACE
Online Recipe Website Page 22
 Hardware’s used:-
Processor : 1.60 GHz or Higher.
Ram : 2 GB
System-Type : 32-bit Operating System
Browsers : which supports HTML, JS
Screen Resolution : at least 800*600 is required for proper
Viewing of screens.

SOFTWARE INTERFACE
Operating system: Windows 2007 Ultimate
Software used : Sublime text2, XAMPP server
MYSQL.

USER INTERFACE
Front –end : HTML, CSS, and JavaScript.
Back-end : MYSQL, PHP.

Online Recipe Website Page 23

 REQUIREMENT
SPECIFICATION

Online Recipe Website Page 24

FUNCTIONAL REQUIREMENTS
The system provides the user to Browse, View and Comment, and
give feedback of specific recipe. Login facility to the admin is
provided in order to manage the content of the system. Functions of
the system include the system providing different types of services
based on the user.

USER CAN:-
 Search, comment.
 Can upload his/her own recipe to website.
 Feedback about his/her experiences after visiting website.
 Browse the website.

ADMIN CAN:-
 Add or delete recipe
 Add video link
 Manage website and user feedback
 Add recipe on user request.
 Add or Delete category of recipe.

Online Recipe Website Page 25

PERFORMANCE REQUIREMENT
The performance can be judged by following factors:
1. RELIABILITY:
The system is capable to perform all the tasks successfully
without any kind of failure or bugs.

2. COMPATIBILITY:
The application is developed for a particular version of the
platform, but will also run on the later versions of the platform.

3. SAFETY:
Information transmission between users and admin is safely
transmitted to the server without any changes in the information.

Online Recipe Website Page 26

 PROJECT
SCHEDULE

Online Recipe Website Page 27

GANTT CHART:
A Gantt Chart is a horizontal bar chart used in the project
management as a tool for graphically representing the schedule of a
set of specific activities or tasks. The horizontal bars indicate the
length of time allocated to each activity, so the x-axis of a Gantt Chart
is sub divided into equal un its of time, e.g., days, weeks, months. The
y-axis of Gantt Chart, on the other hand, simply lists all the activities
or tasks being monitored by the Gantt Chart. A simple look at a Gantt
Chart should enable its users to determine which task take the
longest time to complete, which tasks are overlapping with each other
etc.
A Gantt chart indicates the following:
1) Durations and timelines of the listed activities.
2) The target and actual completion dates of the activities.
3) The cost of each activity.
4) The person or group of persons responsible for each activity.
5) Milestones in the progress of the project.

SYMBOLS USED
1) The task bar, which is the horizontal bar used to indicate the
duration of each activity in the Gantt Chart.
2) The milestone marker, which denotes a major turning point in
the project such as the release of an approved budget or the
launching of a new product.
3) The link line, which shows the relationship between two tasks,
such as the fact that one activity can only begin after another
one is complete.

Online Recipe Website Page 28

GANTT CHART

Online Recipe Website Page 29

 METHODOLOGY
INVOLVED

Online Recipe Website Page 30

OUR PROJECT FOLLOWS WATERFALL MODEL
To solve actual problems in an industry, software developer
or a team of developers must incorporate a development strategy that
encompasses the process, methods and tools layers and generic
phases. This strategy is often referred to as process model or 3
software developing paradigm. A process model for software
developing is chosen based on the nature of project and application,
the methods and tools to be used, and the controls and deliverables
that are required. All software development can be characterized as
problem solving loop in which four distinct stages are encountered:
1) Status quo
2) Problem definition
3) Technical development
4) Solution integration

THE WATERFALL MODEL

The steps of the typical waterfall model are:
1) Requirement definition
2) System & software design
3) Implementation
4) Integration & system testing
5) Operation and Maintenance

Online Recipe Website Page 31

THE WATERFALL MODEL

Online Recipe Website Page 32

JUSTIFICATION:
 The central idea of this project is to spend majority of time and
efforts up front: 20% to 30% in the first two phases, 30% to 40%
on coding/development, and the rest during implementation and
maintenance.
 This application is well suited to projects where quality is
emphasized over time and cost requirements.
 In our model the documentation is produced at every phase and it
fits with the other engineering process models.
 It is simple to implement, requiring relatively little in terms of
resources and time.
 The inflexibility of model simplifies project management.
 High visibility: demonstrable output can be seen by the client and
the project manager after every stage.
 Easy to communicate with clients, especially during the critical
requirements and design phase.

Online Recipe Website Page 33

 SYSTEM
CONSTRAINTS

Online Recipe Website Page 34

 System Constraints assumes the goal of the project.
The key concept of system constraints are as follows:

MAINTAINABILITY
 The system is maintained as such that it is capable to detect
errors, bugs or problems in the application.
 It repairs or replaces faulty or worn-out components without
having to replace still working parts.
 The system shall provide the capability to back-up the data.

AVAILABILITY
 The system will be available 24*7.
 This system is the client-server system.
 In this, the user can access the website whenever he desires.
 In return, the system shall provide the necessary needs of the
user with no or less delay.

Online Recipe Website Page 35

 SYSTEM DESIGN

Online Recipe Website Page 36

 Enter Username & Password

Username-admin Password-admin

[Incorrect]

[Correct]

Search Receipe Browse Receipe Add Receipe Update Receipe Delete Receipe Upload Receipe Feedback

Logout

Fig1: Activity Diagram (Admin)

Online Recipe Website Page 37

 start

[User Browser]

Browse Receipe Search Receipe Give Feedback Upload Receipe

[Close Browser]

Fig 2: Activity Diagram ( User )

Online Recipe Website Page 38

 <<artifact>>
Web Browser

<<artifact>>
Web Interface

<<artifact>>
SQL Server Database

<<artifact>>
Databse Interface

FIG 3 : Deployment Diagram

Online Recipe Website Page 39

 System

Add Receipe

Update Receipe

<<include>> Send Receipe

<<include>>

<<include>>
Upload User Receipe
Login
Admin <<include>>

<<include>>
View Reciepe

<<include>>

<<include>>

Search Recipe

Delete Receipe

Fig 4 : Usecase Diagram (Admin )

Online Recipe Website Page 40

 System

View Receipe

Search Receipe

Give Feedback
User

comment

Upload Receipe

Fig 5: Usecase diagram (User )

Online Recipe Website Page 41

 login search browse add update delete upload feedback database

1 : login()
: Admin

2
3 : search()

5 : browse()

6
7 : add()

9 : update()

10

11 : delete()

12

13 : upload()

14
15 : Feedback()

16

Fig 6: Sequence Diagram ( admin )

Online Recipe Website Page 42

 search browse upload feedback comment database

: user
1 : Search Receipe()

3 : Browse Receipe()

5 : Upload Receipe()

7 : Feedback()

9 : comment()

10

Fig 7 : Sequence Diagram (user)

Online Recipe Website Page 43

 DATABASE

Online Recipe Website Page 44

DATABASE TABLE :

Online Recipe Website Page 45

 IMPLEMENTATION

Online Recipe Website Page 46

HOME PAGE (USER):

NEW RECIPES:
Online Recipe Website Page 47
RECIPE CATEGORY:
Online Recipe Website Page 48
ONE OF CATEGORY:

Online Recipe Website Page 49

Online Recipe Website Page 50
RECIPE:

Online Recipe Website Page 51

FEEDBACK:

Online Recipe Website Page 52

REQUEST :

Online Recipe Website Page 53

FOOTER :

Online Recipe Website Page 54

FACEBOOK & INSTAGRAM PAGE :

Online Recipe Website Page 55

Online Recipe Website Page 56
ADMIN LOGIN :

Online Recipe Website Page 57

ADMIN HOMEPAGE :

Online Recipe Website Page 58

ADD CATEGORY :

Online Recipe Website Page 59

REMOVE CATEGORY :

Online Recipe Website Page 60

ADD RECIPE :

Online Recipe Website Page 61

REMOVE RECIPE :

Online Recipe Website Page 62

REQUESTED RECIPE :

Online Recipe Website Page 63

 DEPLOYMENT

Online Recipe Website Page 64

 DEPLOYMENT
 Something that is overlooked by a lot of web designers and
developers is what is actually involved in the deployment of a
website; the process when we’ve finished developing the site,
tested to make sure it works, and are ready to push it to a live web
server.
 The website is checked against all possible inconsistencies and
correctness required.
 It will be deployed in user environment for use.
 The process will be done in the following steps:

 Finding a domain name

 Finding a hosting service
 Uploading files with FTP
 Deploying server-side applications

Online Recipe Website Page 65

 TESTING

GENERAL TEST CASES

Online Recipe Website Page 66

1. All mandatory fields should be validated and indicated by asterisk
(*) symbol.
2. Validation error messages should be displayed properly at correct
position.
3. All error messages should be displayed in same CSS style (e.g.
using red color).
4. Tool tips text should be meaningful.
5. Field labels should be standard e.g. field accepting user’s first
name should be labeled properly as ‘First Name’.
6. Application crash or unavailable pages should be redirected
to error page.

GUI AND USABILITY TEST CASES

1. All fields on page (e.g. text box, radio options, dropdown lists)
should be aligned properly.
2. Enough space should be provided between field labels, columns,
rows, error messages etc.
3. Scroll bar should be enabled only when necessary.
4. Description text box should be multi-line.
5. Upon click of any input text field, mouse arrow pointer should get
changed to cursor.
6. User should not be able to type in drop down select lists.
7. Information filled by users should remain intact when there is error
message on page submit. User should be able to submit the form
again by correcting the errors.
8. Check if proper field labels are used in error messages.
9. Dropdown field values should be displayed in defined sort order.

TEST CASES FOR FILTER CRITERIA

Online Recipe Website Page 67

1. Proper validation messages should be displayed for invalid values
for filter criteria.
2. User should be able to filter results using all parameters on the
page.

TEST CASES FOR RESULT GRID

1. Pagination should be enabled when there are more results than the
default result count per page.
2. Check for Next, Previous, First and Last page pagination
functionality.

DATABASE TESTING TEST CASES

1. Check if correct data is getting saved in database upon successful
page submits.
2. Check values for columns which are not accepting null values.
3. Tables should have primary key column.
4. Check if all table constraints like Primary key, Foreign key etc. are
implemented correctly.
5. Check if database fields are designed with correct data type and
data length.

Online Recipe Website Page 68

Online Recipe Website Page 69
 MAINTENANCE

Online Recipe Website Page 70

MAINTENANCE
Maintenance of this website includes all the activities needed
to ensure the operational integrity of the website. In other words, it is
about doing all the things needed to make sure your site runs
smoothly and according to plan.
Since this project is developed by group of two members we are only
the Maintenance Team.
Our teams carry out following activities in order to maintain our
website:
 Keep the content up-to-date.
 Spot errors on website.
 Manage communication with website visitors.
 Monitor the website's performance to measure success.
 Manage technical and other changes in a coordinated way.
In order to make a website works well in operational environment
quality is important factor so for the quality assurance our team works
well by checking the following contents of website.
 Checking for broken links
 Checking for missing content, e.g. images
 Checking the spelling and grammar of content
 Checking for browser compatibility
 Checking all the forms working correctly.
 There are four types of maintenance activities that can be
carried out are as follows:

Online Recipe Website Page 71

CORRECTIVE MAINTENANCE
Corrective maintenance is the most commonly used maintenance
approach, but it is easy to see its limitations. When equipment fails, it
often leads to downtime in production, and sometime it causes
spreading of damage to other parts. In most cases this is costly
business. Also, if the equipment needs to be replaced, the cost of
replacing it alone can be substantial. Reliability of system maintained
by this type of maintenance is not known and cannot be measured.
Therefore, corrective maintenance is carried out on all items where
the consequences of failure or wearing out are not significant and the
cost of this maintenance is not greater than preventive maintenance.

ADAPTIVE MAINTENANCE
Adaptive maintenance is an activity looks for modification of a
software product performed after delivery to keep a software product
usable in a changed or changing environment.

PERFECTIVE MAINTENANCE
Perfective maintenance is performed to satisfy user requests such as
new Capabilities, modification to existing function and general
enhancements.

PREVENTIVE MAINTENANCE
Preventive maintenance occurs when the software is changed to
improve future maintainability or to provide a better basic for future
enhancements.

Online Recipe Website Page 72

 CONCLUSION

Online Recipe Website Page 73

 CONCLUSION
 An attempt is made in all its earnest towards the successful
completion of the project. The system is verified with valid as well
as invalid data.

 The system is user friendly since it has been developed in Php and
use of HTML and CSS, a successful GUI environment. Since the
connection can be extended to any database. The control will be
more powerful.

 This system can be further enhanced regarding its security and

functionality.

Online Recipe Website Page 74

 BIBLIOGRAPHY

Online Recipe Website Page 75

REFERENCES

WEBSITES:
 http://www.google.com/
 https://www.w3school.com/
 https://www.stackoverflow.com/
 https://www.allrecepie.com/

Online Recipe Website Page 76