Df13 realtime draft (2)

31
The Real-time World with Canvas, Heroku, Node.js, and Force.com Streaming Kevin O’Hara, LevelEleven, CTO @kevino80 Shoby Abdi, 7Summits Agency, Senior Director @shobyabdi

Transcript of Df13 realtime draft (2)

Page 1: Df13 realtime draft (2)

The Real-time World with Canvas, Heroku, Node.js, and Force.com StreamingKevin O’Hara, LevelEleven, CTO@kevino80

Shoby Abdi, 7Summits Agency, Senior Director@shobyabdi

Page 2: Df13 realtime draft (2)

Kevin O’HaraCTO, LevelEleven@kevino80

Page 3: Df13 realtime draft (2)

Shoby AbdiSenior Director, 7Summits Agency@shobyabdi

Page 4: Df13 realtime draft (2)

Objective

•Learn about what Real-time is•Take a look at some Real-time technologies•See a demo showing how you can leverage Real-time•Q/A

Page 5: Df13 realtime draft (2)

The Olden Days

Request

Response

Circa 1992-1995

Page 6: Df13 realtime draft (2)

A Little Less “Olden Days”

Request

Response

Circa 1996-1998

Page 7: Df13 realtime draft (2)

Fairly Recent Years

Request

Response

Circa 1998-2005

Response

Request

Page 8: Df13 realtime draft (2)

Present Day

Page 9: Df13 realtime draft (2)

Mo Data, Mo Problems

Yeah….not gonna cut it

Page 10: Df13 realtime draft (2)

Mo Data, Mo Problems

Because I need all of this too…

Page 11: Df13 realtime draft (2)

And this stuff is happening now…

How do I keep up?

Page 12: Df13 realtime draft (2)

The Answer?

Maybe 5 years ago…

Page 13: Df13 realtime draft (2)

The Answer?

But that’s not Real-time!

Page 14: Df13 realtime draft (2)

What is Real-time?

Page 15: Df13 realtime draft (2)

What is Real-time Not?

Page 16: Df13 realtime draft (2)

Not This

Page 17: Df13 realtime draft (2)

Not This

Page 18: Df13 realtime draft (2)

It’s This

Page 19: Df13 realtime draft (2)

Node.js

Page 20: Df13 realtime draft (2)

Web Sockets

Page 21: Df13 realtime draft (2)

Socket.io

Page 22: Df13 realtime draft (2)

Heroku Labs Technology: WebSockets

Client

Server

Page 23: Df13 realtime draft (2)

Node.js and Socket.io (or WebSockets)

Page 24: Df13 realtime draft (2)

Streaming API

Page 25: Df13 realtime draft (2)

Canvas

Page 26: Df13 realtime draft (2)

Google Maps + Twitter Streaming API

Page 27: Df13 realtime draft (2)
Page 28: Df13 realtime draft (2)

Demo Time!

Page 29: Df13 realtime draft (2)

In Summary

nforce https://github.com/kevinohara80/nforce

Heroku Labs Websockets https://devcenter.heroku.com/articles/heroku-labs-websockets

socket.io http://socket.io

Force.com canvas http://wiki.developerforce.com/page/Force.com_Canvas

Page 30: Df13 realtime draft (2)

Kevin O’Hara

CTO@kevino80

Shoby Abdi

Senior Director@shobyabdi

Page 31: Df13 realtime draft (2)