Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Sharing hardware with JavaScript

mulderp
November 07, 2014

Sharing hardware with JavaScript

small overview on JavaScript libraries that help sharing hardware online

mulderp

November 07, 2014
Tweet

More Decks by mulderp

Other Decks in Programming

Transcript

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

    View full-size slide

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

    View full-size slide

  3. sharing projects
    today :(

    View full-size slide

  4. code only
    no wiring, schematics, …?

    View full-size slide

  5. non browser
    no HTML, SVG, …?

    View full-size slide

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

    View full-size slide

  7. web
    electronics
    [render, edit, interact]

    View full-size slide

  8. some nice
    projects :)

    View full-size slide

  9. joint.js
    for diagrams

    View full-size slide

  10. 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 full-size slide

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

    View full-size slide

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

    View full-size slide

  13. towards github
    for hardware

    View full-size slide

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

    View full-size slide