tópico 1 prof msc vitor mesaque alves lima. internet maior conglomerado de redes de comunicações...
TRANSCRIPT
![Page 1: Tópico 1 Prof MSc Vitor Mesaque Alves Lima. Internet maior conglomerado de redes de comunicações em escala mundial vários computadores e dispositivos](https://reader035.vdocuments.pub/reader035/viewer/2022062512/552fc12a497959413d8cec55/html5/thumbnails/1.jpg)
Programação Web Introdução
Tópico 1
Prof MSc Vitor Mesaque Alves Lima
![Page 2: Tópico 1 Prof MSc Vitor Mesaque Alves Lima. Internet maior conglomerado de redes de comunicações em escala mundial vários computadores e dispositivos](https://reader035.vdocuments.pub/reader035/viewer/2022062512/552fc12a497959413d8cec55/html5/thumbnails/2.jpg)
Internet◦ maior conglomerado de redes de comunicações em escala
mundial vários computadores e dispositivos conectados em uma rede mundial milhões de dispositivos interligados pelo protocolo de
comunicação TCP/IP que permite o acesso a informações e todo tipo de transferência de dados.
◦ carrega uma ampla variedade de recursos e serviços, incluindo os documentos interligados por meio de hiperlinks da World Wide Web.
World Wide Web (que em português se traduz literalmente por teia mundial), também conhecida como Web e WWW, é um sistema de documentos em hipermídia que são interligados e executados na Internet.
Internet e a World Wide Web
![Page 3: Tópico 1 Prof MSc Vitor Mesaque Alves Lima. Internet maior conglomerado de redes de comunicações em escala mundial vários computadores e dispositivos](https://reader035.vdocuments.pub/reader035/viewer/2022062512/552fc12a497959413d8cec55/html5/thumbnails/3.jpg)
Visualização gráfica de várias rotas em uma porção da Internet mostrando a escalabilidade da rede.
![Page 4: Tópico 1 Prof MSc Vitor Mesaque Alves Lima. Internet maior conglomerado de redes de comunicações em escala mundial vários computadores e dispositivos](https://reader035.vdocuments.pub/reader035/viewer/2022062512/552fc12a497959413d8cec55/html5/thumbnails/4.jpg)
Nos EUA, a Internet atingiu 50 milhões de usuários em apenas 4 anos, ao passo que, para atingir esse número de usuários:◦ o computador pessoal tardou 16 anos◦ a televisão 13 anos◦ o rádio 38 anos◦ o telefone 74 anos
Outro dado que corrobora a velocidade de disseminação da Internet é o da Conectividade Internacional (1991-1998)
Brasil◦ Usuários da Internet 37 milhões (2005) 65 milhões (2009)
Crescimento da Internet
![Page 5: Tópico 1 Prof MSc Vitor Mesaque Alves Lima. Internet maior conglomerado de redes de comunicações em escala mundial vários computadores e dispositivos](https://reader035.vdocuments.pub/reader035/viewer/2022062512/552fc12a497959413d8cec55/html5/thumbnails/5.jpg)
Conectividade Internacional e Internet (1991)
![Page 6: Tópico 1 Prof MSc Vitor Mesaque Alves Lima. Internet maior conglomerado de redes de comunicações em escala mundial vários computadores e dispositivos](https://reader035.vdocuments.pub/reader035/viewer/2022062512/552fc12a497959413d8cec55/html5/thumbnails/6.jpg)
Conectividade Internacional e Internet (1997)
![Page 7: Tópico 1 Prof MSc Vitor Mesaque Alves Lima. Internet maior conglomerado de redes de comunicações em escala mundial vários computadores e dispositivos](https://reader035.vdocuments.pub/reader035/viewer/2022062512/552fc12a497959413d8cec55/html5/thumbnails/7.jpg)
A interatividade é a maior colaboração que o computador traz ao processo. Ela envolve a possibilidade de:
◦ Buscar, pesquisar e selecionar informações
◦ Interromper e prosseguir de onde se parou
◦ Voltar ao que já se viu, saltar para frente, passar os olhos pelas informações
◦ Marcar, anotar, cruzar referências
7
Interatividade
![Page 8: Tópico 1 Prof MSc Vitor Mesaque Alves Lima. Internet maior conglomerado de redes de comunicações em escala mundial vários computadores e dispositivos](https://reader035.vdocuments.pub/reader035/viewer/2022062512/552fc12a497959413d8cec55/html5/thumbnails/8.jpg)
O Hipertexto surgiu para romper a linearidade dos textos propondo uma nova forma de leitura em rede.
Nenhum outro tipo de mídia permitia a interatividade do leitor com o conteúdo de forma tão intuitiva.
A idéia do Hipertexto surgiu a partir das enciclopédias que já apresentavam a idéia de não linearidade e não tinha a intenção de que um leitor simplesmente realizasse a sua leitura na íntegra e de forma sequencial.
8
Hipertexto
![Page 9: Tópico 1 Prof MSc Vitor Mesaque Alves Lima. Internet maior conglomerado de redes de comunicações em escala mundial vários computadores e dispositivos](https://reader035.vdocuments.pub/reader035/viewer/2022062512/552fc12a497959413d8cec55/html5/thumbnails/9.jpg)
9
Texto convencional: seqüencial, linear◦ Ex.: livros, jornal, revistas...
Hipertexto: não seqüencial◦ Não existe uma única seqüência de leitura pré-
definida, mas várias alternativas◦ Ex.: texto tradicional com notas de rodapé
(“rodapé generalizado”); enciclopédias (“referências cruzadas”), websites, indices dinâmicos…
Conceitos Básicos
![Page 10: Tópico 1 Prof MSc Vitor Mesaque Alves Lima. Internet maior conglomerado de redes de comunicações em escala mundial vários computadores e dispositivos](https://reader035.vdocuments.pub/reader035/viewer/2022062512/552fc12a497959413d8cec55/html5/thumbnails/10.jpg)
10
Fragmentos de informação interligados◦ Podem ser exibidos de diferentes formas (telas,
janelas, arquivos, ...)
Nó (node): uma unidade de informação
Ligação (link): “ponteiro” que conecta nós
Estrutura de um hipertexto: rede de nós e ligações (grafo)
Hipertexto
![Page 11: Tópico 1 Prof MSc Vitor Mesaque Alves Lima. Internet maior conglomerado de redes de comunicações em escala mundial vários computadores e dispositivos](https://reader035.vdocuments.pub/reader035/viewer/2022062512/552fc12a497959413d8cec55/html5/thumbnails/11.jpg)
O Hipertexto que por sua natureza já conta com recursos computacionais, agiliza o processo de busca e redirecionamento na seqüência de leitura dos documentos.
O objetivo do Hipertexto é sanar dúvidas e atender aos interesses dos leitores da forma mais adequada possível através de consultas rápidas, referências a temas relacionados, ilustrações, gráficos, sons e outros documentos no formato digital, sempre com o objetivo de explicar conceitos, tirar dúvidas e atender às necessidades dos leitores.
11
Hipertexto
![Page 12: Tópico 1 Prof MSc Vitor Mesaque Alves Lima. Internet maior conglomerado de redes de comunicações em escala mundial vários computadores e dispositivos](https://reader035.vdocuments.pub/reader035/viewer/2022062512/552fc12a497959413d8cec55/html5/thumbnails/12.jpg)
Hiperlinks nos Hipertextos são palavras marcadas em um documento que redirecionam a leitura para um outro ponto do texto ou para outro texto
Cada página de um hipertexto possui hiperlinks que desviam a leitura de um texto para outra parte deste texto ou para outra parte de outro texto
A unidade conceitual agora é uma página e não mais um texto completo
12
Hipertexto
![Page 13: Tópico 1 Prof MSc Vitor Mesaque Alves Lima. Internet maior conglomerado de redes de comunicações em escala mundial vários computadores e dispositivos](https://reader035.vdocuments.pub/reader035/viewer/2022062512/552fc12a497959413d8cec55/html5/thumbnails/13.jpg)
Exemplo de Hiperdocumento
13
Nó
Ligação
Âncora
Um hiperdocumento é composto de nós inter-relacionados por ligações .
Um sistema hiperdocumento é umsoftware que permite ao autor criar e
manipular hiperdocumentos.
Um nó pode ter ligaçõespara outros nós. Por
Exemplo: para um mapa ePara a definição de hiperdocumento.
A ligação define uma relaçãoentre as informações contidas nos
nós do hiperdocumento. Para habilitá-la durante a navegação
deve-se clicar em uma âncora ou indicação.
As âncoras podem ser representadasde diversas formas no conteúdo do
hiperdocumento, como palavrassublinhadas, ícones ou botões.
![Page 14: Tópico 1 Prof MSc Vitor Mesaque Alves Lima. Internet maior conglomerado de redes de comunicações em escala mundial vários computadores e dispositivos](https://reader035.vdocuments.pub/reader035/viewer/2022062512/552fc12a497959413d8cec55/html5/thumbnails/14.jpg)
Um hipertexto pode ser visto como um grafo
14
Visão abstrata de um hipertexto
Âncoras origem
Âncoras destino
Elos ou Ligações
Nós
![Page 15: Tópico 1 Prof MSc Vitor Mesaque Alves Lima. Internet maior conglomerado de redes de comunicações em escala mundial vários computadores e dispositivos](https://reader035.vdocuments.pub/reader035/viewer/2022062512/552fc12a497959413d8cec55/html5/thumbnails/15.jpg)
navegação (browsing): processo de “ler” o hipertexto, visitando diferentes nós
◦ cabe ao leitor determinar a sequencia de leitura
◦ ligações são direcionadas: saem de um nó origem (ou nó âncora) e levam a um nó destino
◦ ligações estão normalmente ancoradas a uma região específica do nó origem
15
Hipertexto
![Page 16: Tópico 1 Prof MSc Vitor Mesaque Alves Lima. Internet maior conglomerado de redes de comunicações em escala mundial vários computadores e dispositivos](https://reader035.vdocuments.pub/reader035/viewer/2022062512/552fc12a497959413d8cec55/html5/thumbnails/16.jpg)
âncora: representação visual da ligação
backtracking: retorno a um nó previamente visitado
muitos sistemas registram a sequencia de nós visitados e permitem o retorno na ordem inversa à da visita. ◦ Ex. A->B->E->D
16
Hipertexto
![Page 17: Tópico 1 Prof MSc Vitor Mesaque Alves Lima. Internet maior conglomerado de redes de comunicações em escala mundial vários computadores e dispositivos](https://reader035.vdocuments.pub/reader035/viewer/2022062512/552fc12a497959413d8cec55/html5/thumbnails/17.jpg)
A maioria dos sistemas suporta apenas ligações unidirecionais◦ leitor vê para onde pode ir a partir de onde está,
mas não vê os nós que apontam para o nó onde está...
Ligações bidirecionais: permitiriam que o leitor visse os caminhos alternativos pelos quais poderia ter atingido o nó atual
Ligações para nós em bases de dados externas
17
Hipertexto
![Page 18: Tópico 1 Prof MSc Vitor Mesaque Alves Lima. Internet maior conglomerado de redes de comunicações em escala mundial vários computadores e dispositivos](https://reader035.vdocuments.pub/reader035/viewer/2022062512/552fc12a497959413d8cec55/html5/thumbnails/18.jpg)
A Internet possui uma grande parcela de responsabilidade na proliferação dos hipertextos
Uma vez que, o mundo inteiro esteja conectado, é possível ligar textos de forma geograficamente ilimitada e com um dinamismo muito acentuado
18
Hipertexto & Internet
![Page 19: Tópico 1 Prof MSc Vitor Mesaque Alves Lima. Internet maior conglomerado de redes de comunicações em escala mundial vários computadores e dispositivos](https://reader035.vdocuments.pub/reader035/viewer/2022062512/552fc12a497959413d8cec55/html5/thumbnails/19.jpg)
Com o recurso de rede de computadores, é possível realizar desvios entre documentos armazenados em diferentes computadores. Cada computador possui um conjunto de documentos e os disponibiliza para um gama muito grande de leitores através da Internet.
Constante de atualização => Uma consulta realizada ontem possivelmente não terá os mesmos resultados que uma consulta hoje
19
Hipertexto & Internet
![Page 20: Tópico 1 Prof MSc Vitor Mesaque Alves Lima. Internet maior conglomerado de redes de comunicações em escala mundial vários computadores e dispositivos](https://reader035.vdocuments.pub/reader035/viewer/2022062512/552fc12a497959413d8cec55/html5/thumbnails/20.jpg)
Multimídia
O que é multimídia?
◦ Multimídia corresponde a integração de diferentes modalidades de mídia: gráficos, imagens, textos, audio, animação ( que possibilita melhor visualização de imagens em 3-D, enriquece representações gráficas, permite mapear fenômenos que mudam com o tempo, etc) e vídeo (utilizado para mostrar coisas que se movem) na representação de dados.
20
![Page 21: Tópico 1 Prof MSc Vitor Mesaque Alves Lima. Internet maior conglomerado de redes de comunicações em escala mundial vários computadores e dispositivos](https://reader035.vdocuments.pub/reader035/viewer/2022062512/552fc12a497959413d8cec55/html5/thumbnails/21.jpg)
◦ nós contém informação em diferentes mídias: texto, gráficos, imagens, vídeos, som...
21
Hipermídia
Hipermídia = Hipertexto + Multimídia
![Page 22: Tópico 1 Prof MSc Vitor Mesaque Alves Lima. Internet maior conglomerado de redes de comunicações em escala mundial vários computadores e dispositivos](https://reader035.vdocuments.pub/reader035/viewer/2022062512/552fc12a497959413d8cec55/html5/thumbnails/22.jpg)
Âncoras podem estar no texto, nos gráficos, imagens, vídeo...
Âncoras podem ser indicadas na forma de texto, ícones (icons)◦ representação visual é necessária...
22
Hipermídia
![Page 23: Tópico 1 Prof MSc Vitor Mesaque Alves Lima. Internet maior conglomerado de redes de comunicações em escala mundial vários computadores e dispositivos](https://reader035.vdocuments.pub/reader035/viewer/2022062512/552fc12a497959413d8cec55/html5/thumbnails/23.jpg)
Evolução do Hipertexto
◦ Quase que imediatamente após os Hipertextos terem surgido já surgiu o conceito de Hipermídia que reúne não somente textos como também imagens, sons, vídeos e quaisquer outras informações que venham possuir sua representação no formato digital
O que impossibilitou que a Hipermídia fosse amplamente utilizada logo que seu conceito tenha surgido foi o de não haver recursos computacionais de hardware suficientes na época
◦ Conforme os recursos de imagens, vídeos e sons foram sendo criados, os mesmos foram sendo introduzidos na Hipermídia permitindo que ambientes se tornassem cada vez mais realistas.
23
Hipermídia
![Page 24: Tópico 1 Prof MSc Vitor Mesaque Alves Lima. Internet maior conglomerado de redes de comunicações em escala mundial vários computadores e dispositivos](https://reader035.vdocuments.pub/reader035/viewer/2022062512/552fc12a497959413d8cec55/html5/thumbnails/24.jpg)
24
Hipermídia
A Hipermídia une recursos textuais, visuais, sonoros e outros quaisquer que possuam sua representação digital para a
elaboração de documentos navegáveis não-lineares.
Hipertexto + Mídias!
![Page 25: Tópico 1 Prof MSc Vitor Mesaque Alves Lima. Internet maior conglomerado de redes de comunicações em escala mundial vários computadores e dispositivos](https://reader035.vdocuments.pub/reader035/viewer/2022062512/552fc12a497959413d8cec55/html5/thumbnails/25.jpg)
Hipertexto: Pode ser definido como um grafo, onde os nós representam pedaços de textos e os "links" uma correlação entre os mesmos. É a forma mais comum de representação da hipermídia. O texto é apresentado na tela do computador de uma maneira diferente da representação seqüencial (como a de um livro, por exemplo) usando "links" onde o usuário pode navegar entre pedaços de textos relacionados.
Hipermídia: É uma maneira de se criar documentos, usando um computador, onde pode-se combinar texto, gráfico, animação, vídeo, som e qualquer outra mídia que venha a ser desenvolvida usando os "links" para conectar os nós(neste caso os nós representam qualquer mídia ou combinação entre elas). Pode se dizer que Hipermídia é uma expansão do conceito de Hipertexto que contempla outras mídias.
Multimídia: É uma maneira de se criar documentos, usando um computador, onde pode-se combinar texto, gráfico, animação, vídeo, som e qualquer outra mídia que venha a ser desenvolvida. Diferente de Hipermídia os documentos (ou sistemas) criados em multimídia podem ser seqüenciais.
25
Conceitos Básicos
![Page 26: Tópico 1 Prof MSc Vitor Mesaque Alves Lima. Internet maior conglomerado de redes de comunicações em escala mundial vários computadores e dispositivos](https://reader035.vdocuments.pub/reader035/viewer/2022062512/552fc12a497959413d8cec55/html5/thumbnails/26.jpg)
Conklin, J. Hypertext: An Introduction and Survey. IEEE Computer, v. 20, n. 9, pp.17-41, 1987.
Apesar de antigo, e portanto desatualizado, este é um artigo importante porque define toda a terminologia básica e discute problemas clássicos associados ao hipertexto.
26
Leitura recomendada
![Page 27: Tópico 1 Prof MSc Vitor Mesaque Alves Lima. Internet maior conglomerado de redes de comunicações em escala mundial vários computadores e dispositivos](https://reader035.vdocuments.pub/reader035/viewer/2022062512/552fc12a497959413d8cec55/html5/thumbnails/27.jpg)
Nielsen, J. The art of navigating through hypertext. Communications of the ACM, v.33, n. 3, p. 297-310, March 1990.
Ginige, A. Hypermedia authoring. IEEE Multimedia, p. 24-35, Winter 1995.
NIELSEN, J. “Usabilidade na Web: Projetando Websites com Usabilidade”, Campus, 2007.
27
Bibliografia