EUSCREEN PLATFORM /           DESIGN PROCESS & TOOLS            Techn. development at Europeana projects / Carare / Mykono...
EUSCREEN PLATFORM / ABOUT EUSCREEN PROJECT            The EUScreen project aims to            promote the use of televisio...
EUSCREEN PLATFORM / ABOUT THE SPEAKERS      Sanna Marttila / Aalto                           Daniel Ockeloen / Noterik    ...
EUSCREEN PLATFORM / TOPICS FOR TODAY             PORTAL    METADATA / PLAYOUT         REUSE OF CONTENT     ANNOTATION (NTU...
EUSCREEN PLATFORM / TOPICS FOR TODAY  INTRODUCTION ( almost done now )  DESIGN PROCESS OF EXHIBITION BUILDER  DEMO OF THE ...
EUSCREEN EXHIBITIONS / DESIGN CHALLENGESCarare int. workshop / 24,25, May 2012 / CC BY-NC-SA
EUSCREEN EXHIBITIONS / WHAT NEEDS TO BE DESIGNEDCarare int. workshop / 24,25, May 2012 / CC BY-NC-SA
EUSCREEN EXHIBITIONS / DESIGN PROCESSCarare int. workshop / 24,25, May 2012 / CC BY-NC-SA
EUSCREEN EXHIBITIONS / IMPROVING INITIAL SKETCHES  Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
EUSCREEN EXHIBITIONS / PAPER PROTOTYPING EXHIBITIONS Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
EUSCREEN EXHIBITIONS / MAPPING CONNECTIONS BETWEEN MEDIA Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
SPRINGFIELD PLATFORM / EXHIBITION BUILDERS     HOLD YOUR BREATH WE WILL SPEED UP A LITTLE  health warning :  Since we don’...
SPRINGFIELD PLATFORM / NOTERIK PROJECTS                                                                                   ...
SPRINGFIELD TOOLS / EXHIBITION BUILDER - PORTAL                                                       In EUScreen there is...
SPRINGFIELD TOOLS / EXHIBITION BUILDER - CREATING NEW ONE                                                       Creating a...
SPRINGFIELD TOOLS / EXHIBITION BUILDER - ADDING PAGES                                                        Zoomed into t...
SPRINGFIELD TOOLS / EXHIBITION BUILDER - PICKING PAGE TYPE                                                       You can s...
SPRINGFIELD TOOLS / EXHIBITION BUILDER - IN PLACE EDITING                                                       The curren...
SPRINGFIELD TOOLS / EXHIBITION BUILDER - FILLED PAGE(S)                                                       Basic filled...
SPRINGFIELD TOOLS / EXHIBITION BUILDER - BASIC LINKING                                                         Many compon...
SPRINGFIELD TOOLS / EXHIBITION BUILDER - ENTERING URL OR TAG                                                       Either ...
SPRINGFIELD TOOLS / EXHIBITION BUILDER - LINK CREATED                                                        Once the link...
SPRINGFIELD TOOLS / EXHIBITION BUILDER - MEDIA BOX                                                       In your mediabox ...
SPRINGFIELD TOOLS / EXHIBITION BUILDER - COMMUNITY                                                       Each exhibition c...
SPRINGFIELD TOOLS / EXHIBITION BUILDER - ADDING MEMBERS                                                       And like in ...
SPRINGFIELD TOOLS / EXHIBITION BUILDER - ACTIVITIES LOG                                                       To be able t...
SPRINGFIELD TOOLS / EXHIBITION BUILDER - SHARING                                                       Once done, you can ...
SPRINGFIELD TOOLS / EXHIBITION BUILDER - PREVIEW AND THEMES                                                       Next to ...
SPRINGFIELD TOOLS / EXHIBITION BUILDER - SELECTING A THEME                                                       The user ...
SPRINGFIELD TOOLS / EXHIBITION BUILDER - END RESULT EXAMPLE                                                       Example ...
SPRINGFIELD TOOLS / EXHIBITION BUILDER - COMPONENT EDIT                                                       Video compon...
SPRINGFIELD TOOLS / EXHIBITION BUILDER - TAGGING VIDEO PARTS                                                       Selecti...
SPRINGFIELD TOOLS / EXHIBITION BUILDER - TIME ANNOTATION                                                       Using the n...
SPRINGFIELD TOOLS / EXHIBITION BUILDER - ADDING A KEYWORD TAG                                                       You ca...
SPRINGFIELD TOOLS / EXHIBITION BUILDER - SETTING TAG START/END TIMES                                                      ...
SPRINGFIELD TOOLS / EXHIBITION BUILDER - AUTOLINKING PERFORMED                                                       The s...
SPRINGFIELD TOOLS / THREE RESEARCH QUESTIONS WE ARE WORKING ON 1 EXCEPTION BASED IPR  How do we allow content owners or re...
SPRINGFIELD TOOLS / EXCEPTION BASED IPR FOR VIDEO AND EXHIBITIONS                       CONTEXT PROVIDERS WANT RULES     A...
SPRINGFIELD TOOLS / EXCEPTION BASED IPR FOR VIDEO AND EXHIBITIONS                         BUT EXCEPTIONS ARE THE RULE !!! ...
SPRINGFIELD TOOLS / EXCEPTION BASED IPR FOR VIDEO AND EXHIBITIONS                                           Allow Embeding...
SPRINGFIELD TOOLS / EXCEPTION BASED IPR FOR VIDEO AND EXHIBITIONS                                                       IP...
SPRINGFIELD TOOLS / DYNAMIC PLAYLISTS & CONTENT BASED EDITING                        next to play :                       ...
SPRINGFIELD TOOLS / DYNAMIC PLAYLISTS & CONTENT BASED EDITING                                                             ...
SPRINGFIELD TOOLS / INTERACTIVE PAGE ELEMENTS - OPEN DATA & LoDOld Chi Rho symbol in gold box                `            ...
SPRINGFIELD TOOLS / INTERACTIVE PAGE ELEMENTS - SPATIAL OBJECT TAGGING          Any type of tag can now select part of the...
EUSCREEN PLATFORM / QUESTIONS & CONTACTS    YOU CAN BREATH AGAIN, THANKS FOR LISTENING ...ASK FOR A USB-STICK WITH PRESENT...
Upcoming SlideShare
Loading in...5
×

EUscreen platform / Design process & tools

1,714

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
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,714
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×