Blog posts by Phil Downes2009-11-19T11:15:49.0000000Z/blogs/Phil--Downes/Optimizely WorldGoogle Wave EPiServer Gadget/blogs/Phil--Downes/Dates/2009/11/Google-Wave-EPiServer-Gadget/2009-11-19T11:15:49.0000000Z<p>Here is my contribution to the EPiServer Gadget Contest 2009. </p> <p>I’ve decided to integrate Google Wave into an EPiServer gadget. An EPiServer gadget of this nature could be developed further as Waves could be set up for communication between Editors, Editors and Admins, Editor/Admin to Partners, Editor/Admin to EPiServer and Anonymous users to Editors. </p> <p>Currently this proof of concept implements the Google Wave Panel API and embeds a specific Google Wave into the gadget. The API available at present is rather limiting but I’m sure Google will expand it over time.</p> <p>Obviously for this you need EPiServer 6 CMS CTP 2, Microsoft ASP.MVC and Google Wave (Sandbox) Activated Account (and friends to talk to).</p> <p>On first load of the Google Wave Gadget the user is presented with the Google Wave login prompt. Login into Google Wave in a new tab in the browser.</p> <p><b><a href="/link/f0924bf79f4d4218952c605891c9f4b7.jpg"><img title="img1" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="233" alt="img1" src="/link/6484ee735ff940738e99012f9d0330b4.jpg" width="244" border="0" /></a> </b></p> <p>You will then need to tell the EPiServer Gadget which wave you wish to load. To do this find the Google Wave ID from the Debug link in the Google Wave Interface. </p> <p><b><a href="/link/2a879869664640fca2e3fe9eb1da52d1.jpg"><img title="img2" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="244" alt="img2" src="/link/50c4e0993e5548f8836aaecfe9595aa0.jpg" width="164" border="0" /></a> </b></p> <p>I’ve opened up the following wave to public access to allow it to be loaded in through the Google Wave Embed Panel API. </p> <p><b><a href="/link/6a8ab691fb2e4b7da2f380bb97dcd17f.jpg"><img title="img3" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="67" alt="img3" src="/link/af31e46bc86d4cbe8306a319343ff66f.jpg" width="244" border="0" /></a> </b></p> <p>Now edit the setting for the EPiServer gadget and enter the wave ID (without the wavesandbox.com! bit). Click OK and your wave panel should now display with the EPiServer gadget and be fully editable.</p> <p><a href="/link/4f217ba3482443c2a0ad0433f0752aac.jpg"><img title="img4" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="224" alt="img4" src="/link/3c78017294d64f91baf467f1fa14f7bf.jpg" width="244" border="0" /></a> </p> <p>My submission is certainly not a polished gadget but more a proof of concept which definitely has the potential to be expanded on as the Google Wave API is opened up.</p> <p>Enjoy.</p> <p><a href="http://cid-74aa2c9f7a0271c9.skydrive.live.com/self.aspx/.Public/GoogleWave.zip">Download Source</a></p>