Johnny-Five was created 6 years ago and in the process kickstarted the JavaScript robotics movement and JavaScript based IoT. J5, as we call it, has been around ever since the rise of modern IoT, and the project has a lot to teach us. JavaScript and J5 brings a lot to the table for hardware. The asynchronous nature of JavaScript fits perfectly with real-world sensors, and the digital UI origins of JavaScript dovetail nicely with the physical UI of hardware. Most importantly, we focused the project on non-experts and we cultivated a welcoming, inclusive community. Knowing these lessons and more are critical going forward if we hope to create open and ethical IoT ecosystem.

1. Johnny-Five and the Rise of JavaScript
Hardware
Bryan Hughes, Ph.D.
Microsoft
@nebrius
aka.ms/nebrius-vs18

2. Why JavaScript?

3. aka.ms/nebrius-vs18
Hardware is inherently
async

4. aka.ms/nebrius-vs18
Lower barrier to entry

5. aka.ms/nebrius-vs18
Diverse community ==
more innovation

6. What is
Johnny-Five?

7. aka.ms/nebrius-vs18
jQuery of hardware, in a
good way

8. aka.ms/nebrius-vs18
Hello World
const five = require('johnny-five');
const board = new five.Board();
board.on('ready', () => {
const led = new five.Led(5);
led.blink();
});

9. aka.ms/nebrius-vs18
Button Input
const five = require('johnny-five');
const board = new five.Board();
board.on('ready', () => {
const button = new five.Button(2);
button.on('hold', () => {
console.log('Button held’);
});
button.on('release', () => {
console.log('Button released’);
});
});

10. aka.ms/nebrius-vs18
Sensors
const five = require('johnny-five');
const board = new five.Board();
board.on('ready', () => {
const temperature = new five.Thermometer({
controller: 'MCP9808’
});
temperature.on('data', () => {
console.log(`celsius: ${temperature.C}`);
console.log(`fahrenheit: ${temperature.F}`);
console.log(`kelvin: ${temperature.K}`);
});
});

11. aka.ms/nebrius-vs18
Motors
const five = require('johnny-five');
const board = new five.Board();
board.on('ready', () => {
const motors = new five.Motors([
{ controller: 'PCA9685’ },
{ pins: { dir: 4, cdir: 5, pwm: 6 } },
{ pins: { dir: 4, cdir: 5, pwm: 6 } }
]);
motors.forward(255);
motors[0].stop();
});

12. aka.ms/nebrius-vs18
Animation
const five = require('johnny-five');
const board = new five.Board();
board.on('ready', () => {
const servos = new five.Servos([ 9, 10, 11 ]);
const animation = new five.Animation(servos);
animation.enqueue({
duration: 2000,
cuePoints: [ 0, 0.5, 1.0 ],
keyFrames: [
[{degrees: 0}, {degrees: 135}, {degrees: 180}],
[{degrees: 0}, {degrees: 90}, {degrees: 180}],
[{degrees: 0}, {degrees: 45}, {degrees: 180}]
]
});
});

13. aka.ms/nebrius-vs18
LCD Displays
const five = require('johnny-five');
const Oled = require('oled-js');
const font = require('oled-font-5x7');
const board = new five.Board();
board.on('ready', () => {
const opts = { width: 128, height: 64, address: 0x3D };
const oled = new Oled(board, five, opts);
oled.clearDisplay();
oled.setCursor(1, 1);
oled.writeString(font, 1, 'Hi View Source!', 1, true, 2);
oled.update();
});

14. aka.ms/nebrius-vs18
Supported Platforms

15. aka.ms/nebrius-vs18
Raspberry Pi
const five = require('johnny-five');
const Raspi = require('raspi-io’);
const board = new five.Board({
io: new Raspi()
});
board.on('ready', () => {
const led = new five.Led('GPIO4’);
led.blink();
});

16. The Power of Community

17. aka.ms/nebrius-vs18
Software is Built
on Open Source

18. aka.ms/nebrius-vs18
Enterprise is built
on Open Source

19. aka.ms/nebrius-vs18
Open source is
built by people

20. aka.ms/nebrius-vs18
The People of Johnny-Five

21. Thank You