EUscreen platform / Design process & tools
description
Transcript of EUscreen platform / Design process & tools
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
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
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
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)
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
DESIGN CHALLENGESEUSCREEN EXHIBITIONS /
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
WHAT NEEDS TO BE DESIGNEDEUSCREEN EXHIBITIONS /
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
DESIGN PROCESSEUSCREEN EXHIBITIONS /
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
IMPROVING INITIAL SKETCHESEUSCREEN EXHIBITIONS /
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
PAPER PROTOTYPING EXHIBITIONSEUSCREEN EXHIBITIONS /
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
MAPPING CONNECTIONS BETWEEN MEDIAEUSCREEN EXHIBITIONS /
Carare int. workshop / 24,25, May 2012 / CC BY-NC-SA
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 :
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
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.
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 /
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 /
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 /
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 /
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 /
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 /
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 /
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 /
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 /
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 /
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 /
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 /
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 /
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 /
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 /
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
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 /
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 /
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 /
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 /
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 /
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 /
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 ?
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
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.
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
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.
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 /
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 /
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.
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.
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]