{"id":777,"date":"2013-11-19T11:45:45","date_gmt":"2013-11-19T16:45:45","guid":{"rendered":"http:\/\/blog.agilityfeat.com\/?p=777"},"modified":"2013-11-19T11:45:45","modified_gmt":"2013-11-19T16:45:45","slug":"modev-realtime-preview","status":"publish","type":"post","link":"https:\/\/agilityfeatpanama.com\/en\/blog\/2013\/11\/modev-realtime-preview\/","title":{"rendered":"Real time app preview at MoDevEast"},"content":{"rendered":"<p>The future of web and mobile development is happening in real time.  As real time data and communications become easier to integrate into applications, you will need to change the architecture and even business models of your applications to support it.<\/p>\n<p><a href=\"http:\/\/gomodev.com\/modeveast-preview-arin-sime-david-alfaro\/\"><img loading=\"lazy\" src=\"https:\/\/agilityfeat.com\/wp-content\/uploads\/2013\/11\/modev_spkr_728x90.jpg\" alt=\"modev_spkr_728x90\" width=\"728\" height=\"90\" class=\"alignleft size-full wp-image-778\" style=\"max-width: 728px\" \/><\/a><br \/>\n<br clear=\"left\"\/><\/p>\n<p>Our team has built a variety of enterprise applications using real time messaging frameworks like PubNub, and at the <a href=\"http:\/\/MoDevEast.com\">MoDevEast<\/a> conference in Washington DC in December, we\u2019re going to share what we\u2019ve learned, and what we see coming up in the future (hint: the future involves a lot of <a href=\"http:\/\/www.webrtc.org\/\">WebRTC<\/a>).<\/p>\n<p><strong>To keep our session engaging and to demonstrate the use of real time messaging frameworks, we\u2019re building our own little responsive web presentation application that will allow us to show the slides, gather audience votes and comments, and control the slides from our mobile phones.<\/strong><\/p>\n<p><a href=\"https:\/\/agilityfeat.com\/wp-content\/uploads\/2013\/11\/PresenterView.png\"><img loading=\"lazy\" src=\"https:\/\/agilityfeat.com\/wp-content\/uploads\/2013\/11\/PresenterView.png\" alt=\"PresenterView\" width=\"663\" height=\"640\" style=\"max-width: 663px; max-height: 640px;\" class=\"alignleft size-full wp-image-782\" \/><\/a><br \/>\n<br clear=\"left\"\/><br \/>\n<em>A preview of the main presentation app we are building.  This is the screen that will be displayed on the projector, showing our power point slides, comments in real time from attendees, and vote tallies on the quality of each slide<\/em><\/p>\n<p>This is all actively in development now, and our team had a good demo internally last week that highlight some of the features.  Here\u2019s a little video clip from the demo where you can see that in addition to seeing the fake powerpoint slides change, you also see comments coming in from users on the right, and votes coming in on the bottom.  <\/p>\n<p><!-- copy and paste. Modify height and width if desired. --><br \/>\n<object id=\"scPlayer\"  width=\"643\" height=\"362\" type=\"application\/x-shockwave-flash\" data=\"http:\/\/content.screencast.com\/users\/AgilityFeat\/folders\/AgilityCasts\/media\/111125da-5c88-4aa1-8093-4cb948a5cf91\/scplayer.swf\" ><param name=\"movie\" value=\"http:\/\/content.screencast.com\/users\/AgilityFeat\/folders\/AgilityCasts\/media\/111125da-5c88-4aa1-8093-4cb948a5cf91\/scplayer.swf\" \/><param name=\"quality\" value=\"high\" \/><param name=\"bgcolor\" value=\"#FFFFFF\" \/><param name=\"flashVars\" value=\"thumb=http:\/\/content.screencast.com\/users\/AgilityFeat\/folders\/AgilityCasts\/media\/111125da-5c88-4aa1-8093-4cb948a5cf91\/FirstFrame.jpg&#038;containerwidth=960&#038;containerheight=540&#038;xmp=sc.xmp&#038;content=http:\/\/content.screencast.com\/users\/AgilityFeat\/folders\/AgilityCasts\/media\/111125da-5c88-4aa1-8093-4cb948a5cf91\/AgilityFeat_MoDevEast_DemoNov15.m4v&#038;blurover=false\" \/><param name=\"allowFullScreen\" value=\"true\" \/><param name=\"scale\" value=\"showall\" \/><param name=\"allowScriptAccess\" value=\"always\" \/><param name=\"base\" value=\"http:\/\/content.screencast.com\/users\/AgilityFeat\/folders\/AgilityCasts\/media\/111125da-5c88-4aa1-8093-4cb948a5cf91\/\" \/><iframe type=\"text\/html\" frameborder=\"0\" scrolling=\"no\" style=\"overflow:hidden;\" src=\"http:\/\/www.screencast.com\/users\/AgilityFeat\/folders\/AgilityCasts\/media\/111125da-5c88-4aa1-8093-4cb948a5cf91\/embed\" height=\"362\" width=\"643\" ><\/iframe><\/object> <\/p>\n<p>The scrolling vote chart is not working yet, but you can see the votes changing in the bottom right as the attendees vote on the quality of each slide.<\/p>\n<p>Conference attendees will be able to pull up our presentation\u2019s URL on their mobile devices and see a screen like the following:<\/p>\n<p><a href=\"https:\/\/agilityfeat.com\/wp-content\/uploads\/2013\/11\/AttendeeMobileSlides.png\"><img loading=\"lazy\" src=\"https:\/\/agilityfeat.com\/wp-content\/uploads\/2013\/11\/AttendeeMobileSlides.png\" style=\"max-width: 371px; max-height: 456px;\" alt=\"AttendeeMobileSlides\" width=\"371\" height=\"456\" class=\"alignleft size-full wp-image-781\" \/><\/a><br \/>\n<br clear=\"left\"\/><br \/>\n<em>Attendee&#8217;s view on their mobile devices<\/em><\/p>\n<p>They see the current slide of our presentation on their device, and they can vote on the quality of that slide.  Their votes are immediately tallied and averaged in with other votes on the main screen.  In addition, they can enter a comment which will be sent to the main screen immediately and to all other attendees\u2019 devices.<\/p>\n<p>When the presenters go to the presentation app on our mobile devices, we will see the current slide and controls to advance the presentation slides.  We will control the presentation from our phones in real time.  As soon as we advance a slide, it will update on the main screen and on all attendee screens.<\/p>\n<p><a href=\"https:\/\/agilityfeat.com\/wp-content\/uploads\/2013\/11\/PresentersMobileView.png\"><img loading=\"lazy\" src=\"https:\/\/agilityfeat.com\/wp-content\/uploads\/2013\/11\/PresentersMobileView.png\" alt=\"PresentersMobileView\" style=\"max-width: 172px; max-height: 232px;\" width=\"172\" height=\"232\" class=\"alignleft size-full wp-image-780\" \/><\/a><br \/>\n<br clear=\"left\"\/><br \/>\n<em>Presenter&#8217;s mobile view to control the slides<\/em><\/p>\n<p>As of now, all of the messaging is built using PubNub, and in the first half of our presentation on December 13th we\u2019ll show the code and teach you how to do it as well.  <\/p>\n<p>The next big step for us to implement is some video and audio support using WebRTC.  The second half of our presentation will focus on this cutting edge technology.  We\u2019ll demo some features and talk about the current level of support for WebRTC in the browser and on mobile devices, and where it\u2019s headed in the future.<\/p>\n<p>The nice folks at MoDevEast recorded a podcast with David and I last week talking about our session.  You can listen to that below:<\/p>\n<p><a href=\"http:\/\/gomodev.com\/modeveast-preview-arin-sime-david-alfaro\/\"><img loading=\"lazy\" src=\"https:\/\/agilityfeat.com\/wp-content\/uploads\/2013\/11\/modev_spkr_728x90.jpg\" style=\"max-width: 728px\" alt=\"modev_spkr_728x90\" width=\"728\" height=\"90\" class=\"alignleft size-full wp-image-778\" \/><\/a><br \/>\n<br clear=\"left\"\/><\/p>\n<p><a href=\"http:\/\/gomodev.com\/modeveast-preview-arin-sime-david-alfaro\/\" target=\"_blank\" rel=\"noopener noreferrer\">Listen to the podcast with David and Arin<\/a><\/p>\n<p><br clear=\"left\"\/><\/p>\n<p>If you\u2019re anywhere near DC on December 13th, please join us for a great session!  Bring your laptops and mobile devices and be prepared to interact with us during the session for a great experience.<\/p>\n<p>To register for MoDevEast, visit <a href=\"http:\/\/bit.ly\/1g2Y84a\" target=\"_blank\" rel=\"noopener noreferrer\">MoDevEast.com<\/a> and <strong>save 10% by registering with code SPKR15<\/strong>. <\/p>\n<p>Finally, I want to make a little plug for a new service that we are offering.  <strong>If you\u2019re interested in these sorts of messaging frameworks, WebRTC, and the future of the real time web, then please sign up for <a href=\"http:\/\/RealTimeWeekly.com\" target=\"_blank\" rel=\"noopener noreferrer\">Real Time Weekly<\/a>.<\/strong><\/p>\n<p><a href=\"http:\/\/RealTimeWeekly.com\"><img loading=\"lazy\" src=\"https:\/\/agilityfeat.com\/wp-content\/uploads\/2013\/11\/RealTimeWeeklyBanner.png\" alt=\"RealTimeWeeklyBanner\" width=\"563\" style=\"max-width: 563px; max-height: 220px;\" height=\"220\" class=\"alignleft size-full wp-image-779\" \/><\/a><br \/>\n<br clear=\"left\"\/><\/p>\n<p>It\u2019s a <a href=\"http:\/\/RealTimeWeekly.com\" target=\"_blank\" rel=\"noopener noreferrer\">free email newsletter<\/a> we\u2019ve created that contains the best content on Real Time Messaging that we can find every week, including the latest business news, frameworks and tech tutorials, product releases, and upcoming events.   It\u2019s free and will be in your inbox every week! <\/p>","protected":false},"excerpt":{"rendered":"<p>The future of web and mobile development is happening in real time. As real time data and communications become easier to integrate into applications, you will need to change the architecture and even business models of your applications to support it. Our team has built a variety of enterprise applications using real time messaging frameworks [&hellip;]<\/p>","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":""},"categories":[7],"tags":[19,101,80,108,114,102,22,23],"jetpack_featured_media_url":"","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v15.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Real time app preview at MoDevEast - AgilityFeat Panama Software Test Center<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/agilityfeatpanama.com\/en\/blog\/2013\/11\/modev-realtime-preview\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Real time app preview at MoDevEast - AgilityFeat Panama Software Test Center\" \/>\n<meta property=\"og:description\" content=\"The future of web and mobile development is happening in real time. As real time data and communications become easier to integrate into applications, you will need to change the architecture and even business models of your applications to support it. Our team has built a variety of enterprise applications using real time messaging frameworks [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/agilityfeatpanama.com\/en\/blog\/2013\/11\/modev-realtime-preview\/\" \/>\n<meta property=\"og:site_name\" content=\"AgilityFeat Panama Software Test Center\" \/>\n<meta property=\"article:published_time\" content=\"2013-11-19T16:45:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/agilityfeat.com\/wp-content\/uploads\/2013\/11\/modev_spkr_728x90.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"3 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/34.200.113.64\/#website\",\"url\":\"https:\/\/34.200.113.64\/\",\"name\":\"AgilityFeat Panama Software Test Center\",\"description\":\"AgilityFeat Panama offers customized, multilevel web and mobile software testing for a variety of industries.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/34.200.113.64\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/agilityfeatpanama.com\/blog\/2013\/11\/modev-realtime-preview\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/agilityfeat.com\/wp-content\/uploads\/2013\/11\/modev_spkr_728x90.jpg\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/agilityfeatpanama.com\/blog\/2013\/11\/modev-realtime-preview\/#webpage\",\"url\":\"https:\/\/agilityfeatpanama.com\/blog\/2013\/11\/modev-realtime-preview\/\",\"name\":\"Real time app preview at MoDevEast - AgilityFeat Panama Software Test Center\",\"isPartOf\":{\"@id\":\"https:\/\/34.200.113.64\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/agilityfeatpanama.com\/blog\/2013\/11\/modev-realtime-preview\/#primaryimage\"},\"datePublished\":\"2013-11-19T16:45:45+00:00\",\"dateModified\":\"2013-11-19T16:45:45+00:00\",\"author\":{\"@id\":\"https:\/\/34.200.113.64\/#\/schema\/person\/c8d60d597071526db386b2b8a4afac64\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/agilityfeatpanama.com\/blog\/2013\/11\/modev-realtime-preview\/\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/34.200.113.64\/#\/schema\/person\/c8d60d597071526db386b2b8a4afac64\",\"name\":\"arin\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/34.200.113.64\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/cc498e210512c707ed769986dd745896?s=96&d=mm&r=g\",\"caption\":\"arin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/agilityfeatpanama.com\/en\/wp-json\/wp\/v2\/posts\/777"}],"collection":[{"href":"https:\/\/agilityfeatpanama.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/agilityfeatpanama.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/agilityfeatpanama.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/agilityfeatpanama.com\/en\/wp-json\/wp\/v2\/comments?post=777"}],"version-history":[{"count":0,"href":"https:\/\/agilityfeatpanama.com\/en\/wp-json\/wp\/v2\/posts\/777\/revisions"}],"wp:attachment":[{"href":"https:\/\/agilityfeatpanama.com\/en\/wp-json\/wp\/v2\/media?parent=777"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/agilityfeatpanama.com\/en\/wp-json\/wp\/v2\/categories?post=777"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/agilityfeatpanama.com\/en\/wp-json\/wp\/v2\/tags?post=777"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}