Page 1
JavaScript & Internet
Controlled Hardware
Prototyping
Jonathan LeBlanc
(@jcleblanc)
Head of Global Developer
Evangelism at Braintree /
PayPal
Page 2
Early Hardware Days
Twitter: @jcleblanc | Hashtag: #ATO2014
Page 3
Mainstreaming Effect
Twitter: @jcleblanc | Hashtag: #ATO2014
Page 4
Twitter: @jcleblanc | Hashtag: #ATO2014
Page 5
Arduino / Raspberry Pi / Leap Motion / etc.
Hardware Toolbox
Rasperry Pi
Arduino
Twitter: @jcleblanc | Hashtag: #ATO2014
Page 6
Twitter: @jcleblanc | Hashtag: #ATO2014
Page 7
Twitter: @jcleblanc | Hashtag: #ATO2014
Page 8
JavaScript, Node &
Arduino
Twitter: @jcleblanc | Hashtag: #ATO2014
Page 9
Arduino Yún
Twitter: @jcleblanc | Hashtag: #ATO2014
Arduino Uno
Page 10
Tessel JavaScript Microcontrollerhttps://tessel.io/
Twitter: @jcleblanc | Hashtag: #ATO2014
Page 11
Twitter: @jcleblanc | Hashtag: #ATO2014
Page 12
Breakouthttp://breakoutjs.com/
Twitter: @jcleblanc | Hashtag: #ATO2014
Page 13
Johnny 5https://github.com/rwaldron/johnny-five
Twitter: @jcleblanc | Hashtag: #ATO2014
Page 14
Standard
Firmata
How Johnny 5 Comms Work
Arduino
Microcontroller
Node.js
Script
Twitter: @jcleblanc | Hashtag: #ATO2014
Page 15
What is Firmata?
Twitter: @jcleblanc | Hashtag: #ATO2014
Page 16
Fetching the Arduino IDEhttp://arduino.cc/en/main/software
Twitter: @jcleblanc | Hashtag: #ATO2014
Page 17
Priming the Board with Firmata
Twitter: @jcleblanc | Hashtag: #ATO2014
Page 18
npm install johnny-five
Installing Johnny 5
git clone git://github.com/rwldrn/johnny-five.git
cd johnny-five
npm install
Twitter: @jcleblanc | Hashtag: #ATO2014
Page 19
var five = require("johnny-five"),
board = new five.Board();
board.on("ready", function() {
//board is ready to use
});
Enabling the Board
Twitter: @jcleblanc | Hashtag: #ATO2014
Page 20
Controlling LEDs with JavaScripthttp://bit.ly/js-arduino-led
Twitter: @jcleblanc | Hashtag: #ATO2014
Page 22
LEDs with JavaScript & PayPalhttp://bit.ly/js-arduino-ledpp
Twitter: @jcleblanc | Hashtag: #ATO2014
Page 23
Joystick Controlled Servo Motorhttp://bit.ly/js-arduino-joystick
Twitter: @jcleblanc | Hashtag: #ATO2014
Page 25
Noduinohttp://semu.github.io/noduino/
Twitter: @jcleblanc | Hashtag: #ATO2014
Page 26
Where are we Heading?
Twitter: @jcleblanc | Hashtag: #ATO2014
Page 27
Thank You!http://bit.ly/hardware-prototyping
Jonathan LeBlanc
(@jcleblanc)
Head of Global Developer
Evangelism at Braintree /
PayPal