Events–dConstruct 2010

dConstruct logo

We’re coming to Brighton! Yes, this Thursday the Underbelly possy and Microsoft bods be heading off to dConstruct 2010 – first stop the pre party at Lola Lo, and then up early for the big day itself.

So what will we be doing at this key event I hear you cry? Well, here’s a taster…

Foursquare[5] Use Foursquare? Look us up when you’re there and grab a free coffee and pastry to get your brain ready for the sessions.
We’ll be test driving IE9 and our experts will be ready to answer all your questions (yep, we’re expecting quite a few!). IE9[7]
WP7[5] We’ll also be sneaking in a Windows Phone 7 (or two) to show you and our roving reporter will be chatting to all willing (and able!) speakers and attendees about creating beautiful websites and applications.

Who the heck are we? Here’s a quick introduction:

  • Alexandria Ball: Marketing guru known for her loud laugh and artistic abilities
  • Andrew Spooner: Creative genius on the lookout for likeminded individuals
  • Mark Quirk: IE9 technical expert and demo master extraordinaire
  • Martin Beeby: Windows Phone 7 and IE9 technical wizard
  • Sara Allison: Underbelly roving reporter, on the hunt for willing interviewees

Catch us #dConstruct on Twitter @ubelly.

See you there – or online! Smile

Windows Live Messenger, the Beta Refresh and Facebook

We already showed you how Messenger is a great social media aggregator so you know it brings everything together for you to make life easier.  What if you don’t have lots of people to talk to on messenger wouldn’t it be great to be able to save time and connect with your Facebook friends in a handy single chat window.  Well now you can.

Facebook chat is now integrated with Messenger and it’s done in slick and trustworthy way.

The first thing you see if you already have it installed and the links setup is this following box appear at the top of the social stream.  There’s no automatic assumption made that you want to chat with your Facebook friends, some apps might do that but Messenger is built to keep your trust.  If you don’t already have FB integrated you can do the same thing through Tools > Settings… hit Alt first.

message post fb upgrade 

The next thing you get is choice over what you want to share with Facebook, one obviously being chat.

facebook connect wlm

Hit Connect with Facebook provide your logon deets and your golden!  Now in your Messenger window you’ll start to see the online status of your Friends when they’re on Facebook or using any other application that enables Facebook chat.

wlw beta with fb chat integration

I’m finding I’m actually using Facebook chat where I didn’t use it before and there are always more people online for me to talk to, oh yeah and I get alerted when new people are online through a little slice of toast popping up in the bottom right of my screen that tells me the difference between my messenger and my Facebook friends…some are both obviously and if they’re connected to both at the same time Messenger takes the load because it’s a richer experience.

You can get the loveable refreshed beta here.

Written by Simon May: I more regularly write about stuff that affects IT Pros – the guys who manage the IT – if you want to know more, visit me.

Windows Live Messenger – your time saving social media aggregator

Windows Messenger IconWhen reaching out audiences online, we know that they’re not all in the same place on the same social network. Facebook with an reported 500 million users is the web’s most popular social network, but for bands and musicians, MySpace is still the place to be. I know I can share pictures on Facebook, but if i’m serious about my photography and I want to get comments from other photographers I reach out to the folks on Flickr. These days I try to Srcobble most of the music I listen to so I’m always checking out what’s going on Last.FM and reviewing the recommendations that it throws at me. There are many social networks and keeping track of what is going on on all of them can be time consuming, sorting the noise from information that is important to you has always been a very manual task.

Enter Windows Live Messenger. This new release still has all the familiar messaging capabilities that we’ve used over the years but new social network aggregation functions make this a powerful tool for managing your online presence. Allowing you to sign in to one place and then connect to the networks you use, view updates from your friends, fans, and respond directly from within Messenger – it’s fantastic. I have not needed to log into Facebook since I started using it.

The latest beta release allows you to connect to numerous social networks so you can view and post updates from one window. The big thing that I like about this is that I get to see updates in real time across all my social networks. I can see that my favourite artists are adding photos and videos to their pages on MySpace, my friends are sharing that content and discussing it on Facebook – I don’t have to visit all these sites daily so this is saving me a lot of time.

I like the ’Me’ tab. It brings up all of my social activity. It’s a great way to see what messages I’m putting out on the web, the posts I make on my blog, the pictures I’ve uploaded to Flickr, the social networks I’ve joined, the documents i’ve shared via my SkyDrive, videos I’ve liked on YouTube. It’s all there in one stream, in chronological order – my social networking history.

Here’s some of the services that you can currently connect to, brought to you by zoom.it.

Take a look and download the new suite of tools, connect your services and see for yourself – http://explore.live.com/windows-live-messenger-beta

Young Rewired State: Young Geeks, 1 Week, 1+ use of Govt Data = 1 Winner

What is it?

Young Rewired State is an initiative designed to bring together young developers and the government, showcasing the exceptional talent of 15-18 year olds in the UK while generating ideas on how to use existing Government data. This year the initiative took the form of a hack week, allowing teen geeks in Scotland, Reading, Norwich, London, Manchester and Brighton to work on their applications for a week at their locations and then come together in central London on the final day to present their apps to a panel of esteemed judges.

Founding  Director of Rewired State, Emma Mulqueeny, runs two free/sponsored events a year: National Hack the Government Day and Young Rewired State (RWS). Emma told me her objective for RWS is to showcase the enormous talent that lies in our teenagers and also get all the applications developed during the hack week sponsored so they become a reality. This year Emma plans to set up a community developer network and showcase the applications created to encourage young people to join in next year.

We also managed to grab a few minutes with Milo Yiannopoulos, technology journalist and host of Young Rewired State 2010.

Milo Yiannopoulos, host of Young Rewired State 2010 http://rewiredstate.org/yrs

The Judges

The judging panel included Andrew Stott, UK Director of Digital Engagement and Ben Hammersley, Editor at Large of Wired UK magazine. There was even an impromptu judge picked from the audience…

The Judging Panel at Young Rewired State 2010 http://rewiredstate.org/yrs

 

The Ideas Gallery ( in no particular order!)

Gimme5, Demo from Young Rewired State 2010 http://rewiredstate.org/yrs
Jobber, Demo from Young Rewired State 2010 http://rewiredstate.org/yrs
Better Off in Bed? Demo from Young Rewired State 2010 http://rewiredtate.org/yrs
Bus Timetable, Demo from Young Rewired State 2010 http://rewiredstate.org/yrs
GovSpark, Demo from Young Rewired State 2010 http://rewiredstate.org/yrs
I WantedList, Demo from Young Rewired State 2010 http://rewiredstate.org/yrs
Active Places, Demo from Young Rewired State 2010 http://rewiredstate.org/yrs
Cycle Hub Locator, Demo from Young Rewired State 2010 http://rewiredstate.org/yrs
Hospital Rater, Demo from Young Rewired State 2010 http://rewiredstate.org/yrs
NatuSearch, Demo from Young Rewired State 2010 http:rewiredstate.org/yrs
Notlate, Demo from Young Rewired State 2010 http://rewiredstate.org/yrs
Play with DPK’s Microdata, Demo from Young Rewired State 2010 http://rewiredstate.org/yrs
Postcode Lottery, Demo from Young Rewired State 2010 http://rewiredstate.org/yrs
Recycle.me, Demo from Young Rewired State 2010 http://rewiredstate.org/yrs
Social Library, Demo from Young Rewired State 2010 http://rewiredstate.org/yrs
TaxMan, Demo from Young Rewired State 2010 http://rewiredstate.org/yrs
UniSearch, Demo from Young Rewired State 2010 http://rewiredstate.org/yrs
TubeSmart, Demo from Young Rewired State 2010 http://rewiredstate.org/yrs
What Block, Demo from Young Rewired State 2010 http://rewiredstate.org/yrs
Criminator, Demo from Young Rewired State 2010 http://rewiredstate.org/yrs
Cool Broadband, Demo from Young Rewired State 2010 http://rewiredstate.org/yrs
Manchester Pictures Through Time, Demo from Young Rewired State http://rewiredstate.org/yrs

There were more applications we weren’t able to video, including Pick My House, an app that gives users a list of facilities surrounding a potential new home, like schools and bus routes and Bus Map Live, taking the Bus Timetable application and taking it one step further by telling you in real time where your bus is, shown on a route map.

The Winners

  • The ‘Most Likely to be Bought’ award’ went to Josh Pickett and Ben Webb for Bus Timetable
  • The ‘Wish I’d Thought of That’ category was awarded to Ryan Taylor for NotLate
  • Winner of ‘Best Coding’ category was James Cunningham for NatuSearch
  • The ‘COI Council Award for App Most Likely to Annoy a Government COI’ was jointly won by Isabell Long for GovSpark and Josh Pickett and Rob Barry for What Block
  • The ‘App Most Likely to Get You Fired’ was Sufian Hassan and Dylan Maryk for I Wanted List
  • Runners Up were William Oakes for TaxMan, Harry Rickards and Lawrence Job for TubeSmart, Michael Mokrysz for Pick My House and Fred Peckett and Ben Holloway for Gimme 5 

 

…and finally, the ‘Best in Show’ award went to Damon Hayhurst for the Social Library application. The judges said it was extremely useful and exposed a gap in public services that needs to be filled. Here’s Damon just after winning the coveted Best In Show prize…

Damon Hayhurst, overall winner of Young Rewired State 2010 http://rewiredstate.org/yrs

A big ‘thank you’ to Rafal Kwiek, our new intern, who helped out with some of the interviews and videos and to software developer Daniel May who gave a professional, gallant demonstration of Windows Phone 7 despite the terrible wireless connection  Smile

IE9 delivers final Platform Preview

The IETestDrive.com site has been updated with Platform Preview 4 (PP4) of IE9. This is the final preview of the browser before it’s launch so the word to developers is, use this preview to test your current sites on so you can be sure that your sites will shine come the full release later this year. As with previous previews, this has no address bar but you can open any web page by using the Page >Open (or Ctrl O) function.

Along with this release, there are some updated demos so I took the chance to do a side by side comparison showing the advantages of hardware graphics acceleration over software graphics acceleration. For the purposes of this demo I used Google Chrome v5 for a performance comparison but please go visit the site and check out these demos for yourself.

So what you’re seeing there is IE9 using the power of the whole PC to achieve great performance, clearly showing the advantages of hardware acceleration over software acceleration, demonstrating what HTML5 canvas can do when it’s fully accelerated with the GPU.

For more information about the benefits of GPU powered HTML5, see this post on IE Blog:

http://blogs.msdn.com/b/ie/archive/2010/04/09/benefits-of-gpu-powered-html5.aspx

Check your sites now:

Download the fourth Internet Explorer Platform Preview.

Using Bing Maps for Gig Listings

When looking at tour dates for a band’s European tour, it would be unlikely that you’d travel to another country to see them. So why do promoters insist on presenting tour data in the same old list fashion? In this post, I’m going to approach a set of tour data but with a geographic spin by plotting tour dates using Bing maps. 

The reason being, that I am more likely to rearrange my social life around a date that is close to me, than go see a band in a different country. Later, I’ll show how this can also work on a city level and how it can be used to plan your night, not just your gigs.

This initial example suggests tour dates for a fictional band called The Evangelists to show how this can work across Europe. You can view the Bing map I created for this demo here:

http://bit.ly/adKTJm

In this demo I plan to show you how simple it is to plot a tour onto Bing maps, add additional information and then link back to your website.  A later post will work on a city level using real tour dates from Iain Eccleston & The Blue Horizon.

Here’s a video showing you how.

So that’s an example of how you can socialise your map content. The same approach could be taken by your local football club to plot the various away grounds that they will play at in a season (also an opportunity to take advantage of the Bing directions) or you could use it to plot a trip round the world adding pins, photos and links to your blog from the places you visit.

I hope you found this useful, I hope you are able to use these techniques in the future.

Setting up Social Media Tools on your Website – An Introduction

FacebookYou probably use Facebook, LinkedIn, YouTube, Messenger, Buzz – all the social media tools you need to keep in touch with your friends and family. But how do you integrate all those different tools and contacts into your website? How on earth do you manage the community you’re building and still have time to get your regular work done? How do you protect people’s privacy and ensure your site’s security?

The essence of social media is about communication and building relationships – the technology is simply the means to assist communication. We’ll show how you can use a variety of open and closed source software to optimise communication between you (as website owner) and your audience.

Over the next couple of weeks we’ll be following Iain Eccleston & The Blue Horizon through his gigs and promotional activities to show real-life examples using social media tools to engage with your visitors and set up a sustainable community. The series will include how-to’s and guidance to show you exactly what you need to do and all the techniques we show can be applied to any type of business - just choose what you want to adopt and run with it.

If you’ve not already seen the video below, take a look – the stats are amazing.

New Window on Digital Assets for Imperial War Museum

I recently visited new media agency Armadillo Systems  – they’ve been working with the Imperial War Museum to give their digital asset management system a facelift and a create a unified system built on Windows Presentation Foundation (WPF) that means all their digital assets can be managed in one place, quickly and easily, by visitors to the museum. I caught up with Michael Stocking, MD of Armadillo, as well as their developer Steve, who helped build the programme (as well working on the Turning the Pages tool you may have seen already – cool stuff).

I was then bundled into a taxi and taken to the Imperial War Museum to see the system in person – and visit the Head of ICT, Ian Crawford, in the depths of the building to find out about why he wanted to use a Windows 7 based system and what his plans are for the future.

The Right Tools for the Job

Sheffield company Technophobia has two important mantras it keeps in mind when developing applications: 

1. Use the right tool for the job, and 

2. YAGNI (You ain’t gonna need it) 

imageThese mantras were key for them when working to create a map based community website (I could tell you who it was for, but then I’d have to kill you. Sorry). Built in just 12 weeks with a small team, the site is built on the Microsoft platform but Technical Architect and Development Team Lead Jamie Hinton cherry picked the best tools and software (open source and closed source) to optimise the end result: 

“We did lots of research into whether to use Google Maps or Bing Maps, but Bing won out in the end despite the client wanting to stick with Google. 

This was mainly due to how we were using that map and the constraints within Google maps as to how we could add markers. Bing maps allowed for arbitrary HTML to be added to a pin whereas Google maps needed the HTML to be within a pin bubble. There are ways around this with Google maps and an earlier API version but that is where the client decided the risks were too great at this point in the project. 

The problem with Google is it can be a dangerous solution – if they change their API, however small a change, everything on the site could break and it would cost time and resources to fix it. We presented the risks to the client and eventually they understood they risked potentially annoy all their customers and waste time and money putting it right. The Bing API was much nicer – faster and more flexible, more developer friendly, so we were pleased we’d been able to persuade the client.” 

The application pulls together a number of familiar features you’d find on many other community sites. The difference with this site is the ease with which it brings all the elements together to make a truly pleasurable, simple user experience. The site uses geo location based on the user’s IP address and geo tags every piece of content on the site, which ranges from the user’s profile, photo and video galleries and discussion threads to dealer information and local events, all relevant to where you define your ‘spiritual home’ (to maintain privacy and avoid would be car thieves finding out where you park your brand new beloved vehicle). Administrators don’t need to sign in and out of the application – one click and the admin view appears providing extended privileges (i.e. more buttons!) allowing them to moderate posts and discussions in context. The application integrates with parent company authentication so users manage the same credentials whichever sister site they’re on. All activity is tracked with a custom built service managing guest invitations, user reputation and number of posts, for example. 

The architecture is service orientated (SOA) so each module is a service in its own right and therefore also pluggable. The team used Windows Communication Foundation (WCF) although it wasn’t necessarily their first choice: 

“Creating a service orientated architecture was crucial to allow us to deliver the application to the client quickly. Each of the modules (discussions, gallery, content control etc) are pluggable and a third party could build a Twitter service which could easily be consumed by the website on the front end. It also means the application is scalable and if something goes wrong with one of the modules it won’t take the whole site down. We really wanted to use nServiceBus to make the services totally independent but ended up using WCF as it’s standard technology. Plus, it would have complicated the design at this stage (remember YAGNI!)” (Jamie, Technical Architect and Development Team Lead) 

MC900433934[1] The Chat Challenge 

The website is completely open, so once you register you can chat to any other member (rather than just those you’ve accepted as friends per Facebook’s model) – and this presented a huge challenge for the development team. Jamie used standard protocols using a Jabba server called Openfire (a Java OSS) running in the back end. However the contact list was not scalable with Jabba. For the system to work it was crucial to know when users were online and when they’d signed out, so the team ended up using the .NET framework to add authenticated users to a huge dictionary of users and if they logged out or the session ended the system would automatically remove them. It was a simple solution to a potentially nightmarish problem. 

The search feature on the site is multilingual and uses Soundex with SQL Server 2008 to take advantage of the multilingual capabilities of SQL. It saved the team lots of pain (their words not mine!). 

“We intended to start simple with the search and as demand for more complex queries grew to start using Lucene but still use the existing database implementation as a fall back – but mainly to persist the search index as Lucene index can go wrong! Again it all comes back to keeping things simple and YAGNI!” 

Here’s a list of the technologies used: 

· .NET MVC 1 (2 was in Beta) 

· C sharp 

· Castle IOC 

 · jQuery 

· Linq 

· Mozilla Firefox 

· MSBuild 

· NHibernate 

· NUnit testing framework 

· Quartz Scheduler 

· ReSharper (‘the best plug-in in the world’ according to Jamie) 

· Selenium Grid 

· Selenium IDE 

· SimplyVBUnit for functional testing 

· Spark view engine 

· SQL Server 2008 

· TeamCity

· Visual Studio 2008

· Windows Communication Foundation (WCF)

· Windows Server 2008 

“We used text editor, a Mac and Photoshop as the design tools” (Richard Jones, Lead UX Web Designer). “We needed a more rapid wire framing method so we used HTML and CSS so we could re-use the wireframes quickly and easily. We swapped out the .NET engine for Spark as this helped the designers so they didn’t get most of the set tags in the mark-up. Spark cuts out all the blocks and iterators and lets non-technical team members make substantial changes using the same logic. Spark revolutionised our development process as it was so rapid to develop to.” 

At the end of our meeting I managed to grab Jamie on camera for a quick chat about how he finds working with so many different languages and tools on a day to day basis. 

Deep Zoom in Action

In the past few posts we’ve explored Deep Zoom to explain what it is, how you can use it and what free tools are available so you can try it yourself. There are some great examples of how Deep Zoom’s been used so far, so we thought we’d pull some of the best ones together with recommendations from within the team. Comments welcome!

Here are the top 3 Deep Zoom demo’s from Michael McClary, Platform Strategy Advisor at Microsoft:

image “The US presidents was created by Metia  – it’s like a Russian Doll of Presidents”.
image “The MassEffect II advert was a huge success and uses smooth streaming as well as Deep Zoom. You can zoom right into the characters features”.
image “JumpMan includes a lot of nice features including the ‘Tour by Favourite Shoe’”.

 Catherine Heller, Senior Technical Evangelist has some favourites too:

image “One of my favourite deep zoom photos for showing the smoothness and responsiveness of large images is Cell Phones, from Chris Jordan’s Running the Numbers works.”
image “The Yosemite Extreme Panoramic Imaging Project illustrates the raw horsepower of Deep Zoom (zoom into one of the semi-circles until the images appear, and then zoom into one of those)”.
image “I love the visual cues displayed on the Matterhorn Deep Zoom that highlight areas to zoom into (turn on Points of Interest)”.
image “The Kelly Blue Book Perfect Car Finder is a great example of a useful and practical experience”.
image “One of the most innovative Deep Zoom experiences I’ve seen is the Johan Lafer Recipe site on MSN Germany. As you zoom in to the photos on the right, the recipe text starts to appear until it shows a single recipe photo and text; some of the recipes have a photo-strip at the bottom with step-by-step instructions you can click on to expand (try the chocolate ice cream)”.

“I love the search and navigation within search results of the JumpMan experience Michael called out. Definitely the best social mosaic I’ve seen so far”.

Sara Allison, Underbelly Editor:

image “My personal ‘stand-out’ example of Deep Zoom is  A website named desire, whose characters make up a team needed to create a website. Not sure all websites need a team this big, but the idea behind it is great, I can lose an hour or so at a time exploring the characters and what they’re doing, and always find something new each time I take a look around.”
clip_image001 “Finally, possibly the first use of Deep Zoom as a standalone exhibit inside a museum is the Winston Churchill exhibit at the Imperial War Museum in London.Software developers Shoothill were given exclusive access to the archives of the Imperial War Museum (Churchill War Rooms) the Baroness Spencer-Churchill Papers and the Churchill Archive Trust as well as the photo archives of the Press Association to build a comprehensive “Tribute Wall” to the great man (there are even personal letters and his school report in the Deep Zoom exhibit).” 

So you can see there are some fantastic things you can do with Deep Zoom – and it’s all free! Here’s a reminder of the free Microsoft tools you need:

Visual Studio Express

Silverlight

Deep Zoom Composer

Enjoy!










Next Page »