Sharing hardware with JavaScript

small overview on JavaScript libraries that help sharing hardware online

Transcript

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

   View Slide

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

   View Slide

3. sharing projects
   today :(
   

   View Slide

4. code only
   no wiring, schematics, …?
   

   View Slide

5. non browser
   no HTML, SVG, …?
   

   View Slide

6. open … ?!
   

   View Slide

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

   View Slide

8. web
   electronics
   [render, edit, interact]
   

   View Slide

9. some nice
   projects :)
   

   View Slide

10. joint.js
    for diagrams
    

    View Slide

11. Circuit.js
    
    {!
    "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);
    

    View Slide

12. Wavedrom.js
    

    View Slide

13. VivaSVG
    var points = require(‘data’);!
    var vivasvg = require('vivasvg');!
    !
    vivasvg.bootstrap(!
    document.getElementById(‘main'),!
    {points: points}!
    );
    

    View Slide

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

    View Slide

15. towards github
    for hardware
    

    View Slide

16. OSHPark
    

    View Slide

17. upverter
    

    View Slide

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

    View Slide

19. View Slide