Sharing hardware with JavaScript

Transcript

1. Sharing hardware! with JavaScript! @mulpat MunichJS - November 2014

2. Weather station http://www.node-disassemble.com/2014/09/04/lcd-weather-display/ Software Hardware

3. sharing projects today :(

4. code only no wiring, schematics, …?

5. non browser no HTML, SVG, …?

6. open … ?!

7. Makers love ! the web https://www.flickr.com/photos/sparkfun/14166845099/

8. web electronics [render, edit, interact]

9. some nice projects :)

10. joint.js for diagrams

11. Circuit.js <canvas id="schematic" width="500" height="500"></canvas> {! "title": "OPA2107",! "type": "dip",!

    "pins": [! "OUTPUT1",! "INPUT1-",! "INPUT1+",! "V-",! "INPUT1+",! "INPUT1-",! "OUTPUT2",! "V+"! ]! } var canvas = document.getElementById('schematic');! var context = canvas.getContext('2d');! ! circuit.part(schematic).draw(canvas);

12. Wavedrom.js

13. VivaSVG var points = require(‘data’);! var vivasvg = require('vivasvg');! !

    vivasvg.bootstrap(! document.getElementById(‘main'),! {points: points}! );

14. PinboardJS http://pinboardjs.divshot.io/ Grid board modules

15. towards github for hardware

16. OSHPark

17. upverter

18. make things … www.flickr.com/photos/jeanbaptisteparis/4484158490

19. None