im3i presentation
DESCRIPTION
IM3I Immersive Multimedia Interfaces presentationTRANSCRIPT
![Page 1: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/1.jpg)
A short tour of the pla.orm
h0p://www.im3i.eu/
im3i@in-‐two.comC75M70Y62K80
C60Y100
![Page 2: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/2.jpg)
C75M70Y62K80
C60Y100
Storyboard
• About IM3I
• Walkthrough
–Mul1-‐user video annota1on with geo-‐localisa1on
– Simple and advanced search
–Ontology browsing–Authoring environment
• Contact
2
![Page 3: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/3.jpg)
C75M70Y62K80
C60Y100
About IM3I
• IM3I provides the crea1ve media sector with a service-‐oriented framework to enable new ways of searching, summarising and visualising large mul1media archives
• IM3I is essen1ally a mul1media informa1on management plaDorm which is more flexible, adaptable and customisable than current repository soGware and enables new opportuni1es for content owners to exploit digital assets
• IM3I is co-‐financed by the European Commission under the FP7 programme and is run by a consor1um of 5 SME’s and 2 RTD performers from the UK, Germany, Hungary, Italy and the Netherlands
3
![Page 4: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/4.jpg)
C75M70Y62K80
C60Y100
Partners -‐ h0p://im3i.in-‐two.com/partners
4
![Page 5: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/5.jpg)
C75M70Y62K80
C60Y100
Walkthrough MulE-‐user video annotaEon
5
• Aim: Add manually annota1ons, delete automa1cally derived annota1ons, add geo-‐tagged annota1ons
• Mul1ple user profile: a regular user may change his own annota1ons, while a super user can import the annota1ons of other users, e.g. to supervise the annota1on process within an organisa1on
– Regular user:
• Username: “im3i-‐std” and Password: “im3i-‐std”
– Super user:
• Username: “im3i-‐super” and Password: “im3i-‐super”
![Page 6: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/6.jpg)
C75M70Y62K80
C60Y100
Walkthrough MulE-‐user video annotaEon
6
• Super user
– 1: Select a video from the repository
– 2: Select an ontology to start with
– 3: Select a concept to annotate
– 4: Select “Start” to mark-‐in selected concept
– 5: Select “End” to mark-‐out selected concept
– 6: Store annota1on
– 7: Browse the list of annota1ons, edit/delete
– 8: Geo-‐tag the selected annota1on
![Page 7: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/7.jpg)
C75M70Y62K80
C60Y100
1: Select a video from the repository
7
1
![Page 8: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/8.jpg)
C75M70Y62K80
C60Y100
2: Select an ontology to start with
8
2
![Page 9: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/9.jpg)
C75M70Y62K80
C60Y100
3: Select a concept to annotate
9
3
![Page 10: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/10.jpg)
C75M70Y62K80
C60Y100
4: Select “Start” to mark-‐in selected concept
10
4
![Page 11: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/11.jpg)
C75M70Y62K80
C60Y100
5: Select “End” to mark-‐out selected concept
11
5
![Page 12: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/12.jpg)
C75M70Y62K80
C60Y100
6: Store annotaEon
12
6
![Page 13: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/13.jpg)
C75M70Y62K80
C60Y100
7: Browse the list of annotaEons, delete
13
7
![Page 14: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/14.jpg)
C75M70Y62K80
C60Y100
8: Geo-‐tag the selected annotaEon
14
8
![Page 15: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/15.jpg)
C75M70Y62K80
C60Y100
Walkthrough Simple and advanced search
15
• Aim: Search for annota1ons using
– a simple mode: google-‐like search and
– an advanced mode: graphical user interface for composing the query
![Page 16: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/16.jpg)
C75M70Y62K80
C60Y100
Walkthrough Simple search
16
• 1: Type one or more keywords
• 2: Press “Search”
• 3: Click video to play
• 4: Click thumbnail view
![Page 17: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/17.jpg)
C75M70Y62K80
C60Y100
1: Type a keyword
17
1
![Page 18: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/18.jpg)
C75M70Y62K80
C60Y100
2: Press “Search”
18
2
![Page 19: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/19.jpg)
C75M70Y62K80
C60Y100
3: Click video to play
19
3
![Page 20: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/20.jpg)
C75M70Y62K80
C60Y100
4: Click thumbnail view
20
4
![Page 21: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/21.jpg)
C75M70Y62K80
C60Y100
Walkthrough Advanced search
21
• 1: Select a video collec1on
• 2: Select an ontology concept (one that you have annotated previously will also work)
• 3: Drag the selected concept into the query area
• 4: Click on search
• 5: View the results
![Page 22: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/22.jpg)
C75M70Y62K80
C60Y100
1: Select a video collecEon
22
1
![Page 23: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/23.jpg)
C75M70Y62K80
C60Y100
2: Select an ontology concept
23
2
![Page 24: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/24.jpg)
C75M70Y62K80
C60Y100
3: Drag the selected concept into the query area
24
3
![Page 25: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/25.jpg)
C75M70Y62K80
C60Y100
4: Click on search
25
4
![Page 26: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/26.jpg)
C75M70Y62K80
C60Y100
5: View the results
26
5
![Page 27: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/27.jpg)
C75M70Y62K80
C60Y100
Walkthrough Ontology browsing
27
• Aim: Browse the ontology concepts, see related content from the repository, Flickr, Twiger YouTube.
• 1: Select an ontology (i.e. News)
• 2: Click on a concept in the tag cloud (i.e. face)
• 3: Click on “+” sign to retrieve content from repository
• 4: Click on yellow bar to retrieve content from Flickr
• 5: Click on blue bar to retrieve content from Twiger
• 6: Click on green bar to retrieve content from Youtube
![Page 28: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/28.jpg)
C75M70Y62K80
C60Y100
1: Select an ontology (i.e. News)
28
1
![Page 29: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/29.jpg)
C75M70Y62K80
C60Y100
2: Click on a concept in the tag cloud (i.e. face)
29
2
![Page 30: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/30.jpg)
C75M70Y62K80
C60Y100
3: Click on “+” sign to retrieve content from repository
30
3
![Page 31: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/31.jpg)
C75M70Y62K80
C60Y100
4: Click on yellow bar to retrieve content from Flickr
31
4
![Page 32: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/32.jpg)
C75M70Y62K80
C60Y100
4: Click on blue bar to retrieve content from Twi0er
32
5
![Page 33: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/33.jpg)
C75M70Y62K80
C60Y100
4: Click on green bar to retrieve content from YouTube
33
6
![Page 34: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/34.jpg)
C75M70Y62K80
C60Y100
Walkthrough Authoring Environment
• Aim: a CMS approach to repository analysis, authoring and publica1on
• Example: adding transla1on func1onality to a video collec1on
34
![Page 35: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/35.jpg)
C75M70Y62K80
C60Y100
Walkthrough Authoring Environment
• Workflow– Step 1: Impor1ng a video-‐repository
– Step 2: Enhancing the data model
– Step 3: Authoring layouts– Step 4: Publishing the repository
35
![Page 36: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/36.jpg)
C75M70Y62K80
C60Y100
Step 1: ImporEng a video-‐repository
• Impor1ng an exis1ng repository to an internal and flexible data model
• Aggrega1ng and harmonizing mul1ple repositories
• Visualisa1on of markup and preview of contents
• Flexibly mapping by drag-‐and-‐drop
Mapping the contents of video RSS to an IM3I data model
36
![Page 37: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/37.jpg)
C75M70Y62K80
C60Y100
Walkthrough Authoring Environment
• Step 2: Enhancing the data model– A data model is the defini1on of a repository
– Data models can reference to each other
– Data models can be extended over1me by adding elements
– Elements are based on types: File, date, string etc.
– Elements can be shared across data models to allow search & retrieval across mul1ple collec1ons
37
![Page 38: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/38.jpg)
C75M70Y62K80
C60Y100
Step 2: Enhancing the data model
• Adding a transla1on (descrip1on_en) element to the data model
38
![Page 39: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/39.jpg)
C75M70Y62K80
C60Y100
Walkthrough Authoring Environment
• Step 3: Layout and Func1onality -‐-‐ Easy manipula1on of layout to a repository by– Table metaphor (easy edi1ng of table characteris1cs)
– Drag and drop graphical elements
– Drag and drop contents of repository in cells
– Easy manipula1on of look and feel
– Easy adding edi1ng func1onali1es to a layout
– Easy preview and markup func1onali1es
39
![Page 40: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/40.jpg)
C75M70Y62K80
C60Y100
Step 3: Layout and FuncEonality
• Defining a layout table
40
![Page 41: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/41.jpg)
C75M70Y62K80
C60Y100
Step 3: Layout and FuncEonality
• Dragging repository contents to layout
41
![Page 42: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/42.jpg)
C75M70Y62K80
C60Y100
Step 3: Layout and FuncEonality
• Previewing layout
42
![Page 43: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/43.jpg)
C75M70Y62K80
C60Y100
Step 4: Publishing the repository
• Easy blend-‐in of layouts in corporate websites
• By copying two lines of html code (like embedding from youTube)
• Allowing for elaborate workflow pagerns in combining mul1ple layouts
43
![Page 44: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/44.jpg)
C75M70Y62K80
C60Y100
Step 4: Publishing the repository
44
Original contents
Added Transla1on and key-‐wording func1onality
![Page 45: IM3I Presentation](https://reader033.vdocument.in/reader033/viewer/2022060108/554e9556b4c90526358b50c9/html5/thumbnails/45.jpg)
C75M70Y62K80
C60Y100
Contact
• We would like to hear from you! Start today with becoming a fan of IM3I in Facebook athgp://www.facebook.com/pages/IM3I-‐Project/219820070170
• Get involved to become an early adopter!
• Contact us at im3i@in-‐two.com to discuss how you can benefit from the IM3I plaDorm
45