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.
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. EUSCREEN PLATFORM / ABOUT EUSCREEN PROJECT
The EUScreen project aims to
promote the use of television
content to explore Europe's 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/2012
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
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. EUSCREEN PLATFORM / TOPICS FOR TODAY
PORTAL
METADATA / PLAYOUT
REUSE OF CONTENT
ANNOTATION (NTUA)
OPEN LINKED DATA
FEEDING EUROPEANA
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
5. EUSCREEN PLATFORM / TOPICS FOR TODAY
INTRODUCTION ( almost done now )
DESIGN PROCESS OF EXHIBITION BUILDER
DEMO OF THE EXHIBITION BUILDER
UNDERLAYING TOOLS
CURRENT & FUTURE DEVELOPMENT
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
6. EUSCREEN EXHIBITIONS / DESIGN CHALLENGES
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
7. EUSCREEN EXHIBITIONS / WHAT NEEDS TO BE DESIGNED
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
8. EUSCREEN EXHIBITIONS / DESIGN PROCESS
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
9. EUSCREEN EXHIBITIONS / IMPROVING INITIAL SKETCHES
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
10. EUSCREEN EXHIBITIONS / PAPER PROTOTYPING EXHIBITIONS
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
11. EUSCREEN EXHIBITIONS / MAPPING CONNECTIONS BETWEEN MEDIA
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
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. SPRINGFIELD PLATFORM / NOTERIK PROJECTS
CLIENTSIDE
EUSCREEN LINKEDTV ORAL-HISTORY COMMERCIAL html5/flash/xml
BART
SPRINGFIELD 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. SPRINGFIELD TOOLS / EXHIBITION BUILDER - END RESULT EXAMPLE
Example made by Marco Mendina
in prague. Seems he prefered Rome
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
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. 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. 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. 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. 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. 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 software
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
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. 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. 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. 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. 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. 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. 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. SPRINGFIELD TOOLS / INTERACTIVE PAGE ELEMENTS - OPEN DATA & LoD
Old 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. 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 elements
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
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 / DESIGN
Kati Hyyppä (Aalto) : kati.hyyppa@aalto.fi
Sanna Marttila (Aalto) : sanna.marttila@aalto.fi
DESIGN / IMPLEMENTATION
Daniel Ockeloen (Noterik) : daniel@noterik.nl
Rutger Rozendal (Noterik) : rutger@noterik.nl
EUSCREEN QUESTIONS
Erwin Verbruggen : everbruggen@beeldengeluid.nl
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA