javascript and internet controlled hardware prototyping

PowerPoint Presentation

JavaScript & Internet Controlled Hardware Prototyping

Jonathan LeBlanc (@jcleblanc) Head of Global Developer Evangelism at Braintree / PayPal

Early Hardware Days

Twitter: @jcleblanc | Hashtag: #svcc

2

Mainstreaming Effect


3


Bryce Bigger of The Bigger Designhttp://makerfairecolumbiasc.com/tag/nerf-sentry-gun/4

Arduino / Raspberry Pi / Leap Motion / etc.Hardware Toolbox

Rasperry PiArduino


Internet Controller Hardware Arduino Yun, etc.Extending to other languages, Tessel = JavaScript, Node.js through Johnny 55



Internet Meets Arduino


Arduino Ynhttp://arduino.cc/en/Main/ArduinoYUN


Arduino Yun9

Web Service Access with Temboo

Python 2.7 included with OpenWRT LininoIntegrated Wifi / EthernetArduino Yn Feature Set

Yun feature sets (temboo / wifi / etc)Based on the Leonardo boardPython 2.7 included with OpenWRT Linux distribution called Linino on the board

10

Temboo Sketch Builderhttps://temboo.com/library/Library/Devices/


Program an arduino without writing any code.Sketch Builder (https://temboo.com/library/Library/devices/)11

Fetching the Arduino IDEhttp://arduino.cc/en/main/software


Picking the right version of the arduino softwarehttp://arduino.cc/en/main/software12

Enabling the Board in the IDE



Picking the Comms Port



API Request with Temboohttp://bit.ly/js-arduino-paypal


JavaScript, Node & Arduino


Tessel JavaScript Microcontrollerhttps://tessel.io/


The modularity and extensibility of the Devices sets them apart from just usingThe hardware components of a phone, etc

17


Johnny 5https://github.com/rwaldron/johnny-five


Alternate framework: Noduino (http://semu.github.io/noduino/) accessing arduino from web applications (HTML5 / JS / Node)19

StandardFirmataHow Johnny 5 Comms WorkArduinoMicrocontroller

Node.jsScript


How Johnny 5 works standard firmata uploaded to the microcontroller, then Node.js script controlled. 20

What is Firmata?


http://arduino.cc/en/reference/firmatahttp://www.firmata.org/wiki/Main_Page21

Priming the Board with Firmata


Upload the firmata program to the board22

npm install johnny-fiveInstalling Johnny 5

git clone git://github.com/rwldrn/johnny-five.gitcd johnny-fivenpm install


Crap that was hard23

var five = require("johnny-five"),board = new five.Board();

board.on("ready", function() { //board is ready to use });Enabling the Board


Controlling LEDs with JavaScripthttp://bit.ly/js-arduino-led


Joystick Controlled Servo Motorhttp://bit.ly/js-arduino-joystick


Noduinohttp://semu.github.io/noduino/


Created by Sebastian MllerAlternate framework: Noduino (http://semu.github.io/noduino/) accessing arduino from web applications (HTML5 / JS / Node)Download NoduinoUpload Duino to board (the communications bridge)Also: https://github.com/voodootikigod/node-serialport (Node Serialport)27

Where are we Heading?


Thank You!http://bit.ly/hardware-prototyping

Jonathan LeBlanc (@jcleblanc) Head of Global Developer Evangelism at Braintree / PayPal

javascript and internet controlled hardware prototyping

Devices & Hardware