dando vida ao arduino com javascript

31
Dando vida ao Arduino com JS Lucas Cavalcanti, Lhaís Rodrigues, Gabriel Bandeira {lhcs, lrs4, gmb} @cin.ufpe.br

Upload: lhais-rodrigues

Post on 14-Apr-2017

453 views

Category:

Engineering


2 download

TRANSCRIPT

Page 1: Dando vida ao Arduino com JavaScript

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

O que estamos fazendo aqui?

Page 3: Dando vida ao Arduino com JavaScript

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

O que é Arduino?

Page 5: Dando vida ao Arduino com JavaScript
Page 6: Dando vida ao Arduino com JavaScript

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

Conectando o Arduino

Page 8: Dando vida ao Arduino com JavaScript

Onde entra JS?

Page 9: Dando vida ao Arduino com JavaScript

JS + Arduino

Page 10: Dando vida ao Arduino com JavaScript

Como funciona?

Page 11: Dando vida ao Arduino com JavaScript

● 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

Hello World

$ mkdir nodebots

$ cd nodebots

$ npm install johnny-five

Page 13: Dando vida ao Arduino com JavaScript

blink.js:

Page 14: Dando vida ao Arduino com JavaScript

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

Run

$ node blink.js

Page 16: Dando vida ao Arduino com JavaScript

Um Pouco de Eletrônica

Page 17: Dando vida ao Arduino com JavaScript

Conectando um LED

Page 18: Dando vida ao Arduino com JavaScript

led.js

Page 19: Dando vida ao Arduino com JavaScript

Dúvidas? http://johnny-five.io/api

Page 20: Dando vida ao Arduino com JavaScript

Pinos PWM

Page 21: Dando vida ao Arduino com JavaScript

led2.js

Page 22: Dando vida ao Arduino com JavaScript

PWM?

Page 23: Dando vida ao Arduino com JavaScript

pwm.js

Page 24: Dando vida ao Arduino com JavaScript

Que tal um sensor?

Page 25: Dando vida ao Arduino com JavaScript

ldr.js

Page 26: Dando vida ao Arduino com JavaScript
Page 27: Dando vida ao Arduino com JavaScript
Page 28: Dando vida ao Arduino com JavaScript

Que tal?

https://goo.gl/Y6W9Px

Page 29: Dando vida ao Arduino com JavaScript

Sensor de Proximidade

● Baixar PingFirmata para a Arduino● Testar us.js

https://goo.gl/BqxvMy

Page 30: Dando vida ao Arduino com JavaScript

Obrigado!

@lhcavalcanti

/lhcavalcanti

@gmbandeira

/gabriel.m.bandeira

@lhaisrs

/lhais.rodrigues.5

/lhcavalcantis /lhaisrs/gmbandeira

Page 31: Dando vida ao Arduino com JavaScript

Referências

http://johnny-five.io/https://github.com/rwaldron/johnny-five