web project on dog shelter

1. PRESENTATION ON
Mission Dog Shelter
(Web development)
TECHNOCRATS INSTITUTE OF TECNOLOGY
BHOPAL (M.P.)

2. Team Members
 ANKUR SINGH 0111CS201037
 Pranav kumar 0111CS201117
 Prakash jha 0111CS201116
 Sajal Shrivastav. 0111CS201151

3. TOPICS TO BE COVERED
Introduction
Purpose of Training and Project
Project Details
Database
Future scope
Reference

4. WEB DEVELOMENT ??
WE CONSIDER THIS INTO TWO TYPE
1) FRONT-END
2) BACK-END
It is the work involved in developing a Web
site for the Internet. It can be Static or
Dynamic

5. FRONT-END
 The complete structure of web site. There are three layers.
BACK-END
Structure
HTML markup
Style
CSS
Behavior
JavaScript
 Give ability to response of web site. There are two layers.
1. PHP
2. SQL

6. Purpose of Training and Project
1:-
• The purpose for taking Web Technology is to learning and
developing a skill.
2:-
• The purpose for project is to set hands on web
development.
3:-
• Content and Design is for attracting Audience
4:-
• The purpose of this topic is to take step for the
Animals
5:-
• This topic is also for prevent road accidents because
of Street animals
6:-
• This is the small step for helping Animals

7. Project details
Software and Hardware requirements
for web application
 For coding purpose VS code is used.
 For Database storage Xamp , phpMyAdmin is
used.
 For running purpose Google Chrome is used.

8. Project details
This is home page
of the website
“Mission Shelter”.
This is a single
page complete
responsive
website.
Nav-Bar is help to
jump directly to
the desire session.
There is a image
slider after 4 sec
next image is slide
automatically.

9. This is About Session.
• In this page user get all detail
about the website
This session is attractive.
• Here parallax effect is used.
Project details

10. Project details
This is service session. Here user get
knowledge about our services
In this counter is
used for count.

11. Project details
 This is Donate now
session.
 Here back-end is used
for store user details.
 For payment method we
use Rozarpay.

12. Project details
This is the Payment Page. This page is
appear when user fill donate form.
User can
donate by
many
payment
mode as it
shown.

13. Project details
This is the last session. This
session show Contact form
User can contact us By this
form through E-mail.

14. Database
 Database is used for storing
data.
 There are many database
management system. We use
MYSQL.
 This is the structure of the
table used in the website.

15. Working of PHP and MYSQL
• First fill donate
form
• Click on Donate
now
JavaScript
• It collect all data
and sent it to
database
• And then move to
payment page
PHP • It get all data and
store it.
• All the data is
mutable in mysql.
MYSQL

16. Future scope
 The further development ,
study and research of the
portal will enable us to add
newer, fresher and
advanced utilities in our
project.
 Due to the scalability made
possible in the web
development, there is huge
scope for development in
the future.

17. Reference
 Udemy
https://www.udemy.com/?deal_code=&utm_term=Homepage&utm_content=Textlink&utm_campaign=Rakuten-
default&ranMID=39197&ranEAID=HtPvL28WFys&ranSiteID=HtPvL28WFys-
nEaeRSone14bYfSeclpRxw&LSNPUBID=HtPvL28WFys&utm_source=aff-campaign&utm_medium=udemyads
 Sololearning.com
https://www.sololearn.com/home
 Bootstrap
https://getbootstrap.com/
 000Webhost.com
https://in.000webhost.com/members/website/list
 My Project link
https://mission-shelter.000webhostapp.com/