wetter

Húmedo más húmedo: agregación de pronóstico meteorológico.

Cuando nos mudamos a una nueva ciudad, ya sea por una duración corta o larga, una preocupación importante en nuestra mente es la condición climática de ese lugar en comparación con nuestra ciudad natal. Las condiciones climáticas disponibles en varios sitios web y aplicaciones no son suficientes para tener una buena comparación entre las ciudades con respecto a su clima.

Tenemos la intención de desarrollar una aplicación web que proporcione información sobre los diversos atributos ambientales de una ciudad en particular. Intentamos mostrar esta información de manera gráfica con la que el usuario puede interactuar.

Configuración y ejecución del proyecto

1. Importar el proyecto en Eclipse
   • Abra Eclipse -> Haga clic en Archivo -> Haga clic en Importar -> Haga clic en General -> Haga clic en Proyectos existentes en el espacio de trabajo. Siga las instrucciones de la pantalla.
   • Asegúrese de que todos los frascos y carpetas de clase en la ruta de compilación estén presentes para el proyecto.
2. Establecer teclas API
   • Matricularse en
     • Google Maps JavaScript API Clave aquí
     • Clima api abreweathermap llave aquí
     • Llave de la api del cielo oscuro aquí
   • Establezca las claves anteriores en el archivo wetterWebContentresourcesincludesapi.jsp ; Líneas 4,5,6.

      String api_key_GoogleMapsJavaScript   = "INSERT_YOUR_KEY" ;
     String api_key_OpenWeatherMap         = "INSERT_YOUR_KEY" ;
     String api_key_DarkSky                = "INSERT_YOUR_KEY" ;

3. Opcionalmente establece proxy, es decir. http.proxyHost && http.proxyPort en archivos:
   • wetterWebContentresourcesincludesapi.jsp ; línea 24
4. Ejecute el proyecto en el servidor Apache Tomcat.

Pantallas

Página de inicio

Página de inicio, que muestra las capas de mapa disponibles en el menú desplegable

Página de mapa, que muestra varias superposiciones de capa meteorológica (tempratura, nube, viento)

Página de inicio, que muestra la función Smart Autocompletada para la búsqueda

Página de estadísticas (solo para representación)

Página de ubicación de Geo, muestra un pronóstico del tiempo detallado basado en la geolocalización del usuario (necesita un navegador compatible) con unidades automáticas (Celsius/Fahrenheit, etc.)

Página de búsqueda, muestra un pronóstico del tiempo detallado para el término de búsqueda con unidades automáticas (Celsius/Fahrenheit, etc.)

Recursos de terceros utilizados

API

1. Google Maps JavaScript API
2. Clima api abreweathermap
3. API del cielo oscuro

Bibliotecas Java:

• JSON en Java [paquete org.json]
  Una biblioteca de Java para analizar JSON. Utilizado en múltiples lugares dentro del proyecto.
• Pronóstico-lib-java
  Una biblioteca Java para la API Darksky.net (previamente pronosticado). Utiliza mínimo-json para analizar la respuesta de la API JSON.

Otro:

• Plano-ui
  Marco de diseño (HTML/CSS3/Less/JS). Flat UI se basa en Bootstrap, un marco cómodo, receptivo y funcional que simplifica el desarrollo de sitios web.

• Fuente impresionante
  El marco icónico de fuentes y CSS. Font Awesome es un conjunto completo de 634 iconos pictográficos para gráficos vectoriales escalables fáciles en sitios web, creado y mantenido por Dave Gandy. Manténgase al día con el último lanzamiento y anuncios en Twitter: @fontawesome.

• Íconos del clima
  222 íconos temáticos del clima y CSS. ¡El clima íconos es la única fuente de iconos y CSS con 222 íconos temáticos meteorológicos, listos para ser dejados directamente en Bootstrap, o cualquier proyecto que necesite un clima de alta calidad, marítimo e íconos meteorológicos.

• Cielo
  SkyCons es un conjunto de diez glifos meteorológicos animados, generados procesalmente por JavaScript utilizando la etiqueta de lona HTML5. Son fáciles de usar y bastante livianos, por lo que no deberían llover en su desfile.

• jQuery
  Una biblioteca JavaScript multiplataforma diseñada para simplificar la secuencia de comandos del lado del cliente de HTML.

• JQuery Geocoding and Place Autocomplet Plugin
  Un complemento JQuery avanzado que envuelve la API de Google Maps Geocoding y organiza servicios de autocompletos. Simplemente proporcione una entrada que le permita buscar ubicaciones con un buen menú desplegable Autocompletar. Opcionalmente, agregue un contenedor para mostrar un mapa interactivo y un formulario que se poblará con los detalles de la dirección.

• Criaturas
  HighCharts JS es una biblioteca de gráficos JavaScript basada en SVG, con respaldos de VML y lienzo para navegadores antiguos.

• El logotipo de marca Gnome-weather.png de "Paper Icons" de Sam Hewitt tiene licencia bajo CC-SA-4.0

HACER

• Mejorar las noticias de la interfaz de usuario
• Agregue comparaciones en diferentes API de pronóstico del tiempo (por ejemplo, OpenWeathermap vs. Dark Sky)
• Agregar página de registro para una fácil configuración de claves API
• Agregar páginas de error detalladas
• Deshágase del uso descarado de scriptlets
• Use Maven para la automatización de compilación
• Cobertura de prueba de configuración
• Migrar lejos de Cloud9 a plataformas siempre activas

---

NOTA:

1. La página map.jsp solicita las solicitudes de los servicios API en el puerto 8099. Asegúrese de que no esté bloqueado, de lo contrario no verá ningún resultado.
2. Es posible que algunos elementos no funcionen debido a la falta de datos de datos.