Home » Widgets

Widget do tempo

2 junho 2014 3.536 Leitores 0 Comentários

Neste post quero partilhar um widget do tempo muito interessante que funciona para todo o mundo.

Encontrei outros widgets na internet mas este deteta automaticamente a localização do internauta mostrando para ele as condições climatéricas que lhe são relevantes (que são relativas à zona geográfica onde ele se encontra).

Como pode ver no exemplo do lado direito, o widget apresenta a seguinte informação sobre o tempo:

  • imagem que mostra se o céu está limpo, se está nublado, se chove, etc
  • a temperatura
  • a humidade do ar
  • a velocidade do vento e sua direção

O widget também pode apresentar um pequeno mapa que mostra a localização do internauta.

Localização detetada automaticamente

A localização é detetada automaticamente. Os dados meteorológicos são dados atualizados, obtidos a partir da estação meteorológica mais próxima do local onde o internauta se encontra. Se a cidade onde o internauta está não tem nenhuma estação meteorológica então pode acontecer que os dados exibidos sejam relativos à cidade mais próxima. Nos testes que fiz a localização obtida foi bastante aproximada à minha localização real.

Tempo só para uma cidade?

Em alternativa o widget permite fixar uma determinada cidade. Imaginemos por exemplo que você tem um site sobre o Rio de Janeiro.

Nesse caso poderia ser do seu interesse mostrar os dados meteorológicos apenas para a cidade do Rio de Janeiro independentemente de onde o visitante do seu site estivesse a aceder ao seu site. Para isso você configurava o widget para apresentar sempre os dados do Rio de Janeiro tal como acontece no widget que inseri como exemplo aqui do lado esquerdo.

Definir outra língua

Outra coisa interessante neste widget do tempo é que permite ser completamente traduzido. Assim, mesmo que você tenha um site para um público de língua inglesa, ou para chineses, ou para falantes de espanhol, o widget pode sempre ficar adequado à língua dos seus leitores (veja mais abaixo como fazer).

Como também deve saber alguns países não usam os graus celsius para a temperatura, e para a velocidade do vento em vez de km/h usam milhas por hora. O widget também permite configurar estes parâmetros para que fiquem de acordo com o seu público alvo. Mas apesar da forma como configurou esses parâmetros, o próprio internauta, se não ficar satisfeito com os graus em celsius ou com as unidades em km/h, pode a qualquer altura mudar clicando num pequeno link que está disponível ao lado daqueles valores.

Instalar o Widget do Tempo

Para instalar o widget basta copiar um dos seguintes códigos HTML e colar no seu site ou blog:

Com mapa:
Sem mapa:

Configurar o Widget

Todas as configurações são feitas introduzindo parâmetros na URL do iframe, no código HTML fornecido. Assim, se você não quisesse o mapa e quisesse fixar uma determinada cidade, por exemplo Lisboa, você teria que adicionar o parâmetro &city=Lisboa ao final da URL ficando src="http://www.5dayweather.org/widget.php?&map=false&city=Lisboa". O resultado seria:

Seguem-se os parâmetros que pode usar para configurar o seu widget:

  • &map=false (remove o mapa do widget – neste caso a altura da iframe terá que ser de 196px em vez de 357px)
  • &city=Lisboa  (fixa a cidade de Lisboa ou outra qualquer cidade do mundo que pretenda)
  • &f=f  (faz com que a temperatura seja exibida em graus Fahrenheit em vez de graus celsius)
  • &w=mph  (faz com que as unidades da velocidade do vento sejam mostradas em milhas por hora em vez de quilómetros por hora)
  • &today=Hoje  (traduz a palavra “Today” para “Hoje”. Em vez de português pode traduzir para outras linguas)
  • &humidity=Humidade  (traduz a palavra “Humidity” para “Humidade”)
  • &wind=Vento  (traduz a palavra “Wind” para “Vento”)
  • &citylang=pt-PT   (faz com que o nome da cidade não apareça na versão inglesa mas em português. Por exemplo em vez de aparecer Lisbon (como aparece no último widget apresentado acima) faz com que apareça Lisboa. O código “pt-PT” é o código para o português. Para definir para outra língua use outro código de lingua)

Este widget do tempo é muito simples mas é muito interessante porque pode ser ajustado facilmente para qualquer outra língua. Espero que tenha gostado.

1 Estrela2 Estrelas3 Estrelas4 Estrelas5 Estrelas (1 votos, média: 5,00 de 5)
Loading ... Loading ...


Deixe um comentário!

Seja cordial. Respeite o assunto do tópico. Não faça spam.