INTRODUÇÃO A PROGRAMAÇÃO
CLIENTE - SERVIDOR
Conferencia 1
Tema I - Princípios da programação Web
MSc. Yoenis Pantoja Zaldívar
RESUMO
1. Conceitos básicos.
2. Descripção da arquitetura Cliente-Servidor.
3. A arquitetura da Web.
4. O servidor e o seu funcionamento.
5. Funcionamento de un cliente Web. Os Navegadores Web.
6. Aplicações Web.
7. Tecnologías para a programação Web.
OBJECTIVOS
• Descrever a arquitetura Cliente-
Servidor e conceitos asociados à
programação Web.
• Descrever o funcionamento de um
Servidor Web e de um Navegador
Cliente.
• Reconocer algumas das tecnologías
existentes para a programação Web e
sua clasificação.
BIBLIOGRAFÍA
1. Introdução a XHTML
http://librosweb.es/libro/xhtml/
Programação Web
Internet
Word Wide Web
(www)Página Web
(Web)
Sitio WebNavegador Web
Servidor Web
CONCEITOS BÁSICOS
INTERNET
conjunto descentralizado de redes de
computadores interconectados, que
utilizan a família de protocolos
TCP/IP, garantindo que as redes
físicas heterogéneas que a compõem
funcionem como uma rede lógica
única, de alcance mundial.
WORD WIDE WEB
• o sistema de documentos (ou webs)
interconectados por enlaces de
hipertexto, que se ejecutam em
Internet
PÁGINA WEB
• é um documento da WWW (o qual
tenta ser padronizado pelo W3C),
normalmente em formato HTML ou
XHTML
http://www.fifa.com
SITIO WEB (WEB SITE)
• conjunto de Páginas
Web relacionadas entre
elas, cuyo contenido é
visualizado en um
Navegador Web através
de uma petição feita a
um Servidor Web
mediante a Arquitetura
Cliente-Servidor
Mozila Firefox
Gnome-Terminal
Cute-FTP
Microsoft Outlook
Internet Explorer
Envía o requerimento
Lê o resultado
Procesa o requerimento
Envía o resultado
Apache Web Server
FTP Server-U
Samba Server
Microsoft Exchange Server
Internet Infomation Server
Infra-estrutura
de
Comunicações
(protocolo)
Resposta
PerguntaCliente Servidor
arquitetura de rede que separa o cliente (geralmente
uma aplicação que usa interfaz gráfica) do servidor.
ARQUITETURA CLIENTE-SERVIDOR
CARACTERÍSTICAS DA
ARQUITETURA CLIENTE-
SERVIDOR
CARACTERÍSTICAS
O cliente e o servidor poden actuar
como uma sola entidad e também
como entidades separadas.
O cliente não necesita saber a lógica
do servidor, só sua interface externa.
As mudanças no servidor implicam
poucas ou nenhuma mudança no
cliente.
CARACTERÍSTICAS
• O cliente não depende da ubicação
física do servidor, nem do tipo de
equipa física no que se encontra,
nem de seu sistema operativo.
• As funções de cliente e servidor
podem estar em plataformas
separadas ou na mesma plataforma.
• Um servidor dá serviços múltiplos de
forma concorrente.
A arquitetura Cliente-Servidor é uma
infra-estrutura versátil, modolar e
baseada em mensagens que mejora a
portabilidad, a interoperabilidad e a
escalabilidad dos sistemas.
PRINCÍPIOS TECNOLÓGICOS
COMPONENTES
Arquitetura da Web
HTML (HyperText Markup Language )
linguagem para escrever os
documentos, e estabelecer os links a
outros
HTTP(HyperText Transfer
Protocol)
protocolo para a
transmisão dos
documentos em formato
HTML entre o servidor e o cliente
URL(Uniform Resource Locator)
direção que localiza uma informação dentro
de Internet
SERVIDORES WEB
• Atende pedidos seguindo especificações do protocolo HTTP.
• Põe em funcionamento uma série de ferramentas para dar-lhe resposta à solicitação.
• Comprovar que o recurso que se pede existe e se o usuario tem autorização ao aceder.
• Envia as respostas ao cliente em formato HTML ou XHTML.
FUNCIONAMENTO SERVIDORES WEB
http://www....
Cliente
(Navegador)
Pergunta
<html>…</html>Resposta
BD
Servidor
Web
Aplicação
Web
1
Servidor
Web
Servidor
Web…
HTTP
2
3
4
5
6 3
4
5
FUNCIONAMENTO SERVIDORES WEB
• Pedido HTTP: contém a URI do
documento que se pede, também se pode
enviar informação ao servidor..
– Tipos: pedidos GET y POST
• Respostas HTTP: documento que se
deseja ou código de erro se não existe.
As URL são um subconjunto das URI nas que se usa
um domínio (www.fifa.com) e se utiliza o DNS para
localizar ao servidor que deve atender estes pedidos
CLIENTES WEB (NAVEGADORES)
Principais responsabilidades:
• Permitir que o usuario solicite uma
direção URL para solicitar um
recurso na rede.
• Decodificar a URL.
• Recever a página de resultado que
envía o host ou servidor.
• Interpretar o hipertexto encontrado.
CLIENTES WEB (NAVEGADORES)
Principais responsabilidades:
• Mostrá-lo adequadamente às
características e limitações do meio
do cliente.
• Processar os elementos que formam
a página Web (imagens, sons,
objetos inseridos, etc.)
• Responder às acções que executa o
usuario (eventos).
APLICAÇÕES WEB
• Aplicação cuja interface com os
actores se realiza mediante HTTP.
• Se hospedam em servidores Web
• Se caracterizam por ser stateless
(uma vez que o servidor Web tem
processado e respondido o pedido
HTTP a conexão TCP se rompe)
Do lado do
Cliente
Do lado do
Servidor
TECNOLOGÍAS PARA
PROGRAMAÇÃO WEB
• Scripts (Javascript)
• DOM
• CSS
• JAVA
• ActiveX/Plugins
• API
• Servlets
• Scripts (PHP)
DO LADO DO CLIENTE
• Scripts do lado do cliente (Javascript, JScript, Vbscript).– Controlar aparência y manipular eventos
• DOM (Document Object Model– Conjunto de objetos e coleções para aceder,
desde diferentes linguagems, a cada elemento do documento.
• CSS (Cascade Style Sheets)– Controla a presentação dos documentos na Web.
Permite definir os estilos, tipos de letras, cores, etc.
• A utilização de JAVA– Permite realizar aplicativos tanto para
executar independentemente num computador, como para incrustarlo numa página site Java.
• ActiveX/Plugins– Um objeto (parte modular de software)
que provê uma interface de programação configurável e é facilmente reutilizável por qualquer programa que suporte esta tecnologia
DO LADO DO CLIENTE
DO LADO DO SERVIDOR
• CGI (Common Gateway Interface)– Mecanismo de comunicação entre o servidor Web e
um aplicativo externo. Cria um novo processo no servidor para atender a cada solicitação do cliente (uso intensivo dos recursos do servidor Web)
• API dos servidores Web (ISAPIS)– Livrarias dinâmicas que se carregam no meio de
memoria do servidor. Pela cada solicitação do cliente levanta-se um fio no servidor, em substituição do caro mecanismo de criar um novo processo.
• Servlets– Tecnología Java do lado do servidor
DO LADO DO SERVIDOR
• Scripts do lado do servidor
–ASP
–PERL
–PHP
– JSP
• Linguagems de scripts que são
interpretados por alguma aplicação
no servidor Web.
CONCLUSÕES
¿Qué é a arquitetura Cliente-Servidor?
¿Cómo funciona um Servidor Web?
¿Cómo funciona um Navegador Web?
¿Cuais são as principais tecnologías
de programação Web para o cliente
e cuais para o servidor?
TAREFA
Pesquisar sobre as características do
linguagem XHTML e suas principais
etiquetas.
• Introdução a XHTML (www.librosweb.es)
http://www.librosweb.es/xhtml )
INTRODUÇÃO A PROGRAMAÇÃO
CLIENTE - SERVIDOR
Conferencia 1
Tema I - Princípios da programação Web
MSc. Yoenis Pantoja Zaldívar