1
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.
2
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
3
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
4
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)
5
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
6
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.
7
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...
8
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
9
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)
10
Características da WEB
� 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.
URL
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.
11
Características da WEB
<html>
<head>
<title>Página HTML</title>
</head>
<body>
Página HTML simples
</body>
</html>
HTML
Visualizar
Características da WEB
<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>
HTML
Visualizar
12
Características da WEB
Usuário (Cliente)
Endereço ( URL )
Página ( HTML)
Browser
Servidor
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.
HTTP
A linguagem HTML
13
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
<html>
<head>
<title>meu primeiro HTML</title>
</head>
<body>
<h1>Esta é minha primeira página em HTML</h1>
</body>
</html>
São indicações apresentadas entre os caracteres de menor e maior
( < > ) que representam os elementos de uma página
14
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;
<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>
A linguagem HTML:tags
� <H1> </H1>
◦ tag de cabeçalho de nivel 1
� 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
Visualizar
15
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
16
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>
<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>
HTML
XML
Visualizar Visualizar
17
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
<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"/>
<xs:element name=“monitor" type="TMonitor"/>
<xs:element name=“impressora" type="TImpressora"/>
</xs:sequence>
</xs:complexType>
</xs:element>
<xs:complexType name="TMonitor">
<xs:sequence>
<xs:element name=“marca" type="xs:string"/>
<xs:element name=“modelo" type="xs:string"/>
</xs:sequence>
</xs:complexType>
</xs:schema>
<?xml version='1.0' encoding='ISO-8859-1'?>
<microcomputador xmlns:xsi="http://www.usp.br/micro.xsd">
<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>
XML Schema ( micro.xsd )
XML
A linguagem XML:esquemas
18
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
Página XML
XML Schema
XSL1
XSL2
XSL3
19
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">
<part-name>Music</part-name>
</score-part>
</part-list>
<part id="P1">
<measure number="1">
<attributes>
<divisions>1</divisions>
<key>
<fifths>0</fifths>
</key>
<time>
<beats>4</beats>
<beat-type>4</beat-type>
</time>
<clef>
<sign>G</sign>
<line>2</line>
</clef>
</attributes>
<note>
<pitch>
<step>C</step>
<octave>4</octave>
</pitch>
<duration>4</duration>
<type>whole</type>
</note>
</measure>
</part>
</score-partwise>
20
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>
21
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
22
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.
Recommended