+ Follow

Arduino and the real time web

by Andrew Fisher on Jan 16, 2012

2,217 views

Using real time aspects of the web and Socket IO (Django SocketIO) to pull data from an Arduino or to control one.

More…

Using real time aspects of the web and Socket IO (Django SocketIO) to pull data from an Arduino or to control one.

Less

6 Embeds 185

http://lanyrd.com	91
http://postscapes.com	86
http://a0.twimg.com	3
http://us-w1.rockmelt.com	3
http://paper.li	1
http://thinkery.me	1

Statistics

Favorites: 3
Downloads: 35
Comments: 3
Embed Views: 185
Views on SlideShare: 2,032
Total Views: 2,217

Arduino and the real time web — Presentation Transcript

Arduino and the real time webLinux Conf AU – Arduino Miniconf16 January, 2012@ajfisher

Slides, notes & code...@ajfisherslideshare.net/andrewjfishergithub.com/ajfisher

Arduino ❤ Web

Arduino networking introductionPhoto (CC): Flickr rfranklinaz

Arduino networking resourcesArduino IDEExamples/Ethernet/Web Client & Web ServerArduino documentationarduino.cc/it/Reference/Ethernet

Sensor serving doesnt have to be plain @ajfisher @superhighfives

Simple web servingArduino web server examplesExamples/Ethernet/Web ServerArduServerwww.arduserver.com

Web interaction using an arduinoReSTduinogithub.com/jjg/RESTduinowebduinogithub.com/sirleech/Webduinoduino.jsgithub.com/ecto/duinoGeneric network pulsergist.github.com/1290670

Why is real time webinteraction important for an arduino?

World domination by arduinoPhoto (CC): Flickr marcus ramberg

@kevinrohling s web sockets controlled robot

Difficult?Photo (CC): Flickr Vrogy

Photo (CC): Flickr InertiaCreeps

Web sockets resourcesW3C web sockets specdev.w3.org/html5/websockets/Wikipediaen.wikipedia.org/wiki/WebSocketSocket.IO (JS Library)github.com/LearnBoost/socket.io-specDjango Socket.IO (Django app)github.com/stephenmcd/django-socketio

Real time architecture Web Sockets Server

Web serverfrom django_socketio import events, broadcast,broadcast_channel@events.on_subscribe(channel="channel-name")def channel_subscription(request, socket, context,channel): #do some stuff related to a subscription@events.on_message(channel="^channel-name")def message_processor(request, socket, context,message): message = message[0] foo = message["foo"] bar = message["bar"] #do some processing socket.send({"value":some_value}) socket.broadcast({"foo": foo, "value": some_value})

Web browser clientvar room = channel-name;var socket;$(function() { socket = new io.Socket(); socket.connect(); socket.on(connect, function() { socket.subscribe(room); }); socket.on(message, function(data) { console.log(data.value); }); socket.send({room: room, foo: foo, bar: bar});});

Arduino client#include <WebSocketClient.h>// defsWebSocketClient client(server, "/socket.io/websocket/",80);void setup() { Ethernet.begin(mac, ip); delay(1000); if(client.connect()) { client.setDataArrivedDelegate(dataArrived); client.subscribe("channel-name"); delay(1000); } else { while(1) {} }}void dataArrived(WebSocketClient client, String data) { Serial.println("Data Arrived: " + data);}

Arduino clientvoid loop() { client.monitor(); // send a message String message = "{"room":"channel-name", ""foo": bar }"; client.send(message); delay(1000);}

Example – real time sensor data display Stream live temperature data from two distinct sensors on the network to a web based display that overlays the dataFull code available at https://github.com/ajfisher/realtime-temperature

Arduino sensorvoid loop() { char _s[8]; String message = "{"room":"tempsensor", "; message += ""sensor":"; message += sensor_id; message += ", "value":"; message += dtostrf(get_temp(0), 8, 3, _s); message += "}"; client.send(message); delay(100);}

Web serverfrom django_socketio import events, broadcast_channel#other views@events.on_message(channel="^tempsensor")def get_temperature(request, socket, context,message): message = message[0] value = message["value"] sensor_id = message["sensor"] socket.broadcast_channel( {"sensor": sensor_id, "value":value}, channel="tempvalues" )

Discussion$(function() { socket = new io.Socket(); socket.connect(); socket.on(connect, function() { socket.subscribe(tempvalues); CreateTimeline(); }); socket.on(message, function(data) { tempdata[data.sensor].append( new Date().getTime(), data.value ); });});

Static view of data that was presented locally live

Other applicationsScale out sensor networkWeb controlled installationsM2M

Things to try outPusherpusher.comSocket IOsocket.ioArduino Web Sockets Clientsgithub.com/krohling/ArduinoWebsocketClientgithub.com/krohling/ArduinoPusherClient

Arduino and the real time web@ajfisherslideshare.net/andrewjfishergithub.com/ajfisher

Andrea Reginato , Software developer at Lelylan Looks amazing. One question raises my mind. How could you handle authentication in this flow? 2 months ago

Are you sure you want to Yes No

Andrew Fisher , Chief Technology Officer at JBA / Rocket Melbourne Good point - have updated the resources slide to add the excellent Django SocketIO project in as well. 4 months ago

Stephen McDonald at Fairfax Media Ton of links to resources in these slides, but the one that most of the code's based on (django-socketio) isn't there, so here it is: https://github.com/stephenmcd/django-socketio 4 months ago

Arduino and the real time web

by Andrew Fisher on Jan 16, 2012

Accessibility

Categories

Tags

Upload Details

Usage Rights

6 Embeds 185

Statistics

Arduino and the real time web — Presentation Transcript