28-09-2009

Hipermdia
Baseado no Livro: Multimedia e Hypertext: the Internet and Beyond (Jacob Nielsen) Captulos: 1, 2, 3, 4, 5, 9 e 10

Engenharia Informtica / 3 Ano Ps-Laboral 2009/2010

ESTIG/IPBeja | Lus Alexandre
(Com base em Lus C. Bruno)

Hipertexto
A melhor forma de entender o significado do hipertexto comparar esse conceito com o do texto sequencial. Texto sequencial: Sequncia linear da informao que define a ordem pela qual ele deve ser lido: Pg. 3 aps a Pg.2 aps a Pg.1. Existem excepes, nas chamadas de notas de rodap, por exemplo, nos livros de Direito ou em enciclopdias. Hipertexto: No existe uma ordem definida que determina a sequncia pela qual a informao pode ser lida. Veja-se o exemplo seguinte: Se iniciar a leitura pelo bloco de informao A, posso deslocar-me depois para os blocos B, D ou E, e da posso chegar a outros blocos. O exemplo mostra que podem existir diferentes caminhos, entre dois blocos de informao numa estrutura hipertexto.
ESTIG/IPBeja | Lus Alexandre
(Com base em Lus C. Bruno)

28-09-2009

Hipertexto (cont.)
O hipertexto apresenta diferentes opes de leitura aos seus utilizadores, e estes que determinam (self-media) quais os caminhos que pretendem seguir. Por exemplo, num telejornal o leitor s pode seguir o caminho definido (mass-media) pelo alinhamento de notcias, efectuado pela redaco. A tarefa que permite ao utilizador percorrer os ns atravs das ligaes denomina-se navegao (browsing). O hipertexto consiste em blocos de texto interligados entre si, armazenados em ficheiros ou base dados e apresentados em janelas, reas de texto, ou outros contentores. Cada unidade de informao denomina-se n, e os apontadores entre eles podem designar-se por ligaes (links), hiperligaes ou elos. Uma ligao hipertexto liga um n origem, denominado ncora, a um n denominado destino. No n ncora as ligaes esto ancoradas em localizaes especficas, visveis a partir de marcas, e cujo destino pode ser o incio do n destino ou uma outra sua localizao especfica.
ESTIG/IPBeja | Lus Alexandre
(Com base em Lus C. Bruno)

Hipertexto (cont.)
Uma necessidade dos utilizadores do hipertexto a de voltar para ns j anteriormente visitados. Para tal, os sistemas hipertexto devem possuir um mecanismo de voltar (backtrack). No exemplo anterior, se estamos no n D e pretendemos regressar ao A, o caminho de backtrack deve ser: E -> B -> A. Nos primrdios do hipertexto definiram-se duas regras nos sistemas, que na prtica foram pouco implementadas:
No interface do utilizador dever estar representada explicitamente toda a estrutura da rede de ns (Frank Halasz). A sua implementao impossvel para sistemas com milhares de ns. Os elos podem ser uni ou bi-direccionais (Eric Drexler). Neste ltimo caso, pode existir em cada n, uma lista de ligaes que tm como destino os ns que apontam para o n em causa. Este mecanismo torna difcil a gesto de duas listas de elos por cada n.

Os sistemas hipertexto podem gerir ns e elos pertencentes a um computador local, bem como a sistemas distribudos remotamente (e.g. Web).
ESTIG/IPBeja | Lus Alexandre
(Com base em Lus C. Bruno)

28-09-2009

Hipertexto (cont.)
Os verdadeiros sistemas hipertexto fazem com que os seus utilizadores se sintam a navegar livremente atravs das unidades de informao (ns), de acordo com as suas necessidades, obtendo tempos de resposta do sistema adequados e com pouco esforo cognitivo na navegao e na interaco com o sistema.
Um sistema hipertexto identificado mais pela interface com o utilizador (look and feel) do que pelas funcionalidades, comandos ou estrutura de dados utilizados. No exemplo, pode-se verificar um sistema hipertexto (help do Microsoft Windows Xp) que possui os mecanismos apropriados: ndice, procura por palavras chave, adio e lista de favoritos (bookmarks), histrico de ns consultados, voltar, acesso ao incio (home) e elos para outros ns.
ESTIG/IPBeja | Lus Alexandre
(Com base em Lus C. Bruno)

Hipermdia
Multimdia - Forma de comunicao que possui uma combinao de vrios medias: texto, grficos, udio e vdeo. No permite navegao, pressupondo utilizadores passivos (ex: filmes). A Informao multimdia pode ser:
Esttica: no se altera com o tempo (ex: texto ou grficos) Dinmica: dependente do tempo (ex: animao) Contnua: dinmica mas baseada numa sincronizao de amostras com posies no tempo (e.g. vdeo e udio). Coloca problemas complexos de armazenamento, transmisso e sincronizao.

Hipermdia = Hipertexto com capacidades Multimdia

(Ao longo deste documento utiliza-se sempre o termo hipertexto, mesmo ao referir-se ao conceito hipermdia)

Sistema de representao e gesto de informao constitudo sobre um grafo de ns multimdia (hiperbase) interligados e acessveis por navegao. Forma de organizao do conhecimento informal utilizada para organizar e manipular grandes quantidades de informao, estruturada de forma irregular. Multimdia interactiva, com ligaes entre componentes e que possibilita navegar num espao de informao no linear.
ESTIG/IPBeja | Lus Alexandre
(Com base em Lus C. Bruno)

28-09-2009

Hipermdia (Cont.)
Grficos Adequados para ilustrar contedos. Podem tambm servir como ncoras das ligaes. Podem ser baseados em imagens raster (mapas de pontos) ou vectoriais (objectos descritos por vectores). Vdeo (animao) Poderosas ferramentas para descrever um contedo. A sequncia de vrias imagens (frames), sincronizadas com o som, permitem comunicar de uma forma muito eficaz (uma pessoa retm mais informao se ouvir e ver em simultneo). O Hipervdeo uma aplicao da hipermdia, baseada em vdeo interactivo, e que se apresenta hoje como um novo desafio nas reas da investigao e desenvolvimento destes sistemas. udio O som pode ser usado isoladamente para descrever um contedo, ou em conjunto com o texto ou vdeo, por forma a complement-los. Nesta situao o sincronismo bastante crtico. Outro desafio actual reporta-se forma como se podem definir hiperligaes a partir de determinados pontos de partida de trecho de udio, para por exemplo, ns texto ou udio.
ESTIG/IPBeja | Lus Alexandre
(Com base em Lus C. Bruno)

Hipermdia (Cont.)
Hipertexto versus Base Dados Uma base dados possui uma estrutura de informao regular em que todos os dados a seguem e na qual se podem ter milhares de registos, todos com os mesmos campos. A informao nos sistemas hipertexto/hipermdia no tem nenhuma definio centralizada e no possui uma estrutura regular, na qual todos os ns possuem o mesmo perfil. Tome-se como exemplo uma BD e uma estrutura hipertexto, que armazenam a informao sobre os empregados de uma empresa:
No sistema hipertexto podemos ter milhares de ns, cada qual com a descrio de um funcionrio, uns com mais informao e outros com menos. Uns podem ter elos para outros ns de outros funcionrios, outros no. No sistema base dados todos os registos seguem a mesma estrutura.

Assim, na perspectiva do utilizador, as BDs e os hipertextos so diferentes. Tm em comum o facto da informao de alguns hipertextos ser suportada em BDs.
ESTIG/IPBeja | Lus Alexandre
(Com base em Lus C. Bruno)

28-09-2009

Hipermdia (Cont.)
Conceitos a descrever:
ndices / menus Ns hipermdia Hiperligaes Histrico de ns visitados Anotao de ns Favoritos Mecanismo de pesquisas

Imagem obtida do CD-ROM Diciopdia 2000 da Porto Editora

ESTIG/IPBeja | Lus Alexandre

(Com base em Lus C. Bruno)

Histria do Hipertexto
1945 - Vannevar Bush props o sistema Memex 1965 - Ted Nelson inventou o termo "hypertext" 1968 - Doug Engelbart apresentou uma demonstrao do sistema NLS (oN-Line System) 1975 - Implementao do sistema hipertexto ZOG, designado depois por KMS 1978 - O Aspen Movie Map foi o primeiro sistema hipermedia desenvolvido baseado em vdeodisco (MIT Architecture Machine Group) 1984 - O sistema Filevision foi uma base dados hipermedia largamente utilizada sistema Macintosh 1985 - O sistema Symbolics Document Examiner foi desenvolvido como um interface hipertexto para disponibilizao de um manual online 1985 - O sistema hipermedia Intermedia foi baseado no modelo das janelas de crans com scrolling 1986 - O Guide foi o primeiro sistema hipertexto com sucesso comercial 1987 - A Apple introduziu o sistema HyperCard 1987 - A Hypertext'87 foi a primeira grande conferncia de hypertexto 1991 - A World Wide Web tornou-se o primeiro sistema hipertexto escala global 1993 - O Mosaic foi o primeiro browser desenvolvido para utilizao generalizada 1993 As enciclopdias digitais venderam mais cpias do que as impressas em papel 1994 A Netscape Corp. lanou no mercado o primeiro browser comercial

ESTIG/IPBeja | Lus Alexandre

(Com base em Lus C. Bruno)

10

28-09-2009

Histria do Hipertexto (Cont.)

ESTIG/IPBeja | Lus Alexandre

(Com base em Lus C. Bruno)

11

Histria do Hipertexto (Cont.)

ESTIG/IPBeja | Lus Alexandre

(Com base em Lus C. Bruno)

12

28-09-2009

Histria do Hipertexto (Cont.)

ESTIG/IPBeja | Lus Alexandre

(Com base em Lus C. Bruno)

13

Aplicaes do Hipertexto

ESTIG/IPBeja | Lus Alexandre

(Com base em Lus C. Bruno)

14

28-09-2009

Aplicaes do Hipertexto (Cont.)

ESTIG/IPBeja | Lus Alexandre

(Com base em Lus C. Bruno)

15

Aplicaes do Hipertexto (Cont.)

ESTIG/IPBeja | Lus Alexandre

(Com base em Lus C. Bruno)

16

28-09-2009

Aplicaes do Hipertexto (Cont.)

ESTIG/IPBeja | Lus Alexandre

(Com base em Lus C. Bruno)

17

Arquitectura dos Sistemas de Hipertexto

ESTIG/IPBeja | Lus Alexandre

(Com base em Lus C. Bruno)

18

28-09-2009

Arquitectura dos Sistemas de Hipertexto (Cont.)

ESTIG/IPBeja | Lus Alexandre

(Com base em Lus C. Bruno)

19

Arquitectura dos Sistemas de Hipertexto (Cont.)

ESTIG/IPBeja | Lus Alexandre

(Com base em Lus C. Bruno)

20

10

28-09-2009

Arquitectura dos Sistemas de Hipertexto (Cont.)

ESTIG/IPBeja | Lus Alexandre

(Com base em Lus C. Bruno)

21

Arquitectura dos Sistemas de Hipertexto (Cont.)

ESTIG/IPBeja | Lus Alexandre

(Com base em Lus C. Bruno)

22

11

28-09-2009

Arquitectura dos Sistemas de Hipertexto (Cont.)

ESTIG/IPBeja | Lus Alexandre

(Com base em Lus C. Bruno)

23

Navegao em Espaos de Informao

ESTIG/IPBeja | Lus Alexandre

(Com base em Lus C. Bruno)

24

12

28-09-2009

Navegao em Espaos de Informao

(Cont.)

ESTIG/IPBeja | Lus Alexandre

(Com base em Lus C. Bruno)

25

Navegao em Espaos de Informao

(Cont.)

ESTIG/IPBeja | Lus Alexandre

(Com base em Lus C. Bruno)

26

13

28-09-2009

Usabilidade dos Sistemas de Hipertexto

ESTIG/IPBeja | Lus Alexandre

(Com base em Lus C. Bruno)

27

Usabilidade dos Sistemas de Hipertexto

(Cont.)

ESTIG/IPBeja | Lus Alexandre

(Com base em Lus C. Bruno)

28

14

28-09-2009

Exerccios

ESTIG/IPBeja | Lus Alexandre

(Com base em Lus C. Bruno)

29

15