O Que É a Internet e Como Funciona: III. A World Wide Web Aula Renato M.E. Sabbatini, PhD.
35
O Que É a Internet e Como Funciona: III. A World Wide Web Aula Renato M.E. Sabbatini, PhD
Transcript of O Que É a Internet e Como Funciona: III. A World Wide Web Aula Renato M.E. Sabbatini, PhD.
O Que É a Internet e Como Funciona:III. A World Wide Web
Aula
Renato M.E. Sabbatini, PhD
Objetivos da Aula
Desenvolver o conhecimento básico sobre como funciona a World Wide Web (WWW) e seus serviços, inclusive o que é a linguagem HTML e o hipertexto
O Que É a WWW?
• é um serviço disponível através da Internet que permite a transmissão e acesso a documentos multimediais através do hipertexto (hipermídia)
• Usa um protocolo especial chamado HTTP (HyperText Transfer Protocol) e uma linguagem de especificação de documentos, chamada HTML (Hypertext MarkUp Language)
• Usa uma convenção de endereços eletrônicos para os recursos na rede chamada URL (Uniform Resource Locator)
O Que É Multimídia
• Utilização de vários meios de apresentação de informação em um mesmo produto:– texto– imagens estáticas– imagens dinâmicas (animações, vídeos)– sons
• Integração através de um software adequado de apresentação (GUI)
• Inclui um componente de interatividade
O Que É Hipermídia
• É um produto multimídia interligado de forma não linear, como em um hipertexto
• A navegação é feita através de vínculos, ou “links”
• Os vínculos provocam o carregamento e exibição de outros documentos ou meios
• Tem segmentos interativos e não interativos
O Que é um Protocolo?
• é uma convenção ou linguagem que permite a comunicação entre computadores através de uma rede
• O protocolo principal usado pela Internet é o TCP/IP (Transmission Control Protocol/Internet Protocol)
• há muitos outros protocolos sob o TCP/IP. exemplos: – SMTP: ou Simple Mail Transfer Protocol
– FTP: ou File Transfer Protocol
Uniform Resource LocatorURL
• http://www.nlm.nih.gov/visible/sample.htm
Protocolo Host Diretório Arquivo
Um Formato de Endereço para a WWW:
O Que É a URL?
A Arquitetura Cliente-Servidor
ClienteCliente
computador que recebe os dados
ServidorServidor
computador queenvia os dados
Irede
Software Cliente:Netscape, Internet Explorer
(browser)
Software Servidor:WWW Server
Protocolo
ClienteCliente ServidorServidorIInternet
A Tecnologia “Pull” (Puxar)
O Que É o Browser?
• Um programa (cliente) que permite ler e extrair o conteúdo de páginas na Web, usando ou protocolo HTTP.
• O programa também permite identificar links dentro de um documento e em outros computadores, e pular para outros sítios na Internet (navegação).
O Software Cliente do WWW (Browser)
MenuferramentasEndereço
Área de exibição
Status
Tipos de Browsers
• Netscape Communicator• Microsoft Internet Explorer• Mosaic• Opera• etc.Todos funcionam de maneira
similar e hoje estão disponíveis gratuitamente através da Internet
O Que É um Link (“Elo”) ?
É uma frase ou palavra, usualmente de uma cor diferente ou sublinhado, que permite pular
para outros sites ou páginas no mesmo computador ou em outras computadores.
Normalmente o que se faz é "clicar" o mouse em cima da frase ou palavra.
ClienteCliente Servidorwww.nlm.nih.gov
Servidorwww.nlm.nih.govIInternet
Software cliente:Netscape, Internet Explorer
Software servidor:WWW Server
HTTP
http://www.nih.nlm.gov/visível/sample.htm BuscarConectarPedír
A Tecnologia PullUma Transação em HTTP (1)
ClienteCliente Servidorwww.nlm.nih.gov
Servidorwww.nlm.nih.govIInternet
Http://www.nih.nlm.gov/visível/sample.htm ConfirmarTransferirEncerrar
sample.htmlogo.gifreturn.gif
Software cliente:Netscape, Internet Explorer
Software servidor:WWW Server
HTTP
A Tecnologia PullUma Transação em HTTP (2)
ClienteCliente
Software dobrowser
Http://www.nih.nlm.gov/visível/sample.htm
sample.htmlogo.gifreturn.gif
<HTML><BODY BGCOLOR=#FFFFFF><IMG SRC=“logo.gif” ALIGN=left><H1>The Visível Human Project</H1><HR><IMG SRC=“return.gif” ALIGN=left>National Library of Medicine
<HTML><BODY BGCOLOR=#FFFFFF><IMG SRC=“logo.gif” ALIGN=left><H1>The Visível Human Project</H1><HR><IMG SRC=“return.gif” ALIGN=left>National Library of Medicine
Script em HTML
Visualização feita pelo browser
Como Funciona o HTTP?A
B
A Essência da Produção na Web
• Deve produzir-se texto e imagens com qualidade tipográfica e gráficos on-line, e imagens de resolução alta
• Para reduzir o tempo de transmisão, o protocolo de HTTP transmite desde o servidor um "script" de especificação de página muito menor, em ASCII
• O browser monta uma página gráfica com base neste “script”
O Que é o HTML?
• É uma linguagem para a especificação de documentos (HyperText MarkUp Language)
• Especifica para o browser os elementos de uma página (texto, imagens, etc.) e onde e como eles devem ocorrer
• um arquivo do texto que tem a extensão .HTM contém etiquetas (“tags”) demarcadoras entre os caracteres < e >
• O browser interpreta estas etiquetas e comandos e monta a página na tela.
Os Elementos do HTML
• Etiquetas para a definição do documento: ou título, cabeçalho, corpo, etc.,
• Etiquetas para a definição do texto: os parágrafos, cores, tamanhos, conjunto de fontes de caracteres, ênfase de texto, etc.,
• Etiquetas para imagens, sons e vídeos • Etiquetas para definir links
• Etiquetas para definir tabelas, formulários, etc.,
Interconectando Documentos
• Como uma publicação deve subdividir-se lógicamente em segmentos separados de informação, deve haver uma maneira de conecta-los entre si, para permitir a navegação
• Isto é realizado por meio do hipertexto (imagems ou texto que representam "links" a outras imagens ou texto)
<HTML><BODY BGCOLOR=#FFFFFF><IMG SRC=“logo.gif” ALIGN=left><H1>The Visível Human Project</H1><HR><IMG SRC=“return.gif” ALIGN=left>National Library of Medicine<P><A HREF=“imagem.htm”>Amostras</A><P><A HREF=“http://www.who.ch”>WHO</A>
<HTML><BODY BGCOLOR=#FFFFFF><IMG SRC=“logo.gif” ALIGN=left><H1>The Visível Human Project</H1><HR><IMG SRC=“return.gif” ALIGN=left>National Library of Medicine<P><A HREF=“imagem.htm”>Amostras</A><P><A HREF=“http://www.who.ch”>WHO</A>
amostra.htm
<HTML><BODY BGCOLOR=#FFFFFF><IMG SRC=“logo.gif” ALIGN=left><H1>Visível Human: Amostras</H1><BR>Nesta página você poderá achar algumasamostras de imagens geradas pelo Projeto“Ser Humano Visível” em três dimensões.
<HTML><BODY BGCOLOR=#FFFFFF><IMG SRC=“logo.gif” ALIGN=left><H1>Visível Human: Amostras</H1><BR>Nesta página você poderá achar algumasamostras de imagens geradas pelo Projeto“Ser Humano Visível” em três dimensões.
imagem.htm
Como Funciona o Hipertexto?
Arquivos Visualizáveis
• Os browsers são capazes de visualizar diretamente apenas alguns tipos de arquivos:– Texto (.TXT ou .HTML)– Imagens (.JPEG, .JPG, .GIF, .PNG)– Sons (.WAV)
• Os demais tipos de arquivos necessitam de programas auxiliares para serem visualizados ou tocados (são os chamados “plug-ins”)
• Alguns plug-ins já vem instalados, dependendo do tipo de browser e versão, outros precisam ser instalados pelo usuário.
Formatos de Dados Comuns
HTMLHyperText Markup Language
Browser
SGMLStandard Generalized
Markup LanguageAplicações Auxiliares
PDFPortable Data Format
Aplicações Auxiliares
Formato Visualizado por:
ASCII Browser
PostScript Aplicações Auxiliares
RTFRich Text Format
Aplicações Auxiliares
TXT
HTM
SGM
PSP
RTF
Tipo
Formatos de Imagens na Web
Formato Visualizado por:
GIFGraphic Interchange Format
Browser GIF
Tipo
JPEGJournalist’s Photo Experts Group
Browser JPG
PNGPortable Network Graphics
Browser PNG
PCX, TIF, BMP Aplicativos Auxiliares ---
Formatos de Áudio/Vídeo na Web
• Netscape´s Media Player (LiveAudio)• Microsoft Media Player (áudio e vídeo), NetShow• MPEG 3 (Moving Pictures Experts Group): áudio e vídeo• WAV: Wave File• AVI: Audiovisual Interface (Windows)• VXTreme, VDONet• MIDI (música)• Apple QuickTime (.QT)• Movie Format (.MOV)• RealAudio (.RA), RealVideo/RealMedia (.RM)
Formatos de Áudio/Vídeo
• Formatos que exigem download completo antes de poderem ser visualizados ou tocados
• Formatos que podem ser visualizados/tocados à medida em que vão sendo transmitidos (“streaming”)
Visualizaçãocontínua dos
pacotes de áudio e/ouvideo
Envia arquivo de audio e/ou video
em pacotes pequenos e seriais
Cliente Servidor
Como Funciona o Streaming?
Plug-Ins para Videos
Apple QuickTime
Windows Media Player
Software Cliente:PointCast, BackWeb, etcou plug-in para o browser
Software servidor:WWW Push Server
(e.g., NetCaster, Castanet)
ClienteCliente ServidorServidorIInternet
A Tecnologia “Push” (Empurrar)
A Tecnologia “Push”
• O push mais antigo é o email comum (SMTP) • Email reforçado: a visualização em HTML • Extensões Multimediais do Correio da Internet
(MIME) • Auxiliares para os browsers: Netscape
NetCaster, Webchannel para o Internet Explorer, etc.
• Clientes especiais: BackWeb, PointCast, etc.,
Technologia “Push”: PointCast
PointCast: Personalização de Canais
Abordagens Híbridas
• A publicação principal é baseada em HTTP, os resumos e anúncios são enviados a os leitores vía email ou webcasting
• A publicação principal é baseada em FTP, se colocam os resúmos em um website ou se enviam os artigos vía email, newsgroups ou webcasting
• A publicação principal é baseada em email, newsgroups ou webcasting, mas um website tem os resumos e apontadores.
Exemplo da Abordagem Híbrida:InteliHealth
Anúncio porEmail
Chamada Direta ao artigo na Web
Johns Hopkins InteliHealth
