sábado, 12 de julho de 2008

Arquitetura WEB(Navegador, HTML, URL) - Parte 1

A idéia aqui é explicarmos a arquitetura WEB, pois para se desenvolver aplicações WEB é muito importante conhecer quais conceitos são envolvidos.

A arquitetura web pode ser esquematizada conforme a imagem 01:


Imagem 01 - Arquitetura Web

Neste modelo podemos ver os seguintes conceitos:
  • Navegador
  • URL
  • HTTP(Request/Response)
  • Servidor WEB
  • HTML
O Navegador é o programa onde os usuários da web navegam na internet, requisitando URLs(Uniform Resource Locator) e o responsável por interpretar o conteúdo enviado pelo servidor WEB e montar um resultado gráfico. Esta comunicação entre o navegador e o servidor WEB se dá através do protocolo HTTP, principalmente. Os dois navegadores mais utilizados hoje em dia são o Internet Explorer e o Firefox.

A imagem 02, mostra uma pesquisa feita pela Net Applications sobre a utilização dos navegadores pelos usuários. A imagem foi capturada com os valores baseados em 12 de julho de 2008, mas o link utilizado é http://marketshare.hitslink.com/report.aspx?qprid=0#.


Imagem 02 - Uso de navegadores

URL(Uniform Resource Locator)


A url define o endereço de um recurso na rede, esta é definida conforme o seguinte modelo:
protocolo://servidor[:porta][caminho]

Onde:
  • protocolo define o protoco9lo a ser utilizado, por exemplo HTTP
  • servidor é o endereço/nome do servidor
  • porta é opcional, no caso do HTTP se omitido é assumido a porta 80
  • caminho define algum recurso em específico naquele servidor
Alguns exemplos de URLs por protocolo/esquema:

HTTP
htttp://servidor:porta/caminho?querystring
http://clienteweb.blogspot.com:80
O padrão http é a porta 80, não é necessário digitá-la

http://aplicacoesweb.blogspot.com

FTP
ftp://ftp.site.com/caminho

E-mail
mailto:joao_da_silva@hotmail.com


As URLs ainda podem ser absolutas. Ou seja, tem a informação completa para se acessar um recurso, ou seja, indenpendente da onde o usuário esteja navegando, poderá acessar aquele recurso, desde que tenha acesso, exemplo de url absoluta:
http://clienteweb.blogspot.com/2008/06/introduo.html

As URLs também podem ser relativas, desta forma sua informação é relativa a um determinado local conhecido, estando neste endereço, http://clienteweb.blogspot.com/, Poderíamos acessar o mesmo recurso acima definindo o seguinte endereço relativo:
./2008/06/introduo.html

HTML(HyperText Markup Language)


Um dos formatos de documento entendido pelo navegador e enviado pelo servidor WEB é o HTML. O HTML é uma linguagem de marcação de hipertexto, onde há definido principalmente informações sobre seu conteúdo e algumas outras informações sobre sua formatação. Ela é muito parecida com o XML e existe até o caso do XHTML que é uma especialização de XML. Atualmente estão trabalhando em sua versão 5.0.

Um exemplo básico de sua estrutura é :

<html>
<head>
<title> Titulo do documento </title>
</head>
<body>

conteúdo do documento

</body>
</html>


Referências:
http://marketshare.hitslink.com/report.aspx?qprid=0#
http://www.w3.org/Addressing/URL/url-spec.html
http://www.w3.org/Addressing/URL/4_1_HTTP.html
http://www.w3.org/TR/REC-html40/
http://www.w3.org/MarkUp/Guide/