Conectando o Arduino à Web
Desenvolvimento de frontend usando JavaScript
Descrição do livro
Crie interfaces físicas para interagir com a internet e com páginas web. Com Arduino e JavaScript você pode criar displays físicos interativos e ter dispositivos conectados que enviam ou recebem dados da web. Você tirará proveito dos processos necessários para configurar componentes eletrônicos, coletar dados e criar páginas web capazes de interagir com esses componentes.
Por meio de exercícios, projetos e explicações, este livro permitirá que você tenha habilidades para fazer desenvolvimento web de frontend e lidar com componentes eletrônicos, a fim de criar interfaces físicas conectadas e implementar visualizações atraentes usando uma variedade de bibliotecas JavaScript.
No final do livro você terá desenvolvido protótipos interativos totalmente funcionais, capazes de enviar e receber dados de uma interface física. Acima de tudo, este livro apresenta uma amostra do que é possível fazer e possibilita ter o conhecimento necessário para você criar suas próprias interfaces físicas conectadas e levar a web aos seus projetos eletrônicos.
Aqui você aprenderá a:
construir um painel de controle para a Internet das Coisas (Internet of Things), o qual se atualizará de acordo com componentes eletrônicos conectados a um Arduino;
usar componentes para interagir com displays 3D online;
criar páginas web com HTML e CSS;
configurar um servidor Node.js;
usar Websockets para processar dados ao vivo;
interagir com SVG (Scalable Vector Graphics).
A quem este livro se destina
Especialistas em tecnologia, desenvolvedores e entusiastas que queiram ampliar suas habilidades, ser capazes de desenvolver protótipos físicos com dispositivos conectados e que tenham interesse em começar a trabalhar com a IoT. Além disso, também se destina a pessoas empolgadas com a possibilidade de conectar o mundo físico à web.
Ver menos ▲Sumário
- Sobre a autora
- Sobre o revisor técnico
- Introdução
- Capítulo 1 ■ Arduino, circuitos e componentes
- Arduino
- Hardware do Arduino
- Eletricidade
- Lei de Ohm
- Resistores
- Diagramas de circuitos eletrônicos
- Software para o Arduino
- Download e configuração do IDE do Arduino
- Conectando um Arduino a um computador
- Digital e analógico
- Saída analógica
- Entrada digital
- Entrada analógica
- Resumo
- Capítulo 2 ■ Criando um servidor web
- O que é um servidor web?
- Roteamento
- O que é Node js?
- Usando uma interface de linha de comando
- Configurando um servidor Node js
- Instalando o Node js
- Crie uma aplicação Node js
- Estrutura do diretório
- Criando uma página web
- Engines de template
- package json e controle de versões
- Como os sockets funcionam
- Resumo
- Capítulo 3 ■ Do Arduino para o frontend (Parte I)
- Introdução à porta serial
- Encontrando a porta serial
- Dados seriais e o Arduino
- Baud rate
- Usando os dados no frontend
- Biblioteca SerialPort
- Download da biblioteca SerialPort
- Resumo
- Capítulo 4 ■ Introdução à criação de conteúdo web
- HTML
- Elementos HTML
- Atributos HTML
- Elementos aninhados
- Document Object Model
- CSS
- Seletores CSS
- Regras em cascata
- Modelo de caixa
- Layout de exibição
- Flexbox
- Cores
- RGB
- Hexadecimal
- HSL
- Scalable Vector Graphics (SVG)
- Escala no SVG
- Viewbox
- Programação de computadores
- Variáveis
- Operadores
- Tipos
- Instruções
- Expressões
- Estruturas de dados
- Instruções condicionais
- Laços
- Funções
- Escopo
- Resumo
- Capítulo 5 ■ Do frontend para o Arduino
- As aplicações
- Aplicação web para LEDs
- Um pouco mais sobre o Flexbox
- Configurando o LED
- Aplicação web para LCD
- Crie o servidor
- Configure o LCD
- Resumo
- Capítulo 6 ■ Do Arduino para o frontend (Parte II)
- Sinais analógicos e digitais
- A aplicação
- Aplicação Node js
- Estendendo a aplicação
- Visualizando os dados em um Arduino
- Resumo
- Capítulo 7 ■ Visualização de dados
- Introdução à D3 js
- Como a D3 js funciona
- Encadeamento de métodos
- Visualizando dados do Arduino com a D3 js
- Organizando o código
- Padrão Revealing Module
- Resumo
- Capítulo 8 ■ Criando um painel de controle web
- Painel de controle
- Princípios da visualização de dados
- Tipos de visualização
- Atribuindo rótulos a uma visualização
- Cores
- Sensores
- Sensor DHT11 de temperatura e umidade
- Fotorresistor
- Importando bibliotecas
- Acrescentando valores diários
- Resumo
- Capítulo 9 ■ Visualização física de dados ao vivo
- API
- API do USGS
- Obtendo dados de um servidor externo
- Callbacks e promises
- Código de status de resposta a requisições
- A aplicação Node js
- setTimeout versus setInterval
- Objeto GeoJSON
- Componentes do Arduino
- Uma campainha piezo
- Resumo
- Capítulo 10 ■ Criando um controlador de jogo
- Animação
- Elemento canvas do HTML5
- Animação com CSS
- 3D na web
- WebGL
- Espaço 3D
- Meshes 3D
- Shaders
- Three js
- Vector3
- O jogo
- Aplicação web
- Implementando o jogo
- Resumo
- Apêndice A ■ Comunidade e componentes para o Arduino
- Comunidade do Arduino
- Componentes para o Arduino
- Apêndice B ■ Mais sobre desenvolvimento de frontend
- JavaScript
- ES6 e além
- Escopo de bloco
- Constantes
- Funções de seta
- Frameworks JavaScript
- React
- Angular
- Ember
- Bancos de dados
- Engines de template do Node js
- Porta serial
- CSS
- Flexbox
- Grade CSS
- Visualização de dados
- Bibliotecas para visualização de dados
- Recursos para visualização de dados
- Mapas
- Cores
Sobre o autor
Indira é desenvolvedora experiente e motion designer (designer de movimentos), especialista em programação de computadores e em broadcast graphics (imagens gráficas para difusão). Nos últimos seis anos, teve como foco o desenvolvimento web e a visualização de dados. Atualmente, trabalha na Future Cities Catapult como desenvolvedora web de criação;… Ver perfil completo ▶
Livros relacionados
Opinião dos leitores
Wallace R de S
O livro aborda com profundidade um tópico visto de forma superficial em outros livros, ou seja, a questão de conectividade que é muito importante em dispositivos de Internet das Coisas.
Rodrigo B C
Gostei muito da forma como explica.
Paulo R B
Livro muito bom e didático. Recomendo a aquisição.