wetter

Mais úmido - agregação da previsão do tempo.

Quando nos mudamos para uma nova cidade, seja por curta ou longa duração, uma grande preocupação em nossa mente é a condição climática daquele lugar em comparação com a nossa cidade natal. As condições climáticas imediatamente disponíveis em vários sites e aplicativos não são suficientes para ter uma boa comparação entre as cidades em relação ao clima.

Pretendemos desenvolver um aplicativo da Web que forneça informações sobre os vários atributos ambientais de uma cidade específica. Tentamos mostrar essas informações de maneira gráfica com a qual o usuário pode interagir.

Configuração do projeto e execução

1. Importando o projeto para o eclipse
   • Abra Eclipse -> Clique em Arquivo -> Clique em Importar -> Clique em Geral -> Clique em Projetos existentes no espaço de trabalho. Siga as instruções da tela.
   • Verifique se todos os frascos e pastas de classe no caminho de construção estão presentes para o projeto.
2. Defina as chaves da API
   • Inscreva -se para
     • Google Maps JavaScript API Key aqui
     • API- API-OPENWEATHERMAP CHAIN ​​AQUI
     • Chave da API do céu escuro aqui
   • Defina as teclas acima no wetterWebContentresourcesincludesapi.jsp ; Linhas 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 defina proxy, ou seja. http.proxyHost && http.proxyPort em arquivos:
   • wetterWebContentresourcesincludesapi.jsp ; Linha 24
4. Execute o projeto no Apache Tomcat Server.

Telas

Página inicial

Página inicial, mostrando camadas de mapa disponíveis no suspensão

Página do mapa, mostrando várias sobreposições climáticas (Tempratura, nuvem, vento)

Página inicial, mostrando lugares de preenchimento autocompleto inteligente para pesquisa

Página de estatísticas (somente para representação)

Página de localização geográfica, mostra previsão meteorológica detalhada com base na geolocalização do usuário (necessidades de navegador suportado) com unidades automáticas (Celsius/Fahrenheit etc)

Página de pesquisa, mostra previsão meteorológica detalhada para termo de pesquisa com unidades automáticas (Celsius/Fahrenheit etc)

Recursos de terceiros usados

APIs

1. Google Maps JavaScript API
2. API- OpenWeathermap
3. API do céu escuro

Bibliotecas Java:

• Json em java [pacote org.json]
  Uma biblioteca Java para analisar JSON. Usado em vários lugares dentro do projeto.
• Previsão-Lib-Java
  Uma biblioteca Java para a API Darksky.net (previsto anteriormente). Usa o Minimal-Json para analisar a resposta da API JSON.

Outro:

• Flat-Ui
  Estrutura de design (html/css3/menos/js). A UI plana é baseada no Bootstrap, uma estrutura confortável, responsiva e funcional que simplifica o desenvolvimento de sites.

• Fonte incrível
  A estrutura icônica de fonte e CSS. A Font Awesome é um conjunto completo de 634 ícones pictográficos para fáceis os gráficos vetoriais escaláveis ​​em sites, criados e mantidos por Dave Gandy. Mantenha -se atualizado com o último lançamento e anúncios no Twitter: @fontawesome.

• Ícones do tempo
  222 ícones temáticos do tempo e CSS. Os ícones meteorológicos são a única fonte de ícone e CSS com 222 ícones com temas climáticos, prontos para serem derrubados diretamente no bootstrap, ou em qualquer projeto que precise de ícones de alta qualidade climáticos, marítimos e meteorológicos!

• Skycons
  O Skycons é um conjunto de dez glifos climáticos animados, gerados proceduralmente por JavaScript usando a tag HTML5 de tela. Eles são fáceis de usar e bastante leves, para não chover no seu desfile.

• jQuery
  Uma biblioteca JavaScript de plataforma cruzada projetada para simplificar o script do lado do cliente HTML.

• JQuery Geocoding and Places Plugin de preenchimento automático
  Um plug -in JQuery avançado que envolve a geocodificação da API do Google Maps e coloca serviços de preenchimento automático. Você simplesmente fornece uma entrada que permite procurar locais com um bom suspenso de preenchimento automático. Opcionalmente, adicione um contêiner para mostrar um mapa interativo e um formulário que será preenchido com os detalhes do endereço.

• HighCharts
  HighCharts JS é uma biblioteca de gráficos de JavaScript baseada no SVG, com fallbacks para VML e tela para navegadores antigos.

• Logotipo da marca Gnome-weather.png de "Paper Icons" de Sam Hewitt está licenciado sob CC-SA-4.0

PENDÊNCIA

• Melhorar a interface do usuário de feeds de notícias
• Adicione comparações em diferentes APIs de previsão do tempo (por exemplo, OpenWeatherMap vs. Dark Sky)
• Adicione a página de inscrição para facilitar a configuração das chaves da API
• Adicionar páginas de erro detalhadas
• Livre -se do uso flagrante de roteiro
• Use Maven para Build Automation
• Cobertura de teste de configuração
• Migrar para longe da nuvem9 para as plataformas sempre ativadas

---

OBSERVAÇÃO:

1. O Page map.jsp faz solicitações para obter serviços de API na porta 8099. Verifique se não está bloqueado, caso contrário, você não verá nenhum resultado.
2. Alguns elementos podem não funcionar devido à falta de banco de dados.