Concrete Logo
Hamburger button

Ainda brincando com o Arduíno

  • Blog
  • 27 de Fevereiro de 2016
Share

Na semana passada, eu expliquei nesse post como fiz para exibir a temperatura ambiente em um LCD usando o Arduíno. 

No sábado passado rolou nosso primeiro Hackathon de IoT na Concrete Solutions em São Paulo. Apareceram várias ideias bacanas por lá !

Eu aproveitei para fazer um upgrade no meu projeto inicial 🙂 Troquei o sensor LM35 por um DHT11, arranquei fora o LCD e adicionei um ESP8266. Com isso, passei a obter não só a temperatura ambiente com também a umidade, além de agora contar com o poder de conectar meu Arduíno em uma rede Wi-Fi por meio do ESP8266. Lindo, não?

E agora? O que fazer com isso? Eis que bati de frente com o thingspeak.com, após uma breve googleada, e voi lá! Problema resolvido. Criei minha conta no ThingSpeak e defini por lá um canal para receber as informações de Temperatura e Umidade coletadas pelo sensor DTH11. No final do post eu explico como configurar um canal no ThingSpeak e, de brinde, como montar um widget com o último resultado lido, ok?

Mas antes vamos ao wiring do projeto:

image00

Aqui está o código-fonte:

Aqui você pode  fazer o download da biblioteca ESP8266 e aqui o download da biblioteca DHT, ambas usadas no projeto.

Como configurar um canal no ThingSpeak

Assumindo que você fez seu cadastro no ThingSpeak.com :),  é super simples de configurar. Uma vez autenticado, basta acessar Channels >> My Channels

1-Internet_Of_Things_-_ThingSpeak

Clique em New Channel

2-Channels_-_ThingSpeak_2Preencha os valores como desejar. Nesse exemplo eu vou usar apenas os  Fields 1 e 2:

3-Channels_-_ThingSpeak_1

Salve o Canal e você irá para uma tela com as informações. Nela, precisaremos da informação que está na sessão API Keys, de onde copiaremos a API key de escrita:

4-Channels_-_ThingSpeak

É esse valor que utilizaremos para definir THINGSPEAK_KEY no código do projeto. A partir daí é só ir coletando as informações, que logo logo você terá os valores sendo vistos nos charts do ThingSpeak:

5-Temperatura___Umidade_-_ThingSpeak

E agora vamos ao brinde! Se lembra de sessão de API Keys do canal? Vamos utilizar a de leitura 🙂

HTML:

CSS:

Javascript:

O resultado:

6-Temperature

Para terminar, aqui tem um exemplo no Jsfiddle.  

E é isso! Tem alguma dúvida ou contribuição? Deixe nos campos abaixo. Até a próxima!