Real-Time GIS Using SignalR and JSAPI - Esri DevSummit 2013

2,935 views

Published on

Demo of a proof-of-concept for using the SignalR library with the Esri JavaScript API to provide front-end real-time functionality.
Source code for this project is available on GitHub
https://github.com/AmrEldib/RealTimeGisWithSignalR
More info are on my blog
http://www.AmrEldib.com
You contact me on Twitter @AmrEldib

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,935
On SlideShare
0
From Embeds
0
Number of Embeds
1,761
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Real-Time GIS Using SignalR and JSAPI - Esri DevSummit 2013

  1. 1. REAL-TIME GIS USINGSIGNALR AND JSAPIA PROOF-OF-CONCEPTAMR ELDIBEsri Canada Esri International Developer Summit 2013 Technical Sessions #DevSummit March 28, 2013 8:30am – Palm Springs Convention Center
  2. 2. WHO DOESN’T LIKE COMMAND CENTERS William Shatner as Captain James T. Kirk commanding the bridge of the USS Enterprise Star Trek during the third season (1968–1969)
  3. 3. THESE GUYS DON’T Chris ODowd as Roy Trenneman, Richard Ayoade as Maurice Moss, and Katherine Parkinson as Jen Barber from the British TV show “The IT Crowd”
  4. 4. COMMAND CENTERS TODAY Anton Yelchin as Pavel Chekov, Chris Pine as Captain James T. Kirk, and John Cho as Hikaru Sulu from the 2009 J. J. Abrams’ Reboot of StarTrek
  5. 5. COMMAND CENTERS TODAY Just some cubicles with computers.
  6. 6. SIGNALR  Incredibly simple to add real-time.  Start with WebSockets, and gracefully fallback to other technologies when it’s not available. WebSockets > Server-sent Events > Forever Frame > Long Polling  Existing SignalR Samples  Jabbr a Chat Server.  ShootR a Multiplayer Shooter Game.
  7. 7. SIGNALR OPEN SOURCE SUPPORTED
  8. 8. HOW IT WORKS Inherits Microsoft.AspNet.SignalR.Hub Public methods are callable from client Clients.All.myFunction Override event handlers to handle clients activities (connecting, disconnecting, etc.) var proxy = $.connection.myHubClass proxy.client.myFunction = myFunction proxy.server.myMethod
  9. 9. SHOW ME THE CODECallablefrom Inherits SignalR.Hubclient-side Calling client function
  10. 10. SHOW ME THE CODEClient- Reference to ProxyfunctioncallablefromServer Connection ID
  11. 11. SHOW ME THE CODE
  12. 12. SEE IT IN ACTION Click the screenshot to play video
  13. 13. SCENARIOS CLIENT-TO-CLIENT SERVER-TO-CLIENT
  14. 14. THANK YOUAmrEldib.combit.ly/GisSignalR@AmrEldibbit.ly/FreeSignalRBook Esri International Developer Summit 2013 Technical Sessions All trademarks are copyrighted to their owners.

×