Sistemas

Web
Prof.: Cssio Prazeres (prazeres@dcc.u:a.br) Sistemas Hipermdia: conceitos de base

Hipertexto ...
Uma abordagem para a organizao das informaes na qual os dados so armazenados numa estrutura em rede de fragmentos de informaes (ns) associados de diferentes formas por elos (links) FUNDAMENTAL: acesso no linear informao

Um hipertexto intuitivamente...
elo/link
Hypertext

A hypertext is
defined as ...

ncora

This is an example of a hypertext. The anchors are the basis of links. Links are the components that connect by means of anchors, nodes or concepts. Same or in different Databases [W3C].
http://www.w3c.org/

Hipermdia ...
No existe definio padro... Diferentes pontos de vista: Estrutura na qual as informaes so organizadas de maneira associativa Um novo paradigma de organizao da informao Vrias outras ... Hipermdia associada a um conjunto numeroso de funcionalidades para estruturao, organizao, acesso e busca de informao
Atualmente: hipermdia hipertexto

Hipermdia ...
A combination of natural language text with the computers capacity for branching, or dynamic display (Ted Nelson, 1967) Multimedia hypertext, Hypermedia and Hypertext tend to be used loosely in place of each other. Media other than text typically include graphics, sound and video. Text which is not constrained to be linear (W3C, Hypertext Terms, April 1995) An application which uses associative relationships among information contained within multiple media data for the purpose of facilitating access to, and manipulation of, the information encapsulated by the data. (Hypermedia and the Web , Lowe and Hall, 1999)
Notas da Profa. Renata P. M. Fortes, ICMC/USP, Hipermdia SCE-5811, 2010

Hipermdia
Aplicao permitindo a navegao atravs de um espao de informao usando elos (links) associativos durante o percurso (De Bra, 1990) Um estilo de construir sistemas para organizao, estruturao e acesso informao em torno de uma rede de ns multimdia interconectados atravs de elos (Concklin, 1987). Inclui ainda outras funcionalidades
Paradigma de navegao, forma de organizao das informaes na base de dados, controle de verses, colaborao, notificao de controle, ...

Limitaes e Problemas
A flexibilidade na representao do conhecimento leva a desorientao do usurio Overhead cognitivo exigido do usurio: cabe a ele a tarefa de definir a sequncia de acesso s informaes e a forma de aprendizado No existe um modelo poderoso o suficiente para o desenvolvimento: a rede de informaes hipermdia ainda definida manualmente em alguns casos Dinamismo da informao: atualizao complexa das informaes (elos, sites, ...), desatualizao rpida do contedo, copyright, ...

MulAmdia x Hipermdia
Sistema MulAmdia:
Sistema capaz de manipular ao menos um Apo de mdia discreta e um Apo de mdia conCnua na forma digital de maneira sincronizada

Sistema Hipermdia:
Sistema MulAmdia capaz de tratar eventos causados pela interao com o usurio e reagir a esses eventos

Hipertexto, MulAmdia e Hipermdia

Documentos Hipermdia
Componentes de um documento hipermdia
Objetos de mdia
Texto, imagem, grco, udio, vdeo, animao ...

Relacionamentos entre os objetos

Relaes Hipermdia
Relaes de referncia Relaes de sincronizao Relaes de estruturao Relaes semnAcas
Ex.: relao hipermdia tradicional (elo HTML - Web) denem o posicionamento temporal e espacial dos objetos especicam a estrutura lgica de um documento, tal como um livro e seus captulos, os captulos e suas sees etc. Ex.: aquela entre um professor e as vrias disciplinas que ele leciona ou entre um fabricante e os diversos produtos fabricados Ex.: aquelas que indicam os objetos que deram origem a outros objetos

Relaes de derivao

Conceitos de base (1)

Espao de Informao:
Qualquer coleo de materiais ou objetos que podem ser apresentados Pode separar documentos ou partes do documento Pode incluir objetos mulAmdia

Conceitos de base (2)

Navegao:
Aes atravs das quais os usurios selecionam quais documentos (ou partes dele) sero apresentadas ou em que ordem isso deve ser feito Pode ser livre (ao menos a princpio) ou restrita a alguma sequncia predenida de elos Pode ser linear ou no-linear: da a essncia da hipermdia

Conceitos de base (3)

AssociaAvidade:
Forma pela qual a memria humana trabalha, em especial para busca de informaes Dene o relacionamento (i.e., uma associao) entre peas de informao Essencialmente no-linear, mas forada a trabalhar num formato linear devido s caractersAcas dsicas de apresentao (um livro, uma msica, etc)

Conceitos de base (4)

N hipermdia:
Blocos de informao Representa um objeto de mdia abstraindo como seu contedo est representado Modelagem do contedo no faz parte do modelo conceitual
N serve para representar texto, imagem, udio, vdeo ...

Conceitos de base (5)

Elos ou links
Um elo dene a ligao entre um trecho de um documento a um outro documento, ou trecho de outro documento Fornecem um mecanismo que permite ao usurio decidir qual documento (ou parte dele) ser selecionada e sob que ordem O somatrio destas selees dene formas de navegao possveis atravs das informaes conAdas no documento

Conceitos de base (6)

ncora
Representa uma regio do contedo de um n que pode ser usada para criar elos Tambm permite a criao de relacionamentos entre partes internas ao contedo de um n Texto: string de caracteres (posio inicial e nal) Imagem: conjunto de pixels (rea retangular coordenadas do pixel superior esquerdo e do inferior direito) udio: sequncia de amostras (amostra inicial e nal) Vdeo: sequncia de quadros (quadro inicial e nal) Mdias conCnuas: Instante de tempo inicial e nal

A denio da regio depende do Apo do n. Exemplos:

A lista de ncoras de um n dene a sua interface

Conceitos de base (7)

ncoras origem e desAno
Elos so denidos por ncoras origem e desAno
A ncora origem o trecho do n exibido que quando clicado leva ao n desAno A ncora desAno um n completo ou o incio de um trecho do n

Conceitos de base (8)

Framework para estudo da Hipermdia

Dimenses Fundamentais
Domnio, Escopo Browsing x Autoria Extensibilidade, Aplicabilidade

Desenvolvimento Hipermdia Modelo Hipermdia

Sub-Modelo de Dados Sub-Modelo de Processo

Interface Usurio

Usurios
Autores Usurios Finais e Leitores

Modelo Hipermdia
necessrio um modelo conceitual hipermdia para expressar os componentes de um documento Diversos modelos so propostos na literatura
Intermedia, HyperCard, KMS, Neptune, NoteCards, etc. CMIF, AHM, FireFly, I-HTSPN, Madeus, Microcosm, Trellis, IMAP, Labyrinth, NCM, etc. Modelo Dexter modelo de referncia

Componentes de um documento so representados pelas enAdades do modelo

Modelo Hipermdia
Modelo Hipermdia
Sub-Modelo de Dados Estrutura Ns Elos ncoras Sub-Modelo de Processo Busca Navegao
Direcionada
Paths Metfora Guided Tours Browsers

No direcionada
History

Trilha Backtrackig

Domnio, Escopo
Diferentes intenes na criao de um SH Sistemas hipermdia podem ser vistos como mecanismos para :

Hipermdia: Filosoa ou Tecnologia?

Espelhar a forma de pensar (Memex); Armazenagem e busca de literatura (Xanadu); Ambiente de suporte para uso de informaes Ferramenta para organizao de ideias e processos SubsAtuio da leitura e escrita tradicionais Interface para outros Sistemas de Computao Veculo para suporte ao aprendizado Suporte ao trabalho cooperaAvo (colaboraAvo)

Autoria x Browsing
Sistema Hipermdia para folhear informaes (browsing):
Construdos para dar ao usurio-nal um espao de informao bem-construdo (apresentao, interface, navegao)

Sistema Hipermdia para autoria de aplicaes:

Ferramentas para construo e modicao da hiperbase so usadas; navegao no to importante... Usados para autoria de documentos ou processamento de ideias

Possibilidade de Extenso
Sistemas Hipermdia podem ser aplicados em um grande nmero de domnios de usurio e tarefas MAS... Apesar da sua aparente flexibilidade em termos de domnio, no fcil identificar como a hipermdia pode ser aplicada em determinada tarefa! A extenso/reuso muito pequena(o) na maioria dos casos: geralmente, restrita a mudanas na interface com o usurio

Modelo Hipermdia Bsico

Sistemas Hipermdia so fundamentados sobre um modelo hipermdia de base Modelo hipermdia composto por :
Sub-modelo de dados ns e elos para formar a rede Sub-modelo de processamento mecanismos de acesso s informaes (navegao e busca)
Modelo Hipermdia Bsico
Modelo de Dados Ns interconectados por elos direcionados criando uma estrutura em rede hipermdia Modelo de Processos Navegao como forma primria de acesso rede hipermdia

Busca x Navegao
Navegao no efetiva em muitas aplicaes (ex, redes hipermdia grandes com estrutura desconhecida) Mecanismos de busca devem ser usados de forma a complementar o acesso via navegao Entretanto, mecanismos de busca em SH so ainda insatisfatrios (busca por palavra, nouniformidade no tratamento das informaes, fraudes, etc...) Solues: filtragem (minerao), descrio do contedo (metadados), semntica, ...

Navegao (1)
Forma primria de acesso de vrios Sistemas Hipermdia (exceto os de busca de informao...) Em geral, modelos ou esquemas so utilizados para a orientao do usurio (isso realmente efetivo?) Mecanismos comuns:
Trilhas de ns (guided tours): como devo atravessar a rede History, Backtracking: voltar a um terreno familiar Bookmarks: listas reduzidas de informaes de interesse Caminhos: impe uma sequncia de navegao

Navegao x Estruturao : Problema!

Navegao (2)
Duas estruturas paralelas em hipermdia: 1. Hiperespao = ns + elos
Procura e localizao da informao Em geral: navegao hiperespao

2. Espao Conceitual = conhecimento implcito ou explcito derivado da associao entre elos e ns

Compreenso da informao

Futuro (?): navegao inteligente, adequada ao perfil do usurio (regras de inferncia para definir elos e ns) + busca associada I.A.

Interface com o Usurio

Representao esquemtica para facilitar a localizao das informaes na rede Navegadores: baseada em Frames, baseada em Janelas, ... Diferentes nveis de detalhes das informaes Interesse crescente de pesquisas: visualizao dos dados, definio de formas de busca mais efetivas, mapas de sites, usabilidade em geral, ...

Sistemas Hipermdia

Um Sistema Hipermdia bsico

Base de dados composta por um conjunto de ns hipermdia Janelas/frames para apresentao dos contedos dos ns Um sistema padro para controle das janelas (tamanho, fechar, iconizar, etc) Marcaes no contedo para definio de elos Usurios podem criar e modificar elos Hiperbase pode ser explorada seguindo elos hipertexto, atravs de busca de elementos-chave ou atravs do mapa da estrutura

Exemplo de SH
A
b

D
a e c f
a

b e D f F

B c d E g G

C h H

Janela e browser para a apresentao do documento e mapa da estrutura

A a C e

B b D f h H F c d E g G

Hiperbase

Estruturao da Informao
Bush e Nelson visualizam estruturas criadas dinamicamente pelo usurio assim como eles pensam de maneira associativa (abordagem hiperbase) Entretanto, boa parte dos Sistemas reais so formados por informaes estruturadas estaticamente atravs de elos definidos pelos autores dos documentos (abordagem documento ou hipertexto)
Separao dos tipos de contedos: texto, udio, vdeo, ... Definio de relaes estruturais ou referenciais entre partes do contedo Estruturao hipermdia: define diferentes topologias

Tipos de Elos
Estruturao esttica
Estruturais: definem a estruturao para o espao de informao Referenciais: definem a instanciao ou representao particular de um elemento (elo tradicional) Associativos: definem relaes semnticas entre elementos associados

Estruturao dinmica
Todos os elos tm a mesma funo: simplesmente definem uma relao ou associao entre pedaos de informao
Taxonomia de Links: http://www.eastgate.com

Ns
Encorajam a modularizao de ideias e conceitos
Definem um nvel intermedirio entre o dado na hiperbase e sua representao

Podem ser tipados: funcionalidades podem ser definidas para criar o contedo dos ns Podem ser agrupados sob a forma de composies: suporte agregao e organizao de contextos

Estrutura Hipermdia
Modelo bsico hipermdia de ns e elos pode ser diretamente visto como um grafo direcionado Diversas proposies para a estruturao do hiperespao:
1. Hierarquia 2. Agregaes 3. Conjuntos 4. Redes semnticas 5. Redes de Petri 6. Hipergrafos (Web) ...

Estruturao em Seqncia

Estruturao Web
? ? ?

Estruturao Hierrquica

Estruturao Matricial

Estruturas em comparao

Autoria Hipermdia
Definir por que criar o espao de informao (contexto global):
Distribuir informao, publicidade, venda,...

Definir como as pessoas escolheriam os caminhos para navegar no espao (e o que elas deveriam esperar fazendo isso):
Pesquisa, diverso, educao, ...

Definir as caractersticas da audincia (usurios tpicos do espao):

Pblico em geral, especialistas, colecionadores, ...

Pensar nas limitaes tcnicas impostas aos contedos e estrutura e as limitaes fsicas dos usurios
Conexo, suporte multimdia, combinao sensorial das informaes, dispositivos de acesso, ...

Informaes de Base
Quem, o que, quando, onde
Quem: garantir a confiabilidade da informao O que: ttulos claros definem o contexto Quando: datas so importantes (verses) Onde: localizar a fonte das informaes

Denindo a forma de Navegao

Documentos devem dar a exata noo do contexto e da organizao em qualquer condio Informaes de navegao consistente e previsveis

Elos e Navegao
Definir botes de avanar e voltar Definir botes prximo e anterior (fixos e no relativos como nos navegadores)
Web site I Previous Next Web site II (seq. de pginas) Go back Elo hipertexto
Prev Page Next page

Go forward

5
Previous

7
Next

Organizao da Informao
Por trs de todas as formas de organizao esto as limitaes do crebro humano (pessoas em mdia conseguem reter na memria recente de 4 a 7 pedaos de informao apresentados) Objetivo da organizao: guardar um nmero mnimo de pedaos pequenos (informaes para memria recente) e organizar o restante num esquema consistente de organizao (menus, convenes, etc) Tamanho das partes: suficiente para determinar o contexto da apresentao (consistncia)

4 Passos Bsicos para Organizar a Informao

1. Dividir a informao em unidades lgicas (pedaos) no muito longos e consistentes 2. Estabelecer hierarquia de importncia entre os pedaos de informao 3. Usar a hierarquia para estruturar as relaes entre as partes da informao (mtodos para agrupar, ordenar, rotular e arranjar graficamente as informaes devem ser aplicados) 4. Analisar a funcionalidade e a esttica do sistema desenvolvido

Modelo a ser utilizado

Questo em aberto... Existem vrias propostas de sistemas e metodologias de desenvolvimento, mas ainda um tpico de pesquisa Situao atual: Boa parte do desenvolvimento hipermdia feito ainda a mo ou usando ferramentas inadequadas...
Engenharia Hipermdia uma disciplina que vem ganhando espao nos ltimos anos