aula 04b.ppt [modo de compatibilidade] - unesp: câmpus de ... · mobilização de pesquisas ... os...

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◦ 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


� 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


� 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


<html>

<head>

<title>Página HTML</title>

</head>

<body>

Página HTML simples

</body>

</html>

HTML

Visualizar


<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


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


� <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>






</body>

</html>


� <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


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>


<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">


<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 {


geometry Cylinder {

radius 0.3

height 6.0 }}},

# Archway span

Transform {

translation 0.0 6.05 0.0

children Shape {


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="a4" elementType="C" x3="0.989600" y3="1.865500" z3="0.000000"/>




<atom id="a8" elementType="O" x3="0.007300" y3="3.067600" 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="a14" elementType="H" x3="2.144000" y3="2.884400" z3="0.000000"/>

</atomArray>

<bondArray>

<bond atomRefs2="a1 a2" 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>&PlusMinus;</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.

aula 04b.ppt [modo de compatibilidade] - unesp: câmpus de ... · mobilização de pesquisas ... os...

Documents