Departamento de Engenharia de Telecomunicações - UFF Sistemas Multimídia e Hipermídia

Fundamentos de Sistemas Multimídia Fundamentos de Sistemas Multimídia

Multimídia x Hipermídia

Documentos Hipermídia
• Objetos de Mídia
• Relações
Sistemas
Sistemas Multimídia
Multimídia ee Hipermídia
Hipermídia
Modelos Hipermídia

Entidades Hipermídia
• Nós
• Âncoras
Profa.
Profa.Débora
DéboraChristina
ChristinaMuchaluat
MuchaluatSaade
Saade • Elos
• Composições
deborams@telecom.uff.br
deborams@telecom.uff.br
Modelos para Sincronização Temporal

1 2

Multimídia x Hipermídia Hipertexto, Multimídia e Hipermídia

Fundamentos de Sistemas Multimídia Fundamentos de Sistemas Multimídia

Sistema Multimídia:
• Sistema capaz de manipular ao menos um tipo de
mídia discreta e um tipo de mídia contínua na
forma digital de maneira sincronizada

Sistema Hipermídia:
• Sistema Multimídia capaz de tratar eventos
causados pela interação com o usuário e reagir a
esses eventos

3 4
 Documentos Hipermídia Relações Hipermídia
Fundamentos de Sistemas Multimídia Fundamentos de Sistemas Multimídia

Componentes de um documento hipermídia
Relações de referência

• Ex.: relação hipermídia tradicional (elo HTML - Web)
• Objetos de mídia

Relações de sincronização
– Texto, imagem, gráfico, áudio, vídeo, animação ...
• definem o posicionamento temporal e espacial dos objetos
• Relacionamentos entre os objetos
Relações de estruturação
• especificam a estrutura lógica de um documento, tal como
Blablabla um livro e seus capítulos, os capítulos e suas seções etc.
Blablabla
Blablabla

Relações semânticas
... • Ex.: aquela entre um professor e as várias disciplinas que
ele leciona ou entre um fabricante e os diversos produtos
Blablabla fabricados
Blablabla
...
Relações de derivação
• Ex.: aquelas que indicam os objetos que deram origem a
5
outros objetos 6

Modelo Hipermídia Entidades Hipermídia

Fundamentos de Sistemas Multimídia Fundamentos de Sistemas Multimídia

É necessário um modelo conceitual hipermídia
Principais entidades hipermídia

para expressar os componentes de um documento • Blocos de informação (texto, áudio, vídeo, imagem ...)

Diversos modelos propostos na literatura – Nós (nodes)
• Intermedia, HyperCard, KMS, Neptune, NoteCards, • Âncoras (anchors)
etc.
• relacionamentos
• CMIF, AHM, FireFly, I-HTSPN, Madeus,
– Elos (links)
Microcosm, Trellis, IMAP, Labyrinth, NCM, etc.
– nós de composição/composições (composite
• Modelo Dexter – modelo de referência
nodes/compositions)

Componentes de um documento são representados • grupo de nós e/ou elos
pelas entidades do modelo

7 8
 Nó Hipermídia Âncora
Fundamentos de Sistemas Multimídia Fundamentos de Sistemas Multimídia

Representa um objeto de mídia abstraindo como
Representa uma região do conteúdo de um nó que pode
seu conteúdo está representado ser usada para criar elos

A definição da região depende do tipo do nó. Exemplos:

Modelagem do conteúdo não faz parte do modelo
• Texto: string de caracteres (posição inicial e final)
conceitual
• Imagem: conjunto de pixels (área retangular - coordenadas
• Nó serve para representar texto, imagem, áudio, do pixel superior esquerdo e do inferior direito)
vídeo ... • Áudio: seqüência de amostras (amostra inicial e final)
• Vídeo: seqüência de quadros (quadro inicial e final)

Para permitir a criação de relacionamentos entre • Mídias contínuas: Instante de tempo inicial e final
partes internas ao conteúdo de um nó
• âncoras
A lista de âncoras de um nó define a sua interface

9 10

Elos Elos Multiponto

Fundamentos de Sistemas Multimídia Fundamentos de Sistemas Multimídia

Usados para representar relacionamentos entre (partes
Podem interligar qualquer número de nós
de) nós Nó A Nó B
elo Ponto de interface de
um nó (âncora)

Significado (semântica) do relacionamento pode ser

qualquer

É muito comum pensar no elo tradicional hipermídia –
hyperlink – hiper-elo
• Uma seleção (clique do mouse) na âncora de origem causa a
apresentação da âncora de destino

Pode ser usado para representar relação de
sincronização – synclink – elo de sincronização
• O início da apresentação da âncora de origem causa a
apresentação da âncora de destino
11 12
 Nós de Composição Interface de um nó de composição
Fundamentos de Sistemas Multimídia Fundamentos de Sistemas Multimídia

Usados para representar relacionamentos entre
Âncoras – permitindo a criação de

nós. Podem ser definidos como: relacionamentos com a composição diretamente
• Grupos de nós (b na figura)

Deve permitir a criação de relacionamentos entre
NN11 NN22 ... NNnn componentes internos e nós externos
• Portas – composicionalidade (a e c na figura)
• Grupos de nós e elos
a

b
c

13 14

Nós de Composição Modelos para Sincronização Temporal

Fundamentos de Sistemas Multimídia Fundamentos de Sistemas Multimídia

Podem ser usados para
Podem ser usados para
Unidades de Tempo:
representar relações de representar relações de • Instantes
estruturação: sincronização: • Intervalos
• Livro composto de • Apresentação dos
capítulos componentes em
Diversos Paradigmas:
– Capítulos compostos de seqüência • Scripts
Seq
seções • Timeline
NN11 NN22 ... NNnn

• Ferramentas para Especificação Formal

livro
cap1
• Apresentação dos • Sincronização Hierárquica
Sec1.1 cap2 componentes em paralelo • Baseado em Restrições
Par • Baseado em Eventos
Sec1.2 cap3 NN11 NN22 ... NNnn

15 16
 Unidades de Tempo Relações Temporais entre Instantes
Fundamentos de Sistemas Multimídia Fundamentos de Sistemas Multimídia

Instantes
Before
• Evento acontece instantaneamente
– não tem duração

Intervalos
After
• Evento acontece entre um par de instantes
– tem duração

intervalo

Simultaneous

instante

17 18

Relações Temporais entre Intervalos Paradigmas para Sincronização Temporal

Fundamentos de Sistemas Multimídia Fundamentos de Sistemas Multimídia

Existem 13 relações básicas Allen’s Relation Illustration
Scripts

(Allen 83) x meets y x
• Usa programação baseada em scripts para especificar a
y met by x y
sincronização
x starts y
y started by x
x
y
– como em um ambiente de programação orientada a eventos
x finishes y x
– Ex.: Macromedia Flash, Asymetrix Toolbook, Dynamic HTML
y finished by x y

x before y
to handle buttonClick
y after x x t y
play “rocket.wav”
end buttonClick
X overlaps y x
y overlapped by x t
y

x during y t x

Vantagens:
Desvantagens:
y contains x y

expressividade
Requer conhecimento de
x equals y x
y
programação

Dificuldade na visualização da
19 20
estrutura do documento
 Paradigmas para Sincronização Temporal Paradigmas para Sincronização Temporal
Fundamentos de Sistemas Multimídia Fundamentos de Sistemas Multimídia

Ex.: Adobe Premier, Macromedia
Ferramentas para Especificação Formal

Timeline (linha do tempo) Flash MX, Macromedia Director
• Objetos posicionados diretamente no instante de • Flowcharts Ex.: Macromedia Authorware
• Redes de Petri Ex.: OCPN, I-HTSPN, Trellis
tempo que devem começar a ser exibidos
– notação formal baseada em grafo dirigido

Vantagens: • Lugares e transições

Representação intuitiva
Vantagens:

Facilidade de
Expressividade
visualização da estrutura
permite realizar ajustes
temporal durante a execução

Desvantagens:
Permite verificação formal

Não há relações entre os objetos
Desvantagens:

Dificuldade para representar eventos assíncronos (interatividade)
Requer conhecimento do formalismo

Dificuldade de edição
Redes se tornam complexas para relacionamentos entre partes de nós

Impossibilidade de ajustes temporais durante a execução
21 22

Paradigmas para Sincronização Temporal Paradigmas para Sincronização Temporal

Fundamentos de Sistemas Multimídia Fundamentos de Sistemas Multimídia

Sincronização Hierárquica
Baseado em Restrições Ex.: FireFly, Madeus

• Composições com semântica temporal • Conjunto básico de relações entre instantes ou intervalos
– seqüencial e paralela Ω, SMIL, CMIF, AHM
Ex.: XMT-Ω (relações de Allen) after 10s

Vantagens:
Vantagens:

Facilidade de
Facilidade de autoria
autoria
expressividade

expressividade
permite realizar ajustes

permite realizar durante a execução
ajustes durante a
execução
Desvantagens:

Desvantagens: • Dificuldade para representar eventos assíncronos (interatividade)
• Dificuldade para representar eventos assíncronos (interatividade) • Para sincronizar com partes de nós, precisamos:
• Para sincronizar com partes de nós, precisamos: – Dividir o objeto em várias partes ou
– Dividir o objeto em várias partes ou – Combinar esse modelo com outra abordagem (baseada em eventos, por exemplo)
– Combinar esse modelo com outra 23 abordagem (baseada em eventos, por exemplo) 24
Paradigmas para Sincronização Temporal

Baseado em Eventos
• Eventos são representados como
instantes ou intervalos de tempo
• Relacionamentos são definidos baseados
em eventos que ocorrem durante a
apresentação do documento, como p.e.:
– Apresentação de uma âncora
– Seleção de uma âncora (clique do
mouse)
– Posicionamento do mouse sobre uma
âncora

Vantagens:

Expressividade

Facilidade para tratar interatividade

permite realizar ajustes durante a
execução 25
Sistema Hipermídia
27
Fundamentos de Sistemas Multimídia
Ex.: IMAP, Labyrinth,
NCM, MHEG

Desvantagens:

Dificuldade de autoria
Fundamentos de Sistemas Multimídia
Referências
Fundamentos de Sistemas Multimídia

(Allen, 1983) Allen, J. F. Maintaining Knowledge about Temporal
Intervals, Communications of the ACM, 26(11), 1983, 832-843.

(Buchanan, 1992) Buchanan, Zellweger. Specifying Temporal Behaviour
in hypermedia documents, ECHT’92, Milão, 1992.

(Halasz, 1994) Halasz, F.; Schwartz, M. The Dexter Hypertext Reference
Model, Communications of the ACM, 37(2), Fevereiro 1994.

(Pérez-Luque, 1996) Pérez-Luque, M. J.; Little, T. D. C. A Temporal
Reference Framework for Multimedia Synchronization, IEEE Journal on
Selected Areas in Communications, 14(1), Janeiro 1996.

(Hardman, 1998) Hardman, L. Modelling and Authoring Hypermedia
Documents, PhD Thesis, University of Amsterdam, disponível em
http://www.cwi.nl/~lynda/thesis, 1998.

(Soares, 2000) Soares, Rodrigues, Muchaluat-Saade. Modeling, Authoring
and Formatting Hypermedia Documents in the HyperProp System, ACM
Multimedia Systems Journal, março 2000.

(Na, 2001) Na, J.; Furuta, R. Dynamic Documents: Authoring, Browsing
and Analysis Using a High-Level Petri Net-Based Hypermedia System,
ACM Symposium on Document Engineering,
26 Atlanta, Novembro 2001.
Autoria Hipermídia
Fundamentos de Sistemas Multimídia

Autoria de Documentos Hipermídia
• Gráfica x Declarativa

Editores Gráficos:
• Várias visões integradas EDITOR
– Estrutural, temporal, espacial Graphical Interface
• Visões intuitivas para o autor
Document Base
• Facilidade de edição
Hypermedia
• Editores complexos Objects
Author

Linguagens declarativas: Declarative Language
<?xml version="1.0" ?>
<hyperdocument ...>
• Representação textual do <audio .../>
<video .../>
<text .../>
<img ...>
documento ...
</hyperdocument>
• Editores simples
• Formato XML 28
Autoria Gráfica Armazenamento
Fundamentos de Sistemas Multimídia Fundamentos de Sistemas Multimídia

Servidores Hipermídia

Principais funções
• Armazenamento dos documentos
– Estrutura e conteúdo
• Suporte a Trabalho Cooperativo
– Controle de versões
– Controle de acesso
– Controle de notificação
• Adaptação dos documentos

29 51

Execução Execução - Formatador

Fundamentos de Sistemas Multimídia Fundamentos de Sistemas Multimídia

52 53
Execução - Formatador Execução - Formatador
Fundamentos de Sistemas Multimídia Fundamentos de Sistemas Multimídia

54 56