Programao para Web Aula 01

Professor: Gilberto Nunes Neto

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

Agenda
1 - Introduo e Histrico; 2 - Viso geral sobre HTML; 3 - Caractersticas do HTTP; 4 - Tecnologias utilizadas em conjunto com HTML.

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

1 Introduo e Histrico
A Internet constituda por um conjunto de redes de computadores de alcance mundial que tm em comum um conjunto de protocolos e servios; O que popularizou a Internet foi a criao da World Wide Web (1992):
Servio para a transmisso multimdia de informaes implementado pelo protocolo de aplicao HTTP.
quinta-feira, 24 de fevereiro de 2011 IFPI - PICOS 3

1 Introduo e Histrico(cont.)
A web consiste em milhes de clientes

(Firefox, Internet Explorer e etc) e servidores (Apache, IIS e etc) conectados atravs de redes com e sem fio, exemplo:

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

1 Introduo e Histrico(cont.)
O que um Servidor Web Faz?
Recebe uma solicitao e devolve algo para o cliente web, exemplo: pgina, figura, som, pdf, mensagem de erro e etc.

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

1 Introduo e Histrico(cont.)
O que um Cliente Web Faz? Permite ao usurio fazer solicitaes ao servidor, exibindo para ele o resultado pedido.

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

1 Introduo e Histrico(cont.)
Clientes e Servidores falam a mesma lngua. HTML Hypertext Markup Language; Diz ao navegador como apresentar o contedo ao usurio.

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

1 Introduo e Histrico(cont.)
HTTP Protocolo de rede que possibilita a comunicao entre clientes e servidores web; Modelo requisio-resposta.

O servidor usa o HTTP para enviar HTML ao cliente.

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

2 I Viso geral sobre HTML

Quando uma pgina web desenvolvida usamos HTML para descrever sua aparncia e comportamento. O objetivo de HTML , a partir de um documento texto, adicionar tags que diro ao navegador como format-lo: <tag>texto</tag>

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

2 I Viso geral sobre HTML(cont.)

O que voc escreve...

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

10

2 I Viso geral sobre HTML(cont.)

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

11

3 Caractersticas do HTTP
HTTP A estrutura de uma conversa HTTP uma sequncia simples de solicitao/resposta, exemplo:

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

12

3 Caractersticas do HTTP(cont.)
HTTP Solicitao composta por:

Mtodo HTTP
Ao a ser executada

Endereo da pgina a ser acessada

Um URL qualquer Parmetros do formulrio

HTTP Resposta composta por:

Cdigo de Status Tipo de contedo

Contedo propriamente dito
IFPI - PICOS 13

quinta-feira, 24 de fevereiro de 2011

3 Caractersticas do HTTP(cont.)

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

14

3 Caractersticas do HTTP(cont.)
A primeira coisa encontrada na solicitao o nome do mtodo HTTP. O nome do mtodo informa ao servidor o tipo de solicitao que est sendo feita e como o resto da mensagem ser formatada. Principais mtodos: - GET e POST
quinta-feira, 24 de fevereiro de 2011 IFPI - PICOS 15

3 Caractersticas do HTTP(cont.)

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

16

3 Caractersticas do HTTP(cont.)

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

17

3 Caractersticas do HTTP(cont.)

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

18

3 Caractersticas do HTTP(cont.)

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

19

4 - Tecnologias utilizadas em conjunto com HTML

Servidores Web
1.

Tarefas bsicas Aceitar conexes de rede; Responder solicitaes ; Encerrar conexes; Cada conexo representa um processo em execuo na mquina servidora.

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

20

4 - Tecnologias utilizadas em conjunto com HTML(cont.)

Responder solicitaes Responde apenas pginas estticas; Uma pgina esttica apenas repousa dentro de sua estrutura interna de diretrios; Dada uma solicitao, o servidor busca a pgina na sua estrutura de diretrios e a devolve para o cliente como est; Todo cliente v a mesma coisa.
quinta-feira, 24 de fevereiro de 2011 IFPI - PICOS 21

4 - Tecnologias utilizadas em conjunto com HTML(cont.)

Pginas Estticas
1.

2.

3.

E se desejarmos que a hora atual do servidor aparea na pgina? E se desejarmos montar a pgina a partir de um banco de dados OLTP? Nesses casos precisamos de mais do que s o servidor web:
Outra aplicao capaz de ser executada pelo servidor Pginas sero geradas instantaneamente, de forma dinmica Precisamos do CGI

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

22

4 - Tecnologias utilizadas em conjunto com HTML(cont.)

CGI
1.

2.

3.

Common Geteway Interface Aceitar conexes de rede; Define um mtodo padro de conversao entre o servidor web e um programa externo a ele; Podem ser escritos em qualquer linguagem:
Perl, C, Python ;

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

23

4 - Tecnologias utilizadas em conjunto com HTML(cont.)

4.

Os programas que obedecem essa especificao devem possuir a capacidade de:

Apanhar sua entrada em variveis de ambiente do sistema operacional; Enviar o resultado do seu processamento para uma sada padro, que ser lida pelo servidor web; O resultado gerado deve ser gerado em um formato adequado para os clientes web.

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

24

4 - Tecnologias utilizadas em conjunto com HTML(cont.)

Exemplo

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

25

4 - Tecnologias utilizadas em conjunto com HTML(cont.)

Arquitetura CGI

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

26

4 - Tecnologias utilizadas em conjunto com HTML(cont.)

Problemas do CGI
1.

2.

Programa CGI no conseguem interagir com o Servidor Web; Criar um processo para cada solicitao demanda tempo e recursos no servidor :
A medida que o nmero de requisies CGI cresce, o sistema tende a se tornar muito lento e instvel. Proliferao de processos.

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

27

4 - Tecnologias utilizadas em conjunto com HTML(cont.)

Resolvendo Problemas do CGI
1.

PerlEX :
Melhora o desempenho de scripts Perl executados no servidor web Internet Information Server (IIS)

2.

FastCGI :
Cria um simples processo persistente para cada programa CGI. Elimina a necessidade de criar um novo processo para cada requisio. Os problemas continuam ocorrendo para conexes concorrentes.

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

28

4 - Tecnologias utilizadas em conjunto com HTML(cont.)

3.

Mod_Perl :
Mdulo extra para servidores web Apache; Melhoram a performance de programas CGI escritos na linguagem Perl; Esse mdulo coloca uma cpia do interpretador Perl dentro do programa executvel do Apache (httpd); Assim os Scripts Perl sero pr-compilados pelo servidor e executados como processos filhos, funcionando mais rpido e eficientemente.

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

29

4 - Tecnologias utilizadas em conjunto com HTML(cont.)

ASP
1. 2. 3.

4.

Active Server Pages; Desenvolvida e mantida pela MicroSoft. Trata-se de um conjunto de componentes utilizados na criao de scripts para gerar pginas html dinamicamente num servidor web; Tendo o IIS com servidor padro.

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

30

4 - Tecnologias utilizadas em conjunto com HTML(cont.)

Caractersticas:
1.

2.

3. 4.

5.

Mistura HTML e cdigo executvel numa s pgina; Tecnologia encapsulada numa DLL ISAPI (asp.dll); Suporta as linguagens VBScript e JavaScript; Possibilita o uso de componentes ACTIVEX (AspMail, ADO etc); ASP utiliza caches para armazenar o cdigo compilado criado por um script engine.
IFPI - PICOS 31

quinta-feira, 24 de fevereiro de 2011

4 - Tecnologias utilizadas em conjunto com HTML(cont.)

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

32

4 - Tecnologias utilizadas em conjunto com HTML(cont.)

Exemplo:

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

33

4 - Tecnologias utilizadas em conjunto com HTML(cont.)

Obs.: O uso desta tecnologia vem diminuindo sensivelmente pela maturao da tecnologia .NET, sendo gradativamente substitudo pelo ASP.NET que proporciona uma gama maior de recursos e um melhor desempenho.

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

34

4 - Tecnologias utilizadas em conjunto com HTML(cont.)

PHP:
1. 2. 3.

4.

5.

Personal Home Page; Linguagem de script orientada a objetos; Sintaxe com caractersticas do C/C++, do Java e do Perl; Scripts PHP so embutidos em pginas HTML Similar ao ASP; Possui suporte nativo para diversos bancos de dados, alm de ser uma soluo Open Source.
IFPI - PICOS 35

quinta-feira, 24 de fevereiro de 2011

4 - Tecnologias utilizadas em conjunto com HTML(cont.)

Exemplo:

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

36

4 - Tecnologias utilizadas em conjunto com HTML(cont.)

Java:
1.

2. 3.

4.

Servlet Programa java executado em um servidor web; JSP Java Server Pages; JSTL Java Server Pages Standard Tag Library Actions; Vraptor3 - Framework projetado para simplificar o desenvolvimento de aplicaes web atravs do padro MVC.
IFPI - PICOS 37

quinta-feira, 24 de fevereiro de 2011

4 - Tecnologias utilizadas em conjunto com HTML(cont.)

Servlet Exemplo:

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

38

4 - Tecnologias utilizadas em conjunto com HTML(cont.)

JSP Exemplo:

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

39

4 - Tecnologias utilizadas em conjunto com HTML(cont.)

JSP Exemplo:

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

40

4 - Tecnologias utilizadas em conjunto com HTML(cont.)

Outras Solues:
1. 2. 3. 4.

Oracle XSQL Pages; Ruby On Rails; Struts; JSF.

quinta-feira, 24 de fevereiro de 2011

IFPI - PICOS

41

4 - Tecnologias utilizadas em conjunto com HTML(cont.)

Ajax:
1. 2.

3. 4.

5.

Asynchronous JavaScript and XML; Usa o JavaScript e o XML para tornar pginas web mais interativas; Muda a forma como desenvolver para web; Com Ajax possvel carregar dados dinamicamente em uma pgina j carregada; Ou seja, a cada solicitao/resposta, a pgina no precisa ser carregada por inteiro, apenas os dados da solicitao
IFPI - PICOS 42

quinta-feira, 24 de fevereiro de 2011

Fim da Aula 01

quinta-feira, 24 de fevereiro de 2011

IEST

43