Dando vida ao Arduino com JavaScript
-
Upload
lhais-rodrigues -
Category
Engineering
-
view
451 -
download
2
Transcript of Dando vida ao Arduino com JavaScript
![Page 1: Dando vida ao Arduino com JavaScript](https://reader030.fdocument.pub/reader030/viewer/2022020717/5880307c1a28ab9f0f8b6719/html5/thumbnails/1.jpg)
Dando vida ao Arduino com JSLucas Cavalcanti, Lhaís Rodrigues, Gabriel Bandeira
{lhcs, lrs4, gmb} @cin.ufpe.br
![Page 2: Dando vida ao Arduino com JavaScript](https://reader030.fdocument.pub/reader030/viewer/2022020717/5880307c1a28ab9f0f8b6719/html5/thumbnails/2.jpg)
O que estamos fazendo aqui?
![Page 3: Dando vida ao Arduino com JavaScript](https://reader030.fdocument.pub/reader030/viewer/2022020717/5880307c1a28ab9f0f8b6719/html5/thumbnails/3.jpg)
Roteiro
● Introdução a Arduino● Introdução ao Johnny-Five● Setup● Hello Word● Projetos
Apresentação: https://goo.gl/JYK3Jf
GitHub: https://goo.gl/t832zA
![Page 4: Dando vida ao Arduino com JavaScript](https://reader030.fdocument.pub/reader030/viewer/2022020717/5880307c1a28ab9f0f8b6719/html5/thumbnails/4.jpg)
O que é Arduino?
![Page 5: Dando vida ao Arduino com JavaScript](https://reader030.fdocument.pub/reader030/viewer/2022020717/5880307c1a28ab9f0f8b6719/html5/thumbnails/5.jpg)
![Page 6: Dando vida ao Arduino com JavaScript](https://reader030.fdocument.pub/reader030/viewer/2022020717/5880307c1a28ab9f0f8b6719/html5/thumbnails/6.jpg)
Instalando a IDE da Arduino
○ https://www.arduino.cc/en/Main/Software○ $ sudo apt-get install arduino
![Page 7: Dando vida ao Arduino com JavaScript](https://reader030.fdocument.pub/reader030/viewer/2022020717/5880307c1a28ab9f0f8b6719/html5/thumbnails/7.jpg)
Conectando o Arduino
![Page 8: Dando vida ao Arduino com JavaScript](https://reader030.fdocument.pub/reader030/viewer/2022020717/5880307c1a28ab9f0f8b6719/html5/thumbnails/8.jpg)
Onde entra JS?
![Page 9: Dando vida ao Arduino com JavaScript](https://reader030.fdocument.pub/reader030/viewer/2022020717/5880307c1a28ab9f0f8b6719/html5/thumbnails/9.jpg)
JS + Arduino
![Page 10: Dando vida ao Arduino com JavaScript](https://reader030.fdocument.pub/reader030/viewer/2022020717/5880307c1a28ab9f0f8b6719/html5/thumbnails/10.jpg)
Como funciona?
![Page 11: Dando vida ao Arduino com JavaScript](https://reader030.fdocument.pub/reader030/viewer/2022020717/5880307c1a28ab9f0f8b6719/html5/thumbnails/11.jpg)
● OSx○ Install Node.js 0.10.x○ Install Xcode ou GCG
● Linux○ $ curl -sL https://deb.nodesource.com/setup_4.x | sudo -E bash -○ $ sudo apt-get install -y nodejs○ $ sudo apt-get install -y build-essential
● Windows○ Install Node.js 0.10.x
Instalando Node.JS
![Page 12: Dando vida ao Arduino com JavaScript](https://reader030.fdocument.pub/reader030/viewer/2022020717/5880307c1a28ab9f0f8b6719/html5/thumbnails/12.jpg)
Hello World
$ mkdir nodebots
$ cd nodebots
$ npm install johnny-five
![Page 13: Dando vida ao Arduino com JavaScript](https://reader030.fdocument.pub/reader030/viewer/2022020717/5880307c1a28ab9f0f8b6719/html5/thumbnails/13.jpg)
blink.js:
![Page 14: Dando vida ao Arduino com JavaScript](https://reader030.fdocument.pub/reader030/viewer/2022020717/5880307c1a28ab9f0f8b6719/html5/thumbnails/14.jpg)
Upload Standard Firmata
● Abrir a IDE do Arduino● Abrir exemplo StandardFirmata.ino
○ Arquivo > Exemplos > Firmata > StandardFirmata● Selecionar porta e placa● Upload
![Page 15: Dando vida ao Arduino com JavaScript](https://reader030.fdocument.pub/reader030/viewer/2022020717/5880307c1a28ab9f0f8b6719/html5/thumbnails/15.jpg)
Run
$ node blink.js
![Page 16: Dando vida ao Arduino com JavaScript](https://reader030.fdocument.pub/reader030/viewer/2022020717/5880307c1a28ab9f0f8b6719/html5/thumbnails/16.jpg)
Um Pouco de Eletrônica
![Page 17: Dando vida ao Arduino com JavaScript](https://reader030.fdocument.pub/reader030/viewer/2022020717/5880307c1a28ab9f0f8b6719/html5/thumbnails/17.jpg)
Conectando um LED
![Page 18: Dando vida ao Arduino com JavaScript](https://reader030.fdocument.pub/reader030/viewer/2022020717/5880307c1a28ab9f0f8b6719/html5/thumbnails/18.jpg)
led.js
![Page 19: Dando vida ao Arduino com JavaScript](https://reader030.fdocument.pub/reader030/viewer/2022020717/5880307c1a28ab9f0f8b6719/html5/thumbnails/19.jpg)
Dúvidas? http://johnny-five.io/api
![Page 20: Dando vida ao Arduino com JavaScript](https://reader030.fdocument.pub/reader030/viewer/2022020717/5880307c1a28ab9f0f8b6719/html5/thumbnails/20.jpg)
Pinos PWM
![Page 21: Dando vida ao Arduino com JavaScript](https://reader030.fdocument.pub/reader030/viewer/2022020717/5880307c1a28ab9f0f8b6719/html5/thumbnails/21.jpg)
led2.js
![Page 22: Dando vida ao Arduino com JavaScript](https://reader030.fdocument.pub/reader030/viewer/2022020717/5880307c1a28ab9f0f8b6719/html5/thumbnails/22.jpg)
PWM?
![Page 23: Dando vida ao Arduino com JavaScript](https://reader030.fdocument.pub/reader030/viewer/2022020717/5880307c1a28ab9f0f8b6719/html5/thumbnails/23.jpg)
pwm.js
![Page 24: Dando vida ao Arduino com JavaScript](https://reader030.fdocument.pub/reader030/viewer/2022020717/5880307c1a28ab9f0f8b6719/html5/thumbnails/24.jpg)
Que tal um sensor?
![Page 25: Dando vida ao Arduino com JavaScript](https://reader030.fdocument.pub/reader030/viewer/2022020717/5880307c1a28ab9f0f8b6719/html5/thumbnails/25.jpg)
ldr.js
![Page 26: Dando vida ao Arduino com JavaScript](https://reader030.fdocument.pub/reader030/viewer/2022020717/5880307c1a28ab9f0f8b6719/html5/thumbnails/26.jpg)
![Page 27: Dando vida ao Arduino com JavaScript](https://reader030.fdocument.pub/reader030/viewer/2022020717/5880307c1a28ab9f0f8b6719/html5/thumbnails/27.jpg)
![Page 29: Dando vida ao Arduino com JavaScript](https://reader030.fdocument.pub/reader030/viewer/2022020717/5880307c1a28ab9f0f8b6719/html5/thumbnails/29.jpg)
Sensor de Proximidade
● Baixar PingFirmata para a Arduino● Testar us.js
https://goo.gl/BqxvMy
●
![Page 30: Dando vida ao Arduino com JavaScript](https://reader030.fdocument.pub/reader030/viewer/2022020717/5880307c1a28ab9f0f8b6719/html5/thumbnails/30.jpg)
Obrigado!
@lhcavalcanti
/lhcavalcanti
@gmbandeira
/gabriel.m.bandeira
@lhaisrs
/lhais.rodrigues.5
/lhcavalcantis /lhaisrs/gmbandeira
![Page 31: Dando vida ao Arduino com JavaScript](https://reader030.fdocument.pub/reader030/viewer/2022020717/5880307c1a28ab9f0f8b6719/html5/thumbnails/31.jpg)
Referências
http://johnny-five.io/https://github.com/rwaldron/johnny-five