Workshop dado no JSDay Recife sobre JavaScript com Arduino. Material feito por Lhaís Rodrigues, Lucas Cavalcanti e Gabriel Bandeira (lrs4, lhcs, gmb)@cin.ufpe.br

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

2. O que estamos fazendo aqui?

3. 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

4. O que é Arduino?

6. Instalando a IDE da Arduino
○ https://www.arduino.cc/en/Main/Software
○ $ sudo apt-get install arduino

7. Conectando o Arduino

8. Onde entra JS?

9. JS + Arduino

10. Como funciona?

11. ● 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

12. Hello World
$ mkdir nodebots
$ cd nodebots
$ npm install johnny-five

13. blink.js:

14. Upload Standard Firmata
● Abrir a IDE do Arduino
● Abrir exemplo StandardFirmata.ino
○ Arquivo > Exemplos > Firmata > StandardFirmata
● Selecionar porta e placa
● Upload

15. Run
$ node blink.js

16. Um Pouco de Eletrônica

17. Conectando um LED

18. led.js

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

20. Pinos PWM

21. led2.js

22. PWM?

23. pwm.js

24. Que tal um sensor?

25. ldr.js

28. Que tal?
https://goo.gl/Y6W9Px

29. Sensor de Proximidade
● Baixar PingFirmata para a Arduino
● Testar us.js
https://goo.gl/BqxvMy
●

30. Obrigado!
@lhcavalcanti
/lhcavalcanti
@gmbandeira
/gabriel.m.bandeira
@lhaisrs
/lhais.rodrigues.5
/lhcavalcantis /lhaisrs/gmbandeira

31. Referências
http://johnny-five.io/
https://github.com/rwaldron/johnny-five