Tecnologias de Desenvolvimento e Padrões Web

Prof. Anderson M. Fernandes

A Internet – Como tudo começou

• A Internet nasceu na época da Guerra Fria na década de 60 – 70

• Tinha o nome de Arpanet e servia para interligar os computadores das bases militares

• Após a guerra a Arpanet foi cedida aos cientistas, pois ficara obsoleta para os militares

• Depois os cientista passaram a tecnologia para as Universidades Americanas

A Internet – Como tudo começou

• Em 1975 existiam mais ou menos 100 sites publicados

• No final dos anos 70, o protocolo da Arpanet, o NCP (Network Control Protocol)

• Os arquivos e informações são transmitidos através de pacotes, que possuem um tamanho máximo

A Internet – Como funciona

• Esses pacotes são transmitidos pela linha e montados novamente no seu destinatário

• Se um deles for perdido, poderá ser reenviado

• Sempre que o destinatário recebe um pacote, ele avisa o computador que enviou, para evitar reenvios desnecessários

A Internet – Como funciona

• Na década de 70 foi criada então o TCP/IP (Transport Control Protocol / Internet Procotol)

• Ele permitiria o crescimento quase que ilimitado da rede – na época se pensava assim

• Na época existiam 50 mil redes e computadores ligados a grande rede

WWW

• Em 1989, Tim Berners-Lee, britânico, professor do MIT, criou a World Wide Web.

• Em 1990, estabeleceu a primeira comunicação entre um cliente e um servidor HTTP na Web.

• Atualmente é diretor do W3C

Tim Berners-Lee e o NexTCube, computador utilizado para montar o primeiro servidor HTTP do mundo em

89.

A Internet – Como funciona

• Em 1995 existiam mais de 6 milhões de computadores ligados a internet

• No Brasil a internet chegou em 1991, através da RNP (Rede Nacional de Pesquisa) um braço da MCT (ministério da Ciência e Tecnologia)

• Até hoje o RNP é o principal backbone no Brasil

Backbone

Backbone

• Backbone seria a espinha da internet, por onde se comunicam os diversos servidores e computadores interligados a ela.

• Existem vários Backbones nacionais e internacionais, que interligam vários backbones para que eles tenham acesso a internet de diferentes locais

A Internet – Como funciona

• Em 1995 a Embratel lança um serviço experimental de internet no Brasil

• Modem – Modulador / Demodulador – pega o sinal analógico da linha telefônica e a converte em digital do computador, e vice-versa

Modem

Modem

Modem

Outras maneiras

• Via rádio

• Via satélite

• TV a Cabo

Servidores

• São computadores que fornecem serviços a uma ou mais redes de computadores

• Os computadores que fazem uso do serviço dos servidores são conhecidos como clientes

• Daí surge o que chamamos de arquitetura cliente-servidor

Servidores

• Impressão, Correio Eletrônico, Página Web, Arquivos, etc

Texas – 48 mil m2

100 Mil Servidores Dedicados

East Cermak

Chicago

1.1 Milhão m2

Microsoft

São Francisco

470.000 m2

Protocolos

• Para que os diversos tipos de servidores e computadores possam se comunicar, foram criados os protocolos, cada um com um padrão.

• Existem os protocolos TCP/IP, HTTP e o FTP

Protocolos

• O Transfer Control Protocol / Internet Protocol serve para que os computadores em uma rede se comuniquem

• Cada computador possui um endereço IP (Internet Protocol), que não deve se repetir dentro da rede

• Existem duas versões do protocolo IP, o IPv4 e o IPv6

Protocolos

• O IPv4 possui 32 Bits (4 Bilhões de endereços) de endereçamento e o IPv6 128 Bits (340 seguidos de 36 Zeros)

• 340.000.000.000.000.000.000.000.000.000.000.000.000

• Não irá faltar endereços IPs por milênios• O IPv5 possuiu pequenos ajustes sobre o

IPv4, como mudanças transmissão de voz e vídeo, em 1979, mas não chegou a ir a público

Protocolos

• HTTP – Hyper Text Transfer Protocol, serve para transferir os arquivos dos sites do servidor a sua máquina

• Ele transporta vários recursos de Hipermídia, como textos, imagens, vídeos

• Normalmente existe um servidor, onde o site fica hospedado, e acessamos através de uma URL (Universal Resource Locator)

Servidores

• Cada servidor de páginas, possui também um IP, porém ele é Fixo, sempre terá o mesmo número

• Para não ter de decorar o número para acessar o servidor, existem os nomes e um servidor de DNS (Domain Name System – Sistema de Nomes de Domínio), que resolvem os nomes de domínios em endereços IPs

Servidores

• O DNS funciona como uma agenda telefônica, convertendo IP em endereços

• Os Domínios são os nomes acessados no www

• Por exemplo www.faculdadealfaumuarama.com.br

Domínios e Hospedagem

• Um domínio possui valor de manutenção, normalmente com valor anual de R$ 30,00

• Existem várias terminações de domínios: .com, .com.br, .org, .net, .org.br, .edu.br

• Órgão de registro no Brasil: www.registro.br

Domínio: www.alfaumuarama.com.br

Domínios e Hospedagem• A hospedagem deverá ser contratada por

uma empresa de serviços de hospedagem, de acordo com a sua necessidade. Normalmente este valor é mensal, e pode variar de R$ 9,90 a R$100,00, dependendo do que você for precisar, como espaço em disco, banda de utilização, espaço para e-mails, banco de dados, etc.

Hospedagem

www.braslink.com

NAP of The Americans DataCenter em Miami

Hospedagem em Dólares

Hospedagem

Protocolos

• FTP (File Transfer Protocol) forma mais rápida de se transferir arquivos para Internet.

• Consiste em um servidor e um programa cliente, para realizar o acesso e enviar os arquivos

• Normalmente com Login e Senha

Outros Protocolos

• POP – Post Office Transfer Protocol, serve para o recebimento de e-mails

• SMTP – Simple Mail Transfer Protocol, serve para o envio de e-mails

• IMAP – Internet Message Access Protocol – serviço superior ao POP. Permite ao usuário ter acesso as suas pastas e mensagens tanto do webmail, quanto de um cliente de e-mail (Outlook, Eudora, Thunderbird ou Evolution)

Outros Protocolos

• O IMAP ainda permite que você compartilhe as caixas de e-mails entre usuários de um determinado grupo.

• Se você modificar o status da mensagem, como lida, ou não lida na sua máquina, ele fará a mesma coisa no servidor, e vice-versa.

Navegadores / Browser

• Navegador é o programa cliente utilizado para acessar os sites na internet.

• Antigamente os navegadores eram a base de textos, em telas pretas com letras coloridas.

• O primeiro navegador gráfico foi o Mosaic, que deu origem a equipe do Netscape

Marc Adressen – Criador, com Eric Bina, do Mosaic em 1993. O Mosaic durou até 1997. Foi criado no

NCSA – National Center os Supercomputing Applications (EUA)

Qualidade de Sistema

• Atrativo• Organizado• Atualizado• Acessível• Correto• Eficiente• Portável• Reutilizável

O que não fazer...

• http://www.roverinformatica.com.br/• http://www.gatesnfences.com/ • http://web.archive.org/web/20150223043740/http://www.dokimos.or

g/ajff/• http://www.paperrad.org/newindex.html • http://www.arngren.net/ • http://www.nayahpromoter.com/• http://www.lalalalalalalalalalalalalalalalalala.com/• http://www.2atoms.com/comedy/worstoftheweb/blount.htm• http://www.desentupidorarolabosta.com.br/• http://carlaperez.blog.uol.com.br/• http://www.ingenfeld.de/ • http://tidinha.zip.net/

• http://www.pennicottjourneys.com.au/

• http://www.oniva.com.tr/

• http://www.mikimottes.com/

• http://www.rocketrestaurants.co.uk/

• https://skylarkenglish.com/

• http://www.vanillanbanana.com/

• http://webvdeo.com/

Antigamente...

• Terra 1999– http://web.archive.org/web/19990125103806/

http://www.terra.com.br/

• Terra (início 2000)– http://web.archive.org/web/20000301014444/

http://www.terra.com.br/

• Terra (meados de 2000)– http://web.archive.org/web/20000520013901/

http://terra.com.br/

Antigamente...

• Terra (final de 2000)– http://web.archive.org/web/200012090007/htt

p://www.terra.com.br/

• Zip.net (2000)– http://web.archive.org/web/20000816011619/

http://www.zip.net/

• Zip.net (2001)– http://web.archive.org/web/20010526225733/

http://www.zip.net/

Antigamente...

• Zipmail (2012)– http://zipmail.uol.com.br/

• Zipmail (1999)– http://web.archive.org/web/19990428090021/

http://www.zipmail.com.br/

• Zipmail (2003)– http://web.archive.org/web/

20030215205824/http://zipmail.uol.com.br/

Antigamente...

• UOL (1996)– http://web.archive.org/web/19961223175947/http://

uol.com.br/• UOL (1999)

– http://web.archive.org/web/19991013054506/http://uol.com.br/

• UOL (2000)– http://web.archive.org/web/20000511050152/http://

www.uol.com.br/ • UOL (2005)

– http://web.archive.org/web/20050204074139/http://www.uol.com.br/

Antigamente...

• Globo.com (2000)– http://web.archive.org/web/20000510032024/http://

www.globo.com/• Globo.com (2001)

– http://web.archive.org/web/20010418040822/http://www.globo.com/index_nets.html

• Globo.com (2002)– http://web.archive.org/web/20020927060346/http://

www.globo.com/• Globo.com (2004)

– http://web.archive.org/web/20040622074849/http://www.globo.com/

Cuidados a serem tomados

• Cores• Imagens• Vídeos e Audio• Animações

– http://www.fastlanestudios.net/ – http://www.evangelcathedral.net/welcome.htm

• Navegação • Uso de Frames

– http://www.angelfire.com/super/badwebs/