IM3I Immersive Multimedia Interfaces presentation

1. A
short
tour
of
the
pla.orm
h0p://www.im3i.eu/
C75 C60
M70 Y100
im3i@in-­‐two.com
Y62
K80

2. Storyboard
• About
IM3I
• Walkthrough
– Mul1-­‐user
video
annota1on
with
geo-­‐
localisa1on
– Simple
and
advanced
search
– Ontology
browsing
– Authoring
environment
• Contact
2

3. 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

4. Partners
-­‐
h0p://im3i.in-­‐two.com/partners
4

5. Walkthrough
MulE-­‐user
video
annotaEon
• 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”
5

6. Walkthrough
MulE-­‐user
video
annotaEon
• 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
6

7. 1:
Select
a
video
from
the
repository
1
7

8. 2:
Select
an
ontology
to
start
with
2
8

9. 3:
Select
a
concept
to
annotate
3
9

10. 4:
Select
“Start”
to
mark-­‐in
selected
concept
4
10

11. 5:
Select
“End”
to
mark-­‐out
selected
concept
5
11

12. 6:
Store
annotaEon
6
12

13. 7:
Browse
the
list
of
annotaEons,
delete
7
13

14. 8:
Geo-­‐tag
the
selected
annotaEon
8
14

15. Walkthrough
Simple
and
advanced
search
• Aim:
Search
for
annota1ons
using
– a
simple
mode:
google-­‐like
search
and
– an
advanced
mode:
graphical
user
interface
for
composing
the
query
15

16. Walkthrough
Simple
search
• 1:
Type
one
or
more
keywords
• 2:
Press
“Search”
• 3:
Click
video
to
play
• 4:
Click
thumbnail
view
16

17. 1:
Type
a
keyword
1
17

18. 2:
Press
“Search”
2
18

19. 3:
Click
video
to
play
3
19

20. 4:
Click
thumbnail
view
4
20

21. Walkthrough
Advanced
search
• 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
21

22. 1:
Select
a
video
collecEon
1
22

23. 2:
Select
an
ontology
concept
2
23

24. 3:
Drag
the
selected
concept
into
the
query
area
3
24

25. 4:
Click
on
search
4
25

26. 5:
View
the
results
5
26

27. Walkthrough
Ontology
browsing
• 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
27

28. 1:
Select
an
ontology
(i.e.
News)
1
28

29. 2:
Click
on
a
concept
in
the
tag
cloud
(i.e.
face)
2
29

30. 3:
Click
on
“+”
sign
to
retrieve
content
from
repository
3
30

31. 4:
Click
on
yellow
bar
to
retrieve
content
from
Flickr
4
31

32. 4:
Click
on
blue
bar
to
retrieve
content
from
Twi0er
5
32

33. 4:
Click
on
green
bar
to
retrieve
content
from
YouTube
6
33

34. Walkthrough
Authoring
Environment
• Aim:
a
CMS
approach
to
repository
analysis,
authoring
and
publica1on
• Example:
adding
transla1on
func1onality
to
a
video
collec1on
34

35. 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

36. 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-­‐ Mapping
the
contents
of
video
RSS
to
an
IM3I
data
model
and-­‐drop
36

37. 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

38. Step
2:
Enhancing
the
data
model
• Adding
a
transla1on
(descrip1on_en)
element
to
the
data
model
38

39. 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

40. Step
3:
Layout
and
FuncEonality
• Defining
a
layout
table
40

41. Step
3:
Layout
and
FuncEonality
• Dragging
repository
contents
to
layout
41

42. Step
3:
Layout
and
FuncEonality
• Previewing
layout
42

43. 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

44. Step
4:
Publishing
the
repository
Original
contents
Added
Transla1on
and
key-­‐wording
func1onality
44

45. Contact
• We
would
like
to
hear
from
you!
Start
today
with
becoming
a
fan
of
IM3I
in
Facebook
at
hgp://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