STID_2022_Weather Worldwide Website_Noursaine
Weather change affects every aspect of the natural environment. It's important that we check if the weather is changing, so that we can prepare for the future.
In this project, we are going to get instant access to current weather data and forecasts using OpenWeatherMap API.
This website displays the live weather data of any city in the world!
Select your city or region now & view the weather there!
Moreover, you can check the weather charts of 5 days / 3 hours forecast data (5 cities : Tunis, Paris, New york, Mumbai, Canberra) so that you can compare the temperature.
Slides & Videos
Members
| Name | Contribution |
|---|---|
| Noursaine Gaida | Create and design the website Get Data for Current / Forecast Weather Display the data Make data visualization |
State of the Art
Business Aspect
Weather Underground provides local & long-range weather forecasts, weather reports, maps & tropical weather conditions for locations worldwide.
AccuWeather has local and international weather forecasts from the most accurate weather forecasting technology featuring up to the minute weather reports.
World Weather Online provides global weather forecast and weather content for websites, businesses, and the travel industry.
Technical Aspect
Our website presents OFFICIAL weather forecasts and climatological information for selected cities.The other weather websites gather data from various sources like satellite data or weather API data from sources like NOAA. Some weather websites like Accuweather also use IoT data for weather forecasts.
Our website displays live weather charts of 5 cities around the world so that you can compare 5 days / 3 hours temperatures forecast and download the selected data in a SVG, PNG or CSV file. On other websites, you might find the weather forecast (daily/hourly/monthly), but not with those live charts of different cities.
Project Description
Problem Definition
Does this website show live weather data for any city in the world?
What is the weather forecast for the week?
Does this website show live 5-day (3-hour) temperature forecast of a city in each continent?
Challenges & Motivation
Our Website provides super-accurate historical, current, and forecast Weather information.
The goal of this project is to display the Weather data of any city around the World.
Real and Complete Usecases
Click here to visit our Website.
- It helps to track weather forecasts and current conditions in real-time
- You can select a city or region now and view the weather there !
- You can also ask the website to get your current position
- Users can check and download the temperature forecast of 5 cities (Tunis, Paris, New york, Mumbai, Canberra).
Technical Description
- Build a “Weather Worldwide” website (HTML/CSS/JAVASCRIPT)
- From the Home page, we must be able to return to the summary and navigate from one page to another with hypertext links
- Data visualizations page : display the temperatures forecast (in Kelvin) / button to download the data
- Instant access to current weather and week-long weather forecasts from the user’s location using API
- Instant access to the current weather of a city chosen by the visitor
Hardware
Materials
| Image | Name | Part Number | Price | Count | Link |
|---|---|---|---|---|---|
 | Website | 1 | 0 | 0 | 🛒 |
Schematic
Software
External Services
I used a Weather API