Introdução à Arquitectura de aplicações para a Web

Tamanho: px

Começar a partir da página:

Download "Introdução à Arquitectura de aplicações para a Web"

Benedicta Faro Avelar
8 Há anos
Visualizações:

1 Introdução à Arquitectura de aplicações para a Web

2 Arquitectura Cliente, Servidor Protocolo de comunicação HTTP Noção de URL Evolução histórica Desenvolvimentos actuais WEB 2.0

3 Arquitectura Cliente Servidor Cliente Servidor xpto

4 Protocolo HTTP HTTP Hypertext Transfer Protocol Protocolo de comunicação baseado no TCP/IP. Especificação W3C ( Suporta a transferencia de informação entre o cliente e o servidor Web. Métodos GET e POST para envio da informação Stateless Cookies, Hidden Field, Session

org/protocols/) Suporta a transferencia de informação entre o cliente e o

5 HTTP Request GET /index.html HTTP/1.1 Host: HTTP/ OK Response Date: Mon, 23 May :38:34 GMT Server: Apache/ (Unix) (Red-Hat/Linux) Last-Modified: Wed, 08 Jan :11:55 GMT Etag: "3f80f-1b6-3e1cb03b" Accept-Ranges: bytes Content-Length: 438 Connection: close Content-Type: text/html; charset=utf-8

6 HTTP Request

7 HTTP Response

8 HTTP Status Code Format Status Code Format 1yy 2yy 3yy 4yy 5yy Meaning Informational Message Success Redirection Client Error Server Error Description Provides general information; does not indicate success or failure of a request. The method was received, understood and accepted by the server. The request did not fail outright, but additional action is needed before it can be successfully completed. The request was invalid, contained bad syntax or could not be completed for some other reason that the server believes was the client's fault. The request was valid but the server was unable to complete it due to a problem of its own.

The request did not fail outright, but additional action is needed before it can be successfully completed.

9 Servidor Web Aplicação informática que trata os pedidos HTTP dos clientes Web. Servidores mais usuais IIS Internet Information Server Mais usual no universo Windows Desenvolvido pela Microsoft Apache Usual nos sistemas Unix/Linux Também existe para sistemas Windows Open Source

Servidores mais usuais IIS Internet Information Server Mais usual no

10 Noção de URL URL Uniform Resource Location Sintaxe protocolo://endereco/caminho/nomeficheiro Exemplos: ftp://ftp.dei.isep.ipp.pt gopher://gopher.micro.umn.edu/11 wais://cnidr.org/directory-of-servers

http://www.dei.isep.ipp.pt/ades/teste.htm ftp://ftp.dei.isep.ipp.pt gopher://gopher.

11 Evolução histórica 1. Páginas simplesmente estáticas O servidor Web é simplesmente um repositório de páginas (ficheiros HTML) que são enviados para o cliente ao seu pedido. A informação e o aspecto da página será constante ao longo do tempo. Mudando unicamente se houver intervenção do programador.

repositório de páginas (ficheiros HTML) que são enviados para o cliente ao

12 Evolução histórica 2. Paginas estáticas com scripts embutidos Continuam a ser páginas estáticas São introduzidos objectos dinâmicos na página recorrendo a uma linguagem de script. Estes scripts são interpretados e executados no browser cliente. Suportadas pelo IE 3+ e pelo Netscape 4+ As linguagens de script mais usuais são JavaScript VBScript

introduzidos objectos dinâmicos na página recorrendo a uma linguagem de script.

13 Evolução histórica 3. Paginas dinâmicas O servidor constrói a página que será enviada ao cliente. Permite interacção com recursos externos (p.e. Bases de Dados) O aspecto e a informação da página obtida pelo cliente depende de parâmetros que foram passados ao servidor a quando do pedido

cliente. Permite interacção com recursos externos (p.e. Bases de Dados)

14 Evolução histórica Páginas dinâmicas Cliente Recursos externos Servidor

15 Evolução histórica 4. Paginas dinâmicas com CGI CGI Common Gateway Interface. Existe uma aplicação no servidor (aplicação CGI) que será invocada pelo pedido do cliente e que irá construir em tempo real a página que será enviada ao cliente. As aplicações CGI podem ser programadas em qualquer linguagem que aceda ao STDIN e ao STDOUT. As mais usuais são: Perl C

e que irá construir em tempo real a página que será enviada ao cliente.

16 Exemplo de um CGI /*************************************************************************/ /** **/ /** hello_s.c -- "hello, world" simple, para demonstrar a **/ /** saida CGI basica. **/ /** **/ /*************************************************************************/ #include <stdio.h> void main() { /** Imprimir o header de resposta CGI, exigido para toda saida HTML. **/ /** Notar o \n adicional, para enviar a linha vazia. **/ printf("content-type: text/html\n\n") ; /** Imprimir a pagina de resposta HTML em STDOUT. **/ printf("<html>\n") ; printf("<head><title>cgi Output</title></head>\n") ; printf("<body>\n") ; printf("<h1>hello, world.</h1>\n") ; printf("</body>\n") ; printf("</html>\n") ; exit(0) ; }

$h> void main() { /** Imprimir o header de resposta CGI, exigido para toda saida HTML. **/ /** Notar o \n adicional, para enviar a linha vazia.$

17 Evolução histórica 5. Páginas dinâmicas com código embutido O código da linguagem utilizado para a geração da página coexiste com os comandos HTML que formatam a página. São mais simples de desenvolver e de manter que as aplicações CGI. As tecnologias mais usuais desta categoria são: ASP PHP JSP

para a geração da página coexiste com os comandos HTML que formatam a

18 Exemplo de uma página ASP <html> <body> <form action="demo_reqquery.asp" method="get"> Your name: <input type="text" name="fname" size="20" /> <input type="submit" value="submit" /> </form> <% dim fname fname=request.querystring("fname") If fname<>"" Then Response.Write("Hello " & fname & "!<br />") Response.Write("How are you today?") End If %> </body> </html>

type="submit" value="submit" /> </form> <% dim fname fname=request.

19 Exemplo de uma página ASP <html> <body> <% response.write("<h2>you can use HTML tags to format the text!</h2>") %> <% response.write("<p style='color:#0000ff'>this text is styled with the style attribute!</p>") %> </body> </html>

20 Exemplo de PHP Form <html> <body> <form action="welcome.php" method="post"> Name: <input type="text" name="name" /> Age: <input type="text" name="age" /> <input type="submit" /> </form></body> </html> welcome.php <html> <body>welcome <?php echo $_POST["name"];?>. <br /> You are <?php echo $_POST["age"];?> years old.</body> </html>

type="text" name="age" /> <input type="submit" /> </form></body> </html> welcome.

21 Exemplo de PHP <html> <body> <?php function writemyname() { echo "Kai Jim Refsnes"; } echo "Hello world!<br />"; echo "My name is "; writemyname(); echo ".<br />That's right, "; writemyname(); echo " is my name.";?> </body> </html>

22 Evolução histórica 6. Páginas ASP.NET Beneficia da tecnologia.net Independente do browser cliente Informação inserida no cliente é directamente processada no servidor (conceito de Web Form) O código utilizado para a construção da página e o código que define a interface podem ser colocados em ficheiros disjuntos (programação code-behind)

23 WWW Presente e Futuro The great need for information about information, to help us categorize, sort, pay for, own information is driving the design of languages for the web designed for processing by machines, rather than people. The web of human-readable document is being merged with a web of machine-understandable data. The potential of the mixture of humans and machines working together and communicating through the web could be immense. Tim Berners-Lee

24 Q: You talked about the need for a metadata language. Can you tell us laymen what it is? A: "Meta" is used with anything which is about itself (...) metadata is data about data. On the Web, this means all sorts of information about information(...)these needs are driving us to make ways of putting information on the web designed for computers to be able to understand. Web pages at the moment in HTML are designed to be read by humans. In the future, some Web pages will be in "RDF" -- Resource Description Framework. This will be read by computer programs which will help us organize ourselves and our data and possibly everything we do.

25 WWW The Semantic Web provides a common framework that allows data to be shared and reused across application, enterprise, and community boundaries. It is a collaborative effort led by W3C with participation from a large number of researchers and industrial partners. It is based on the Resource Description Framework (RDF). The Semantic Web is a web of data

26 WWW WEB 2.0 Inteligência colectiva Trabalho colaborativo Conhecimento distribuído - WikiPedia Folksonomy Web Mashup = API [A] + API [B] AJAX Assynchronous JavaScript Aplicações Web mais interactivas

27 What Is Web 2.0 Design Patterns and Business Models for the Next Generation of Software (by Tim O'Reilly 09/30/2005 ) Web 1.0 Web 2.0 DoubleClick --> Google AdSense Ofoto --> Flickr Akamai --> BitTorrent mp3.com --> Napster Britannica Online --> Wikipedia personal websites --> blogging domain name speculation --> search engine optimization page views --> cost per click screen scraping --> web services publishing --> participation content management systems --> wikis directories (taxonomy) --> tagging ("folksonomy") stickiness --> syndication

Documentos relacionados

Internet e protocolos web. A Internet é uma rede descentralizada de recursos computacionais. Topologia tem de fornecer caminhos alternativos

Internet e protocolos web. A Internet é uma rede descentralizada de recursos computacionais. Topologia tem de fornecer caminhos alternativos Internet e protocolos web A Internet é uma rede descentralizada de recursos computacionais Tolerante a falhas (no single point of failure) Topologia tem de fornecer caminhos alternativos entre 2 computadores