SlideShare a Scribd company logo
JavaScript & Internet 
Controlled Hardware 
Prototyping 
Jonathan LeBlanc 
(@jcleblanc) 
Head of Global Developer 
Evangelism at Braintree /
Early Hardware Days 
Twitter: @jcleblanc | Hashtag: #ATO2014
Mainstreaming Effect 
Twitter: @jcleblanc | Hashtag: #ATO2014
Twitter: @jcleblanc | Hashtag: #ATO2014
Hardware Toolbox 
Arduino 
Arduino / Raspberry Pi / Leap Motion / etc. 
Rasperry Pi 
Twitter: @jcleblanc | Hashtag: #ATO2014
Twitter: @jcleblanc | Hashtag: #ATO2014
Twitter: @jcleblanc | Hashtag: #ATO2014
JavaScript, Node & 
Arduino 
Twitter: @jcleblanc | Hashtag: #ATO2014
Arduino Yún 
Arduino Uno 
Twitter: @jcleblanc | Hashtag: #ATO2014
Tessel JavaScript Microcontroller 
https://tessel.io/ 
Twitter: @jcleblanc | Hashtag: #ATO2014
Twitter: @jcleblanc | Hashtag: #ATO2014
Breakout 
http://breakoutjs.com/ 
Twitter: @jcleblanc | Hashtag: #ATO2014
Johnny 5 
https://github.com/rwaldron/johnny-five 
Twitter: @jcleblanc | Hashtag: #ATO2014
How Johnny 5 Comms Work 
Standard 
Firmata 
Arduino 
Microcontroller 
Node.js 
Script 
Twitter: @jcleblanc | Hashtag: #ATO2014
What is Firmata? 
Twitter: @jcleblanc | Hashtag: #ATO2014
Fetching the Arduino IDE 
http://arduino.cc/en/main/software 
Twitter: @jcleblanc | Hashtag: #ATO2014
Priming the Board with Firmata 
Twitter: @jcleblanc | Hashtag: #ATO2014
Installing Johnny 5 
npm install johnny-five 
git clone git://github.com/rwldrn/johnny-five.git 
cd johnny-five 
npm install 
Twitter: @jcleblanc | Hashtag: #ATO2014
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
Controlling LEDs with JavaScript 
http://bit.ly/js-arduino-led 
Twitter: @jcleblanc | Hashtag: #ATO2014
JavaScript and Internet Controlled Hardware Prototyping
LEDs with JavaScript & PayPal 
http://bit.ly/js-arduino-ledpp 
Twitter: @jcleblanc | Hashtag: #ATO2014
Joystick Controlled Servo Motor 
http://bit.ly/js-arduino-joystick 
Twitter: @jcleblanc | Hashtag: #ATO2014
JavaScript and Internet Controlled Hardware Prototyping
Noduino 
http://semu.github.io/noduino/ 
Twitter: @jcleblanc | Hashtag: #ATO2014
Where are we Heading? 
Twitter: @jcleblanc | Hashtag: #ATO2014
Thank You! 
http://bit.ly/hardware-prototyping 
Jonathan LeBlanc 
(@jcleblanc) 
Head of Global Developer 
Evangelism at Braintree /

More Related Content

PPTX
Get along with JHipster
PPTX
Artem Denysov "Easy ways to speed up your web application"
PDF
@Ajug #hangout #q&a app
KEY
Facebook open graph Presentation
PPTX
Techs in brainstorm planning
XLSX
Tech table for blog
XLSX
Tech table for blog
Get along with JHipster
Artem Denysov "Easy ways to speed up your web application"
@Ajug #hangout #q&a app
Facebook open graph Presentation
Techs in brainstorm planning
Tech table for blog
Tech table for blog

What's hot (18)

PDF
Web trends to watch in 2015
PPTX
Grpc and asp.net partie 2
PDF
Progressive Web Apps #TheDevConfSP
PDF
Remote Design Sprint (english) #AMSUX
PPT
Introducción a HTML5 & CSS3
PDF
nd-grad-cert
PDF
Interop 2020 The Release Night Is An Anti-Pattern
PPSX
Cool tools
KEY
Twitter Tools
PPTX
Android Testing by Rebootd v2
PDF
DevOps @Scale (Greek Tragedy in 3 Acts) as it was presented at Gr8Conf 2017
PPTX
Museum Computer Network - Getting the hang of Google+ Hangouts on Air
PDF
Droidcon2013 facebook stewart
PDF
Bootiful Reactive Testing - Mario Gray
PPTX
Vine and Other Video Content Creators (Sept 2014)
PDF
WordPress Miami Meetup: Top 9 (August 2015)
PDF
Design Systems (english) #UXCE20
PDF
Hack 101 - IIT Delhi HackU 2011
Web trends to watch in 2015
Grpc and asp.net partie 2
Progressive Web Apps #TheDevConfSP
Remote Design Sprint (english) #AMSUX
Introducción a HTML5 & CSS3
nd-grad-cert
Interop 2020 The Release Night Is An Anti-Pattern
Cool tools
Twitter Tools
Android Testing by Rebootd v2
DevOps @Scale (Greek Tragedy in 3 Acts) as it was presented at Gr8Conf 2017
Museum Computer Network - Getting the hang of Google+ Hangouts on Air
Droidcon2013 facebook stewart
Bootiful Reactive Testing - Mario Gray
Vine and Other Video Content Creators (Sept 2014)
WordPress Miami Meetup: Top 9 (August 2015)
Design Systems (english) #UXCE20
Hack 101 - IIT Delhi HackU 2011
Ad

Similar to JavaScript and Internet Controlled Hardware Prototyping (20)

PPTX
JavaScript and Internet Controlled Hardware Prototyping
PPTX
JavaScript and Internet Controlled Electronics
PPTX
Hacking into IoT using JavaScript
PDF
Hardware for JavaScript Developers
PDF
Johnny-Five
PDF
Little bits & node.js IOT for beginner
PPTX
Devday
PPTX
JS in Arduino Uno
PPTX
Bare metal Javascript & GPIO programming in Linux
PPTX
Arduino for developers by Steve Robinson
PPTX
Js robotics
PPTX
Controlling robots using javascript
PDF
Espruino - JavaScript for Microcontrollers
PDF
How To Electrocute Yourself using the Internet
PDF
Building Droids with JavaScript
PPTX
Nodebots
PDF
Introducing the Arduino
ODP
Javascript on Arduino
PDF
Prototyping Hardware
PDF
JavaScript Makers: How JS is Helping Drive the Maker Movement
JavaScript and Internet Controlled Hardware Prototyping
JavaScript and Internet Controlled Electronics
Hacking into IoT using JavaScript
Hardware for JavaScript Developers
Johnny-Five
Little bits & node.js IOT for beginner
Devday
JS in Arduino Uno
Bare metal Javascript & GPIO programming in Linux
Arduino for developers by Steve Robinson
Js robotics
Controlling robots using javascript
Espruino - JavaScript for Microcontrollers
How To Electrocute Yourself using the Internet
Building Droids with JavaScript
Nodebots
Introducing the Arduino
Javascript on Arduino
Prototyping Hardware
JavaScript Makers: How JS is Helping Drive the Maker Movement
Ad

More from All Things Open (20)

PDF
Agentic AI for Developers and Data Scientists Build an AI Agent in 10 Lines o...
PPTX
Big Data on a Small Budget: Scalable Data Visualization for the Rest of Us - ...
PDF
AI 3-in-1: Agents, RAG, and Local Models - Brent Laster
PDF
Let's Create a GitHub Copilot Extension! - Nick Taylor, Pomerium
PDF
Leveraging Pre-Trained Transformer Models for Protein Function Prediction - T...
PDF
Gen AI: AI Agents - Making LLMs work together in an organized way - Brent Las...
PDF
You Don't Need an AI Strategy, But You Do Need to Be Strategic About AI - Jes...
PPTX
DON’T PANIC: AI IS COMING – The Hitchhiker’s Guide to AI - Mark Hinkle, Perip...
PDF
Fine-Tuning Large Language Models with Declarative ML Orchestration - Shivay ...
PDF
Leveraging Knowledge Graphs for RAG: A Smarter Approach to Contextual AI Appl...
PPTX
Artificial Intelligence Needs Community Intelligence - Sriram Raghavan, IBM R...
PDF
Don't just talk to AI, do more with AI: how to improve productivity with AI a...
PPTX
Open-Source GenAI vs. Enterprise GenAI: Navigating the Future of AI Innovatio...
PDF
The Death of the Browser - Rachel-Lee Nabors, AgentQL
PDF
Making Operating System updates fast, easy, and safe
PDF
Reshaping the landscape of belonging to transform community
PDF
The Unseen, Underappreciated Security Work Your Maintainers May (or may not) ...
PDF
Integrating Diversity, Equity, and Inclusion into Product Design
PDF
The Open Source Ecosystem for eBPF in Kubernetes
PDF
Open Source Privacy-Preserving Metrics - Sarah Gran & Brandon Pitman
Agentic AI for Developers and Data Scientists Build an AI Agent in 10 Lines o...
Big Data on a Small Budget: Scalable Data Visualization for the Rest of Us - ...
AI 3-in-1: Agents, RAG, and Local Models - Brent Laster
Let's Create a GitHub Copilot Extension! - Nick Taylor, Pomerium
Leveraging Pre-Trained Transformer Models for Protein Function Prediction - T...
Gen AI: AI Agents - Making LLMs work together in an organized way - Brent Las...
You Don't Need an AI Strategy, But You Do Need to Be Strategic About AI - Jes...
DON’T PANIC: AI IS COMING – The Hitchhiker’s Guide to AI - Mark Hinkle, Perip...
Fine-Tuning Large Language Models with Declarative ML Orchestration - Shivay ...
Leveraging Knowledge Graphs for RAG: A Smarter Approach to Contextual AI Appl...
Artificial Intelligence Needs Community Intelligence - Sriram Raghavan, IBM R...
Don't just talk to AI, do more with AI: how to improve productivity with AI a...
Open-Source GenAI vs. Enterprise GenAI: Navigating the Future of AI Innovatio...
The Death of the Browser - Rachel-Lee Nabors, AgentQL
Making Operating System updates fast, easy, and safe
Reshaping the landscape of belonging to transform community
The Unseen, Underappreciated Security Work Your Maintainers May (or may not) ...
Integrating Diversity, Equity, and Inclusion into Product Design
The Open Source Ecosystem for eBPF in Kubernetes
Open Source Privacy-Preserving Metrics - Sarah Gran & Brandon Pitman

Recently uploaded (20)

PPTX
Spectroscopy.pptx food analysis technology
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
gpt5_lecture_notes_comprehensive_20250812015547.pdf
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PPTX
sap open course for s4hana steps from ECC to s4
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
Spectral efficient network and resource selection model in 5G networks
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Assigned Numbers - 2025 - Bluetooth® Document
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PPT
Teaching material agriculture food technology
PDF
cuic standard and advanced reporting.pdf
PDF
Encapsulation theory and applications.pdf
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PDF
A comparative analysis of optical character recognition models for extracting...
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PPTX
Big Data Technologies - Introduction.pptx
PDF
Empathic Computing: Creating Shared Understanding
Spectroscopy.pptx food analysis technology
Diabetes mellitus diagnosis method based random forest with bat algorithm
gpt5_lecture_notes_comprehensive_20250812015547.pdf
Dropbox Q2 2025 Financial Results & Investor Presentation
sap open course for s4hana steps from ECC to s4
Reach Out and Touch Someone: Haptics and Empathic Computing
Spectral efficient network and resource selection model in 5G networks
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Assigned Numbers - 2025 - Bluetooth® Document
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Teaching material agriculture food technology
cuic standard and advanced reporting.pdf
Encapsulation theory and applications.pdf
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
A comparative analysis of optical character recognition models for extracting...
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Big Data Technologies - Introduction.pptx
Empathic Computing: Creating Shared Understanding

JavaScript and Internet Controlled Hardware Prototyping

Editor's Notes

  • #5: Bryce Bigger of The Bigger Design http://makerfairecolumbiasc.com/tag/nerf-sentry-gun/
  • #6: Internet Controller Hardware – Arduino Yun, etc. Extending to other languages, Tessel = JavaScript, Node.js through Johnny 5
  • #10: Arduino Yun
  • #11: The modularity and extensibility of the Devices sets them apart from just using The hardware components of a phone, etc
  • #14: Alternate framework: Noduino (http://semu.github.io/noduino/) – accessing arduino from web applications (HTML5 / JS / Node)
  • #15: How Johnny 5 works – standard firmata uploaded to the microcontroller, then Node.js script controlled.
  • #16: http://arduino.cc/en/reference/firmata http://www.firmata.org/wiki/Main_Page
  • #17: Picking the right version of the arduino software http://arduino.cc/en/main/software
  • #18: Upload the firmata program to the board
  • #19: Crap that was hard…
  • #26: Created by Sebastian Müller Alternate framework: Noduino (http://semu.github.io/noduino/) – accessing arduino from web applications (HTML5 / JS / Node) Download Noduino Upload Duino to board (the communications bridge) Also: https://github.com/voodootikigod/node-serialport (Node Serialport)