SlideShare a Scribd company logo
1 of 27
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
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
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

What's hot

Droidcon2013 facebook stewart
Droidcon2013 facebook stewartDroidcon2013 facebook stewart
Droidcon2013 facebook stewart
Droidcon Berlin
 

What's hot (19)

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

Similar to JavaScript and Internet Controlled Hardware Prototyping (Now with more Node Goodnesss)

Coolhunting - ThinkVis 2012
Coolhunting - ThinkVis 2012 Coolhunting - ThinkVis 2012
Coolhunting - ThinkVis 2012
Steve Lock
 
Start! ATS programming
Start! ATS programmingStart! ATS programming
Start! ATS programming
Kiwamu Okabe
 

Similar to JavaScript and Internet Controlled Hardware Prototyping (Now with more Node Goodnesss) (20)

JavaScript and Internet Controlled Hardware Prototyping
JavaScript and Internet Controlled Hardware PrototypingJavaScript and Internet Controlled Hardware Prototyping
JavaScript and Internet Controlled Hardware Prototyping
 
JavaScript and Internet Controlled Electronics
JavaScript and Internet Controlled ElectronicsJavaScript and Internet Controlled Electronics
JavaScript and Internet Controlled Electronics
 
Mobile Development with Ionic, React Native, and JHipster - AllTheTalks 2020
Mobile Development with Ionic, React Native, and JHipster - AllTheTalks 2020Mobile Development with Ionic, React Native, and JHipster - AllTheTalks 2020
Mobile Development with Ionic, React Native, and JHipster - AllTheTalks 2020
 
JCON - The Battle of the IDEs
JCON - The Battle of the IDEsJCON - The Battle of the IDEs
JCON - The Battle of the IDEs
 
Coolhunting - ThinkVis 2012
Coolhunting - ThinkVis 2012 Coolhunting - ThinkVis 2012
Coolhunting - ThinkVis 2012
 
Programming the Real World: Javascript for Makers
Programming the Real World: Javascript for MakersProgramming the Real World: Javascript for Makers
Programming the Real World: Javascript for Makers
 
Identity in the Future of Embeddables & Wearables
Identity in the Future of Embeddables & WearablesIdentity in the Future of Embeddables & Wearables
Identity in the Future of Embeddables & Wearables
 
Web Perfomance Talk at Twitter London: how to make your website blazing fast
Web Perfomance Talk at Twitter London: how to make your website blazing fastWeb Perfomance Talk at Twitter London: how to make your website blazing fast
Web Perfomance Talk at Twitter London: how to make your website blazing fast
 
IPT – Java Robotics and IoT
IPT – Java Robotics and IoTIPT – Java Robotics and IoT
IPT – Java Robotics and IoT
 
Story behind PF 2016
Story behind PF 2016Story behind PF 2016
Story behind PF 2016
 
Batbwjs42
Batbwjs42Batbwjs42
Batbwjs42
 
IPT Workshops on Java Robotics and IoT
IPT Workshops on Java Robotics and IoTIPT Workshops on Java Robotics and IoT
IPT Workshops on Java Robotics and IoT
 
[HTML5DevConf SF] Hardware Hacking for Javascript Developers
[HTML5DevConf SF] Hardware Hacking for Javascript Developers[HTML5DevConf SF] Hardware Hacking for Javascript Developers
[HTML5DevConf SF] Hardware Hacking for Javascript Developers
 
Hackathon: “IPTPI and LeJaRo Meet The Real World”
Hackathon: “IPTPI and LeJaRo Meet The Real World”Hackathon: “IPTPI and LeJaRo Meet The Real World”
Hackathon: “IPTPI and LeJaRo Meet The Real World”
 
Ultimate Free Digital Marketing Toolkit #EdgeBristol 2012
Ultimate Free Digital Marketing Toolkit #EdgeBristol 2012Ultimate Free Digital Marketing Toolkit #EdgeBristol 2012
Ultimate Free Digital Marketing Toolkit #EdgeBristol 2012
 
Arduino Project
Arduino ProjectArduino Project
Arduino Project
 
10 Ways Everyone Can Support the Java Community
10 Ways Everyone Can Support the Java Community10 Ways Everyone Can Support the Java Community
10 Ways Everyone Can Support the Java Community
 
Pitfall for WioLTE
Pitfall for WioLTEPitfall for WioLTE
Pitfall for WioLTE
 
Start! ATS programming
Start! ATS programmingStart! ATS programming
Start! ATS programming
 
Batbwjs36
Batbwjs36Batbwjs36
Batbwjs36
 

More from Jonathan LeBlanc

More from Jonathan LeBlanc (20)

JavaScript App Security: Auth and Identity on the Client
JavaScript App Security: Auth and Identity on the ClientJavaScript App Security: Auth and Identity on the Client
JavaScript App Security: Auth and Identity on the Client
 
Improving Developer Onboarding Through Intelligent Data Insights
Improving Developer Onboarding Through Intelligent Data InsightsImproving Developer Onboarding Through Intelligent Data Insights
Improving Developer Onboarding Through Intelligent Data Insights
 
Better Data with Machine Learning and Serverless
Better Data with Machine Learning and ServerlessBetter Data with Machine Learning and Serverless
Better Data with Machine Learning and Serverless
 
Best Practices for Application Development with Box
Best Practices for Application Development with BoxBest Practices for Application Development with Box
Best Practices for Application Development with Box
 
Box Platform Overview
Box Platform OverviewBox Platform Overview
Box Platform Overview
 
Box Platform Developer Workshop
Box Platform Developer WorkshopBox Platform Developer Workshop
Box Platform Developer Workshop
 
Modern Cloud Data Security Practices
Modern Cloud Data Security PracticesModern Cloud Data Security Practices
Modern Cloud Data Security Practices
 
Box Authentication Types
Box Authentication TypesBox Authentication Types
Box Authentication Types
 
Understanding Box UI Elements
Understanding Box UI ElementsUnderstanding Box UI Elements
Understanding Box UI Elements
 
Understanding Box applications, tokens, and scoping
Understanding Box applications, tokens, and scopingUnderstanding Box applications, tokens, and scoping
Understanding Box applications, tokens, and scoping
 
The Future of Online Money: Creating Secure Payments Globally
The Future of Online Money: Creating Secure Payments GloballyThe Future of Online Money: Creating Secure Payments Globally
The Future of Online Money: Creating Secure Payments Globally
 
Modern API Security with JSON Web Tokens
Modern API Security with JSON Web TokensModern API Security with JSON Web Tokens
Modern API Security with JSON Web Tokens
 
Creating an In-Aisle Purchasing System from Scratch
Creating an In-Aisle Purchasing System from ScratchCreating an In-Aisle Purchasing System from Scratch
Creating an In-Aisle Purchasing System from Scratch
 
Secure Payments Over Mixed Communication Media
Secure Payments Over Mixed Communication MediaSecure Payments Over Mixed Communication Media
Secure Payments Over Mixed Communication Media
 
Protecting the Future of Mobile Payments
Protecting the Future of Mobile PaymentsProtecting the Future of Mobile Payments
Protecting the Future of Mobile Payments
 
Node.js Authentication and Data Security
Node.js Authentication and Data SecurityNode.js Authentication and Data Security
Node.js Authentication and Data Security
 
PHP Identity and Data Security
PHP Identity and Data SecurityPHP Identity and Data Security
PHP Identity and Data Security
 
Secure Payments Over Mixed Communication Media
Secure Payments Over Mixed Communication MediaSecure Payments Over Mixed Communication Media
Secure Payments Over Mixed Communication Media
 
Protecting the Future of Mobile Payments
Protecting the Future of Mobile PaymentsProtecting the Future of Mobile Payments
Protecting the Future of Mobile Payments
 
Future of Identity, Data, and Wearable Security
Future of Identity, Data, and Wearable SecurityFuture of Identity, Data, and Wearable Security
Future of Identity, Data, and Wearable Security
 

Recently uploaded

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 

Recently uploaded (20)

Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Evaluating the top large language models.pdf
Evaluating the top large language models.pdfEvaluating the top large language models.pdf
Evaluating the top large language models.pdf
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 

JavaScript and Internet Controlled Hardware Prototyping (Now with more Node Goodnesss)

Editor's Notes

  1. Bryce Bigger of The Bigger Design http://makerfairecolumbiasc.com/tag/nerf-sentry-gun/
  2. Internet Controller Hardware – Arduino Yun, etc. Extending to other languages, Tessel = JavaScript, Node.js through Johnny 5
  3. Arduino Yun
  4. The modularity and extensibility of the Devices sets them apart from just using The hardware components of a phone, etc
  5. Alternate framework: Noduino (http://semu.github.io/noduino/) – accessing arduino from web applications (HTML5 / JS / Node)
  6. How Johnny 5 works – standard firmata uploaded to the microcontroller, then Node.js script controlled.
  7. http://arduino.cc/en/reference/firmata http://www.firmata.org/wiki/Main_Page
  8. Picking the right version of the arduino software http://arduino.cc/en/main/software
  9. Upload the firmata program to the board
  10. Crap that was hard…
  11. 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)