Aula 04b

Internet
Internet:
histórico
1957 – Sputnik (primeiro satélite artificial) – URSS
◦ URSS na frente da corrida especial
1958 – ARPA (Advanced Research Projects Agency)
◦ Mobilização de pesquisas (universitárias) para alcançar a superioridade
tecnológica militar em relação à União Soviética
1962 – Rand Paul Baran foi contratado para fazer desenvolver uma
rede de comunicação que sobrevivesse à um ataque nuclear. A rede
deveria funcionar mesmo que um de seus pontos fosse destruído.
1
Internet:
histórico
1969 – Entrou em funcionamento a ARPANET com a
Ligação de quatro nós da rede
◦ UCLA (Universidade da Califórnia – Los Angeles),
◦ SRI (Stanford Research Institute),
◦ UCSB (Universidade da Califórnia – Santa Bárbara),
◦ Universidade de Utah
1971 – Criado um programa de e-mail
1972 – ARPA foi renomeada DARPA
Internet:
histórico
1973 - Internacionalização
◦ University College of London (Inglaterra)
◦ Royal Radas Establishment (Noruega)
1973
◦ Definição do protocolo TCP/IP
◦ Esboço do padrão ETHERNET
1974
◦ Primeira vez que se utiliza o termo INTERNET, por Vint Cerf e
Bob Kahn em artigo sobre TCP
2
Internet:
histórico
1975 – 15 nós
◦ Centros universitários
1976
◦ Desenvolvimento do padrão ETHERNET
◦ Utilização do TCP/IP na ARPANET
1979 – Criação da USENET que permitia discusão em grupo
de problemas científicos
1981
◦ Surge a rede cooperativa BITNET
e-mail, List Server, transferência de arquivos
Internet:
histórico
1983
◦ A Universidade de Wisconsin criou o Domain Name System (DNS)
◦ Separação
MilNET, (Instituições militares)
ARPANET (trabalhos de pesquisas avançadas)
◦ Criação da USENET com o objetivo de se criarem grupos de discussão
sobre diversos assuntos;
◦ Surgimento das estações de trabalho
Década de 1980
◦ ARPANET ARPA-INTERNET INTERNET
3
Internet:
histórico
Década de 90 – privatização da Internet
1990
◦ Surgimento do ARCHIE, sistema de pesquisa na Internet
1991
◦ Surgimento do GOPHER
Internet:
histórico
Evolução do número de hosts (servidores)
4
Internet:
definição
A Internet é uma rede de redes de computadores que
trocam informações entre si;
Esses computadores (micro ou de grande porte) podem
ser de qualquer tipo, arquitetura, marca ou modelo;
Podem utilizar qualquer tipo de sistema operacional;
Esses computadores estão interligados por linha comum
de telefone, linhas privadas de comunicação, canais de
satélite, cabos submarinos e outros meios de
comunicação;
WEB
5
WEB:
histórico
1990 – Criação da World Wide Web (www)
◦ Motivação: Dificuldade no uso da Internet;
◦ Capacidade de transmissão de gráficos limitada;
◦ Oferecia um sistema de fácil utilização;
◦ Baseado parcialmente no trabalho de Ted Nelson Hipertexto
WEB:
histórico
Navegadores (browsers)
◦ Mosaic (1993) – Marc Andreessen
◦ Netscape (1994)
◦ Internet Explorer (1995)
1995 – Java (Sun Microsystems)
◦ Applets
1999 – JINI (Sun Microsystems)
◦ Permitir que qualquer tipo de rede composta de serviços e dos
clientes destes serviços seja facilmente montada, desmontada e
mantida.
6
WEB:
serviços
O conjunto de serviços e recursos mudam
constantemente, de acordo com o surgimento de novas
tecnologias;
◦ Correio eletrônico;
◦ Notícias, informação jornalística;
◦ Transferência de arquivos;
◦ Grupos ou comunidades virtuais;
◦ etc.
WEB:
serviços
Grupos de discussão
◦ variedade de temas
Bases de dados temáticas
◦ principalmente instituições acadêmicas e de pesquisa;
Informação comunitária
◦ bibliotecas públicas
◦ galerias de arte
◦ informações turísticas
◦ informações meteorológicas
◦ etc...
7
WEB:
serviços
Recursos de governo
Catálogos de bibliotecas
◦ OPACs
Recursos comerciais
◦ Bases de dados comerciais (pagas)
DIALOG: mais de 400 bases de dados sobre qualquer assunto
Dow Jones News/Retrieval: acesso a mais de 1300 publicações e 70 bases
de dados
◦ Compras
Livrarias, lojas, supermercados, etc.
Vídeo
A guerra dos navegadores
8
Características da
WEB
Características da WEB
Características da Web
◦ Unidades (fontes) de informação
Páginas
◦ Padrão para especificação de páginas
HTML (Hypertext Markup Language)
◦ Esquema de endereçamento
URL (Universal Resource Locator)
◦ Protocolo comum
HTTP (Hypertext Transfer Protocol)
9
Características da WEB
URL
arquivo acessado utilizando o protocolo HTTP
armazenado no computador chamado www.eca.usp.br,
“br” indica que este computador está localizado no Brasil.
No diretório (pasta) /graduaca/infogera/ deste computador está
localizado o arquivo com o nome index.htm.
A extensão “.htm” (ou .html) indica que se trata de um arquivo no
formato HTML.
Características da WEB
HTML = Hypertext Markup Language
◦ Conjunto fixo de marcações (tags);
◦ Permite utilizar janelas (frames), imagens e tabelas e ligações
entre páginas Web.
10
Características da WEB
HTML
<html>
<head>
<title>Página HTML</title>
</head>
<body>
Página HTML simples
</body>
</html>
Visualizar
Características da WEB
HTML
<html>
<head>
<title>Receita de pão de queijo</title>
</head>
<body>
<h1>Pão de Queijo</h1>
<p>Aprenda esta receita nada mineira, mas que dá ótimos resultados: é
rápida, fácil e tem um bom rendimento.</p>
<h2>Ingredientes</h2>
<ul>
<li>uma e meia xícara de chá de polvilho azedo
<li>uma xícara de chá de maizena
<li>uma colher de chá de fermento em pó
<li>meia xícara de chá de leite
<li>meia xícara de chá de água
<li>meia xícara de chá de óleo
<li>uma e meia colher de chá de sal
<li>um ovo
<li>uma xícara de chá de queijo tipo Minas ralado
</ul>
<h2>Modo de preparo</h2>
<ol>
<li>Misture e peneire os ingredientes secos (menos o queijo).
<li>Após peneirar, junte o queijo e misture bem, acrescente os
demais ingredientes e amasse até obter uma massa lisa e uniforme;
<li>Faça bolinhas e coloque numa assadeira untada e enfarinhada.
<li>Leve ao fogo quente (200º C) por 25 minutos.
</ol>
</body>
</html>
Visualizar
11
Características da WEB
HTTP
Protocolo de transferência de páginas Web. Permite ao browser
“conversar” com o servidor, fazendo pedidos e recebendo respostas
em forma de página Web, geralmente escritas em HTML.
Browser
Endereço ( URL )
Usuário (Cliente)
Página ( HTML)
Servidor
A linguagem HTML
12
A linguagem HTML
HyperText Markup Language
◦ Linguagem de marcação
◦ Divide o texto em várias partes, identificadas por tags
(etiquetas).
nome do autor da página
cabeçalho da página
uma imagem
uma tabela
um link
Os browsers (navegadores) são softwares que
interpretam e exibem as páginas HTML,
◦ Mosaic
◦ Netscape
◦ Internet Explorer
A linguagem HTML:
tags
São indicações apresentadas entre os caracteres de menor e maior
( < > ) que representam os elementos de uma página
<html>
<head>
<title>meu primeiro HTML</title>
</head>
<body>
<h1>Esta é minha primeira página em HTML</h1>
</body>
</html>
13
A linguagem HTML:
tags
<HTML> </HTML>
◦ Informa o inicio e o final de uma página escrita em HTML;
<HEAD> </HEAD>
◦ identificam o inicio e o término de uma área de descrições
gerais da página tais como título, autor, etc.
<TITLE> </TITLE>
◦ Responsável por exibir o titulo da página. Alguns navegadores
(browsers) exibem o título da página no título da janela onde
está o browser.
<BODY> </BODY>
◦ É o corpo da página, onde estão as informações que se deseja
apresentar;
A linguagem HTML:
tags
<H1> </H1>
Os números indicam o nível do cabeçalho (de H1 a H6).
Quando apresentados, apresentam letras maiores e em negrito, dependendo
do nível
◦ tag de cabeçalho de nivel 1
<html>
<head>
<title>Exemplo de cabeçalhos</title>
</head>
<body>
<h1>Cabeçalho de nível 1</h1>
<h2>Cabeçalho de nível 2</h2>
<h3>Cabeçalho de nível 3</h3>
<h4>Cabeçalho de nível 4</h4>
<h5>Cabeçalho de nível 5</h5>
<h6>Cabeçalho de nível 6</h6>
</body>
</html>
Visualizar
14
A linguagem HTML:
tags
Estilo
Sintaxe
Negrito
<B> Texto </B>
Itálico
<I> Texto <I>
Sublinhado
<U> Texto </U>
Letreiro
<MARQUEE > Texto </MARQUEE>
<html>
<head>
<title>Teste de Tags</title>
</head>
<body>
<h1>Teste de alguns tags em páginas HTML</h1>
<B> Negrito </B> <p>
<I> Itálico <I> <p>
<U> Sublinhado </U> <p>
<MARQUEE> Letreiro </MARQUEE> <p>
</body>
</html>
Visualizar
A linguagem HTML
HTML
<html>
<head>
<title>O Mundo é Grande</title>
</head>
<body>
<b><font size="5" face="Arial">O Mundo é Grande</font></b></p>
O mundo é grande e cabe<br>
nesta janela sobre o mar.</p>
O mar é grande e cabe<br>
na cama e no colchão de amar.</p>
O amor é grande e cabe<br>
no breve espaço de beijar.</p>
<img border="0" src="drummond.jpg" width="129" height="173"><p style="margin-top: 0">
<a href="http://pt.wikipedia.org/wiki/Carlos_Drummond_de_Andrade">Carlos Drummond de
Andrade</a>
</body>
</html>
Visualizar
15
A linguagem XML
A linguagem XML
A linguagem XML (Extensible Markup Language)
◦ Permite a criação de um número ilimitado de marcações (tags);
◦ Não possui recursos para descrever o aspecto visual das páginas
Web;
◦ Permite estruturar e descrever informação.
HTML
XML
<html>
<body>
<font size="4">Micromputador</font>
<ul>
<li>Modelo: Pentium 4
<li>velocidade 1.5 GHz
<li>256MB de RAM
<li>Monitor de 17 polegadas
<li>Impressora HP Deskjet 930c
</ul>
</body>
</html>
<microcomputador>
<modelo>Pentium 4</modelo>
<velocidade>1.5 GHz</velocidade>
<ram>256Mb de memória</ram>
<monitor>17 polegadas</monitor>
<teclado>Sim</teclaco>
<mouse>Sim</mouse>
<estabilizador>Sim</estabilizador>
<impressora>Não</impressora>
</microcomputador>
Visualizar
Visualizar
16
A linguagem XML
<?xml version='1.0' encoding='ISO-8859-1'?>
<microcomputador>
<modelo>Pentium 4</modelo>
<velocidade>3.4</velocidade>
<ram>256</ram>
<monitor>
<marca>Samsung</marca>
<modelo>SyncMaster 551v</modelo>
</monitor>
<impressora>
<marca>HP</marca>
<modelo>Deskejet 930c</modelo>
</impressora>
</microcomputador>
Visualizar
A linguagem XML:
esquemas
XML Schema ( micro.xsd )
<xs:schema xmlns:xs="http://www.w3.org/2001/XMLSchema">
<xs:element name=“microcomputador">
<xs:complexType>
<xs:sequence>
<xs:element name=“modelo"
type="xs:string"/>
<xs:element name=“velocidade" type="xs:numeric"/>
<xs:element name=“ram"
type="xs:integer"/>
XML
<xs:element name=“monitor"
type="TMonitor"/>
<xs:element name=“impressora"
type="TImpressora"/>
<?xml version='1.0'
encoding='ISO-8859-1'?>
<microcomputador xmlns:xsi="http://www.usp.br/micro.xsd">
</xs:sequence>
<modelo>Pentium 4</modelo>
</xs:complexType>
<velocidade>3.4</velocidade>
</xs:element>
<ram>256</ram>
<monitor>
<xs:complexType name="TMonitor">
<marca>Samsung</marca>
<modelo>SyncMaster 551v</modelo>
<xs:sequence>
</monitor>
<xs:element name=“marca"
type="xs:string"/>
<impressora>
<xs:element name=“modelo"
type="xs:string"/>
<marca>HP</marca>
</xs:sequence>
<modelo>Deskejet 930c</modelo>
</xs:complexType>
</impressora>
</microcomputador>
</xs:schema>
17
A linguagem XML:
xsl
XSL (Extensible Stylesheet Language)
◦ Fornece uma “folha de estilo” poderosa e com uma sintaxe fácil
para expressar como os documentos XML serão apresentados
◦ Podem ser desenvolvidas várias folhas de estilo de maneira que
o mesmo documento XML pode ser apresentado de muitas
formas diferentes.
A linguagem XML
XML Schema
XSL1
Página XML
XSL2
XSL3
18
Aplicações das
Linguagens de
Marcação
MusicXML
<?xml version="1.1" encoding="UTF-8" standalone="no"?>
<!DOCTYPE score-partwise PUBLIC
"-//Recordare//DTD MusicXML 1.1 Partwise//EN"
"http://www.musicxml.org/dtds/partwise.dtd">
<score-partwise>
<part-list>
<score-part id="P1">
<note>
<part-name>Music</part-name>
<pitch>
</score-part>
<step>C</step>
</part-list>
<octave>4</octave>
<part id="P1">
</pitch>
<measure number="1">
<duration>4</duration>
<attributes>
<type>whole</type>
<divisions>1</divisions>
</note>
<key>
</measure>
<fifths>0</fifths>
</part>
</key>
</score-partwise>
<time>
<beats>4</beats>
<beat-type>4</beat-type>
</time>
<clef>
<sign>G</sign>
<line>2</line>
</clef>
</attributes>
19
VRML - Virtual Reality Modeling Language
#VRML V2.0 utf8
# The VRML 2.0 Sourcebook
# Copyright (c) 1997
# Andrea L. Ames, David R. Nadeau, and John L. Moreland
Group {
children [
# Ground
Shape {
appearance DEF White Appearance {
material Material { }
}
geometry Box {
size 25.0 0.1 25.0 }},
# Left Column
Transform {
translation -2.0 3.0 0.0
children Shape {
appearance USE White
geometry Cylinder {
radius 0.3
height 6.0 }}},
# Right Column
Transform {
translation 2.0 3.0 0.0
children Shape {
appearance USE White
geometry Cylinder {
radius 0.3
height 6.0 }}},
# Archway span
Transform {
translation 0.0 6.05 0.0
children Shape {
appearance USE White
geometry Box {
size 4.6 0.4 0.6}}}]}
CML Chemical Markup Language
Adrenalina
<molecule>
<atomArray>
<atom id="a1" elementType="C" x3="-0.296900" y3="0.897900" z3="0.000000"/>
<atom id="a2" elementType="C" x3="-0.296900" y3="-0.612100" z3="0.000000"/>
<atom id="a3" elementType="C" x3="-1.627300" y3="1.656600" z3="0.000000"/>
<atom id="a4" elementType="C" x3="0.989600" y3="1.865500" z3="0.000000"/>
<atom id="a5" elementType="C" x3="-1.641900" y3="-1.378000" z3="0.000000"/>
<atom id="a6" elementType="C" x3="-2.957700" y3="0.886900" z3="0.000000"/>
<atom id="a7" elementType="C" x3="2.265000" y3="1.055500" z3="0.000000"/>
<atom id="a8" elementType="O" x3="0.007300" y3="3.067600" z3="0.000000"/>
<atom id="a9" elementType="C" x3="-2.965000" y3="-0.604700" z3="0.000000"/>
<atom id="a10" elementType="O" x3="-1.656600" y3="-2.932000" z3="0.000000"/>
<atom id="a11" elementType="N" x3="3.701700" y3="1.979100" z3="0.000000"/>
<atom id="a12" elementType="O" x3="-4.302700" y3="-1.363400" z3="0.000000"/>
<atom id="a13" elementType="C" x3="5.068700" y3="1.037200" z3="0.000000"/>
<atom id="a14" elementType="H" x3="2.144000" y3="2.884400" z3="0.000000"/>
</atomArray>
<bondArray>
<bond atomRefs2="a1 a2" order="1"/>
<bond atomRefs2="a1 a3" order="2"/>
<bond atomRefs2="a1 a4" order="1"/>
<bond atomRefs2="a2 a5" order="2"/>
<bond atomRefs2="a3 a6" order="1"/>
<bond atomRefs2="a4 a7" order="1"/>
<bond atomRefs2="a4 a8" order="1"/>
<bond atomRefs2="a5 a9" order="1"/>
<bond atomRefs2="a5 a10" order="1"/>
<bond atomRefs2="a7 a11" order="1"/>
<bond atomRefs2="a9 a12" order="1"/>
<bond atomRefs2="a11 a13" order="1"/>
<bond atomRefs2="a6 a9" order="2"/>
<bond atomRefs2="a4 a14" order="1"/>
</bondArray>
</molecule>
20
MathML Mathematical Markup Language
...
<math>
<mrow>
<mi>x</mi>
<mo>=</mo>
<mfrac>
<mrow>
<mrow>
<mo>-</mo>
<mi>b</mi>
</mrow>
<mo>±</mo>
...
<msqrt>
<mrow>
<msup>
<mi>b</mi>
<mn>2</mn>
</msup>
<mo>-</mo>
<mrow>
<mn>4</mn>
<mo>⁢</mo>
<mi>a</mi>
<mo>⁢</mo>
<mi>c</mi>
</mrow>
</mrow>
</msqrt>
</mrow>
<mrow>
<mn>2</mn>
<mo>⁢</mo>
<mi>a</mi>
</mrow>
</mfrac>
</mrow>
</math>
Vídeo
Rafinha 2.0
21
Referências
bibliográficas
Referências bibliográficas
KAPPE, F. Aspects of a modern multi-media information
system. PhD Thesis, Graz University of Technology, Austria, 1991.
ANDREWS, K.; KAPPE, F.; MAURER, H. Serving information to the
Web with Hyper-G. Computer Network and ISDN Systems,
v. 27, n. 6, 1995, p.919-926.
BUSBY. M. Learn Google. Plano, Texas: Wordware, 2003.
CROFT, W.B.; METZLER, D.; STROHMAN, T. Search Engines:
information retrieval in practice. Addison Wesley, 2009.
DAUM, B; MERTEN U. Arquitetura de sistemas com XML.
Rio de Janeiro: Campus, 2002.
22