0% found this document useful (0 votes)
210 views18 pages

Teachnook Edutech Private Limited: Weather Web Application

The document is a report on a Weather Web Application created by Pavan Reddy for Teachnook Edutech Private Limited and Presidency University, Bengaluru. The project uses HTML, CSS, and JavaScript technologies to build a web application that allows users to view weather data like temperature, rainfall, humidity, and precipitation for their location or other places. The application aims to help users get information on natural calamities by collecting weather data.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
210 views18 pages

Teachnook Edutech Private Limited: Weather Web Application

The document is a report on a Weather Web Application created by Pavan Reddy for Teachnook Edutech Private Limited and Presidency University, Bengaluru. The project uses HTML, CSS, and JavaScript technologies to build a web application that allows users to view weather data like temperature, rainfall, humidity, and precipitation for their location or other places. The application aims to help users get information on natural calamities by collecting weather data.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 18

A REPORT

ON

WEATHER WEB APPLICATION

BY

PAVAN REDDY 20181ISE0015 8ISE1

AT

TEACHNOOK EDUTECH PRIVATE LIMITED

PRESIDENCY UNIVERSITY, BENGALURU

JUNE, 2022

1
DECLARATION

I hereby declare that the report entitled “WEATHER WEB


APPLICATION” which is being submitted to the Presidency University,
Bangalore is a bonafide report of the work carried out by me. The material
contained in this report has not been submitted to any University or
Institution for the award of any degree.

NAME: PAVAN REDDY


ID :20181ISE0015
SECTION : 8ISE1

2
PRESIDENCY UNIVERSITY,
BENGALURU
Professional Practice Program
Professional Practice (IP) – II

PP Centre: TEACHNOOK EDUTECH PVT LTD


Start Date:10/03/2022 End Date: 11/06/2022
Title of the Project: WEATHER WEB
APPLICATION
Name of the ID No. Branch
Student
PAVAN REDDY 20181ISE0015 Data Science
Name(s) of the PP Faculty: Ms.SOUMYA
Key Words: HTML, CSS, JAVA SCRIPT
Project Areas: Web Development
Abstract: Weather web application is mainly about
finding the weather data like Temperature, Rainfall,
Humidity , Precipitation etc. This weather application
detects location or can find the weather data of required
place. This application is useful to know the natural
calamities like floods, tsunami, Global warming by the
collected data.
Signature(s) of Student(s)
PAVAN REDDY Signature of PP
Date:03-06-2022 Date:
TABLE OF
CONTENTS

3
Introduction -5
About the project -6
HTML technology -(7-8)
CSS technology -(9-10)
JAVA SCRIPT -(11-12)
Methods of phases -(12-13)
Source code -(14-16)
output -(17)
conclusion -18

4
INTRODUCTION
1 About the company:
• Teachnook is an emerging Ed-Tech company with
a dynamic approach to providing holistic training
programs for engineering and management
students. Teachnook is a unique education platform
that offers courses along with project-based
training programs with India's renowned companies
and institutes.

5
ABOUT THE PROJECT
Project Title:
Weather web application

Objectives of the project:


1. Extensive experience using multiple standard
programming languages
2. Strong understanding of aesthetic and design
principals
3. Excellent troubleshooting and bug resolutions
abilities
4. Critical thinking and problem-solving skills
5. Evaluation and analysis abilities
6. Experience designing and programming web pages

Technologies used:
HTML, CSS, JAVA SCRIPT

6
HTML:
HTML is a markup language, so it uses simple tags to
markup and format the content. These tags are enclosed
in angular brackets like <html. Almost all the tags have
their closing tags also. The <html> tag informs the
browser that a HTML document has been started
similarly </html> tells the end of HTML document. All
the things or code written inside these two tags are
represented sent to the browser. The browsers then
display the content wrapped inside the body tag.HTML
defines the format of how the web elements should be
displayed. To see your content, you need to save your
file with. html or.htm extension and then simply run it
by choosing the option to open with any browser.
HTML is one of the best options to develop a webpage
or website for a small or growing business that does not
want to invest more in purchasing software or its
license and does not require any advanced.

7
APPLICATIONS OF HTML:

 Web Pages Development


 Internet Navigation
 Web Document Creation
 Cutting Edge Feature
 Data Entry Support With HTML
 Responsive Images On Web Pages
 Offline Capabilities Usage
 Game Development Usage
 Client-Side Storage
 Native APIs Usage To Enrich A Website
CSS:
CSS stands for Cascading Style Sheets let’s try to
understand what that means exactly by breaking it
down.
Style : This is the easiest part , as mentioned before
CSS deals with the styling of a web page hence the part
‘style’.This includes simple changes
in font,color,layout etc to complex animations as well.

8
Sheets : Say you are building a house and to tell the
builder what type of paint you would like to use,the
type of tile pattern, door design etc you write them all
in a planner and give it him and the builder implements
them. Similarly you write how you would like to style
a file in a sheet using CSS , and the browser
implements it. The file here is what we mean by sheet
and it is usually called style sheet.
Cascading : If you search for the word cascade in the
dictionary one of the meanings would be a waterfall
over step-like rocks . Let’s say there are 55 steps and
there’s a pebble at the bottom step and when the water
goes over each step it brings in a different kind of sand
so each time water from a step flows over the pebble
the previous step’s sand is removed and it’s own sand is
deposited on it and finally the one from the lowest step
would remain it means here the lowest step has the
highest importance. Similarly on a particular element in
a page there may be different styles applied, and all of
them have different importance similar to the placement
of steps in the previous example, the styles are said to
be cascading over an element and the most important
style is applied on the element.

9
APPLICATIONS OF CSS:
 Controlling Effects and Flash Animation
 Managing Dynamic Web Templates
 e-Commerce
 accelerated Development
 Improved User Experience
 Faster page Loading
 Server-side and End-User Representation
 Website Maintenance

JAVA SCRIPT:
JavaScript is used in every industry to create all types of
applications. Let's take a closer look at its uses in web
development, mobile development, game development,
and more.

10
Front-end web development :
Front-end developers use JavaScript (along
with HTML and CSS) to create the parts of a web page
that users see and interact with in their browsers.
Before JavaScript, web pages only served static content.
JavaScript gave developers the ability to provide their
users with a dynamic web experience, adding
animations and other interactive elements. When you
click a button on a website, and a side panel opens or a
modal slowly comes into view, that's JavaScript at
work.

Back-end web development:


JavaScript is also popular with back-end
developers. Back-end web development (also known as
server-side development) involves creating the code
that runs on a web server. When a browser loads a web
page, it makes a call to a remote server. Server-side
code then parses the page's URL to determine what the
user is requesting before retrieving and transforming the
required data to serve back to the browser.

Node.js is a JavaScript framework commonly used for


back-end development — so much so that many back-
end JavaScript developers refer to themselves as
Node.js developers

11
1.METHODOLOGY AND PHASES

1. Planning /Requirements: Understanding


the requirements that are necessary for
developing the WEB APP

2. Design Document: Designing of the


requirement modules.

3. Training: Train the model to be suitable in


different scenarios.

4. Development: Developing the application it


complete functionality
12
5. Integration and testing: Testing of various
modules of the software.

6. Implementation: Implementation of the


software application.

7. Maintenance: Maintaining of the WEB PAGE.

PROJECT WORKFLOW
Problem statement:
Weather Forecast App
Make a web app for users to see the current weather and
the weather forecast for the next 7days.
Requirements
An input for users to type city name
Display current weather including weather condition,
temperature, humidity, wind speed, and date and time
Visualization to display the temperature change,
humidity change, and weather conditions of each day.
Suggested Implementation
Fetch user's device position. If you're unable to get the
user's position, set Delhi as the default location.

13
Fetch weather data (forecast data and current weather
data) of the location from weather
API
Format the data into charts
Display the chart and current weather
Implementations:
There has been a lot of work in object detection using traditional
techniques (css,html). However, they lack the accuracy of java script
techniques. Among the java script techniques, two broad class of methods
are prevalent:

FRONT END and BACKEND

Install visual studio–


Installing visual studio is required it is a free and open-source
distribution of html css and java script for scientific computing

14
Creating visual studio:

Executing html:

15
Executing css:

Java script execution:

16
Output:

17
CONCLUSION:

Weather plays a major role in our daily life, and with


out the meteorologist and forecaster we would have
difficulty planning our daily activities. As we can see,
the weather is not a simple subject like we may have
been thinking. The study of weather phenomenon
requires the use of science, math and different types of
equipments, data, and observation tools, the weather
continues to be a topic to study because it is constantly
changing . Meteorologist and forecasters predict the
weather and its possible changes, but in reality,
weather is still unpredictable.

18

You might also like