Creating Responsive HTML5 Touch Interfaces (Stephen Woods -Video and Slides)

Here is an interesting video I came across during my HTML5 explorations - Stephen Woods, from Flickr, shares his words of wisdom about HTML5 and touch interfaces:


Stephen Woods (Flickr): Creating Responsive HTML5 Touch Interfaces




Here are a few links from the presentation:


Slides:  Creating Responsive HTML5 Touch Interfaces
http://www.slideshare.net/ysaw/creating-responsive-html5-touch-interfaces

Responsive Web Design 
http://www.alistapart.com/articles/responsive-web-design/

BP Oil Spill Multi-touch Map Mashup by Ideum

BP Gulf of Mexico Oil Spill Multi-touch Exhibit

In response to the BP oil spill in the Gulf of Mexico, the team at Ideum has created a free version of their multi-touch-enabled Google Map and Flickr mashup application to educational organizations, including museums and aquariums.  The information included on the map includes oil spill and fishing restriction data from the National Oceanic and Atmospheric Association (NOAA), along with pictures taken at the scene in and around the region of the spill.

Ideum is a company that "designs and creates interactive computer-based exhibits, multitouch installations, rich Internet applications, and social networking sites for museum and Web visitors. We work closely with museums, nonprofit organizations, and socially responsible companies to create memorable visitor experiences."   Ideum uses their own multi-touch framework called GestureWorks to create interactive applications.

Jim Spadaccini is the director and founder of Ideum. He formerly was the Director of Interactive Media at the Exploratorium in San Francisco.

Ideum is working on a version of the program optimized to work on 3M's  22" multi-touch system.  A single-touch version for the web might be available if there is interest.

RELATED

BP Oil Spill in the Gulf of Mexico Flickr Group

Ideum's oil spill-related pictures on Flickr

McDonald's Digital Signage "Interaction" in Piccadilly Circus

McDonald's has launched a fun approach to interactive marketing in the UK. The following video shows passers-by interacting with the content of a large digital billboard in Piccadilly Circus. Watch all of the poses!

Advertising without the annoyance. Cute.

McDonald's Piccadilly Circus Flickr Group









I can see this concept spreading. Outdoor signage is going digital, and the web will connect it all!

FotoViewr 3D - Nice on my TouchSmart...

I had a chance to play with my Flickr photos using the beta version of FotoViewr on my HP TouchSmart. Nice.

Here is a video from the FotoViewr website: