Download - EUscreen platform / Design process & tools
![Page 1: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/1.jpg)
DESIGN PROCESS & TOOLSEUSCREEN PLATFORM /
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
![Page 2: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/2.jpg)
ABOUT EUSCREEN PROJECTEUSCREEN PLATFORM /
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
28 Partners
The EUScreen project aims to promote the use of television content to explore Europe's rich and diverse cultural history. by developing a number of interactive functionalities and dynamic links with Europeana it will prove valuable to the widest range of cultural, educational and recreational users.
9 associate partners
20 European countries
30.000+ items
3 year 2010/2012
![Page 3: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/3.jpg)
ABOUT THE SPEAKERSEUSCREEN PLATFORM /
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
Sanna Marttila / Aalto
is a designer and researcher for digital design and media. Since 2006 Sanna has been a project lead for research, design and development projects in the Arki Research Group. In the EUScreen project she is joined by Kati Hyyppä. The main focus of our work is in the scenarios for re-use, remix and appropiation of the material in everyday life.
is the CTO for this online video company. Noterik has worked on several european projects but is also active in the oral-history and educational market. Daniel has been joined by Rutger Rozendal in this project and several software designers who work on the soon to be opensource spring!eld platform.
Daniel Ockeloen / Noterik
![Page 4: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/4.jpg)
TOPICS FOR TODAYEUSCREEN PLATFORM /
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
PORTAL
METADATA / PLAYOUT
REUSE OF CONTENT
FEEDING EUROPEANA
OPEN LINKED DATA
ANNOTATION (NTUA)
![Page 5: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/5.jpg)
TOPICS FOR TODAYEUSCREEN PLATFORM /
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
INTRODUCTION ( almost done now )
DESIGN PROCESS OF EXHIBITION BUILDER
DEMO OF THE EXHIBITION BUILDER
UNDERLAYING TOOLS
CURRENT & FUTURE DEVELOPMENT
![Page 6: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/6.jpg)
DESIGN CHALLENGESEUSCREEN EXHIBITIONS /
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
![Page 7: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/7.jpg)
WHAT NEEDS TO BE DESIGNEDEUSCREEN EXHIBITIONS /
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
![Page 8: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/8.jpg)
DESIGN PROCESSEUSCREEN EXHIBITIONS /
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
![Page 9: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/9.jpg)
IMPROVING INITIAL SKETCHESEUSCREEN EXHIBITIONS /
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
![Page 10: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/10.jpg)
PAPER PROTOTYPING EXHIBITIONSEUSCREEN EXHIBITIONS /
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
![Page 11: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/11.jpg)
MAPPING CONNECTIONS BETWEEN MEDIAEUSCREEN EXHIBITIONS /
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
![Page 12: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/12.jpg)
EXHIBITION BUILDERSSPRINGFIELD PLATFORM /
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
HOLD YOUR BREATH WE WILL SPEED UP A LITTLE
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.
health warning :
![Page 13: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/13.jpg)
NOTERIK PROJECTSSPRINGFIELD PLATFORM /
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
EUSCREEN LINKEDTV ORAL-HISTORY COMMERCIAL
SPRINGFIELDBART
MARGE
HOMER
LISA MOMAR
SMITHERS
....
MAGGIE NELSONCLUSTER
OPEN TECHN.BASE
SERVERSIDE
CLIENTSIDE
~ 20 machines~ 100 cores 30 TB RAIDS
cluster control
proxy
xml rest !lesystem
servicenode control indexing transcoding
search image generation
about 10 more
MYSQL
JAVA
TCP/IP
XMLRESTLET
HTTP
APACHETOMCAT
System is named after the simpsons tv show. There are multiple of each service. They each communicate using rest/xml and perform speci!c tasks.
html5/"ash/xml
linux / windows
![Page 14: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/14.jpg)
EXHIBITION BUILDER - PORTALSPRINGFIELD TOOLS /
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
In EUScreen there is a area called ‘myeuscreen’ where you see all your exhibitions and manage them.
![Page 15: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/15.jpg)
EXHIBITION BUILDER - CREATING NEW ONE
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
Creating a new Exhibitions is easy only title and description are needed to be entered.
SPRINGFIELD TOOLS /
![Page 16: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/16.jpg)
EXHIBITION BUILDER - ADDING PAGES
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
Zoomed into the builder, we provide hints for people to follow and learn. Start adding pages !!
SPRINGFIELD TOOLS /
![Page 17: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/17.jpg)
EXHIBITION BUILDER - PICKING PAGE TYPE
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
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.
SPRINGFIELD TOOLS /
![Page 18: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/18.jpg)
EXHIBITION BUILDER - IN PLACE EDITING
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
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.
SPRINGFIELD TOOLS /
![Page 19: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/19.jpg)
EXHIBITION BUILDER - FILLED PAGE(S)
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
Basic !lled page but still in builder mode. 3 pages total now.
SPRINGFIELD TOOLS /
![Page 20: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/20.jpg)
EXHIBITION BUILDER - BASIC LINKING
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
Many components have extra tools, in this case we make a text selection and use the link tool.
SPRINGFIELD TOOLS /
![Page 21: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/21.jpg)
EXHIBITION BUILDER - ENTERING URL OR TAG
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
Either select a tag thats de!ned inthe video or create a external link.
SPRINGFIELD TOOLS /
![Page 22: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/22.jpg)
EXHIBITION BUILDER - LINK CREATED
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
Once the link is created it wll show up and you can use it when using preview mode.
SPRINGFIELD TOOLS /
![Page 23: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/23.jpg)
EXHIBITION BUILDER - MEDIA BOX
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
In your mediabox you will !nd collections for example the collection of your bookmarks.
SPRINGFIELD TOOLS /
![Page 24: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/24.jpg)
EXHIBITION BUILDER - COMMUNITY
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
Each exhibition creates a community like a google doc. So multiple people can work on it great for education for example.
SPRINGFIELD TOOLS /
![Page 25: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/25.jpg)
EXHIBITION BUILDER - ADDING MEMBERS
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
And like in googledocs, the group itself maintains memberships & roles.
SPRINGFIELD TOOLS /
![Page 26: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/26.jpg)
EXHIBITION BUILDER - ACTIVITIES LOG
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
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,
SPRINGFIELD TOOLS /
![Page 27: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/27.jpg)
EXHIBITION BUILDER - SHARING
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
Once done, you can set how this exhibition is shared. Will be extended when we go live and in the future with IPR options.
SPRINGFIELD TOOLS /
![Page 28: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/28.jpg)
EXHIBITION BUILDER - PREVIEW AND THEMES
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
Next to the page, you will see 3 extra buttons providing a preview mode, theme selector and meta-data.
SPRINGFIELD TOOLS /
![Page 29: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/29.jpg)
EXHIBITION BUILDER - SELECTING A THEME
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
The user can pick from prede!ned layouts in the future have control by css.
SPRINGFIELD TOOLS /
![Page 30: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/30.jpg)
EXHIBITION BUILDER - END RESULT EXAMPLE
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
SPRINGFIELD TOOLS /
Example made by Marco Mendinain prague. Seems he prefered Rome
![Page 31: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/31.jpg)
EXHIBITION BUILDER - COMPONENT EDIT
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
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.
SPRINGFIELD TOOLS /
![Page 32: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/32.jpg)
EXHIBITION BUILDER - TAGGING VIDEO PARTS
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
Selecting the tag parts tool will open our spatial/time based annotation tool that allows you to add layer information to the timeline.
SPRINGFIELD TOOLS /
![Page 33: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/33.jpg)
EXHIBITION BUILDER - TIME ANNOTATION
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
Using the normal slider or the timeline slider you can navigate the video to where you want to add, edit or delete a tag.
SPRINGFIELD TOOLS /
![Page 34: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/34.jpg)
EXHIBITION BUILDER - ADDING A KEYWORD TAG
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
You can change the !elds in a tag, in this case keyword is simple only has one !eld.
SPRINGFIELD TOOLS /
![Page 35: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/35.jpg)
EXHIBITION BUILDER - SETTING TAG START/END TIMES
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
Its easy to change start and end points. zoom in and out to be able to adjust your tag(s)
SPRINGFIELD TOOLS /
![Page 36: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/36.jpg)
EXHIBITION BUILDER - AUTOLINKING PERFORMED
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
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 software
SPRINGFIELD TOOLS /
![Page 37: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/37.jpg)
THREE RESEARCH QUESTIONS WE ARE WORKING ON
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
SPRINGFIELD TOOLS /
1 EXCEPTION BASED IPR
2 CONTENT BASED EDITING
3 INTERACTIVE PAGE ELEMENTS
How do we allow content owners or remixers to set the rights of reuse in "exible ways per collection, video or even parts of video’s. And how do we explain these limitations to end users ?
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 re"ecting the wishes/intent of the creators. What would the creation and viewer tools look like as a result ?
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 ?
![Page 38: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/38.jpg)
EXCEPTION BASED IPR FOR VIDEO AND EXHIBITIONSSPRINGFIELD TOOLS /
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
portalembedtool
A
B
C
:(:)
:|
CONTEXT PROVIDERS WANT RULES
![Page 39: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/39.jpg)
EXCEPTION BASED IPR FOR VIDEO AND EXHIBITIONS
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
BUT EXCEPTIONS ARE THE RULE !!!
portalembedtool
A
B
C
:(:)
:|
SPRINGFIELD TOOLS /
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.
![Page 40: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/40.jpg)
EXCEPTION BASED IPR FOR VIDEO AND EXHIBITIONS
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
Allow Embeding when
Website in : *.nl, *.aalto.!User from : !*.com
User name : daniel,sanna,teachersRequest use : [email protected]
SPRINGFIELD TOOLS /
Allow content owners to set both genericrule engines (like CC) or create exceptions based on collections, video’s or apon request.
CC license : No
![Page 41: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/41.jpg)
EXCEPTION BASED IPR FOR VIDEO AND EXHIBITIONS
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
SPRINGFIELD TOOLS /
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.
![Page 42: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/42.jpg)
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
next to play :
1:20 3:05 2:01 8:31
DYNAMIC PLAYLISTS & CONTENT BASED EDITING
This embed is a dynamic playlist, it has been programmed to create a 5min summary instead of showing the 90min match.
SPRINGFIELD TOOLS /
![Page 43: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/43.jpg)
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
next to play :
1:20 3:05 2:01 8:31
owner embed settings
length 5min
Team-Abias
use goals, corners, freekicks
x
DYNAMIC PLAYLISTS & CONTENT BASED EDITING
Owner can change each embed’s parameters for the script that generates the playlist. It usedthe timebased tags among its inputs.
SPRINGFIELD TOOLS /
![Page 44: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/44.jpg)
INTERACTIVE PAGE ELEMENTS - OPEN DATA & LoD
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
SPRINGFIELD TOOLS /
`
Old Chi Rho symbol in gold box
Van der Krogt groeide op in Kloetinge. Zij volgde een opleiding aan het ...
Mykonos is a Greek island, part of the Cyclades, lying between Tinos, Syros, Paros and Naxos. The island spans an area of 85.5 km² (33 sq mi) and rises to an elevation of 341 m (1,119 ft) at its
We will extend the exhibition with ideas from ‘mapping connections’ workshop. Within pages it will be possible for components to talk to each other and interact. Many of the signals will be coming from the video timeline. Implementation will be in spring!eld and popcorn.js components.
![Page 45: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/45.jpg)
INTERACTIVE PAGE ELEMENTS - SPATIAL OBJECT TAGGING
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
SPRINGFIELD TOOLS /
Any type of tag can now select part of the image and track it over time instead of fullscreen. Like before we can link to them for example using popcorn.js elements
The tags can come from external programs or added by hand. In all cases the shape and path can be ‘tuned’ by hand if needed.
![Page 46: EUscreen platform / Design process & tools](https://reader035.vdocument.in/reader035/viewer/2022062319/554c3a44b4c90570648b4758/html5/thumbnails/46.jpg)
QUESTIONS & CONTACTS EUSCREEN PLATFORM /
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
YOU CAN BREATH AGAIN, THANKS FOR LISTENING ...
RESEARCH / DESIGN
Kati Hyyppä (Aalto) : kati.hyyppa@aalto.!
ASK FOR A USB-STICK WITH PRESENTATION AND SCREENCASTS OR CONTACT US :
DESIGN / IMPLEMENTATION
Rutger Rozendal (Noterik) : [email protected]
Sanna Marttila (Aalto) : sanna.marttila@aalto.!
EUSCREEN QUESTIONS
Erwin Verbruggen : [email protected]
Daniel Ockeloen (Noterik) : [email protected]