- 77 East Road
- London N1 6AH
- +44 (0) 20 3384 5210
- Beau Monde
- Unit 12, 8 Cromac Avenue
- Belfast BT7 2JA
- +44 (0) 28 9050 1910
The Google Developer Day 2011 HTML5 competition finalists are in and rehabstudio have made the cut!
The challenge: One week to ‘Doodle’ the Google Developer Day dymaxion map logo using open web technologies and incorporating a cultural reference to the host country of the GDD event we’ll be attending.
“Unfortunately there isn’t an event in the UK this year so the obvious choice was Germany”, sausage lover Tim explains.
As it was an HTML5 competition, we figured a lot of contestants would be focusing on animation. We decided to take a different approach and make use of the unsung hero: HTML5’s audio element!
Your browser does not support iframes.
Chris Kerr put his big, creative head to work and came up with Googlespiel, an interactive HTML5 glockenspiel! With cultural reference and cheesy name in the bag, we got coding. Chris G on the keys, Anto on audio loader, DJ Gary on sound effects, Tom animating, Emma motivating and Kyle to pull the whole thing together.
Finished, with time to spare, Anto added an auto play of Beethoven’s Fur Elise as a little tutorial for the users.
Click the image below to see the final product.
Lines and lines of code excitement across the studio today about the launch of our latest YouTube channel, The Formers, for Google Ideas.
In a tech first, our Belfast development crew have re-created the YouTube channel experience in full – which will be a first for iPad and tablet users once rolled out. The rich layered animation transition and navigation experience has been designed to be fully accessible through a mobile browser (rather than through a dedicated iOS App.)
The Formers is our first partnership production with the Google’s new think/do tank Google Ideas. The project is designed to provoke a global conversation about radicalism by bringing together an eclectic mix of former-extremists, their victims and counter-terrorism specialists. These ‘Formers’ and their survivors both tell their stories on the channel, letting consumers interact with both sides, sharing their views and experiences. The idea being to turn a complex social issue into a positive movement.
A YT iPad first
The content is marked up using new HTML5 tags such as <nav>, <article> and <section> assisting search engines and devices.
Videos are embedded in the app via the YouTube Iframe Embed API, which serves HTML5 <video> content to platforms that support it, future-proofing the app, falling back to a standard YouTube player in other cases. Video content itself is served via integration with the YouTube Data API, which returns JSON-based video feed data on-the-fly in response to user interaction with the app. YouTube tagging is used to organize the video content according to extremism type and Former name. We used jQuery transitions in the video pages, and throughout the app, to provide a high-class experience.
The channel app also incorporates Google Moderator functionality to provide a means of feedback and discussion between channel users and The Formers themselves. We also included basic support for touch devices and hotkeys/tabbing navigation, to ensure a friendly and full-featured experience across the widest possible range of platforms.
The entire app will be deployed via Google’s own App Engine platform to ensure scalability and the tightest possible integration with Google support.
Check the channel out here.
The YouTube channel is the main consumer site for The Formers project, launched in conjunction with the Summit Against Violent Extremism in Dublin. Jurgen – our main man in Belfast – was there:
“The Formers project is a real game changer, at the summit we got to meet and discuss the channel with Formers and Survivors which really brought the importance of this project home. Working with Google products is always a delight, it’s our first HTML5 YouTube channel and we had real fun refining the interactions for touch devices. Looking forward to watching this project grow.”
The YouTube channel is soon to be followed by a ground-breaking relationships platform created by us and powered by Google’s latest social tech design solutions. Which will transform the collaborative power of like-minded activists, individuals and experts on an international level.
More on that to come.