際際滷

際際滷Share a Scribd company logo
A	
 short	
 tour	
 of	
 the	
 pla.orm

    h0p://www.im3i.eu/
    C75              C60
    M70              Y100
     im3i@in-足two.com
    Y62
    K80
Storyboard
 About	
 IM3I
 Walkthrough
    Mul1-足user	
 video	
 annota1on	
 with	
 geo-足
     localisa1on
    Simple	
 and	
 advanced	
 search
    Ontology	
 browsing
    Authoring	
 environment
 Contact
                                                           2
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	
 鍖exible,	
 adaptable	
 and	
 customisable	
 
  than	
 current	
 repository	
 soGware	
 and	
 enables	
 new	
 
  opportuni1es	
 for	
 content	
 owners	
 to	
 exploit	
 digital	
 assets
 IM3I	
 is	
 co-足鍖nanced	
 by	
 the	
 European	
 Commission	
 under	
 the	
 
  FP7	
 programme	
 and	
 is	
 run	
 by	
 a	
 consor1um	
 of	
 5	
 SMEs	
 and	
 2	
 
  RTD	
 performers	
 from	
 the	
 UK,	
 Germany,	
 Hungary,	
 Italy	
 and	
 
  the	
 Netherlands
                                                                                                 3
Partners	
 -足	
 h0p://im3i.in-足two.com/partners




                                                      4
Walkthrough	
 
               MulE-足user	
 video	
 annotaEon
 Aim:	
 Add	
 manually	
 annota1ons,	
 delete	
 automa1cally	
 
  derived	
 annota1ons,	
 add	
 geo-足tagged	
 annota1ons
 Mul1ple	
 user	
 pro鍖le:	
 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
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
1:	
 Select	
 a	
 video	
 from	
 the	
 repository

                                                          1




                                                              7
2:	
 Select	
 an	
 ontology	
 to	
 start	
 with

2




                                                        8
3:	
 Select	
 a	
 concept	
 to	
 annotate




3




                                                     9
4:	
 Select	
 Start	
 to	
 mark-足in	
 selected	
 concept



                              4




                                                               10
5:	
 Select	
 End	
 to	
 mark-足out	
 selected	
 
                    concept




                         5




                                                            11
6:	
 Store	
 annotaEon




         6




                           12
7:	
 Browse	
 the	
 list	
 of	
 annotaEons,	
 delete




                                             7

                                                             13
8:	
 Geo-足tag	
 the	
 selected	
 annotaEon




                                                  8

                                                  14
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
Walkthrough	
 
                                 Simple	
 search
 1:	
 Type	
 one	
 or	
 more	
 keywords
 2:	
 Press	
 Search	
 
 3:	
 Click	
 video	
 to	
 play
 4:	
 Click	
 thumbnail	
 view




                                                    16
1:	
 Type	
 a	
 keyword


1




                                 17
2:	
 Press	
 Search


              2




                          18
3:	
 Click	
 video	
 to	
 play




                                     3




                                         19
4:	
 Click	
 thumbnail	
 view




                               4
                                   20
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
1:	
 Select	
 a	
 video	
 collecEon

  1




                                          22
2:	
 Select	
 an	
 ontology	
 concept




2




                                                23
3:	
 Drag	
 the	
 selected	
 concept	
 into	
 the	
 query	
 
                             area




                             3




                                                                  24
4:	
 Click	
 on	
 search




                 4

                              25
5:	
 View	
 the	
 results




                               5




                                   26
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
1:	
 Select	
 an	
 ontology	
 (i.e.	
 News)	
 


1




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

                                                      2




                                                                              29
3:	
 Click	
 on	
 +	
 sign	
 to	
 retrieve	
 content	
 from	
 
                              repository




                                         3




                                                                       30
4:	
 Click	
 on	
 yellow	
 bar	
 to	
 retrieve	
 content	
 
                          from	
 Flickr




                                          4




                                                                      31
4:	
 Click	
 on	
 blue	
 bar	
 to	
 retrieve	
 content	
 from	
 
                               Twi0er




                                              5




                                                                       32
4:	
 Click	
 on	
 green	
 bar	
 to	
 retrieve	
 content	
 
                       from	
 YouTube




                                            6




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

                                           34
Walkthrough	
 
               Authoring	
 Environment
 Work鍖ow
   Step	
 1:	
 Impor1ng	
 a	
 video-足repository
   Step	
 2:	
 Enhancing	
 the	
 data	
 model
   Step	
 3:	
 Authoring	
 layouts
   Step	
 4:	
 Publishing	
 the	
 repository




                                                        35
Step	
 1:	
 ImporEng	
 a	
 video-足repository

 Impor1ng	
 an	
 exis1ng	
 
  repository	
 to	
 an	
 internal	
 
  and	
 鍖exible	
 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
Walkthrough	
 
                  Authoring	
 Environment
 Step	
 2:	
 Enhancing	
 the	
 data	
 model
    A	
 data	
 model	
 is	
 the	
 de鍖ni1on	
 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
Step	
 2:	
 Enhancing	
 the	
 data	
 model

 Adding	
 a	
 transla1on	
 (descrip1on_en)	
 element	
 
  to	
 the	
 data	
 model




                                                            38
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
Step	
 3:	
 Layout	
 and	
 FuncEonality

 De鍖ning	
 a	
 layout	
 table




                                                       40
Step	
 3:	
 Layout	
 and	
 FuncEonality

 Dragging	
 repository	
 contents	
 to	
 layout




                                                       41
Step	
 3:	
 Layout	
 and	
 FuncEonality

 Previewing	
 layout




                                                     42
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	
 work鍖ow	
 pagerns	
 	
 in	
 combining	
 
  mul1ple	
 layouts




                                                                                     43
Step	
 4:	
 Publishing	
 the	
 repository




                                            Original	
 contents




                                   Added	
 Transla1on	
 
                                    and	
 key-足wording	
 
                                      func1onality

                                                               44
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	
 bene鍖t	
 from	
 the	
 IM3I	
 plaDorm
                                                                                    45

More Related Content

IM3I 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 鍖exible, adaptable and customisable than current repository soGware and enables new opportuni1es for content owners to exploit digital assets IM3I is co-足鍖nanced by the European Commission under the FP7 programme and is run by a consor1um of 5 SMEs and 2 RTD performers from the UK, Germany, Hungary, Italy and the Netherlands 3
  • 5. Walkthrough MulE-足user video annotaEon Aim: Add manually annota1ons, delete automa1cally derived annota1ons, add geo-足tagged annota1ons Mul1ple user pro鍖le: 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
  • 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
  • 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 Work鍖ow 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 鍖exible 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 de鍖ni1on 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 De鍖ning 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 work鍖ow 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 bene鍖t from the IM3I plaDorm 45