Sistemas Hipermídia -...

SistemasHipermídia

Prof. Antonio Almeida de Barros Jr.

2

Sistemas Hipermídia - Histórico

• Hipermídia é a reunião de várias mídias num suportecomputacional, suportado por sistemas eletrônicosde comunicação.

• A história dos sistemas hipermídia pode ser traçadadas idéias de Vannevar Bush (1945). No artigo “As wemay think”, ele descreve um sistema conceitual paraa associação de informações.

• Para Bush, os conhecimentos poderiam ser somadose guardados em um único lugar, além de poderemser acessados rapidamente quando fosse necessário

3


• A partir da idéia de Vannevar Bush, Ted Nelsoncomeçou a trabalhar no que posteriormente viria aser o Projeto Xanadu, cuja a idéia era que o leitorpoderia seguir uma não-linearidade de leitura dodocumento eletrônico.

• Tal idéia anunciava o que viria a ser chamado deHipertexto – sistema de informações cujosdocumentos possuem referências internas paraoutros documentos.

4


• No ano de 1968, Douglas Engelbart desenvolveu eapresentou o primeiro sistema computacionalcolaborativo, chamado de NLS (o oNLine System).

• O NLS foi o primeiro sistema a empregar o usoprático do hipertexto: links, o mouse, GUI einformações organizadas por relevância

5


• Durante os anos 80, surgiram algunsprodutos comercializados como o "Guide"para PCs e o HyperCard da Apple.

• A década de 90 traz vários sistemas quetrabalham em multi-plataformas, servindo váriosgrupos de usuários. Companhias como aMacroMedia e Gain Technology tem produzidopacotes de produtos em diferentes direções, comênfase mais recente em tecnologias de vídeo.

6


• O conceito de Hipermídia expandiu-se após a criaçãoda WWW e Berners-Lee realizou o sonho que TedNelson teve com o Projeto Xanadu – interligardocumentos textuais e visuais em sistemasinformacionais.

• Atualmente, a TV Digital que acaba de chegar aoBrasil, transforma cada vez mais a televisão em umveículo de hipermídia, desagregando a idéia deveículo de multimídia que faz parte desse sistemadesde sua criação

7

Sistemas Hipermídia - Conceitos

• Sistemas hipermídia podem ser conceituados a partirda relação entre os conceitos de hipertexto emultimídia.

• A multimídia compreende os múltiplos meiosque podem ser usados na representação de umainformação.• Exemplo, texto, imagem, áudio, animação e vídeo.

• Por hipertexto, entende-se um sistemacomputacional que apresenta informação emgeral na forma de texto, organizada não-seqüencialmente, por meio de ligações entrepalavras-chave (vínculos), destacadas em geralpela cor, que permitem a navegação do usuárioentre nós relacionados conceitualmente.

8

Sistemas Hipermídia - Conceitos

• O conceito de hipermídia pode ser visto como ainterseção entre os conceitos de multimídia ehipertexto, na medida em que se trata de sistemascomputacionais que permitem a ligação interativanão seqüencial entre nós de informação, como ossistemas de hipertexto, mas representados pormúltiplos meios.

Relação entre hipertexto, multimídia e hipermídia.

9

Sistemas Hipermídia - Arquiteturas

• A arquitetura dos sistemas hipermídia clássicos visadescrever uma dada estrutura da informação hipermídia econstruir mecanismos de gestão e manipulação dessainformação.

• Os Modelos de Referência, que são modelos conceituaisabstratos dos sistemas de hipertexto / hipermídia, foramcriados para estabelecer padrões para intercâmbio entresistemas hiperdocumentos distintos.

• Dentre vários modelos, dois merecem destaque:

1. Modelo de Campbell e Goodman

(Hypertext Abstract Machine - HAM)

2. Modelo de referência de Dexter

(Dexter Hypertext Reference Model)

10

Sistemas Hipermídia - Arquiteturas

Modelo 1 Modelo 2

Hypertext Abstract Machine - HAM Dexter Hypertext Reference Model

Nível da Base de Dados

Especificação da Apresentação

Nível de Execução / InterfaceNível da Apresentação

Ancoragem – Nós de Ligações

Nível de ArmazenamentoNível da Máquina Abstrata de Hipertexto

Nível Intermediário –Conteúdo dos Nós

11

Sistemas Hipermídia – Arquitetura HAM

• O modelo HAM, foi desenvolvido nos laboratórios daTectronix a partir das especificações de outro sistemade hipertexto também desenvolvido pela mesmaempresa, denominado Neptune, para aplicações emCAD.

• Este modelo armazena toda informação que gerenciaem termos de grafos, ou bases de dados, em umsistema de arquivos hospedeiro.

• Os grafos são armazenados em uma áreacentralizada e podem ser acessados em umambiente distribuído, sem perder suafuncionalidade.

• Apresenta interface interativa com o usuário emforma de janelas.

12


Nível da Apresentação

Nível da Máquina Abstrata de Hipertexto


•Este nível contém os objetos deinterface com o usuário (janelas,campos de texto etc.);• Apresentam a informação dacamada HAM e permite controlaras tarefas na utilização daaplicação;• Exemplo: define em conjuntocom a HAM, a forma como oslinks serão perceptíveis aousuário (cores diferentes,mudança da Forma do cursoretc.)

13





•Nível onde estão especificadasas características dos nós eligações e onde são mantidas asrelações entre eles.

•Neste nível o software éindependente do hardware, oque permite a transferência dehiperbases para outros tiposdiferentes de sistemas hipertexto.Para tanto é necessário que amáquina abstrata sejapadronizada.

14





•Especifica o armazenamento dainformação em dispositivos locais(discos) ou remotos. Este níveldepende do hardware.•Gestão de acessos multi-usuário,baseados em procedimentos desegurança.•O software deste nível deve terum conhecimento rigoroso sobreos objetos de dados (nós eligações) do nível superior, deforma a gerenciar eficientementeo espaço de armazenamento e otempo de resposta.

15

Sistemas Hipermídia – DEXTER

Especificação da Apresentação

Nível de Execução / Interface

Ancoragem – Nós de Ligações

Nível de Armazenamento

Nível Intermediário –Conteúdo dos Nós

Descreve os mecanismos quesuportam as interações do usuáriocom o sistema hipermídia.

Descreve a hierarquia de nós eligações que formam a base dosistema hipermídia.

Descreve os conteúdos e asestruturas dentro dos nós(componentes) hipermídia epermite outros modelos de dados.

16

Conceitos para Navegação no Ciberespaço

• Um grande problema no projeto de aplicações hipermídiaé saber:

1. Como os documentos devem ser estruturados?2. Quais mecanismos de navegação devem ser

disponibilizados aos usuários de modo que eles não sepercam no hiperespaço?

3. Podemos identificar sete conceitos que devem serconsiderados em um projeto hipermídia:1. Ligações, estruturam que ligam os documentos (links);2. Busca, mecanismos para pesquisa de texto nos documentos

(busca);3. Sequencialização, mecanismos para colocar em sequencia as

locações visitadas no hiperdocumento (caminho seguido);4. Hierarquia, tabela hierárquica de todo o conteúdo

(organograma das páginas).5. Similaridade, conexões entre todos os nós, mesmo os nós que

não foram referenciados no índice;6. Mapeamento, visualização gráfica do conteúdo do

hiperdocumento (mapas);7. Agentes, mecanismo que executa tarefas complexas em nome

do usuário (agente de compras).

17


• Ligações• A estrutura de ligações (ou links) é a mais

característica dos hipertextos.

• Os links permitem o acesso direto a umalocalização no espaço da informação a partir demarcadores embutidos no documento.

• Os links podem ser diferenciados em:

• Estáticos, e de contexto específico;

• Dinâmicos, e automaticamente gerados.

18


• Ligações - Classificação• Os links podem ser classificados de acordo com os

primeiros quatro conceitos de navegação nociberespaço:• Links de página – sequencialização, que

reconstroem a ordem original da sequencia dosnós e reflete a ordem primária sequencial deleitura do documento.

• Links hierárquicos, refletem a ordem lógica dasseções do documento, devido ao fato de que amaioria dos documentos são estruturadoshierárquicamente, os links hierárquicos sãoconsiderados de navegação mais amigávei.

• Links de similaridade, conectam nós comconteúdos similares mas que não estãoconectados por links de página ou hierárquicos.São frequentemente computadosautomaticamente com base em termos similares.

• Links de busca, são gerados automaticamenteem resposta a uma query.

19


20


• Ligações – Estático X Dinâmico• Pode-se definir links estáticos e dinâmicos da seguinte

forma:

• Link estático, o tipo mais comum de linksdisponível em sistemas hipermídia. São definidospelo autor do hiperdocumento e sãodisponibilizados depois para o leitor (<a href...>em html). As conexões e localizações dos linkssão fixadas no documento pelo autor. Não existeum meio fácil de ajustar os links em umdocumento modificado.

• Link dinâmico, implementados somente emalguns tipos de hiperdocumentos. Osdocumentos ligados dinamicamente nãopossuem âncoras ou postos fixos. Este tipo delink é computado de acordo com a necessidadedo usuário.

21


• Ligações – Estático X Dinâmico• Os links dinâmicos oferecem duas vantagens

sobre os estáticos:

• Proporcionam um meio mais flexível denavegação em um hiperdocumento pelo fatode serem gerados durante a navegação deacordo com a variação da necessidade dousuário.

• Documentos linkados dinamicamente sãomais fáceis de serem alterados visto quenovos nós ou nós deletados são ligados oudesligados automaticamente para os nósexistentes.

22


• Busca• Um outro meio para novos links dinamicamente é em

resposta a uma query de busca, desde que exista umamáquina de busca no hiperdocumento.

• O tipo de busca mais comum em sistemas hipermídiaé a busca por um texto completo, apesar de existiremsistemas de busca em banco de dados apropriados.

• Algumas ferramentas de autoria, tal como Hypercarde ToolBook, possuem seus próprios mecanismos debusca.

• Sistemas hipermídia abertos, tais como a WWW, poroutro lado, oferecem provedores de informação egrande flexibilidade aos projetistas na implementaçãode seus próprios mecanismos de busca.

23


• Busca – Web• O primeiro mecanismo de busca na internet foi o

“Wandex”, um tipo de indexador (web crawler)desenvolvido em perl por Matthey Gray no MITem 1993. Nesta mesma época apareceu o“Aliweb” outra ferramenta de busca e que aindaexiste (http://www.aliweb.com).

• A primeira ferramenta de texto completo (full-text) foi o WebCrawler que começou em 1994,ao contrário de seus predecessores, permitia aseus usuários a pesquisa de qualquer palavra emqualquer página, o que tornou-se padrão paratodos os grandes sites de buscas seguintes.Também foi o primeiro a ser largamenteconhecido pelo público.

http://www.aliweb.com/







24


• Busca – Web• Em 1994 o Lycos (criado na Carnegie Mellon

University) tornou-se um grandeempreendimento comercial. Logo depoisapareceram outros como: Excite, Infossek,Inktomi, Norther Light e Altavista, quecompetiram com diretórios mais populares comoo Yahoo. Mais tarde estes diretórios foramintegrados de modo a aumentar suafuncionalidade.

• Em 2001 o Google tornou-se proeminentedevido ao seu mecanismo de busca com conceitode popularidade do link e de rank de páginas(atribui pesos de relevância aos links das páginas)

25


• Busca – Web Crawler• Também conhecido como web spider ou ant, é

um programa que realiza uma navegaçãosistemática na WWW.

• Web crawler foram primeiramente utilizadoscriar uma copia de todas as páginas relevantesvisitadas para processamento posterior por umamáquina de busca, que posteriormente indexaráestas páginas visitadas para fazer buscas maisrápidas.

26


• Busca – Web Crawler• Um web crawler é um tipo de “bot” (agente de

software). Em geral inicia com uma lista de URLsa visitar e a medida em que as visita, identifica oshiperlinks das páginas e os adiciona a uma listade URLs a visitar, navegando a Webrecursivamente de acordo com o seguinteconjunto de políticas:1. Seleção, que seleciona quais páginas serão baixadas.

2. Re-visita, que define quando checar mudanças naspáginas.

3. Polidez, que define como evitar sobrecarga de websites.

4. Paralelismo, que define como coordenar os webcrawlers.

27


• Exercício• Preparar um resumo, no máximo 5 páginas,

sobre o algoritmo de busca utilizado por um dosserviços:

• Bing

• Google

• Yahoo

• Cadê

• Lycos

• Altavista

28


• Sequencialização• Muito útil, especialmente para usuários novatos

ou sem experiência, a redução da complexidaden-dimensional dos links de um hiperdocumentopara uma só dimensão facilita a assimilação dodocumento.

• Visitas Guiadas (guided tours) ou Caminhos(paths) oferecem um mecanismo simples erápido para a visão geral dodocumento hipermídia.

• Essas ferramentas ocultam a complexidade dohiperdocumento apresentando ao usuário umcaminho sequencial, como mostrado na figura aolado.

29


• Sequencialização• Segundo Vannevar Bush (o inventor da idéia do

hiperdocumento) compara uma visita guiada auma pista e a descreve como uma sequencia de“links atraves do Memex”.

30


• Hierarquia• A estrutura hierárquica do documento é muito

bem entendida pelos seres humanos. A maioriados livros impressos é estruturadahierarquicamente.

• Vários autores costumam empregar a estruturahierárquica em novos hiperdocumentos,entretanto também existem ferramentas comoSuperbook, que fornecem um mapa hierárquicode um documento.

• A estrutura hierárquica da informação é muitoútil para o entendimento do assunto para osusuários e funciona como a principal ajuda nanavegação.

31


• Similaridade• O índice é a melhor forma de descobrir similaridades

entre diferentes nós pois as páginas que possuemlinks em comum normalmente exibem alguma formade similaridade.

• Algumas ferramentas mais complexas são baseadasna premissa de que o sistema possui conhecimentonão somente sobre a estrutura do documento, mastambém sobre o conteúdo de sua informação.

• Existem duas abordagens nesse caso:• Sistemas baseados em recuperação da informação,

computam similaridades baseadas em abordagensestatísticas.

• Sistemas baseados no conhecimento, procuram utilizar umconhecimento mais profundo da semântica do documento.

32


• Mapeamento• Mapeamento é uma tecnologia para estruturar,

visualizar, e gerenciar Webs de informação.

• São similares aos mapas reais, mapas gráficosmostram aos leitores onde eles estão e onde elespodem chegar a partir daqui e fornecem ao usuáriouma visão geral sobre onde ele está e do contextogeral.

• O mapeamento é uma forma flexível, versátil eamigável para a navagação no ciberespaço.

• Mapeamento engloba os conceitos anteriores epodem ser usados para visualizar links, resultados debusca, caminhos sequenciais, hierarquias esimilaridades.

33


• Mapeamento• A figura abaixo apresenta uma forma de

mapeamento utilizando a notação de árvore,apesar de ser o modo de mapeamento maisutilizado, sua compreensão diminui amedida em que o numero de nós aumenta.

34


• Agentes• O conceito de guias e agentes são populares para a

navegação em muitas outras áreas.

• A metáfora do agente é bem fácil de entender, pois osagentes simulam assistentes humanos ajudando-osem tarefas complexas de orientação. Sistemas nessacategoria incorporam técnicas baseadas emInteligência Artificial.

• Os agentes são implementados de diversos modosvariando de guias simples até agentes baseados emregras de produção em que possuem a habilidade dereagir com mais flexibilidade de acordo com asdiferentes necessidades dos diferentes usuários.

• Agentes podem utilizar quaisquer dos outros seisconceitos para auxiliar os usuários na tarefa denavegação.

Referências

35

REZENDE, F., BARROS, S.S. A Hipermídia e a Aprendizagem deCiências: Exemplos na Área de Física. Física na Escola. v. 6, n. 1,2005.

http://tecmidia.wikidot.com/hipermidia-surgimento-e-evolucao

Sistemas Hipermídia -...

Documents

Transcript of Sistemas Hipermídia -...