Sharing hardware with JavaScript

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

sharing projects today :(

Slide 4

Slide 4 text

code only no wiring, schematics, …?

Slide 5

Slide 5 text

non browser no HTML, SVG, …?

Slide 6

Slide 6 text

open … ?!

Slide 7

Slide 7 text

Makers love ! the web https://www.ﬂickr.com/photos/sparkfun/14166845099/

Slide 8

Slide 8 text

web electronics [render, edit, interact]

Slide 9

Slide 9 text

some nice projects :)

Slide 10

Slide 10 text

joint.js for diagrams

Slide 11

Slide 11 text

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);

Slide 12

Slide 12 text

Wavedrom.js

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

towards github for hardware

Slide 16

Slide 16 text

OSHPark

Slide 17

Slide 17 text

upverter

Slide 18

Slide 18 text

make things … www.ﬂickr.com/photos/jeanbaptisteparis/4484158490

Slide 19

Slide 19 text

No content