1957 Sputnik (primeiro satélite artificial) URSS. URSS na frente da corrida especial ARPA (Advanced Research Projects Agency)

Transcrição

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. 1

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 ARPA foi renomeada DARPA Internet: histórico 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

3 Internet: histórico 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 , 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

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) 4

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 5

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. 6

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

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 8

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) 9

10 Características da WEB URL arquivo acessado utilizando o protocolo HTTP armazenado no computador chamado 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

11 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

12 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

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

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

15 A linguagem HTML: tags Estilo Negrito Itálico Sublinhado Letreiro Sintaxe <B> Texto </B> <I> Texto <I> <U> Texto </U> <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=" Drummond de Andrade</a> </body> </html> Visualizar 15

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 <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> Visualizar XML <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 16

17 A linguagem XML <?xml version='1.0' encoding='iso '?> <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 <xs:schema xmlns:xs=" <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> <monitor> <xs:complextype name="tmonitor"> <xs:sequence> <xs:element name= marca" </monitor> type="xs:string"/> <xs:element name= modelo" <impressora> type="xs:string"/> </xs:sequence> </xs:complextype> </xs:schema> XML Schema ( micro.xsd ) <?xml version='1.0' encoding='iso '?> <microcomputador xmlns:xsi=" <modelo>pentium 4</modelo> <velocidade>3.4</velocidade> <ram>256</ram> <marca>samsung</marca> <modelo>syncmaster 551v</modelo> <marca>hp</marca> <modelo>deskejet 930c</modelo> </impressora> </microcomputador> XML 17

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 XML Schema XSL 1 Página XML XSL 2 XSL 3 18

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

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 }}, # Left Column Transform { translation children Shape { appearance USE White geometry Cylinder { radius 0.3 height 6.0 }}}, # Right Column Transform { translation children Shape { appearance USE White geometry Cylinder { radius 0.3 height 6.0 }}}, # Archway span Transform { translation children Shape { appearance USE White geometry Box { size }}}]} CML - Chemical Markup Language Adrenalina <molecule> <atomarray> <atom id="a1" elementtype="c" x3=" " y3=" " z3=" "/> <atom id="a2" elementtype="c" x3=" " y3=" " z3=" "/> <atom id="a3" elementtype="c" x3=" " y3=" " z3=" "/> <atom id="a4" elementtype="c" x3=" " y3=" " z3=" "/> <atom id="a5" elementtype="c" x3=" " y3=" " z3=" "/> <atom id="a6" elementtype="c" x3=" " y3=" " z3=" "/> <atom id="a7" elementtype="c" x3=" " y3=" " z3=" "/> <atom id="a8" elementtype="o" x3=" " y3=" " z3=" "/> <atom id="a9" elementtype="c" x3=" " y3=" " z3=" "/> <atom id="a10" elementtype="o" x3=" " y3=" " z3=" "/> <atom id="a11" elementtype="n" x3=" " y3=" " z3=" "/> <atom id="a12" elementtype="o" x3=" " y3=" " z3=" "/> <atom id="a13" elementtype="c" x3=" " y3=" " z3=" "/> <atom id="a14" elementtype="h" x3=" " y3=" " z3=" "/> </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

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>&invisibletimes;</mo> <mi>a</mi> <mo>&invisibletimes;</mo> <mi>c</mi> </mrow> </mrow> </msqrt> </mrow> <mrow> <mn>2</mn> <mo>&invisibletimes;</mo> <mi>a</mi> </mrow> </mfrac> </mrow> </math> Vídeo Rafinha

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, 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 BUSBY. M. Learn Google. Plano, Texas: Wordware, CROFT, W.B.; METZLER, D.; STROHMAN, T. Search Engines: information retrieval in practice. Addison Wesley, DAUM, B; MERTEN U. Arquitetura de sistemas com XML. Rio de Janeiro: Campus,