Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

EUscreen platform / Design process & tools

2,147 views

Published on

Presentation by Sanna Marttila & Daniël Ockeloen about the design process & tools developed within the EUscreen project. The presentation is based on work done by Kati Hyppä and was given at the Carare workshop on technological development at Europeana projects , Mykonos, May 24-25, 2012.

Published in: Design, Technology
  • Be the first to comment

  • Be the first to like this

EUscreen platform / Design process & tools

  1. 1. EUSCREEN PLATFORM / DESIGN PROCESS & TOOLS Techn. development at Europeana projects / Carare / Mykonos 24, 25 May 2012 Sanna Marttila (Aalto) / Daniel Ockeloen (Noterik) Based on work by Kati Hyyppä (Aalto)Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  2. 2. EUSCREEN PLATFORM / ABOUT EUSCREEN PROJECT The EUScreen project aims to promote the use of television content to explore Europes rich and diverse cultural history. by 28 Partners developing a number of interactive functionalities and dynamic links with Europeana it 9 associate partners will prove valuable to the widest range of cultural, educational 20 European countries and recreational users. 30.000+ items 3 year 2010/2012Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  3. 3. EUSCREEN PLATFORM / ABOUT THE SPEAKERS Sanna Marttila / Aalto Daniel Ockeloen / Noterik is a designer and researcher for is the CTO for this online video digital design and media. Since company. Noterik has worked on 2006 Sanna has been a project several european projects but is lead for research, design and also active in the oral-history and development projects in the Arki educational market. Daniel has Research Group. In the EUScreen been joined by Rutger Rozendal project she is joined by Kati in this project and several Hyyppä. The main focus of our software designers who work on work is in the scenarios for re- the soon to be opensource use, remix and appropiation of springfield platform. the material in everyday life.Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  4. 4. EUSCREEN PLATFORM / TOPICS FOR TODAY PORTAL METADATA / PLAYOUT REUSE OF CONTENT ANNOTATION (NTUA) OPEN LINKED DATA FEEDING EUROPEANACarare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  5. 5. EUSCREEN PLATFORM / TOPICS FOR TODAY INTRODUCTION ( almost done now ) DESIGN PROCESS OF EXHIBITION BUILDER DEMO OF THE EXHIBITION BUILDER UNDERLAYING TOOLS CURRENT & FUTURE DEVELOPMENTCarare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  6. 6. EUSCREEN EXHIBITIONS / DESIGN CHALLENGESCarare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  7. 7. EUSCREEN EXHIBITIONS / WHAT NEEDS TO BE DESIGNEDCarare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  8. 8. EUSCREEN EXHIBITIONS / DESIGN PROCESSCarare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  9. 9. EUSCREEN EXHIBITIONS / IMPROVING INITIAL SKETCHES Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  10. 10. EUSCREEN EXHIBITIONS / PAPER PROTOTYPING EXHIBITIONS Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  11. 11. EUSCREEN EXHIBITIONS / MAPPING CONNECTIONS BETWEEN MEDIA Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  12. 12. SPRINGFIELD PLATFORM / EXHIBITION BUILDERS HOLD YOUR BREATH WE WILL SPEED UP A LITTLE health warning : Since we don’t trust the Internet on this island we decided to use fast moving slides instead. We don’t expect you to read all the comments on each slide. They are there so you can read them later. We will also provide screencasts of these and some other tools on a USB-Stick ask me or Sanna for one. Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  13. 13. SPRINGFIELD PLATFORM / NOTERIK PROJECTS CLIENTSIDE EUSCREEN LINKEDTV ORAL-HISTORY COMMERCIAL html5/flash/xml BARTSPRINGFIELD proxy CLUSTER ~ 20 machines HOMER SMITHERS MAGGIE NELSON cluster control xml rest filesystem search image generation ~ 100 cores 30 TB RAIDS SERVERSIDE MARGE LISA MOMAR .... linux / windows servicenode control indexing transcoding about 10 more MYSQL TCP/IP HTTP TOMCAT OPEN TECHN. XML BASE APACHE JAVA RESTLET System is named after the simpsons tv show. There are multiple of each service. They each communicate using rest/xml and perform specific tasks. Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  14. 14. SPRINGFIELD TOOLS / EXHIBITION BUILDER - PORTAL In EUScreen there is a area called ‘myeuscreen’ where you see all your exhibitions and manage them.Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  15. 15. SPRINGFIELD TOOLS / EXHIBITION BUILDER - CREATING NEW ONE Creating a new Exhibitions is easy only title and description are needed to be entered.Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  16. 16. SPRINGFIELD TOOLS / EXHIBITION BUILDER - ADDING PAGES Zoomed into the builder, we provide hints for people to follow and learn. Start adding pages !!Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  17. 17. SPRINGFIELD TOOLS / EXHIBITION BUILDER - PICKING PAGE TYPE You can select multiple page types from basic, comparison, list view... You can add as many pages as you want, homepage and credits page are automatically added.Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  18. 18. SPRINGFIELD TOOLS / EXHIBITION BUILDER - IN PLACE EDITING The current exhibition is shown in a abstracted way but in this wireframe mode you can select any area and edit in on the spot (what you see is what you get). Continues saving is applied for a better user experience.Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  19. 19. SPRINGFIELD TOOLS / EXHIBITION BUILDER - FILLED PAGE(S) Basic filled page but still in builder mode. 3 pages total now.Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  20. 20. SPRINGFIELD TOOLS / EXHIBITION BUILDER - BASIC LINKING Many components have extra tools, in this case we make a text selection and use the link tool.Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  21. 21. SPRINGFIELD TOOLS / EXHIBITION BUILDER - ENTERING URL OR TAG Either select a tag thats defined in the video or create a external link.Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  22. 22. SPRINGFIELD TOOLS / EXHIBITION BUILDER - LINK CREATED Once the link is created it wll show up and you can use it when using preview mode.Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  23. 23. SPRINGFIELD TOOLS / EXHIBITION BUILDER - MEDIA BOX In your mediabox you will find collections for example the collection of your bookmarks.Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  24. 24. SPRINGFIELD TOOLS / EXHIBITION BUILDER - COMMUNITY Each exhibition creates a community like a google doc. So multiple people can work on it great for education for example.Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  25. 25. SPRINGFIELD TOOLS / EXHIBITION BUILDER - ADDING MEMBERS And like in googledocs, the group itself maintains memberships & roles.Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  26. 26. SPRINGFIELD TOOLS / EXHIBITION BUILDER - ACTIVITIES LOG To be able to work over the internet a activity log is kept (still basic) so you can see what others have done and why,Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  27. 27. SPRINGFIELD TOOLS / EXHIBITION BUILDER - SHARING Once done, you can set how this exhibition is shared. Will be extended when we go live and in the future with IPR options.Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  28. 28. SPRINGFIELD TOOLS / EXHIBITION BUILDER - PREVIEW AND THEMES Next to the page, you will see 3 extra buttons providing a preview mode, theme selector and meta-data.Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  29. 29. SPRINGFIELD TOOLS / EXHIBITION BUILDER - SELECTING A THEME The user can pick from predefined layouts in the future have control by css.Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  30. 30. SPRINGFIELD TOOLS / EXHIBITION BUILDER - END RESULT EXAMPLE Example made by Marco Mendina in prague. Seems he prefered RomeCarare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  31. 31. SPRINGFIELD TOOLS / EXHIBITION BUILDER - COMPONENT EDIT Video components have tools to select what is being played (set start and end point). Set the thumbnail that is showed and tag parts of the video for things like search and linking.Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  32. 32. SPRINGFIELD TOOLS / EXHIBITION BUILDER - TAGGING VIDEO PARTS Selecting the tag parts tool will open our spatial/time based annotation tool that allows you to add layer information to the timeline.Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  33. 33. SPRINGFIELD TOOLS / EXHIBITION BUILDER - TIME ANNOTATION Using the normal slider or the timeline slider you can navigate the video to where you want to add, edit or delete a tag.Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  34. 34. SPRINGFIELD TOOLS / EXHIBITION BUILDER - ADDING A KEYWORD TAG You can change the fields in a tag, in this case keyword is simple only has one field.Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  35. 35. SPRINGFIELD TOOLS / EXHIBITION BUILDER - SETTING TAG START/END TIMES Its easy to change start and end points. zoom in and out to be able to adjust your tag(s)Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  36. 36. SPRINGFIELD TOOLS / EXHIBITION BUILDER - AUTOLINKING PERFORMED The system will link words automatically if it can based on things like time-tags. These can be user generated but could also be coming from external resources like subtitles or auto-detection softwareCarare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  37. 37. SPRINGFIELD TOOLS / THREE RESEARCH QUESTIONS WE ARE WORKING ON 1 EXCEPTION BASED IPR How do we allow content owners or remixers to set the rights of reuse in flexible ways per collection, video or even parts of video’s. And how do we explain these limitations to end users ? 2 CONTENT BASED EDITING Can you edit video not based on time but by adding timebased entity information and concepts so it would be possible to shift the moment of editing from production moment to consuming moment and allow for multiple on montages still reflecting the wishes/intent of the creators. What would the creation and viewer tools look like as a result ? 3 INTERACTIVE PAGE ELEMENTS How do we make exhibitions interactive in a way that doesn’t enforce one model. Can we extend the current template model to include the interaction model and what properties do we allow the makers of exhibitions to change to create unique expressions ?Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  38. 38. SPRINGFIELD TOOLS / EXCEPTION BASED IPR FOR VIDEO AND EXHIBITIONS CONTEXT PROVIDERS WANT RULES A :) portal B embed :| tool C :(Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  39. 39. SPRINGFIELD TOOLS / EXCEPTION BASED IPR FOR VIDEO AND EXHIBITIONS BUT EXCEPTIONS ARE THE RULE !!! A :) portal B embed :| tool C :( Interviews and polls done by Aalto (2011) show on a per use base content providers are less clear what they will allow with their content. It all depends on what, who and where in ways IPR tools don’t allow today.Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  40. 40. SPRINGFIELD TOOLS / EXCEPTION BASED IPR FOR VIDEO AND EXHIBITIONS Allow Embeding when CC license : No Website in : *.nl, *.aalto.fi User from : !*.com User name : daniel,sanna,teachers Request use : copyrights@bbc.co.uk Allow content owners to set both generic rule engines (like CC) or create exceptions based on collections, video’s or apon request.Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  41. 41. SPRINGFIELD TOOLS / EXCEPTION BASED IPR FOR VIDEO AND EXHIBITIONS IPR is not always easy or for whole video’s in our oral history projects we allow parts to be tagged for public, research or private use only. Playout reacts on a per user base for privacy, hate talk or other reasons.Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  42. 42. SPRINGFIELD TOOLS / DYNAMIC PLAYLISTS & CONTENT BASED EDITING next to play : 1:20 3:05 2:01 8:31 This embed is a dynamic playlist, it has been programmed to create a 5min summary instead of showing the 90min match.Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  43. 43. SPRINGFIELD TOOLS / DYNAMIC PLAYLISTS & CONTENT BASED EDITING x owner embed settings length 5min bias Team-A use goals, corners, freekicks next to play : 1:20 3:05 2:01 8:31 Owner can change each embed’s parameters for the script that generates the playlist. It used the timebased tags among its inputs.Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  44. 44. SPRINGFIELD TOOLS / INTERACTIVE PAGE ELEMENTS - OPEN DATA & LoDOld Chi Rho symbol in gold box ` Mykonos is a Greek island, part of the Cyclades, lying between Tinos, Syros, Paros and Naxos. The island spans Van der Krogt groeide an area of 85.5 km² (33 sq mi) We will extend the exhibition with ideas from ‘mapping op in Kloetinge. Zij and rises to an elevation of connections’ workshop. Within pages it will be possible volgde een opleiding 341 m (1,119 ft) atfor components to talk to each other and interact. Many its aan het ... of the signals will be coming from the video timeline. Implementation will be in springfield and popcorn.js components. Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  45. 45. SPRINGFIELD TOOLS / INTERACTIVE PAGE ELEMENTS - SPATIAL OBJECT TAGGING Any type of tag can now select part of the The tags can come from external programs image and track it over time instead of or added by hand. In all cases the shape fullscreen. Like before we can link to them and path can be ‘tuned’ by hand if needed. for example using popcorn.js elementsCarare int. workshop / 24,25, May 2012 / CC BY-NC-SA
  46. 46. EUSCREEN PLATFORM / QUESTIONS & CONTACTS YOU CAN BREATH AGAIN, THANKS FOR LISTENING ...ASK FOR A USB-STICK WITH PRESENTATION AND SCREENCASTS OR CONTACT US : RESEARCH / DESIGNKati Hyyppä (Aalto) : kati.hyyppa@aalto.fiSanna Marttila (Aalto) : sanna.marttila@aalto.fi DESIGN / IMPLEMENTATIONDaniel Ockeloen (Noterik) : daniel@noterik.nlRutger Rozendal (Noterik) : rutger@noterik.nlEUSCREEN QUESTIONSErwin Verbruggen : everbruggen@beeldengeluid.nl Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA

×