HTML5_KI9
476 pág.

HTML5_KI9


DisciplinaHtml5, Css3, Javascript201 materiais1.544 seguidores
Pré-visualização50 páginas
1.2: Aplicações Web
2 www.k19.com.br
3 INTRODUÇÃO
Navegadores e Dispositivos
As pessoas acessam sites e aplicações web através de navegadores (browsers) como Chrome,
Firefox, Internet Explorer e Safari. Normalmente, esses navegadores possuem algumas diferenças
na forma de exibir as páginas web aos usuários. Antigamente, essas diferenças eram maiores. Com
o passar do tempo, os navegadores ficaram cada vez mais parecidos nesse aspecto. Contudo, os
desenvolvedores web ainda devem tomar cuidado com essas diferenças.
Figura 1.3: Índice de utilização dos navegadores em Outubro de 2013 (fonte http://gs.statcounter.com/)
Outro problema de compatibilidade importante é causado pela grande variedade de dispositivos
que podem ser utilizados para acessar os sites e as aplicações web. Atualmente, as pessoas acessam
os sites e as aplicações web através de computadores tradicionais, tablets, celulares, televisores, entre
outros. Esses dispositivos possuem telas de tamanhos diferentes. Dessa forma, os desenvolvedores
web devem considerar essas diferenças na criação das páginas web. Hoje em dia, fala-se muito de
design responsivo. Os sites ou as aplicações web são ditos responsivos se eles estão preparados para
diferentes tamanhos de tela.
Figura 1.4: Design Responsivo
www.facebook.com/k19treinamentos 3
INTRODUÇÃO 4
Web Servers e HTTP
Os sites e as aplicações web são implantados em computadores conectados à Internet ou a uma
rede privada qualquer (Intranet). Normalmente, os sites são implantados em computadores conec-
tados à Internet pois assim poderão ser acessados praticamente de qualquer lugar do mundo. Por
outro lado, as aplicações web, muitas vezes, são implantadas em computadores conectados a uma
Intranet pois é comum ser necessário restringir o acesso externo à elas.
Figura 1.5: Internet
Figura 1.6: Intranet
Os computadores nos quais os sites e as aplicações web são implantados são chamados de Web
4 www.k19.com.br
5 INTRODUÇÃO
Servers. Quando acessamos uma página web através de um navegador, ele realiza uma requisição
ao Web Server onde essa página está armazenada. Ao receber a resposta do Web Server com a página
web solicitada, o navegador a exibe para nós. As mensagens de requisição e resposta trocadas entre
o navegador e o web server são definidas pelo protocolo HTTP.
Resposta HTTP
HTTP/1.1 200 OK
Date: Mon, 23 May 2014 22:38:34 GMT
Server: Apache/1.3.3.7 (Unix) (Red-Hat/Linux)
Last-Modified: Wed, 08 Jan 2014 23:11:55 GMT
Content-Type: text/html; charset=UTF-8
Content-Length: 131
Connection: Keep-Alive
<html>
<head>
 <title>K19 - Treinamentos</title>
</head>
<body>
 K02 - Desenvolvimento Web com HTML, CSS e JavaScript
</body>
</html>
Requisição HTTP
GET /cursos/k02 HTTP/1.1
Host: k19.com.br
Figura 1.7: Interação entre os navegadores e os Web Servers
Considere um site ou uma aplicação web implantado em um Web Server que está conectado a
uma rede. A princípio, qualquer navegador executando em um dispositivo conectado a essa rede
pode realizar requisições a esse Web Server.
Alguns softwares especializados são utilizados para administrar os sites e as aplicações web im-
plantadas nos Web Servers. Os principais são o Apache HTTP Server da Apache Software Founda-
tion e o Internet Information Services (IIS) da Microsoft.
Domínios e endereços IP
Os dispositivos conectados a uma rede são identificados através de endereços formados por
sequências de números. Esses endereços são chamados de endereços IP. Em uma Intranet, quem
controla os endereços IP dos dispositivos conectados é a própria organização que administra essa In-
tranet. Por outro lado, os endereços IP dos dispositivos conectados à Internet são gerenciados pelos
provedores de acesso (ISP).
www.facebook.com/k19treinamentos 5
INTRODUÇÃO 6
Figura 1.8: Endereços IP
A princípio, para acessar uma página de um site ou de uma aplicação web, devemos conhecer o
endereço IP do Web Server que contém esse site ou essa aplicação web. Atualmente, o endereço IP do
Web Server onde o site da K19 está implantado é 184.72.247.119. Podemos utilizar esse endereço IP
para acessar as páginas do site da K19. O endereço IP 200.144.183.244 está vinculado a um dos Web
Servers onde o site da USP está implantado. Também podemos acessar as páginas do site da USP
utilizando diretamente esse endereço IP. Analogamente, podemos acessar as páginas da Wikipédia
utilizando o endereço IP 208.80.152.130.
Figura 1.9: Acessando o Web Server da K19 pelo endereço IP
6 www.k19.com.br
7 INTRODUÇÃO
Figura 1.10: Acessando o Web Server da USP pelo endereço IP
Figura 1.11: Acessando o Web Server da Wikipédia pelo endereço IP
Se você tiver uma memória muito boa pode decorar os endereços IP dos sites que acessa com
maior frequência. Mas, para maior parte das pessoas, seria impossível decorar tantos números. Para
resolver esse problema, os endereços IP são associados a domínios. Veja alguns exemplos de domí-
nios.
\u2022 www.k19.com.br
\u2022 www.usp.br
\u2022 www.wikipedia.org
As pessoas conseguem decorar ou deduzir os domínios bem mais facilmente do que os endereços
IP.
www.facebook.com/k19treinamentos 7
INTRODUÇÃO 8
Figura 1.12: Acessando o Web Server da K19 pelo domínio
Figura 1.13: Acessando o Web Server da USP pelo domínio
Figura 1.14: Acessando o Web Server da Wikipédia pelo domínio
Há uma outra vantagem importante dos domínios sobre os endereços IP. Em alguns casos, o en-
dereço IP de um Web Server precisa ser alterado. Geralmente, essa modificação ocorre por motivos
técnicos. Supondo que essa mudança ocorra, quem estiver acessando esse Web Server através do
endereço IP antigo não conseguirá mais acessá-lo dessa forma. Por outro lado, quem estiver aces-
sando esse Web Server através do domínio dele poderá continuar acessando da mesma forma pois
esse domínio pode ser facilmente associado ao novo endereço IP.
8 www.k19.com.br
9 INTRODUÇÃO
Figura 1.15: Alteração do Web Server
Os domínios são controlados por organizações geralmente vinculadas ao governo. Por exemplo,
os domínios .br são controlados e disponibilizados pelo Registro de Domínios para a Internet no
Brasil (registro.br).
DNS (Domain Name System)
Como vimos, podemos acessar um Web Server diretamente através do seu endereço IP ou indi-
retamente através de um domínio. Para utilizar a segunda abordagem, é necessário consultar um
servidor DNS para \u201ctraduzir\u201d o domínio desejado para o endereço IP correspondente. Basicamente,
a tarefa dos servidores DNS é informar o endereço IP associado a um domínio.
www.facebook.com/k19treinamentos 9
INTRODUÇÃO 10
Figura 1.16: Interação entre os navegadores e os servidores DNS
Há diversos servidores DNS que são públicos. Eis uma lista com alguns deles.
\u2022 OpenDNS (208.67.222.222 e 208.67.220.220)
\u2022 Google Public DNS (8.8.8.8 e 8.8.4.4)
\u2022 Level3 (209.244.0.3 e 209.244.0.4)
Serviços de Hospedagem
Uma organização pode possuir computadores atuando como Web Servers em sua própria infra-
estrutura ou na infraestrutura de empresas especializadas. Em determinadas situações, a primeira
possibilidade é mais conveniente.
Por exemplo, normalmente, as instituições bancárias preferem manter os seus sites e as suas
aplicações web em Web Servers dentro da sua própria infraestrutura. Essa abordagem permite um
controle maior da comunicação entre essas instituições e os seus clientes. Mas, ela exige grandes
investimentos. Para garantir que os seus Web Servers estejam sempre funcionando, essas instituições
bancárias mantêm profissionais 24 horas por dia 7 dias por semana (24/7). Caso contrário, os sites
ou as aplicações web dessas instituições podem ficar fora do ar e gerar grandes prejuízos.
Por outro lado, muitas vezes, é mais conveniente manter os Web Servers de uma organização na
infraestrutura de uma empresa especializada. Dessa forma, a responsabilidade