WebSockets http://rickgaribay.net/category/50.aspx WebSockets en-US Rick G. Garibay rickgaribay@hotmail.com Subtext Version 1.9.5.176 Azure Conf Session is Up http://rickgaribay.net/archive/2012/11/16/azure-conf-session-is-up.aspx <p>I had a total blast delivering my session on WebSockets on Windows Azure at <a href="http://channel9.msdn.com/Events/WindowsAzureConf/2012" target="_blank">AzureConf</a> on Wednesday and am pleased to share that the recording of my session is now up.</p> <p>You can view it by clicking below or <a href="http://channel9.msdn.com/Events/WindowsAzureConf/2012/A01" target="_blank">follow this link to view on Channel 9</a> along with a number of other fantastic sessions that highlight how MVPs are using Windows Azure today.</p> <p><a href="http://channel9.msdn.com/Events/WindowsAzureConf/2012/A01" target="_blank"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://rickgaribay.net/images/rickgaribay_net/Windows-Live-Writer/4af85884bd01_EAC3/image_3.png" width="553" height="484" /></a></p> <p>Thanks again to Brady, Cory and team for an amazing event!</p><img src="http://rickgaribay.net/aggbug/351.aspx" width="1" height="1" /> Rick G. Garibay http://rickgaribay.net/archive/2012/11/16/azure-conf-session-is-up.aspx Fri, 16 Nov 2012 23:45:55 GMT http://rickgaribay.net/archive/2012/11/16/azure-conf-session-is-up.aspx#feedback 1 http://rickgaribay.net/comments/commentRss/351.aspx http://rickgaribay.net/services/trackbacks/351.aspx Speaking at AzureConf on Channel 9 Next Week http://rickgaribay.net/archive/2012/11/07/speaking-at-azureconf-on-channel-9-next-week.aspx <p>I am flattered to share that I’ve been invited to speak at <a href="http://www.windowsazureconf.net/" target="_blank">AzureConf</a> one week from today at Channel 9 Studios in Redmond on Wed. 11/14.<a href="http://www.windowsazureconf.net/" target="_blank"><img style="display: inline; float: right" alt="AzureConf Logo" align="right" src="http://az118040.vo.msecnd.net/cdn/microsite/1.7.27/customer/6a6d717f-531c-40a8-b7e3-862700071004/img/azureconf-logo.png" width="409" height="136" /></a></p> <p><a href="http://www.windowsazureconf.net/" target="_blank">AzureConf</a> is a premier live streamed event delivered for the community by the community from Channel 9 Studios on the Microsoft Campus in Redmond, WA.</p> <p> <a href="http://twitter.com/bradygaster" target="_blank">Brady Gaster</a> and <a href="http://twitter.com/syntaxc4" target="_blank">Corey Fowler</a> have been hard at work for several weeks organizing content, logistics and I can tell you that I am both excited and humbled by the speaker line-up and content.</p> <p>The event will kick off with a keynote presentation by <strong><a href="twitter.com/scottgu" target="_blank">Scott Guthrie</a></strong>, along with numerous sessions executed by Windows Azure community members including my friend, colleague and fellow (Azure) MVP <a href="http://twitter.com/michaelcollier" target="_blank"><strong>Michael Collier</strong></a> and esteemed MVPs and Insiders flying in from all over the country/world to join Scott and team at the Channel 9 studios including <a href="http://twitter.com/noopman" target="_blank"><strong>Magnus Martensson</strong></a> and <a href="http://twitter.com/ericdboyd" target="_blank"><strong>Eric Boyd</strong></a>, just to name a few. </p> <p>Streamed live for an online audience on <a href="http://channel9.msdn.com">Channel 9</a>, the event will allow you to see how customers, partners and MVPs are making the most of our skills to develop a variety of innovative applications on Windows Azure. The goal of the conference is to be just as valuable to seasoned Azure developers and architects as well as those just learning the tremendous power of this exciting platform. </p> <p>You can learn more about AzureConf by visiting <a title="http://www.windowsazureconf.net/" href="http://www.windowsazureconf.net/">http://www.windowsazureconf.net/</a>. Please be sure to register as capacity for the live streamed event will be limited (however sessions will be available for playback following the conference).</p> <p>Thank you for your interest and please help spread the word!</p> <p><a href="http://windowsazureconf.net"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px; padding-top: 0px" title="MS1621_Banner_960x60_r06" border="0" alt="MS1621_Banner_960x60_r06" src="http://rickgaribay.net/images/rickgaribay_net/Windows-Live-Writer/Speaking-at-AzureConf-on-Channel9-Next-W_A4E3/MS1621_Banner_960x60_r06_3.jpg" width="964" height="64" /></a></p><img src="http://rickgaribay.net/aggbug/349.aspx" width="1" height="1" /> Rick G. Garibay http://rickgaribay.net/archive/2012/11/07/speaking-at-azureconf-on-channel-9-next-week.aspx Wed, 07 Nov 2012 19:07:06 GMT http://rickgaribay.net/archive/2012/11/07/speaking-at-azureconf-on-channel-9-next-week.aspx#feedback 1 http://rickgaribay.net/comments/commentRss/349.aspx http://rickgaribay.net/services/trackbacks/349.aspx Real-Time Web Apps Made Easy with WebSockets in .NET 4.5 http://rickgaribay.net/archive/2012/09/10/real-time-web-apps-made-easy-with-websockets-in-.net-4.5.aspx <p> </p> <p><a href="http://code-magazine.com" target="_blank"><img style="margin: 0px 10px; display: inline; float: right" align="right" src="http://www.code-magazine.com/GetIssueCover.aspx?pk=ff09319a-75c8-40de-b038-29ee723fb730" width="86" height="112" /></a>My new article on WebSockets has been published in the Sept/Oct issue of CODE Magazine: <a href="http://www.code-magazine.com/Article.aspx?quickid=1210051">http://www.code-magazine.com/Article.aspx?quickid=1210051</a></p> <p> <br />The article includes many of the samples and concepts I’ve presented in my recent DevConnections and That Conference talks including using Node.js as simple alternative to ASP.NET/WCF 4.5. In fact, I plan to update all of the samples to run in Windows Azure Compute Services (Worker Role) as soon as Server 2012/.NET 4.5 is rolled out to Windows Azure Compute Services and hopefully show at <a href="http://nov2012.desertcodecamp.com/session/513" target="_blank">Desert Code Camp in November</a>. </p> <p>BTW, if you run a user group or involved in a code camp or other event and would be interested in passing out some complimentary copies of CODE magazine, please let me know and I'll get you hooked up with the right folks.</p> <p>As always, appreciate any comments/feedback you might have.</p><img src="http://rickgaribay.net/aggbug/344.aspx" width="1" height="1" /> Rick G. Garibay http://rickgaribay.net/archive/2012/09/10/real-time-web-apps-made-easy-with-websockets-in-.net-4.5.aspx Mon, 10 Sep 2012 18:43:48 GMT http://rickgaribay.net/archive/2012/09/10/real-time-web-apps-made-easy-with-websockets-in-.net-4.5.aspx#feedback http://rickgaribay.net/comments/commentRss/344.aspx http://rickgaribay.net/services/trackbacks/344.aspx The Goods: WebSockets Programming in .NET 4.5 and Windows Azure at That Conference http://rickgaribay.net/archive/2012/08/14/the-goods-websockets-programming-in-.net-4.5-and-windows-azure.aspx <p>We’re just wrapping up day 2 of sessions at <a href="http://www.thatconference.com/" target="_blank">That Conference</a> in Wisconsin Dells, WI and like yesterday, this has been a great day chock full of sessions, great conversations and meeting new people.</p> <p>On Monday I had the opportunity to support Microsoft at their table by staffing an Ask the Experts slot on Windows Azure which was a great opportunity to talk to folks about Azure, Azure Service Bus, etc. and handing out drink tickets to those with the best question.</p> <p>I was also flattered to be interviewed by <a href="http://www.russtoolshed.net/" target="_blank">Russ Fustino</a> for ComponentOne. It was great catching up with Russ- a true legend in the Microsoft developer community!</p> <p>I am really impressed by the developer scene here in the Midwest with developers from all languages and platforms coming together to invest in themselves, their organization and most of all their community for 3 days at the Kalahari Resort. Big shout out to <a href="http://twitter.com/sseely" target="_blank">Scott Seely</a> , <a href="http://twitter.com/csell5" target="_blank">Clark Sell</a> and the legions of invisible people behind the scenes for making this a great inaugural event.</p> <p>On that note, I’d like to thank everyone who attended <a href="http://www.thatconference.com/Sessions/session_198" target="_blank">my talk on WebSockets in .NET 4.5 and Windows Azure</a>. </p> <p>I essentially reprised my content from Azure Connections in Las Vegas this Spring, with updates to Visual Studio 2012 RC and Windows Server 2012.</p> <p>Please take a look at my <a href="http://rickgaribay.net/archive/2012/03/29/building-speedy-azure-applications-with-html5-and-web-sockets-today.aspx">post recapping the content</a> if you want more details but be sure to take the bits posted below instead if you are targeting the RC versions of VS 2012 and Windows Server 2012/Windows 8 as the code samples have changed to align with the RC wave:</p> <p> </p> <div align="center"> <table border="1" cellspacing="0" cellpadding="2" width="1366"><tbody> <tr> <td valign="top" width="81"> <p align="center"><strong>Demo</strong></p> </td> <td valign="top" width="562"> <p align="center"><strong>Summary</strong></p> </td> <td valign="top" width="249"><strong>Goods </strong></td> </tr> <tr> <td valign="top" width="81">Demo 1</td> <td valign="top" width="562"> <p align="left">Live chat sample of Silverlight-based client and WCF Service running on Windows Azure. <br /> <br />Please note that this implementation is deprecated and will not be carried forward. <br /> <br />Instead, please use .NET 4.5 WebSocket support in WCF and ASP.NET. </p> <p align="center"><strong>Sample:</strong></p> <p align="center"></p> <p><a title="http://html5labs.cloudapp.net/WebSockets/ChatDemo/wsdemo.html" href="http://html5labs.cloudapp.net/WebSockets/ChatDemo/wsdemo.html">http://html5labs.cloudapp.net/WebSockets/ChatDemo/wsdemo.html</a></p> </td> <td valign="top" width="249"> <p align="left"><a href="http://html5labs.cloudapp.net/WebSockets/ChatDemo/wsdemo.html"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://rickgaribay.net/Images/customcontent/c1f79a9417a5_B3EF/image_4.png" width="244" height="203" /></a></p> </td> </tr> <tr> <td valign="top" width="81"> <p align="left">Demo 2</p> </td> <td valign="top" width="562"> <p align="left">Simple “Hello World” example of ASP.NET ASHX handler using WebSocketHandler and HTML 5 client demonstrating a trivial “echo” service that displays the date/time each second. <br /> <br />Also included in the Demo 2 folder is a WCF version of the same implementation (which I did not demo during my talk). </p> <p align="left"> </p> <p><strong>Projects:</strong> </p> <p> <br />SimpleEventingSample <br />SimpleEventingService <br /> <br /><font color="#ff0000">Requires Visual Studio 2012 RC &amp; Windows 8/Windows Server 2012 RC/RP</font> </p> <p align="left"></p> </td> <td valign="top" width="249" align="center"> <p align="left"><a href="http://rickgaribay.net/images/rickgaribay_net/Windows-Live-Writer/ed8f9a7b9892_137BA/image_2.png"><img style="background-image: none; border-right-width: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://rickgaribay.net/images/rickgaribay_net/Windows-Live-Writer/ed8f9a7b9892_137BA/image_thumb.png" width="244" height="149" /></a></p> <p><iframe height="120" src="https://skydrive.live.com/embed?cid=DF930EE6F91132FD&amp;resid=DF930EE6F91132FD%211307&amp;authkey=AOD71R5iqJfI5sM" frameborder="0" width="98" scrolling="no"></iframe></p> </td> </tr> <tr> <td valign="top" width="81"> <p align="left">Demo 3</p> </td> <td valign="top" width="562"> <p align="left">Example of using the Twitter Search API as an event stream with WCF using  WebSocketService, Linq to Twitter and HTML 5 with some nice JQuery and CSS animation. </p> <p><strong>Projects:</strong> </p> <p> <br />StatusStreamClient <br />StatusStreamService <br />StatusStreamServiceTests </p> <p align="left"><font color="#ff0000"></font></p> <p align="left"><font color="#ff0000">Requires Visual Studio 2012 RC &amp; Windows 8/Windows Server 2012 RC/RP</font> <br /></p> </td> <td valign="top" width="249" align="center"> <p align="left"><a href="http://rickgaribay.net/images/rickgaribay_net/Windows-Live-Writer/ed8f9a7b9892_137BA/SNAGHTML4ba4793.png"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="SNAGHTML4ba4793" border="0" alt="SNAGHTML4ba4793" src="http://rickgaribay.net/images/rickgaribay_net/Windows-Live-Writer/ed8f9a7b9892_137BA/SNAGHTML4ba4793_thumb.png" width="244" height="89" /></a></p> <p><iframe height="120" src="https://skydrive.live.com/embed?cid=DF930EE6F91132FD&amp;resid=DF930EE6F91132FD%211307&amp;authkey=AOD71R5iqJfI5sM" frameborder="0" width="98" scrolling="no"></iframe></p> </td> </tr> <tr> <td valign="top" width="81"> <p align="left">Demo 4</p> </td> <td valign="top" width="562"> <p align="left">Another event streaming example, this time using the Twitter Streaming API, Node.js and WebSocket.IO in Windows Azure and HTML 5 animations with CSS 3 box shadow and rotate. <br /> <br />As opposed to the Twitter Search API used in Demo 3, you can see that events are immediately captured and the Streaming API is much more reliable than the Search API. <br /></p> </td> <td valign="top" width="249" align="center"> <p align="left"><a href="http://rickgaribay.net/images/rickgaribay_net/Windows-Live-Writer/ed8f9a7b9892_137BA/image_4.png"><img style="background-image: none; border-right-width: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://rickgaribay.net/images/rickgaribay_net/Windows-Live-Writer/ed8f9a7b9892_137BA/image_thumb_1.png" width="244" height="120" /></a></p> <p align="center"><iframe height="120" src="https://skydrive.live.com/embed?cid=DF930EE6F91132FD&amp;resid=DF930EE6F91132FD%211306&amp;authkey=ABQuTN27kcFSjMI" frameborder="0" width="98" scrolling="no"></iframe></p> </td> </tr> <tr><center> <td valign="top" width="81" colspan="3" align="center"><iframe height="327" src="https://r.office.microsoft.com/r/rlidPowerPointEmbed?p1=1&amp;p2=1&amp;p3=SDDF930EE6F91132FD!1308&amp;p4=&amp;ak=!AO1Dm-rT_vUnzhc&amp;kip=1" frameborder="0" width="402" scrolling="no" align="center"></iframe></td> </center></tr> </tbody></table> <div align="center"></div> </div> <p> </p> <p>On a side note, the next issue of <a href="http://code-magazine.com" target="_blank">CODE Magazine</a> (Sept/Oct 2012) will include a complete, step by step walkthrough of everything you saw in the demo so if you are interested, please check it out and let me know what you think!</p> <p>Thanks again for attending my talk and please share any comments/feedback questions by commenting below.</p><img src="http://rickgaribay.net/aggbug/342.aspx" width="1" height="1" /> Rick G. Garibay http://rickgaribay.net/archive/2012/08/14/the-goods-websockets-programming-in-.net-4.5-and-windows-azure.aspx Wed, 15 Aug 2012 02:52:26 GMT http://rickgaribay.net/archive/2012/08/14/the-goods-websockets-programming-in-.net-4.5-and-windows-azure.aspx#feedback http://rickgaribay.net/comments/commentRss/342.aspx http://rickgaribay.net/services/trackbacks/342.aspx Building Speedy Azure Applications with HTML5 and Web Sockets Today http://rickgaribay.net/archive/2012/03/29/building-speedy-azure-applications-with-html5-and-web-sockets-today.aspx <p>I had the pleasure of presenting at Spring DevConnections today in Las Vegas and as promised, below are the samples for each of my demos.</p> <p>To recap. WebSocket brings full-duplex, bi-directional TCP sockets to web, desktop and mobile applications, introducing an alternative to XHR and long-polling, particularly when latency is a primary focus. What makes WebSocket so significant to developers in addition to providing a direct, socket-based connection is that it is standardized by both the IETF Hybi working group and W3C which has brought wide industry support across both browser vendors implementing the client support and platform vendors providing support for building WebSocket servers. </p> <p><a href="http://rickgaribay.net/Images/customcontent/c1f79a9417a5_B3EF/image.png"><img style="background-image: none; border-right-width: 0px; margin: 2px 8px 2px 2px; padding-left: 0px; padding-right: 0px; display: inline; float: left; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="image" border="0" alt="image" align="left" src="http://rickgaribay.net/Images/customcontent/c1f79a9417a5_B3EF/image_thumb.png" width="244" height="133" /></a>Microsoft has been an early champion of the WebSocket protocol, sharing some early investments via HTML5 <a href="http://html5labs.interoperabilitybridges.com/" target="_blank">Interoperability Labs</a> website and maintaining that investment with support for the WebSocket protocol announced at //Build 11 which introduced WebSocket support to Windows 8, Windows Server 8. .NET 4.5 and IE 10 Developer Preview based on the hybi-10 specification.</p> <p><a href="https://www.windowsazure.com/nodejs" target="_blank"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: right; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="image" border="0" alt="image" align="right" src="http://rickgaribay.net/Images/customcontent/c1f79a9417a5_B3EF/image_3.png" width="244" height="110" /></a>With the release of .NET 4.5 Beta 1, all of the above have been updated to RFC 6455, which is the latest specification and expected to be final. </p> <p>Along with broad native support for WebSockets in modern browsers like Chrome, IE 10, Safari and FireFox, the standardization dust has settled making this the right time to jump in.</p> <p>In my talk, we took a lap around the WebSocket support in .NET 4.5, highlighting the APIs that Microsoft has made available in the Microsoft.WebSocket namespace that ships <a href="http://nuget.org/packages/Microsoft.WebSockets" target="_blank">as a package on NuGet</a>. While you can go as deep as you want in the new System.Net.WebSockets namespace that forms the core of Microsoft’s investment in the protocol, the Microsoft.WebSocket package provides higher level abstractions for developing WebSocket solutions today with WCF using WebSocketService and ASP.NET using WebSocketHandler.</p> <p>Since .NET 4.5 and Window 8/Server 8 have not yet been released, it is currently not possible to deploy your .NET 4.5 applications to Windows Azure. That said, while Windows Azure will certainly be updated to support these key technologies following RTM, Azure supports a variety of non-Microsoft programming languages and platforms including Node.js. </p> <p>Demonstrating the latest <a href="https://www.windowsazure.com/nodejs" target="_blank">Azure SDK for Node.js</a>, we got a fully RFC 6455 complain WebSocket service up and running on Windows Azure in a worker role running Node.js and using the WebSocket.IO module to integrate with Twitter’s Streaming API which provides a one-way firehose for tapping into Twitter’s event stream which proved to be a great example of using these capabilities together while having a little fun with HTML 5 JQuery and CSS 3.</p> <div align="center"> <table border="1" cellspacing="0" cellpadding="2" width="1366"><tbody> <tr> <td valign="top" width="81"> <p align="center"><strong>Demo</strong></p> </td> <td valign="top" width="562"> <p align="center"><strong>Summary</strong></p> </td> <td valign="top" width="472"> <p align="center"><strong>Artifacts</strong></p> </td> <td valign="top" width="249"> </td> </tr> <tr> <td valign="top" width="81">Demo 1</td> <td valign="top" width="562"> <p align="left">Live chat sample of Silverlight-based client and WCF Service running on Windows Azure. <br /> <br />Please note that this implementation is deprecated and will not be carried forward. <br /> <br />Instead, please use .NET 4.5 WebSocket support in WCF and ASP.NET. <br /></p> </td> <td valign="top" width="472"> <p align="left"> </p> <p align="left"> </p> <p align="left"> </p> <p align="left"><a title="http://html5labs.cloudapp.net/WebSockets/ChatDemo/wsdemo.html" href="http://html5labs.cloudapp.net/WebSockets/ChatDemo/wsdemo.html">http://html5labs.cloudapp.net/WebSockets/ChatDemo/wsdemo.html</a></p> </td> <td valign="top" width="249"> <p align="left"><a href="http://html5labs.cloudapp.net/WebSockets/ChatDemo/wsdemo.html"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://rickgaribay.net/Images/customcontent/c1f79a9417a5_B3EF/image_4.png" width="244" height="203" /></a></p> </td> </tr> <tr> <td valign="top" width="81"> <p align="left">Demo 2</p> </td> <td valign="top" width="562"> <p align="left">Simple “Hello World” example of ASP.NET ASHX handler using WebSocketHandler and HTML 5 client demonstrating a trivial “echo” service that displays the date/time each second. <br /> <br />Also included in the Demo 2 folder is a WCF version of the same implementation (which I did not demo during my talk). <br /></p> </td> <td valign="top" width="472"> <p align="center"> </p> <p align="center"><a title="http://sdrv.ms/HofK53" href="http://sdrv.ms/HofK53">http://sdrv.ms/HofK53</a> </p> <p align="center"> <br />Projects: <br />SimpleEventingSample <br />SimpleEventingService <br /> <br />Requires Visual Studio 11 Beta 1 &amp; Windows 8/Windows 8 Server</p> </td> <td valign="top" width="249"> <p align="left"><a href="http://rickgaribay.net/Images/customcontent/c1f79a9417a5_B3EF/image_5.png"><img style="background-image: none; border-right-width: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://rickgaribay.net/Images/customcontent/c1f79a9417a5_B3EF/image_thumb_3.png" width="244" height="190" /></a></p> </td> </tr> <tr> <td valign="top" width="81"> <p align="left">Demo 3</p> </td> <td valign="top" width="562"> <p align="left">Example of using the Twitter Search API as an event stream with WCF using  WebSocketService, Linq to Twitter and HTML 5 with some nice JQuery and CSS animation. <br /></p> </td> <td valign="top" width="472"> <p align="center"><a title="http://sdrv.ms/HofK53" href="http://sdrv.ms/HofK53">http://sdrv.ms/HofK53</a> <br /> <br />Projects: <br />StatusStreamClient <br />StatusStreamService <br />StatusStreamServiceTests <br /> <br /></p> <p align="center">Requires Visual Studio 11 Beta 1 &amp; Windows 8/Windows 8 Server</p> </td> <td valign="top" width="249"> <p align="left"><a href="http://rickgaribay.net/Images/customcontent/c1f79a9417a5_B3EF/image_6.png"><img style="border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://rickgaribay.net/Images/customcontent/c1f79a9417a5_B3EF/image_thumb_4.png" width="244" height="113" /></a></p> </td> </tr> <tr> <td valign="top" width="81"> <p align="left">Demo 4</p> </td> <td valign="top" width="562"> <p align="left">Another event streaming example, this time using the Twitter Streaming API, Node.js and WebSocket.IO in Windows Azure and HTML 5 animations with CSS 3 box shadow and rotate. <br /> <br />As opposed to the Twitter Search API used in Demo 3, you can see that events are immediately captured and the Streaming API is much more reliable than the Search API. <br /></p> </td> <td valign="top" width="472"> <p align="center"> </p> <p align="center"> </p> <p align="center"><a title="http://sdrv.ms/H1DVru" href="http://sdrv.ms/H1DVru">http://sdrv.ms/H1DVru</a></p> <p align="center"> <br />Use any text editor or your favorite JavaScript IDE. <br /></p> </td> <td valign="top" width="249"> <p align="left"><a href="http://rickgaribay.net/Images/customcontent/c1f79a9417a5_B3EF/image_7.png"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://rickgaribay.net/Images/customcontent/c1f79a9417a5_B3EF/image_thumb_5.png" width="244" height="183" /></a></p> </td> </tr> <tr> <td valign="top" width="81"> <p align="left">Deck</p> </td> <td valign="top" width="562"> <p align="left"></p> </td> <td valign="top" width="472"><a title="http://sdrv.ms/Hf5oZB" href="http://sdrv.ms/Hf5oZB"> <br /> <br /> <br />http://sdrv.ms/Hf5oZB</a></td> <td valign="top" width="249"><iframe style="padding-bottom: 0px; background-color: #fcfcfc; padding-left: 0px; width: 204px; padding-right: 0px; height: 118px; padding-top: 0px" title="Preview" height="120" marginheight="0" src="https://skydrive.live.com/embed?cid=DF930EE6F91132FD&amp;resid=DF930EE6F91132FD%21751&amp;authkey=ALQ9gS4_Yvb89c0" frameborder="0" width="98" marginwidth="0" scrolling="no"></iframe></td> </tr> </tbody></table> </div> <div align="center"> </div> <p>Please feel free to play with any of the samples, extend them and make them your own.</p> <p>Please remember that demos 2 and 3 require .NET 4.5 Consumer Preview and either Windows 8 or <a href="http://rickgaribay.net/Images/customcontent/c1f79a9417a5_B3EF/image_8.png"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: right; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="image" border="0" alt="image" align="right" src="http://rickgaribay.net/Images/customcontent/c1f79a9417a5_B3EF/image_thumb_6.png" width="644" height="356" /></a>Windows 8 server.</p> <p>Since the Microsoft.WebSockets NuGet package is the easiest way to get started with WebSocketHandler and WebSocketService, I’d recommend starting with Demo 2 and Demo 3. </p> <p>For demo 4, you will need an Azure account which you can sign up for free (really, free) at <a href="http://azure.com">http://azure.com</a> </p> <p>As we discussed during my talk, even though .NET 4.5 and Windows 8 are not yet RTM:</p> <p>•Now is the time to dive into WebSockets in .NET 4.5!</p> <p>•Consider how WebSockets can improve existing near real-time messaging scenarios.</p> <p>•Start building WebSocket apps on Windows 8 and Windows Server 8 today.</p> <p>•.NET 4.5 support in Windows Azure is coming soon. In the meantime, consider alternate frameworks like Node.js which is supported today!</p> <p>Last but not least, here are the resources I provided on my last slide for easy access:</p> <p>•Microsoft.Web.WebSockets NuGet Package: <a href="http://nuget.org/packages/Microsoft.WebSockets">http://nuget.org/packages/Microsoft.WebSockets</a></p> <p>•Paul Batum’s blog: <a href="http://www.paulbatum.com/2011/09/getting-started-with-websockets-in.html">http://www.paulbatum.com/2011/09/getting-started-with-websockets-in.html</a></p> <p>•Damir Dobric’s blog on WCF WebSockets: <a href="http://developers.de/blogs/damir_dobric/archive/2011/11/26/wcf-duplex-via-websocket.aspx">http://developers.de/blogs/damir_dobric/archive/2011/11/26/wcf-duplex-via-websocket.aspx</a></p> <p>•ASP.NET Documentation: </p> <p>●<a href="http://msdn.microsoft.com/en-us/library/system.web.websockets(v=vs.110).aspx">http://msdn.microsoft.com/en-us/library/system.web.websockets%28v=vs.110%29.aspx</a></p> <p>●<a href="http://msdn.microsoft.com/en-us/library/system.net.websockets(v=vs.110).aspx">http://msdn.microsoft.com/en-us/library/system.net.websockets%28v=vs.110%29.aspx</a></p> <p>•WebSocket.IO: <a href="https://github.com/learnboost/websocket.io">https://github.com/learnboost/websocket.io</a></p> <p>•Nice CSS &amp; JQuery scripts/samples: <a href="http://marcofolio.net">http://marcofolio.net</a></p> <p>Last but not least, I’d like to thank <a href="http://twitter.com/paulbatum" target="_blank">@paulbatum</a>, PM at Microsoft working on the WCF and ASP.NET  WebSocket features for helping me grok WebSockets in .NET 4.5. His guidance and thought leadership around WebSocket are invaluable to the community, so if you run into Paul, thank him or better yet, buy him a beer.</p> <p>Happy Messaging!</p><img src="http://rickgaribay.net/aggbug/337.aspx" width="1" height="1" /> Rick G. Garibay http://rickgaribay.net/archive/2012/03/29/building-speedy-azure-applications-with-html5-and-web-sockets-today.aspx Thu, 29 Mar 2012 07:15:00 GMT http://rickgaribay.net/archive/2012/03/29/building-speedy-azure-applications-with-html5-and-web-sockets-today.aspx#feedback http://rickgaribay.net/comments/commentRss/337.aspx http://rickgaribay.net/services/trackbacks/337.aspx HMTL5 Web Camp Phoenix&ndash;The Goods http://rickgaribay.net/archive/2011/09/30/hmtl5-web-camp-phoenixndashthe-goods.aspx <table> <tbody> <tr> <td valign="top" width="1237"> <p><font color="#ff0000"><strong>UPDATE:</strong></font> <a target="_blank" href="http://twitter.com/palermo4">Michael Palermo</a> has <a target="_blank" href="http://www.palermo4.com/page/HTML5-Web-Camp-Videos.aspx">posted the video recordings of each session on his blog</a>, including <a target="_blank" href="http://www.palermo4.com/page/Video-Practical-HTML5.aspx">my session</a> which I have also included below to the right. Enjoy!</p> <p>I had the pleasure of presenting at <a target="_blank" href="https://msevents.microsoft.com/CUI/EventDetail.aspx?EventID=1032494096&amp;Culture=en-US">HTML5 Web Camp Phoenix</a> this morning.</p> <p>The event was very well attended with over 165 developers and designers from the valley in attendance.</p> <p><a href="http://rickgaribay.net/images/rickgaribay_net/Windows-Live-Writer/HMTL5-Web-Camp-Phoenix_D715/411410003_2.jpg"><img style="BACKGROUND-IMAGE: none; BORDER-RIGHT-WIDTH: 0px; MARGIN: 4px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: inline; FLOAT: left; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; PADDING-TOP: 0px" title="411410003" border="0" alt="411410003" align="left" width="240" height="180" src="http://rickgaribay.net/images/rickgaribay_net/Windows-Live-Writer/HMTL5-Web-Camp-Phoenix_D715/411410003_thumb.jpg" /></a>We had quite a line up with <a target="_blank" href="http://twitter.com/stefsull">@stefsull</a> delivering a fantastic keynote, followed by my talk on pragmatically adoption HTMl5. <a target="_blank" href="http://twitter.com/jguadagno">@jguadagno</a> and <a href="http://twitter.com/palermo4">@palermo4</a> discussed new CSS3 support and lastly, <a target="_blank" href="http://twitter.com/danwahlin">@danwahlin</a> and <a target="_blank" href="http://twitter.com/palermo4">@palermo4</a> closing us out with The New UX (audio, video, canvas…).</p> <p>I shared my thoughts on the magnitude of HTML5 in my recent <a target="_blank" href="http://rickgaribay.net/archive/2011/08/22/a-middle-tier-guyrsquos-take-on-html-5.aspx">blog post</a> and was fortunate to have the opportunity to share my insights with the community at large. To quickly recap my talk on Pragmatic HTML5, I shared the various techniques and best practices for determining new HTMl5 feature support, including techniques for checking for GeoLocation, Canvas, Video and Input types. I also showed how to enable Semantic Element support in non-modern browsers with HTML5Shiv. </p> <p>I wrapped up with a discussion on Polyfills/shims, showcasing the new<a href="http://rickgaribay.net/images/rickgaribay_net/Windows-Live-Writer/HMTL5-Web-Camp-Phoenix_D715/Photo_A014DF01-820A-8A46-02AE-E6FB01B6FA80_2.jpg"><img style="BACKGROUND-IMAGE: none; BORDER-RIGHT-WIDTH: 0px; MARGIN: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: inline; FLOAT: right; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; PADDING-TOP: 0px" title="Photo_A014DF01-820A-8A46-02AE-E6FB01B6FA80" border="0" alt="Photo_A014DF01-820A-8A46-02AE-E6FB01B6FA80" align="right" width="240" height="180" src="http://rickgaribay.net/images/rickgaribay_net/Windows-Live-Writer/HMTL5-Web-Camp-Phoenix_D715/Photo_A014DF01-820A-8A46-02AE-E6FB01B6FA80_thumb.jpg" /></a> WCF WebSockets client library and server by running a local WebSocket server that hosted a bi-directional chat service and a couple HTML5 clients exchanging messages back and forth. The same WebSockets demo is available at <a target="_blank" href="http://html5labs.interoperabilitybridges.com/prototypes/websockets/websockets/download">HTML5 Labs</a> with a sample showing the WCF WebSocket server hosted in Windows Azure and you can also grab the demo I showed by clicking the download link below. </p> <p>Lastly, here are some essential resources I used in my presentation and demos:</p> <ul> <li><a href="http://remysharp.com/2009/01/07/html5-enabling-script/">Enabling Semantic Element Support</a> </li> <li><a href="http://ejohn.org/blog/html5-shiv/">HTML5Shiv</a> </li> <li><a target="_blank" href="https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills">Good list of Polyfills</a> </li> <li><a href="http://html5test.com/">HTML5 Test</a> </li> <li><a href="http://fmbip.com/">http://fmbip.com/</a> </li> <li><a href="http://html5labs.interoperabilitybridges.com/prototypes/websockets/websockets/download">HTML5 Labs</a> </li> <li><a href="http://www.findmebyip.com/litmus">http://</a><a href="http://www.findmebyip.com/litmus">www.findmebyip.com/litmus</a> </li> <li><a target="_blank" href="http://www.amazon.com/HTML5-Up-Running-Mark-Pilgrim/dp/0596806027/ref=sr_1_1?ie=UTF8&amp;qid=1317423772&amp;sr=8-1">HTML5 Up &amp; Running by Mark Pilgrim</a> </li> </ul> <p>It was a pleasure sharing in this great community event and I’d like to thank @palermo4 and Microsoft for inviting me to be a part of it.</p> <p><img style="MARGIN: 2px auto; DISPLAY: block; FLOAT: none" width="136" height="92" alt="" src="http://netdna.webdesignerdepot.com/uploads/html5_resource_guide/html5logo.jpg" /></p> </td> <td width="543"> <table border="1" cellspacing="0" cellpadding="2" width="775"> <tbody> <tr> <td valign="top" width="369"><font size="3">Practical HTML5 Deck</font></td> <td valign="top" width="404"><iframe height="327" src="http://r.office.microsoft.com/r/rlidPowerPointEmbed?p1=1&amp;p2=1&amp;p3=SDDF930EE6F91132FD!367&amp;p4=&amp;kip=1" frameborder="0" width="402" scrolling="no"></iframe></td> </tr> <tr> <td valign="top" width="369"><font size="3">Semantic Element and Modernizr Demos</font></td> <td valign="top" width="404" align="center"><iframe style="PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #fcfcfc; PADDING-LEFT: 0px; WIDTH: 98px; PADDING-RIGHT: 0px; HEIGHT: 115px; PADDING-TOP: 0px" title="Preview" marginheight="0" src="https://skydrive.live.com/embedicon.aspx/Public/Talks/HTML5Demos1and2.zip?cid=df930ee6f91132fd&amp;sc=documents" frameborder="0" marginwidth="0" scrolling="no"></iframe></td> </tr> <tr> <td valign="top" width="369"><font size="3">WCF Web Socket Demo</font></td> <td valign="top" width="404" align="center"><iframe style="PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #fcfcfc; PADDING-LEFT: 0px; WIDTH: 98px; PADDING-RIGHT: 0px; HEIGHT: 115px; PADDING-TOP: 0px" title="Preview" marginheight="0" src="https://skydrive.live.com/embedicon.aspx/Public/Talks/websocketssamples.zip?cid=df930ee6f91132fd&amp;sc=documents" frameborder="0" marginwidth="0" scrolling="no"></iframe></td> </tr> <tr> <td valign="top" width="369"><font size="3"><font color="#ff0000"><strong>NEW! </strong></font>Video Recording</font></td> <td valign="top" width="404"><iframe style="WIDTH: 403px; HEIGHT: 301px" height="274" marginheight="0" src="http://www.nextslide.com/MicrosoftSouthwestDPE/rick-garaby-on-html5-and-css3/embedded?layout=FullLeft" frameborder="0" width="682" marginwidth="0" scrolling="no"></iframe></td> </tr> </tbody> </table> </td> </tr> </tbody> </table><img src="http://rickgaribay.net/aggbug/316.aspx" width="1" height="1" /> Rick G. Garibay http://rickgaribay.net/archive/2011/09/30/hmtl5-web-camp-phoenixndashthe-goods.aspx Fri, 30 Sep 2011 23:25:38 GMT http://rickgaribay.net/archive/2011/09/30/hmtl5-web-camp-phoenixndashthe-goods.aspx#feedback 2 http://rickgaribay.net/comments/commentRss/316.aspx http://rickgaribay.net/services/trackbacks/316.aspx