europeana remix - an interactive story of an unlikely friendship during the first world war

Europeana RemixAn interactive experience around the story of an unlikely friendship during the First World War.

Experience it at:www.remix.europeana.eu

Contribute your WWI memorabilia at:www.europeana1914-1918.eu

David Haskiya, EuropeanaEuropeanaTech, October 4 2011

Presentator

Presentatienotities

Europeana Remix – Intro This is where I actually demo the site live for a minute or two. If you’re seeing this on slideshare or have downloaded the presentation take a look at www.remix.europeana.eu

http://www.remix.europeana.eu/

http://www.europeana1914-1918.eu/

To test the Social object concept in practiceTo nurture curiosity in Europeana and our WWI related projectsTo test content re-use and API-mashup in practiceTo experiment with user created annotationsTo show our support for HTML5 and Open Video

Why Europeana Remix?

Presentator

Presentatienotities

Why Europeana Remix? To test the Social object concept in practice To nurture curiosity in Europeana and our WWI related projects To test content re-use and API-mashup in practice To experiment with user annotations To show our support for HTML5 and Open Video

The LAMP-stackHTML5Popcorn.js, if you’re not a coder try Butter A Popcorn.js plug-in for the Europeana Search APImp4, webm, ogv as video formatsThe code is Open and on GitHub, https://github.com/brianchirls/Europeana-Remix

What technologies and formats did you use?

Presentator

Presentatienotities

Technologies, formats and APIs The LAMP-stack HTML5 Popcorn.js with plug-ins for e.g. Flickr&Yuoutube, http://popcornjs.org/ Butter, a WYSIWYG Popcorn.js authoring tool, http://butterapp.com/ Popcorn.js plug-in for the Europeana Search API mp4, webm, ogv Find the code on GitHub, https://github.com/brianchirls/Europeana-Remix

http://popcornjs.org/

https://github.com/brianchirls/Europeana-Remix

Clearer calls to action (Share and Comment)Embed functionalityCommunity building, contextualize the annotationsResponsive design - Think tablet!Accessibility More consistency in design with the main Europeana site

Retrospective: Design

Presentator

Presentatienotities

What were your design take aways? Clearer calls to action (Share and Comment) Embed functionality Community building, contextualize the annotations Responsive design - Think tablet! Accessibility More consistency in design with the main Europeana site

Look upon this first Remix as a prototype Browser compatibility is NOT as easy as its often made out to soundPopcorn is not ready for Swipe control yet so no proper tablet supportVideo encoding is a specialized art form!Rely less on js and more on CSS – refactor the code!

Retrospective: Development&Tech

Presentator

Presentatienotities

What were your tech take aways? Browser compatibility is NOT as easy as it sounds Popcorn is not ready for Swipe control yet so no proper tablet support Video encoding is a specialized art form Basically I’d look at the current state of the code as a prototype rather than a finished product

Thijs van Exel, KennislandAnne Marie van Gerwen, EuropeanaHarold van Velsen, BigUpBrian Chirls, Three Eyed LabsAnna van den Broek, EuropeanaDan Entous, EuropeanaJacob Lundqvist, Europeana

So who’s behind Remix?

And of course the film crew who are credited at the end of the film!

Presentator

Presentatienotities

Ladies and Getlemen, the people who made this possible by their talent and hard work. Conceptual design: Thijs, Anne Marie Interaction design: Harold Remix development: Brian Anna, Dan, and Jacob – making it work for real.

europeana remix - an interactive story of an unlikely friendship during the first world war

Technology