Pós Graduação Smart Factory

UNIDADE CURRICULAR 5

INTERNET DAS COISAS

TUTORIAL ATIVIDADE 2

MQTT Box

TAGO IO
A atividade consiste em enviar um determinado valor do MQTT Box (simulando
um medidos de temperatura com conectividade – IoT) e apresentar esse valor
em tempo real em um dashboard na plataforma TAGO IO.

Para iniciar a atividade será preciso acessar o site da Tago e criar uma conta
gratuita. https://tago.io
Clique em “New here? Sign up” para criar a conta.

Preencha os dados.
Confirme o cadastro no email que chegará na sua caixa de entrada. Obs.:
Verifique se não caiu na caixa de SPAM

Clique em “Clique here” para confirmar o email.

Realize o login novamente para acessar a plataforma.

Após o login ele pedirá mais informações sobre o uso do software, basta
selecionar os dados da imagem abaixo.
O software permitirá um “tour” ou você pode escolher em pular essa introdução.
Fique a vontade para escolher qualquer opção. Aqui nós iremos pular a
introdução.
O primeiro passo é criar um dispositivo no TAGO IO que irá receber os dados do
nosso sensor de temperatura (Simulado pelo MQTT Box). Para isso basta clicar
em “Devices” no canto superior esquerdo.

Iremos selecionar o tipo de comunicação que o nosso dispositivo irá trabalhar,

vamos selecionar “MQTT”.
Vamos criar um dispositivo personalizado, clicando em “Custom MQTT”.

Vamos nomear o nosso dispositivo de “Sensor _Temperatura” e depois clicar em

“Create my Device”
Com o dispositivo criado, basta clicar em “Finish”.
Com o nosso dispositivo criado no TAGO IO e pronto para receber os dados do
nosso sensor IoT (MQTT Box), vamos configurar o nosso sensor com alguns
dados do TAGO IO. Esse passo é importante para que o nosso sensor simulado
saiba para onde ele deverá enviar os dados coletados.

Na janela onde o nosso dispositivo foi criado no TAGO IO, iremos acessar a
senha de acesso do nosso dispositivo TAGO.

Basta clicar no “olho” logo abaixo do botão ”Generate” para acessar a senha.

Uma janela nova irá aparecer e nós devemos mantê-la aberta por enquanto.
Vamos abrir o nosso MQTT Box para configurar o nosso sensor (simulado).

Para criar um novo MQTT Cliente, basta clicar em “Create MQTT Client”

Em “MQTT Cliente Name” iremos colocar o nome de “SENAI”, em “Protocol”

iremos selecionar “mqtt/tcp, em “Host” vamos colocar “mqtt.tago.io”, no campo
“Username” vamos colocar SENAI (poderia ser um nome qualquer) e em
“Password” vamos colocar o código localizado no Token da janela que
mantivermos aberta do TAGO IO, após pegar o código do Token você pode
fechar a tela que manteve aberta no TAGO IO. Depois clicar em “Save”

NÃO SE DEVE COLOCAR AS ASPAS NOS CAMPOS DO MQTT

No campo “Topic to publish” vamos escrever “Dados”, em “Payload” vamos
simular um valor de temperatura “46”.

Vamos deixar o MQTT box nessas configurações pois ele já está pronto para
enviar o valor.
Configurações no TAGO IO

Para iniciar as configurações no TAGO IO, vamos testar se a comunicação entre

o MQTT BOX e o TAGO IO está funcionando. Para isso, basta clicar em “Live
Inspector” e clicar no “play verde”.

Retorne no MQTT BOX e clique em “Publish”

Se funcionar os dados enviados do MQTT BOX irá aparecer no Live Inspector
no TAGO IO

Com os dados chegando até o TAGO IO, iremos criar um local para armazenar
os dados, dessa forma será criado uma variável que será utilizada para mostrar
o valor no Dashboard.

Clique em “Action”, depois “Add Action”.

Em “Name” coloque o nome de “Storage””Clique em “MQTT Topic”, em “Type of

action” selecione a opção “Insert to Device Bucket” e clique em “Create my
Action”.
As configurações que iremos fazer são: “Single Device”, selecionar o dispositivo
que criamos no início do tutorial com o nome “Sensor_Temperatura”, em “MQTT
Topic” vamos colocar a palavra Dados (que foi usada no Topic do MQTT Box), e
o “Type of Action” devemos manter “Insert to Device Bucket”. Após finalizar as
configurações clique em “Save” no canto inferior direito da tela.

Aparecerá uma imagem informando que os dados foram salvos.

Vamos testar novamente se a partir de agora o envio dos dados do MQTT Box
serão adicionados na ação criada.

No TAGO IO, vamos clicar em “Device”, selecionar o nosso

“Sensor_Temperatura”, ir até a aba “Live Inspector” e clicar no “play verde” para
monitorar os dados.

Com o “Live Inspector” em funcionamento, vamos retornar ao MQTT Box, e

publicar novamente a informação clicando em “Publish”
Repare no TAGo IO que agora além dos dados enviados, aparecerá uma
informação que “1 Data Added”, ou seja, um dado foi adicionado. Dessa forma
conseguiremos pegar esse dado e publicar em um gráfico ou um display
numérico.
Vamos aproveitar para verificar o local onde esse dado está sendo armazenado.
Para isso clique em “Buckets”, selecione o nosso “Sensor_Temperatura”.

Clique em “Variables” para que possamos ver o valor digitado no MQTT Box
salvo dentro do TAGO IO.
Você pode nesse momento enviar alguns valores do MQTT Box que após alguns
segundos ele irá aparecer no campo “Variables”. Caso esteja demorando para
aparecer, no canto inferior direito você pode clicar para atualizar as variáveis.

Nesse momento vamos criar um Dashboard para apresentar o dado coletado.

Para iniciar, em “Painéis” clique no símbolo de “+ “.

Dê um nome ao seu Dashboard, mantenha selecionado a opção “Normal” e

clique em “Create my Dashboard.
Clique em “+Add widget” para adicionar um tipo de visualização ao Dashboard.

Selecione o tipo “Display”.

Após adicionar o “Display” vamos realizar duas pequenas configurações, uma
delas é atribuir a esse display o nosso sensor de temperatura. Para isso, na
lateral teremos as propriedades desse objeto display, vamos em “Data from”, em
“Device” vamos selecionar “Sensor_Temperatura” e em “Variable” vamos
selecionar “payload”.
Clique em “Create” no canto inferior direito da tela” e o valor que digitamos por
último no MQTT Box estará aparecendo.

Realize alguns testes mandando outros valores no MQTT Box e verificando se o

valor está sendo atualizado no display.