A seguir detalho os passos…

Primeiramente veremos de onde pegar as informações do tempo. Escolhi o tempoagora, pois ao fim do endereço insere-se a cidade de onde deseja buscar a previsão, facilitando assim nosso trabalho.

No meu caso seria http://tempoagora.uol.com.br/previsaodotempo.html/brasil/Natal-RN.

Agora vamos ao que interessa.

O Script completo desse tutorial fica assim:

 <?php
   //Definimos a cidade
   $cidade = 'Natal-RN';
   //Capturamos o conteudo do site
   $file = file_get_contents("http://tempoagora.uol.com.br/previsaodotempo.html/brasil/".$cidade);
 
   //Capturamos a imagem
   $img = explode("mini-",$file);
   $img = explode(".gif",$img[2]);         
 
   switch($img[0]) {
     case 'PI':   print "Pouco ensolarado"; break;
     case 'CC':   print "Céu Claro"; break;
     case 'PC':   print "Pancadas de chuva"; break;
     case 'NC':   print "Nublado com chuva"; break;
     case 'CH':   print "Chuvoso"; break;
     case 'NB':	  print "Nublado"; break;
     case 'PN':   print "Poucas núvens"; break;
     default:     print "Céu claro"; break;
     }
?>

Agora vamos às explicações…

   //Definimos a cidade
   $cidade = 'Natal-RN';
   //Capturamos o conteudo do site
   $file = file_get_contents("http://tempoagora.uol.com.br/previsaodotempo.html/brasil/".$cidade);

Neste trecho de código, primeiramente, definimos a cidade à qual estamos interessados em saber a previsão do tempo. A seguir, utilizando-se da função file_get_contents, capturamos o conteúdo da página como um arquivo. Repare que a variável $cidade aparece concatenada em seguida com o endereço, completando assim o mesmo.

   //Dividimos o conteudo em partes
   $sep = explode("°C",$file);
 
   //Capturamos a imagem
   $img = explode("mini-",$file);
   $img = explode(".gif",$img[2]);

De posse dos dados do conteúdo site na variável $file, iremos tratá-lo agora. Com o site aberto, percebemos que uma imagem é apresentada, com o desenho da previsão (como neste site). É em cima dela que iremos trabalhar.

Clicando em ‘exibir imagem’ com o botão direito vemos que o endereço segue um padrão, como por exemplo mini-NB.gif, para nublado. E é isso que vem depois do ‘mini-’ que irá nos interessar.

Com o auxílio da função explode, quebramos o conteúdo de $file cada vez que aparecer ‘mini-’, e depois fazemos outro explode, mas dessa vez com $img[2], cada vez que encontrarmos ‘.gif’, que é para restar apenas as duas letras correspondentes à previsão, como ‘NB’ por exemplo.

Pronto! Agora para finalizar:

   switch($img[0]) {
     case 'PI':   print "Pouco ensolarado"; break;
     case 'CC':   print "Céu Claro"; break;
     case 'PC':   print "Pancadas de chuva"; break;
     case 'NC':   print "Nublado com chuva"; break;
     case 'CH':   print "Chuvoso"; break;
     case 'NB':	  print "Nublado"; break;
     case 'PN':   print "Poucas núvens"; break;
     default:     print "Céu claro"; break;
     }

No passo anterior fizemos um explode na imagem, e gravamos o resultado na variável $img. Esta variável é um vetor de Strings, e se imprimirmos a posição zero desse vetor, teremos o resultado que desejamos.

Todas as possíveis situações são: PI, CC, PC, NC, CH, NB e PN. Como podem ver, fiz apenas um switch com $img[0], mas vocês podem adaptar da forma que desejarem.

Bom isso é só. Espero ter explicado direitinho.

Quaisquer dúvidas, podem perguntar nos comentários. Estarei à disposição.

Primeiramente, pensei em fazer algo que fosse interativo, mudasse constantemente, e que seria um diferencial. Mas o que fazer em um blog?

Então foi que surgiu a idéia das previsões do tempo, e para fazê-lo de forma mais amigável, e engraçada, resolvi criar um cabeçalho para cada ocasião, que é o topo da página, com uma paisagem. A Seguir mostro os vários tipos de cabeçalho:

Céu claro:

Chuvoso:

Nublado:

Nublado com Chuva:

Pancadas de chuva:

Parcialmente Chuvoso:

Poucas nuvens:

Para cada ocasião, o respectivo cabeçalho irá mudar no topo da página. Inicialmente, as previsões são apenas para a cidade de Natal (onde resido), mas futuramente, quem sabe, possa estender mais essa funcionalidade.

Os dados das previsões são pegos do portal http://tempoagora.uol.com.br e atualizados automaticamente. Em outras postagens irei explicar o código PHP utilizado para tal.

Outra coisa que gostaria de destacar é o uso dos padrões da Web 2.0 na logo e nas imagens, padrão este que utiliza fontes simples, imagens suaves e o uso de algumas transparências e reflexos.

Bom, por enquanto é só.

Nos comentários falem o que acharam, e se puderem, algumas sugestões de melhoria. Ficarei muito grato.