SlideShare une entreprise Scribd logo
1  sur  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 /

Contenu connexe

Tendances

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

Tendances (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
 

Similaire à 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
 

Similaire à 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
 

Plus de Jonathan LeBlanc

Plus de 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
 

Dernier

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

Dernier (20)

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
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...
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 

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

Notes de l'éditeur

  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)