SlideShare a Scribd company logo
Component-based
Component-based
Hypervideo Model: High
Hypervideo Model: High
Level Specification of
Level Specification of
Hypervideos
Hypervideos
Component-based
Component-based
Hypervideo Model: High
Hypervideo Model: High
Level Specification of
Level Specification of
Hypervideos
Hypervideos
Madjid SADALLAH
Madjid SADALLAH – CERIST, Algeria
– CERIST, Algeria
Olivier AUBERT
Olivier AUBERT – LIRIS, France
– LIRIS, France
Yannick PRIÉ
Yannick PRIÉ – LIRIS, France
– LIRIS, France
2
Context & Background
ACM DocEng 2011 - September 19-22, 2011 - California, US 3
Hypervideo
 Video-based information nowadays invasive →
Increasing importance of AV-based documents
 How to better communicate AV-based data
(knowledge)?
 Hypervideo: Video-centric Hypermedia document
– a main audiovisual content
– metadata that augment the AV in a time synchronized way
– new presentation and interaction modalities
ACM DocEng 2011 - September 19-22, 2011 - California, US 4
Main Hypervideo Specifities
 No video intrinsic structure + Need to break video
linearity
 → Annotations mandatory to describe, augment and address
AV content/structure
 Rhetorical and aesthetic challenges
– Variety of visualization modalities
 More pronounced hypermedia concerns:
– Disorientation
– Cognitive overload (e.g time pressure on the reader)
ACM DocEng 2011 - September 19-22, 2011 - California, US 5
Background
 Hypervideo ideas since Ted Nelson (1960s). Initial
concepts: HyperCafe (1990s)
 Recently: Hyper-Hitchcock, Advene, HVet, VideoClix,
Popcorn.js
 Languages: SMIL, NCL
 Models:
 General hypermedia (DHM, AHM, NCM)
 Restrictive and specific (Detail-on-Demand)
ACM DocEng 2011 - September 19-22, 2011 - California, US 6
Background
 Conventional hypermedia models:
– Not hypervideo specific with concepts that are very general
– Not much attention for hypervideo support
→ do not describe precisely/clearly hypervideo properties
 Many existing HV implementations
 Use informal/no HV models
 Have technically driven representations
 Need for a dedicated and implementable model for
hypervideos
7
CHM:
Component-based
Hypervideo Model
ACM DocEng 2011 - September 19-22, 2011 - California, US 8
Principles
 CHM Purpose:
 conceptually analyze existing hypervideos
 help the design of new ones
 CHM: presentation of synchronized AV metadata
through nested low- and high-level components
 A component = building block that represents a
formal information and composition unit
 A hypervideo = set of low and high level
components
ACM DocEng 2011 - September 19-22, 2011 - California, US 9
General Overview
 Annotation is at the core
– Structures and readers
 At least one TimedMedia
element that addresses a
temporalized stream
 TimedMedia played through a player component
defines a TimeLine Reference (TLR)
 The TLR synchronizes the rendering of the related
components (TLComponents)
 Multiple players and TLRs may co-exist → different
hypervideo sub-documents
ACM DocEng 2011 - September 19-22, 2011 - California, US 10
CHM Annotation Model
 Complies with Advene/Cinelab Model
 Annotation = Any information (data/resource)
associated to a spatio-temporal video fragment
 Annotation structure:
– Video reference
– Start/end timecodes
– Type
– Content
ACM DocEng 2011 - September 19-22, 2011 - California, US 11
CHM Plain Components
 Basic hypervideo data components
– With interactive interfaces for rendering temporalized data
 Data provided as annotations, accessed through
AnnotationReader components
ACM DocEng 2011 - September 19-22, 2011 - California, US 12
CHM High Level Components
 Identified in many existing HV examples
 Built upon the plain components
 CHM supports these very common and useful set
 Extensible: from the plain ones or a combination
plain/high
ACM DocEng 2011 - September 19-22, 2011 - California, US 13
CHM Spatial Model
 Intends to accommodate the implementation platform
specificities
 VisualComponents placed within SpatialRegions
 SpatialRegions global placement defined in the root
Layout element
ACM DocEng 2011 - September 19-22, 2011 - California, US 14
CHM Temporal Model
 Timeline-based = explicit time scale
 TLR = virtual time reference
– Linked to a player (that renders a TimedMedia component) or
to the global document
– Access and control: “state” , “position” and “duration” attributes
 TLR allows to synchronize components
 Update of the TLR position or state → Update of all
the related TLComponents
ACM DocEng 2011 - September 19-22, 2011 - California, US 15
CHM Links and Events
 CHM hypervideo links
 Unidirectional with no separate link components
(SMIL/HTML, unlike AHM)
 space and time (hotspots)
 Dynamic behavior:
 unlike AHM, CHM does not rely only on a link-based model
 represented and managed by an event-based mechanism
16
Architecture Implementation:
WebCHM prototype
ACM DocEng 2011 - September 19-22, 2011 - California, US 17
Rationale
 WebCHM: practically demonstrates the model
 Public Web-based prototype: http://advene.org/chm/
 Declarative syntax + set of JavaScript libraries
 AV content: HTML5 video (Flash fallback)
 CHM spatial model: HTML layout model + CSS
 CHM temporal model:
– Add time to Web docs? no established standard way
→ Timesheets.js (JS implementation of SMIL Timesheets)
ACM DocEng 2011 - September 19-22, 2011 - California, US 18
Web-based Hypervideo Syntax
 CHM syntax: extension above the HTML language
as namespaced attributes
 A JS-based transformation interprets CHM attributes
and generates HTML5 code
 Complex hypervideos are authored as standard
Web documents.
– Common Web content → standard HTML
– Hypervideo components → HTML + CHM attributes
ACM DocEng 2011 - September 19-22, 2011 - California, US 19
Simple Example
<!-- Data reader -->
<div chm:component="jsonreader" id="data" chm:src="data.json" />
<!-- Video Player (renders the TimedMedia) -->
<div chm:component="videoplayer" id="tm" chm:src="video.ogv"/>
<!-- Table of Content -->
<div chm:component="toc" chm:src="data" title="Story parts"
chm:filter="type=='Parts'" chm:content="${content}"
chm:timelineref="tm" />
<!-- Captions -->
<div chm:component="caption" chm:src="data"
chm:filter="type=='Transcript'" chm:content="${content}"
chm:timelineref="tm" />
ACM DocEng 2011 - September 19-22, 2011 - California, US 20
Complete example: nosferatu
Formal Representation of the Example Screenshot of the Example Rendering
http://advene.org/chm
ACM DocEng 2011 - September 19-22, 2011 - California, US 21
Conclusion
 Further developments are underway
 We aim to enhance CHM and implementation:
 More meaningful components
 Study hypervideo perception
 GUI to ease the authoring
 Advanced features to enrich interaction possibilities like
offering additional mechanisms to end-users
ACM DocEng 2011 - September 19-22, 2011 - California, US 22
Conclusion
 The CHM Project Homepage, API and Samples:
http://www.advene.org/chm
 RSS:
http://www.advene.org/chm/feed.xml
 Twitter:
http://twitter.com/chmproject
 Contact:
msadallah@mail.cerist.dz
olivier.aubert@liris.cnrs.fr
yprie@liris.cnrs.fr
23
Thank You!

More Related Content

Similar to Component-based Hypervideo Model: High-Level Operational Specification of Hypervideos

Tutorial adaptive-streaming
Tutorial adaptive-streamingTutorial adaptive-streaming
Tutorial adaptive-streaming
JohnGregory89
 
Streaming video to html
Streaming video to htmlStreaming video to html
Streaming video to html
jeff tapper
 
Media Content Delivery Systems: 2nd Presentation
Media Content Delivery Systems: 2nd PresentationMedia Content Delivery Systems: 2nd Presentation
Media Content Delivery Systems: 2nd Presentation
ashbyb
 
Superior Streaming and CDN Solutions: Cloud Storage Revolutionizes Digital Media
Superior Streaming and CDN Solutions: Cloud Storage Revolutionizes Digital MediaSuperior Streaming and CDN Solutions: Cloud Storage Revolutionizes Digital Media
Superior Streaming and CDN Solutions: Cloud Storage Revolutionizes Digital Media
Scality
 
Innovate2011 Keys to Building OSLC Integrations
Innovate2011 Keys to Building OSLC IntegrationsInnovate2011 Keys to Building OSLC Integrations
Innovate2011 Keys to Building OSLC Integrations
Steve Speicher
 
CommTech Talks: Challenges for Video on Demand (VoD) services
CommTech Talks: Challenges for Video on Demand (VoD) servicesCommTech Talks: Challenges for Video on Demand (VoD) services
CommTech Talks: Challenges for Video on Demand (VoD) services
Antonio Capone
 
1. introduction to html5
1. introduction to html51. introduction to html5
1. introduction to html5
JayjZens
 
OMG CORBA Component Model tutorial
OMG CORBA Component Model tutorialOMG CORBA Component Model tutorial
OMG CORBA Component Model tutorial
Johnny Willemsen
 
Clo architecture for video surveillance service based on p2 p and cloud compu...
Clo architecture for video surveillance service based on p2 p and cloud compu...Clo architecture for video surveillance service based on p2 p and cloud compu...
Clo architecture for video surveillance service based on p2 p and cloud compu...
manish bhandare
 
Chapter 12
Chapter 12Chapter 12
Chapter 12
Ahmed Magdy
 
Adaptive Video over ICN @ IETF'87
Adaptive Video over ICN @ IETF'87Adaptive Video over ICN @ IETF'87
Adaptive Video over ICN @ IETF'87
Stefan Lederer / bitmovin.net
 
FPL'2014 - FlexTiles Workshop - 4 - FlexTiles Virtual Platform
FPL'2014 - FlexTiles Workshop - 4 - FlexTiles Virtual PlatformFPL'2014 - FlexTiles Workshop - 4 - FlexTiles Virtual Platform
FPL'2014 - FlexTiles Workshop - 4 - FlexTiles Virtual Platform
FlexTiles Team
 
Unit 02: Web Technologies (1/2)
Unit 02: Web Technologies (1/2)Unit 02: Web Technologies (1/2)
Unit 02: Web Technologies (1/2)
DSBW 2011/2002 - Carles Farré - Barcelona Tech
 
Technology standard ci_platforms
Technology standard ci_platformsTechnology standard ci_platforms
Technology standard ci_platforms
suleymanissiz
 
Technology standard ci_platforms
Technology standard ci_platformsTechnology standard ci_platforms
Technology standard ci_platforms
suleymanissiz
 
Data as a Strategic Asset
Data as a Strategic AssetData as a Strategic Asset
Data as a Strategic Asset
TamrMarketing
 
Video Indexing And Retrieval
Video Indexing And RetrievalVideo Indexing And Retrieval
Video Indexing And Retrieval
Yvonne M
 
OSDC 2011 | RedHat Satellite - Einsatzweise und Möglichkeiten by Dirk Hermann
OSDC 2011 | RedHat Satellite - Einsatzweise und Möglichkeiten by Dirk HermannOSDC 2011 | RedHat Satellite - Einsatzweise und Möglichkeiten by Dirk Hermann
OSDC 2011 | RedHat Satellite - Einsatzweise und Möglichkeiten by Dirk Hermann
NETWAYS
 
An Evaluation of Dynamic Adaptive Streaming over HTTP in Vehicular Environments
An Evaluation of Dynamic Adaptive Streaming over HTTP in Vehicular EnvironmentsAn Evaluation of Dynamic Adaptive Streaming over HTTP in Vehicular Environments
An Evaluation of Dynamic Adaptive Streaming over HTTP in Vehicular Environments
Alpen-Adria-Universität
 
Html5 introduction
Html5 introductionHtml5 introduction
Html5 introduction
Karthik Nallajalla
 

Similar to Component-based Hypervideo Model: High-Level Operational Specification of Hypervideos (20)

Tutorial adaptive-streaming
Tutorial adaptive-streamingTutorial adaptive-streaming
Tutorial adaptive-streaming
 
Streaming video to html
Streaming video to htmlStreaming video to html
Streaming video to html
 
Media Content Delivery Systems: 2nd Presentation
Media Content Delivery Systems: 2nd PresentationMedia Content Delivery Systems: 2nd Presentation
Media Content Delivery Systems: 2nd Presentation
 
Superior Streaming and CDN Solutions: Cloud Storage Revolutionizes Digital Media
Superior Streaming and CDN Solutions: Cloud Storage Revolutionizes Digital MediaSuperior Streaming and CDN Solutions: Cloud Storage Revolutionizes Digital Media
Superior Streaming and CDN Solutions: Cloud Storage Revolutionizes Digital Media
 
Innovate2011 Keys to Building OSLC Integrations
Innovate2011 Keys to Building OSLC IntegrationsInnovate2011 Keys to Building OSLC Integrations
Innovate2011 Keys to Building OSLC Integrations
 
CommTech Talks: Challenges for Video on Demand (VoD) services
CommTech Talks: Challenges for Video on Demand (VoD) servicesCommTech Talks: Challenges for Video on Demand (VoD) services
CommTech Talks: Challenges for Video on Demand (VoD) services
 
1. introduction to html5
1. introduction to html51. introduction to html5
1. introduction to html5
 
OMG CORBA Component Model tutorial
OMG CORBA Component Model tutorialOMG CORBA Component Model tutorial
OMG CORBA Component Model tutorial
 
Clo architecture for video surveillance service based on p2 p and cloud compu...
Clo architecture for video surveillance service based on p2 p and cloud compu...Clo architecture for video surveillance service based on p2 p and cloud compu...
Clo architecture for video surveillance service based on p2 p and cloud compu...
 
Chapter 12
Chapter 12Chapter 12
Chapter 12
 
Adaptive Video over ICN @ IETF'87
Adaptive Video over ICN @ IETF'87Adaptive Video over ICN @ IETF'87
Adaptive Video over ICN @ IETF'87
 
FPL'2014 - FlexTiles Workshop - 4 - FlexTiles Virtual Platform
FPL'2014 - FlexTiles Workshop - 4 - FlexTiles Virtual PlatformFPL'2014 - FlexTiles Workshop - 4 - FlexTiles Virtual Platform
FPL'2014 - FlexTiles Workshop - 4 - FlexTiles Virtual Platform
 
Unit 02: Web Technologies (1/2)
Unit 02: Web Technologies (1/2)Unit 02: Web Technologies (1/2)
Unit 02: Web Technologies (1/2)
 
Technology standard ci_platforms
Technology standard ci_platformsTechnology standard ci_platforms
Technology standard ci_platforms
 
Technology standard ci_platforms
Technology standard ci_platformsTechnology standard ci_platforms
Technology standard ci_platforms
 
Data as a Strategic Asset
Data as a Strategic AssetData as a Strategic Asset
Data as a Strategic Asset
 
Video Indexing And Retrieval
Video Indexing And RetrievalVideo Indexing And Retrieval
Video Indexing And Retrieval
 
OSDC 2011 | RedHat Satellite - Einsatzweise und Möglichkeiten by Dirk Hermann
OSDC 2011 | RedHat Satellite - Einsatzweise und Möglichkeiten by Dirk HermannOSDC 2011 | RedHat Satellite - Einsatzweise und Möglichkeiten by Dirk Hermann
OSDC 2011 | RedHat Satellite - Einsatzweise und Möglichkeiten by Dirk Hermann
 
An Evaluation of Dynamic Adaptive Streaming over HTTP in Vehicular Environments
An Evaluation of Dynamic Adaptive Streaming over HTTP in Vehicular EnvironmentsAn Evaluation of Dynamic Adaptive Streaming over HTTP in Vehicular Environments
An Evaluation of Dynamic Adaptive Streaming over HTTP in Vehicular Environments
 
Html5 introduction
Html5 introductionHtml5 introduction
Html5 introduction
 

More from Madjid Sadallah

Generating LADs that make sense
Generating LADs that make senseGenerating LADs that make sense
Generating LADs that make sense
Madjid Sadallah
 
LADStudio : Outil de co-conception générative et de prototypage assisté de t...
LADStudio :  Outil de co-conception générative et de prototypage assisté de t...LADStudio :  Outil de co-conception générative et de prototypage assisté de t...
LADStudio : Outil de co-conception générative et de prototypage assisté de t...
Madjid Sadallah
 
Vers une Conception Participative de Tableaux de Bord d’Apprentissage support...
Vers une Conception Participative de Tableaux de Bord d’Apprentissage support...Vers une Conception Participative de Tableaux de Bord d’Apprentissage support...
Vers une Conception Participative de Tableaux de Bord d’Apprentissage support...
Madjid Sadallah
 
Models and Tools for Usage based e-Learning Documents Reengineering
Models and Tools for Usage based e-Learning Documents ReengineeringModels and Tools for Usage based e-Learning Documents Reengineering
Models and Tools for Usage based e-Learning Documents Reengineering
Madjid Sadallah
 
Towards Reading Session-based indicators in Educational Reading Analytics
Towards Reading Session-based indicators in Educational Reading AnalyticsTowards Reading Session-based indicators in Educational Reading Analytics
Towards Reading Session-based indicators in Educational Reading Analytics
Madjid Sadallah
 
A Framework for Usage-based Document Reengineering
A Framework for Usage-based Document ReengineeringA Framework for Usage-based Document Reengineering
A Framework for Usage-based Document Reengineering
Madjid Sadallah
 
Modèles et Outils Documentaires pour les Hypervidéos sur le Web
Modèles et Outils Documentaires pour les Hypervidéos sur le WebModèles et Outils Documentaires pour les Hypervidéos sur le Web
Modèles et Outils Documentaires pour les Hypervidéos sur le Web
Madjid Sadallah
 

More from Madjid Sadallah (7)

Generating LADs that make sense
Generating LADs that make senseGenerating LADs that make sense
Generating LADs that make sense
 
LADStudio : Outil de co-conception générative et de prototypage assisté de t...
LADStudio :  Outil de co-conception générative et de prototypage assisté de t...LADStudio :  Outil de co-conception générative et de prototypage assisté de t...
LADStudio : Outil de co-conception générative et de prototypage assisté de t...
 
Vers une Conception Participative de Tableaux de Bord d’Apprentissage support...
Vers une Conception Participative de Tableaux de Bord d’Apprentissage support...Vers une Conception Participative de Tableaux de Bord d’Apprentissage support...
Vers une Conception Participative de Tableaux de Bord d’Apprentissage support...
 
Models and Tools for Usage based e-Learning Documents Reengineering
Models and Tools for Usage based e-Learning Documents ReengineeringModels and Tools for Usage based e-Learning Documents Reengineering
Models and Tools for Usage based e-Learning Documents Reengineering
 
Towards Reading Session-based indicators in Educational Reading Analytics
Towards Reading Session-based indicators in Educational Reading AnalyticsTowards Reading Session-based indicators in Educational Reading Analytics
Towards Reading Session-based indicators in Educational Reading Analytics
 
A Framework for Usage-based Document Reengineering
A Framework for Usage-based Document ReengineeringA Framework for Usage-based Document Reengineering
A Framework for Usage-based Document Reengineering
 
Modèles et Outils Documentaires pour les Hypervidéos sur le Web
Modèles et Outils Documentaires pour les Hypervidéos sur le WebModèles et Outils Documentaires pour les Hypervidéos sur le Web
Modèles et Outils Documentaires pour les Hypervidéos sur le Web
 

Recently uploaded

Gregory Harris' Civics Presentation.pptx
Gregory Harris' Civics Presentation.pptxGregory Harris' Civics Presentation.pptx
Gregory Harris' Civics Presentation.pptx
gharris9
 
Artificial Intelligence, Data and Competition – SCHREPEL – June 2024 OECD dis...
Artificial Intelligence, Data and Competition – SCHREPEL – June 2024 OECD dis...Artificial Intelligence, Data and Competition – SCHREPEL – June 2024 OECD dis...
Artificial Intelligence, Data and Competition – SCHREPEL – June 2024 OECD dis...
OECD Directorate for Financial and Enterprise Affairs
 
Carrer goals.pptx and their importance in real life
Carrer goals.pptx  and their importance in real lifeCarrer goals.pptx  and their importance in real life
Carrer goals.pptx and their importance in real life
artemacademy2
 
Burning Issue Presentation By Kenmaryon.pdf
Burning Issue Presentation By Kenmaryon.pdfBurning Issue Presentation By Kenmaryon.pdf
Burning Issue Presentation By Kenmaryon.pdf
kkirkland2
 
Collapsing Narratives: Exploring Non-Linearity • a micro report by Rosie Wells
Collapsing Narratives: Exploring Non-Linearity • a micro report by Rosie WellsCollapsing Narratives: Exploring Non-Linearity • a micro report by Rosie Wells
Collapsing Narratives: Exploring Non-Linearity • a micro report by Rosie Wells
Rosie Wells
 
Artificial Intelligence, Data and Competition – OECD – June 2024 OECD discussion
Artificial Intelligence, Data and Competition – OECD – June 2024 OECD discussionArtificial Intelligence, Data and Competition – OECD – June 2024 OECD discussion
Artificial Intelligence, Data and Competition – OECD – June 2024 OECD discussion
OECD Directorate for Financial and Enterprise Affairs
 
Competition and Regulation in Professions and Occupations – ROBSON – June 202...
Competition and Regulation in Professions and Occupations – ROBSON – June 202...Competition and Regulation in Professions and Occupations – ROBSON – June 202...
Competition and Regulation in Professions and Occupations – ROBSON – June 202...
OECD Directorate for Financial and Enterprise Affairs
 
ASONAM2023_presection_slide_track-recommendation.pdf
ASONAM2023_presection_slide_track-recommendation.pdfASONAM2023_presection_slide_track-recommendation.pdf
ASONAM2023_presection_slide_track-recommendation.pdf
ToshihiroIto4
 
Suzanne Lagerweij - Influence Without Power - Why Empathy is Your Best Friend...
Suzanne Lagerweij - Influence Without Power - Why Empathy is Your Best Friend...Suzanne Lagerweij - Influence Without Power - Why Empathy is Your Best Friend...
Suzanne Lagerweij - Influence Without Power - Why Empathy is Your Best Friend...
Suzanne Lagerweij
 
Mẫu PPT kế hoạch làm việc sáng tạo cho nửa cuối năm PowerPoint
Mẫu PPT kế hoạch làm việc sáng tạo cho nửa cuối năm PowerPointMẫu PPT kế hoạch làm việc sáng tạo cho nửa cuối năm PowerPoint
Mẫu PPT kế hoạch làm việc sáng tạo cho nửa cuối năm PowerPoint
1990 Media
 
Competition and Regulation in Professions and Occupations – OECD – June 2024 ...
Competition and Regulation in Professions and Occupations – OECD – June 2024 ...Competition and Regulation in Professions and Occupations – OECD – June 2024 ...
Competition and Regulation in Professions and Occupations – OECD – June 2024 ...
OECD Directorate for Financial and Enterprise Affairs
 
Tom tresser burning issue.pptx My Burning issue
Tom tresser burning issue.pptx My Burning issueTom tresser burning issue.pptx My Burning issue
Tom tresser burning issue.pptx My Burning issue
amekonnen
 
Updated diagnosis. Cause and treatment of hypothyroidism
Updated diagnosis. Cause and treatment of hypothyroidismUpdated diagnosis. Cause and treatment of hypothyroidism
Updated diagnosis. Cause and treatment of hypothyroidism
Faculty of Medicine And Health Sciences
 
Artificial Intelligence, Data and Competition – LIM – June 2024 OECD discussion
Artificial Intelligence, Data and Competition – LIM – June 2024 OECD discussionArtificial Intelligence, Data and Competition – LIM – June 2024 OECD discussion
Artificial Intelligence, Data and Competition – LIM – June 2024 OECD discussion
OECD Directorate for Financial and Enterprise Affairs
 
原版制作贝德福特大学毕业证(bedfordhire毕业证)硕士文凭原版一模一样
原版制作贝德福特大学毕业证(bedfordhire毕业证)硕士文凭原版一模一样原版制作贝德福特大学毕业证(bedfordhire毕业证)硕士文凭原版一模一样
原版制作贝德福特大学毕业证(bedfordhire毕业证)硕士文凭原版一模一样
gpww3sf4
 
Artificial Intelligence, Data and Competition – ČORBA – June 2024 OECD discus...
Artificial Intelligence, Data and Competition – ČORBA – June 2024 OECD discus...Artificial Intelligence, Data and Competition – ČORBA – June 2024 OECD discus...
Artificial Intelligence, Data and Competition – ČORBA – June 2024 OECD discus...
OECD Directorate for Financial and Enterprise Affairs
 
Mastering the Concepts Tested in the Databricks Certified Data Engineer Assoc...
Mastering the Concepts Tested in the Databricks Certified Data Engineer Assoc...Mastering the Concepts Tested in the Databricks Certified Data Engineer Assoc...
Mastering the Concepts Tested in the Databricks Certified Data Engineer Assoc...
SkillCertProExams
 
Presentatie 8. Joost van der Linde & Daniel Anderton - Eliq 28 mei 2024
Presentatie 8. Joost van der Linde & Daniel Anderton - Eliq 28 mei 2024Presentatie 8. Joost van der Linde & Daniel Anderton - Eliq 28 mei 2024
Presentatie 8. Joost van der Linde & Daniel Anderton - Eliq 28 mei 2024
Dutch Power
 
Pro-competitive Industrial Policy – LANE – June 2024 OECD discussion
Pro-competitive Industrial Policy – LANE – June 2024 OECD discussionPro-competitive Industrial Policy – LANE – June 2024 OECD discussion
Pro-competitive Industrial Policy – LANE – June 2024 OECD discussion
OECD Directorate for Financial and Enterprise Affairs
 
2024-05-30_meetup_devops_aix-marseille.pdf
2024-05-30_meetup_devops_aix-marseille.pdf2024-05-30_meetup_devops_aix-marseille.pdf
2024-05-30_meetup_devops_aix-marseille.pdf
Frederic Leger
 

Recently uploaded (20)

Gregory Harris' Civics Presentation.pptx
Gregory Harris' Civics Presentation.pptxGregory Harris' Civics Presentation.pptx
Gregory Harris' Civics Presentation.pptx
 
Artificial Intelligence, Data and Competition – SCHREPEL – June 2024 OECD dis...
Artificial Intelligence, Data and Competition – SCHREPEL – June 2024 OECD dis...Artificial Intelligence, Data and Competition – SCHREPEL – June 2024 OECD dis...
Artificial Intelligence, Data and Competition – SCHREPEL – June 2024 OECD dis...
 
Carrer goals.pptx and their importance in real life
Carrer goals.pptx  and their importance in real lifeCarrer goals.pptx  and their importance in real life
Carrer goals.pptx and their importance in real life
 
Burning Issue Presentation By Kenmaryon.pdf
Burning Issue Presentation By Kenmaryon.pdfBurning Issue Presentation By Kenmaryon.pdf
Burning Issue Presentation By Kenmaryon.pdf
 
Collapsing Narratives: Exploring Non-Linearity • a micro report by Rosie Wells
Collapsing Narratives: Exploring Non-Linearity • a micro report by Rosie WellsCollapsing Narratives: Exploring Non-Linearity • a micro report by Rosie Wells
Collapsing Narratives: Exploring Non-Linearity • a micro report by Rosie Wells
 
Artificial Intelligence, Data and Competition – OECD – June 2024 OECD discussion
Artificial Intelligence, Data and Competition – OECD – June 2024 OECD discussionArtificial Intelligence, Data and Competition – OECD – June 2024 OECD discussion
Artificial Intelligence, Data and Competition – OECD – June 2024 OECD discussion
 
Competition and Regulation in Professions and Occupations – ROBSON – June 202...
Competition and Regulation in Professions and Occupations – ROBSON – June 202...Competition and Regulation in Professions and Occupations – ROBSON – June 202...
Competition and Regulation in Professions and Occupations – ROBSON – June 202...
 
ASONAM2023_presection_slide_track-recommendation.pdf
ASONAM2023_presection_slide_track-recommendation.pdfASONAM2023_presection_slide_track-recommendation.pdf
ASONAM2023_presection_slide_track-recommendation.pdf
 
Suzanne Lagerweij - Influence Without Power - Why Empathy is Your Best Friend...
Suzanne Lagerweij - Influence Without Power - Why Empathy is Your Best Friend...Suzanne Lagerweij - Influence Without Power - Why Empathy is Your Best Friend...
Suzanne Lagerweij - Influence Without Power - Why Empathy is Your Best Friend...
 
Mẫu PPT kế hoạch làm việc sáng tạo cho nửa cuối năm PowerPoint
Mẫu PPT kế hoạch làm việc sáng tạo cho nửa cuối năm PowerPointMẫu PPT kế hoạch làm việc sáng tạo cho nửa cuối năm PowerPoint
Mẫu PPT kế hoạch làm việc sáng tạo cho nửa cuối năm PowerPoint
 
Competition and Regulation in Professions and Occupations – OECD – June 2024 ...
Competition and Regulation in Professions and Occupations – OECD – June 2024 ...Competition and Regulation in Professions and Occupations – OECD – June 2024 ...
Competition and Regulation in Professions and Occupations – OECD – June 2024 ...
 
Tom tresser burning issue.pptx My Burning issue
Tom tresser burning issue.pptx My Burning issueTom tresser burning issue.pptx My Burning issue
Tom tresser burning issue.pptx My Burning issue
 
Updated diagnosis. Cause and treatment of hypothyroidism
Updated diagnosis. Cause and treatment of hypothyroidismUpdated diagnosis. Cause and treatment of hypothyroidism
Updated diagnosis. Cause and treatment of hypothyroidism
 
Artificial Intelligence, Data and Competition – LIM – June 2024 OECD discussion
Artificial Intelligence, Data and Competition – LIM – June 2024 OECD discussionArtificial Intelligence, Data and Competition – LIM – June 2024 OECD discussion
Artificial Intelligence, Data and Competition – LIM – June 2024 OECD discussion
 
原版制作贝德福特大学毕业证(bedfordhire毕业证)硕士文凭原版一模一样
原版制作贝德福特大学毕业证(bedfordhire毕业证)硕士文凭原版一模一样原版制作贝德福特大学毕业证(bedfordhire毕业证)硕士文凭原版一模一样
原版制作贝德福特大学毕业证(bedfordhire毕业证)硕士文凭原版一模一样
 
Artificial Intelligence, Data and Competition – ČORBA – June 2024 OECD discus...
Artificial Intelligence, Data and Competition – ČORBA – June 2024 OECD discus...Artificial Intelligence, Data and Competition – ČORBA – June 2024 OECD discus...
Artificial Intelligence, Data and Competition – ČORBA – June 2024 OECD discus...
 
Mastering the Concepts Tested in the Databricks Certified Data Engineer Assoc...
Mastering the Concepts Tested in the Databricks Certified Data Engineer Assoc...Mastering the Concepts Tested in the Databricks Certified Data Engineer Assoc...
Mastering the Concepts Tested in the Databricks Certified Data Engineer Assoc...
 
Presentatie 8. Joost van der Linde & Daniel Anderton - Eliq 28 mei 2024
Presentatie 8. Joost van der Linde & Daniel Anderton - Eliq 28 mei 2024Presentatie 8. Joost van der Linde & Daniel Anderton - Eliq 28 mei 2024
Presentatie 8. Joost van der Linde & Daniel Anderton - Eliq 28 mei 2024
 
Pro-competitive Industrial Policy – LANE – June 2024 OECD discussion
Pro-competitive Industrial Policy – LANE – June 2024 OECD discussionPro-competitive Industrial Policy – LANE – June 2024 OECD discussion
Pro-competitive Industrial Policy – LANE – June 2024 OECD discussion
 
2024-05-30_meetup_devops_aix-marseille.pdf
2024-05-30_meetup_devops_aix-marseille.pdf2024-05-30_meetup_devops_aix-marseille.pdf
2024-05-30_meetup_devops_aix-marseille.pdf
 

Component-based Hypervideo Model: High-Level Operational Specification of Hypervideos

  • 1. Component-based Component-based Hypervideo Model: High Hypervideo Model: High Level Specification of Level Specification of Hypervideos Hypervideos Component-based Component-based Hypervideo Model: High Hypervideo Model: High Level Specification of Level Specification of Hypervideos Hypervideos Madjid SADALLAH Madjid SADALLAH – CERIST, Algeria – CERIST, Algeria Olivier AUBERT Olivier AUBERT – LIRIS, France – LIRIS, France Yannick PRIÉ Yannick PRIÉ – LIRIS, France – LIRIS, France
  • 3. ACM DocEng 2011 - September 19-22, 2011 - California, US 3 Hypervideo  Video-based information nowadays invasive → Increasing importance of AV-based documents  How to better communicate AV-based data (knowledge)?  Hypervideo: Video-centric Hypermedia document – a main audiovisual content – metadata that augment the AV in a time synchronized way – new presentation and interaction modalities
  • 4. ACM DocEng 2011 - September 19-22, 2011 - California, US 4 Main Hypervideo Specifities  No video intrinsic structure + Need to break video linearity  → Annotations mandatory to describe, augment and address AV content/structure  Rhetorical and aesthetic challenges – Variety of visualization modalities  More pronounced hypermedia concerns: – Disorientation – Cognitive overload (e.g time pressure on the reader)
  • 5. ACM DocEng 2011 - September 19-22, 2011 - California, US 5 Background  Hypervideo ideas since Ted Nelson (1960s). Initial concepts: HyperCafe (1990s)  Recently: Hyper-Hitchcock, Advene, HVet, VideoClix, Popcorn.js  Languages: SMIL, NCL  Models:  General hypermedia (DHM, AHM, NCM)  Restrictive and specific (Detail-on-Demand)
  • 6. ACM DocEng 2011 - September 19-22, 2011 - California, US 6 Background  Conventional hypermedia models: – Not hypervideo specific with concepts that are very general – Not much attention for hypervideo support → do not describe precisely/clearly hypervideo properties  Many existing HV implementations  Use informal/no HV models  Have technically driven representations  Need for a dedicated and implementable model for hypervideos
  • 8. ACM DocEng 2011 - September 19-22, 2011 - California, US 8 Principles  CHM Purpose:  conceptually analyze existing hypervideos  help the design of new ones  CHM: presentation of synchronized AV metadata through nested low- and high-level components  A component = building block that represents a formal information and composition unit  A hypervideo = set of low and high level components
  • 9. ACM DocEng 2011 - September 19-22, 2011 - California, US 9 General Overview  Annotation is at the core – Structures and readers  At least one TimedMedia element that addresses a temporalized stream  TimedMedia played through a player component defines a TimeLine Reference (TLR)  The TLR synchronizes the rendering of the related components (TLComponents)  Multiple players and TLRs may co-exist → different hypervideo sub-documents
  • 10. ACM DocEng 2011 - September 19-22, 2011 - California, US 10 CHM Annotation Model  Complies with Advene/Cinelab Model  Annotation = Any information (data/resource) associated to a spatio-temporal video fragment  Annotation structure: – Video reference – Start/end timecodes – Type – Content
  • 11. ACM DocEng 2011 - September 19-22, 2011 - California, US 11 CHM Plain Components  Basic hypervideo data components – With interactive interfaces for rendering temporalized data  Data provided as annotations, accessed through AnnotationReader components
  • 12. ACM DocEng 2011 - September 19-22, 2011 - California, US 12 CHM High Level Components  Identified in many existing HV examples  Built upon the plain components  CHM supports these very common and useful set  Extensible: from the plain ones or a combination plain/high
  • 13. ACM DocEng 2011 - September 19-22, 2011 - California, US 13 CHM Spatial Model  Intends to accommodate the implementation platform specificities  VisualComponents placed within SpatialRegions  SpatialRegions global placement defined in the root Layout element
  • 14. ACM DocEng 2011 - September 19-22, 2011 - California, US 14 CHM Temporal Model  Timeline-based = explicit time scale  TLR = virtual time reference – Linked to a player (that renders a TimedMedia component) or to the global document – Access and control: “state” , “position” and “duration” attributes  TLR allows to synchronize components  Update of the TLR position or state → Update of all the related TLComponents
  • 15. ACM DocEng 2011 - September 19-22, 2011 - California, US 15 CHM Links and Events  CHM hypervideo links  Unidirectional with no separate link components (SMIL/HTML, unlike AHM)  space and time (hotspots)  Dynamic behavior:  unlike AHM, CHM does not rely only on a link-based model  represented and managed by an event-based mechanism
  • 17. ACM DocEng 2011 - September 19-22, 2011 - California, US 17 Rationale  WebCHM: practically demonstrates the model  Public Web-based prototype: http://advene.org/chm/  Declarative syntax + set of JavaScript libraries  AV content: HTML5 video (Flash fallback)  CHM spatial model: HTML layout model + CSS  CHM temporal model: – Add time to Web docs? no established standard way → Timesheets.js (JS implementation of SMIL Timesheets)
  • 18. ACM DocEng 2011 - September 19-22, 2011 - California, US 18 Web-based Hypervideo Syntax  CHM syntax: extension above the HTML language as namespaced attributes  A JS-based transformation interprets CHM attributes and generates HTML5 code  Complex hypervideos are authored as standard Web documents. – Common Web content → standard HTML – Hypervideo components → HTML + CHM attributes
  • 19. ACM DocEng 2011 - September 19-22, 2011 - California, US 19 Simple Example <!-- Data reader --> <div chm:component="jsonreader" id="data" chm:src="data.json" /> <!-- Video Player (renders the TimedMedia) --> <div chm:component="videoplayer" id="tm" chm:src="video.ogv"/> <!-- Table of Content --> <div chm:component="toc" chm:src="data" title="Story parts" chm:filter="type=='Parts'" chm:content="${content}" chm:timelineref="tm" /> <!-- Captions --> <div chm:component="caption" chm:src="data" chm:filter="type=='Transcript'" chm:content="${content}" chm:timelineref="tm" />
  • 20. ACM DocEng 2011 - September 19-22, 2011 - California, US 20 Complete example: nosferatu Formal Representation of the Example Screenshot of the Example Rendering http://advene.org/chm
  • 21. ACM DocEng 2011 - September 19-22, 2011 - California, US 21 Conclusion  Further developments are underway  We aim to enhance CHM and implementation:  More meaningful components  Study hypervideo perception  GUI to ease the authoring  Advanced features to enrich interaction possibilities like offering additional mechanisms to end-users
  • 22. ACM DocEng 2011 - September 19-22, 2011 - California, US 22 Conclusion  The CHM Project Homepage, API and Samples: http://www.advene.org/chm  RSS: http://www.advene.org/chm/feed.xml  Twitter: http://twitter.com/chmproject  Contact: msadallah@mail.cerist.dz olivier.aubert@liris.cnrs.fr yprie@liris.cnrs.fr