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
Microsoft
São Francisco
470.000 m2
East Cermak
Chicago
1.1 Milhão 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://w
ww.uol.com.br/
• UOL (2005)
– http://web.archive.org/web/20050204074139/http://w
ww.uol.com.br/
Antigamente...
• Globo.com (2000)
– http://web.archive.org/web/20000510032024/http://w
ww.globo.com/
• Globo.com (2001)
– http://web.archive.org/web/20010418040822/http://w
ww.globo.com/index_nets.html
• Globo.com (2002)
– http://web.archive.org/web/20020927060346/http://w
ww.globo.com/
• Globo.com (2004)
– http://web.archive.org/web/20040622074849/http://w
ww.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/