Acionamento de LED com Web Socket

Neste tutorial será apresentado como controlar dois Leds conectados ao Arduino, via rede ethernet local, usando Web Socket.

Obs.: Este exemplo pode ser utilizado para qualquer projeto que você queira desenvolver com Arduino, e os códigos estão disponíveis para download aqui.

Requisitos

• Uma placa Arduino (neste exemplo foi utilizado o Arduino Mega 2560);

• Um módulo de rede ethernet ENC28J60;

• Biblioteca UIPEthernet.h para o módulo de rede;

• Instalar servidor XAMPP e IDE do Arduino;

• Cabo USB;

• Cabo Rede;

• Infraestrutura de rede local.

Conexões

LEDS X Arduino:

Os Melhores Treinamentos sobre Sistemas embarcados e IoT

Cursos com professores qualificados para acelerar sua carreira e projetos

MATRÍCULE-SE AGORA

LED Verde	ARDUINO	LED Vermelho	ARDUINO
GND	GND	GND	GND
VCC	Pino digital 11	VCC	Pino digital 12

 

Módulo X Arduino:

Módulo	Arduino
INT	Pino digital 2
SO	Pino digital 50
SCK	Pino digital 52
RESET	RESET
GND	GND
VCC	3.3V
CS	Pino digital 53
SI	Pino digital 51

Conexões Prontas:

Procedimentos

Passo 1: Instalação do Servidor WEB

Para que os serviços web funcionem, ou seja, as requisições enviadas através da Interface web (index.html) para o socket (arduino.php) e do socket para o Arduino, será necessário instalar os servidores que fornecem esses serviços, ou seja, Apache e PHP. Para facilitar essa instalação, sugiro o XAMPP que se trata de uma ferramenta que une esses serviços em apenas uma instalação.

• Faça o download do XAMPP aqui e instale-o;

• Após a instalação, clique na opção Start da coluna Action na linha do serviço Apache;

• Após inicializar o serviço Apache, o XAMPP pode ser minimizado.

Passo 2: Entendendo os Códigos

• controleLed.ino – Esse arquivo contém o código que deverá ser gravado no Arduino, e possui comentários referentes às funções utilizadas;

• Insira o endereço IP de acordo com a faixa utilizada em sua rede e, é claro, um endereço que esteja disponível.

• arduino.php – Esse arquivo contém a criação do web socket e possui comentários referentes às funções utilizadas.

• index.html – Esse arquivo contém a estrutura da interface web.

Passo 3: Enviando os códigos para o servidor web e gravando código no Arduino

Tendo os códigos criados, será necessário envia-los para o servidor, ou seja, os mesmos precisam existir no servidor para que os serviços web façam a integração entre a interface web e o Arduino.

• Crie uma pasta e copie os arquivos index.html e arduino.php para dentro dessa pasta. Dê o nome que preferir para pasta, nesse caso, a nomeei como socket. Junto com os arquivos dos códigos para download, há uma pasta chamada js, copie-a também para dentro da pasta que você criou, pois, a mesma possui a biblioteca do CSS que estamos utilizando para alinhar os botões no arquivo index.html;

• Copie a pasta, maximize o XAMPP e clique no botão Explore na coluna de botões localizada à direita da tela do mesmo;

• A pasta htdocs abrirá automaticamente, com isso, cole a pasta que você criou para dentro dela;

• Conecte o Arduino ao seu computador através do cabo USB, conecte o cabo de rede no módulo de rede e no seu modem ou roteador;

• Abra o arquivo controleLed.ino, e execute a gravação do código para o Arduino;

• Aguarde a gravação concluir.

Passo 4: Testando a aplicação

Se os procedimentos foram realizados e concluíram sem erros, a aplicação está pronta para ser testada.

• Abra o seu navegador e na barra de endereços digite:

  https://endereço_IP_do_seu_computador/socket/index.html

• O navegador deverá abrir a página conforme a imagem abaixo. Se isso acontecer o projeto foi implementado com sucesso, PARABÉNS!