Real time web (Orbited) at BCNE3
•Download as ODP, PDF•
0 likes•372 views
A short (and not very technical) presentation about using Orbited & Django to make a real-time web application for taking pledges at a conference.
![Real Time Web Or having a socket in your browser Orbited, Django, MorbidQ “ideas2gather” Alex Kavanagh @ajkavanagh [email_address]](https://image.slidesharecdn.com/bcne-orbited-100321134615-phpapp02/85/Real-time-web-Orbited-at-BCNE3-1-320.jpg)
Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (8)
Similar to Real time web (Orbited) at BCNE3
Similar to Real time web (Orbited) at BCNE3 (20)
Recently uploaded
Recently uploaded (20)
Real time web (Orbited) at BCNE3
- 1. Real Time Web Or having a socket in your browser Orbited, Django, MorbidQ “ideas2gather” Alex Kavanagh @ajkavanagh [email_address]
- 2. Back Story
- 3. There was this journey ...
- 4. … so I agreed to do it (fairly large mistake)
- 5. … so I agreed to do it (fairly large mistake)
- 6. Pre-requisites: Python Javascript IE6 (I know...)
- 7. What I chose: Orbited & MorbidQ STOMP Django jQuery
- 8. Orbited – Networking for the web http://orbited.org COMET
- 11. Django: Full Stack Web Framework Python http:www.djangoproject.com
- 12. STOMP http://stomp.codehaus.org/ The Stomp project is the Streaming Text Orientated Messaging Protocol site (or the Protocol Briefly Known as TTMP and Represented by the symbol :ttmp).
- 13. jQuery Say no more (makes cross browser javascript work)
- 14. ideas2gather (A real-time pledging system for Newcastle Council Health and Well-being Partnership event)
- 16. Stations machines and A Room display
- 19. Room Display
- 21. Code
- 22. {% extends "base.html" %} {% block title%}idea2gather - '{{ event.name }}'{% endblock %} {% block script %} <link rel="stylesheet" href="/static/css/site-wide.css" type="text/css" /> <meta name="channel" content="/topic/{{ event.key }}" /> <meta name="javascript-debug" content="true" /> <meta name="event-key" content="{{ event.key}}"/> <script>document.domain=document.domain</script> <script src="http://{{ orbited_host }}/static/Orbited.js"></script> <script> Orbited.settings.port = 9000; TCPSocket = Orbited.TCPSocket; Orbited.settings.streaming = false; </script> <script src="http://{{ orbited_host }}/static/protocols/stomp/stomp.js"></script>
- 23. function setup_stomp(context, params) { // get our connection to the STOMP server var stomp = new STOMPClient(); stomp.onconnectedframe = function() { stomp.ready = true; stomp.subscribe(context.CHANNEL); setTimeout(params.connect_function, 4000); }; // set up the receive function. stomp.onmessageframe = function(frame) { params.receive_function( frame ); }; ...
- 24. ... var logger = Orbited.getLogger("example"); var reconnectTimer = null; stomp.onopen = function() { if(reconnectTimer) window.clearTimeout(reconnectTimer); }; stomp.onclose = function(c) { logger.debug('Lost Connection, Code: ' + c); reconnectTimer = window.setTimeout( function () { params.reconnect(context); }, 1000); // TODO: autoincrease with cap }; stomp.connect(document.domain, 61613); //, 'guest', 'guest'); return stomp; }
- 25. Problems (some)
- 26. IE (6,7,8) ALL different behaviours
- 27. References: http://orbited.org/blog/2008/09/integrating-orbited-with-web-app-frameworks/ http://stomp.codehaus.org/ http://www.djangoproject.com http://orbited.org