Terceiro Encontro GUG Porto Alegre/Brasil Arquitetura Web Terceiro Encontro GUG Porto Alegre/Brasil
HTML <html> <head> <title>Título</title> <body> Exemplo de página <i>HTML</i>! </body> </html> 2
HTML <html> <head> <title>Título</title> <link rel="Stylesheet" href='estilo.css' /> </head> <body> <table> <tr> <td><img src="genexus.jpg"></td> <td>Exemplo de página <span class="destaque">HTML</span>! </td> </tr> </table> </body> </html> .destaque {font-style:italic;} 3
HTML 4
WPF Windows Presentation Foundation, um componente do Microsoft .NET Framework 3.5, permite que você construa a próxima geração de aplicativos Windows. WPF suporta UI, media, documentos, aceleração de hardware, vetores gráficos, escalabilidade, visualização de dados interativo e facilidade de leitura de conteúdo superior. <Canvas xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <TextBlock>Hello World!</TextBlock> </Canvas> 5
HTML - Div <html> <head> <title>Título</title> <link rel="Stylesheet" href='estilo.css' /> </head> <body> <div style="position: absolute;top: 10px;"> <img src="genexus.jpg"> </div> <div style="position: absolute;top: 40px;left: 100px"> Exemplo de página <span class="destaque">HTML</span>! </body> </html> .destaque {font-style:italic;} 6
HTML & HTTP <html> <head> 1 Requisição 3 Resposta HTML 2 Leitura <html> <head> <title>Título</title> </head> <body> Exemplo de página <i>HTML</i>! </body> </html> 7
HTML & HTTP 1 Requisição 2 Leitura 3 Resposta GET /exemplo2.html HTTP/1.1 Accept: */* Accept-Language: pt-br UA-CPU: x86 Accept-Encoding: gzip, deflate User-Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; FDM; .NET CLR 2.0.50727; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022; .NET CLR 1.1.4322; WWTClient2; InfoPath.1) Host: 192.168.0.180 Proxy-Connection: Keep-Alive Pragma: no-cache 2 Leitura 3 Resposta HTTP/1.1 200 OK Server: Microsoft-IIS/5.1 X-Powered-By: ASP.NET Date: Thu, 14 May 2009 01:35:34 GMT Content-Type: text/html Accept-Ranges: bytes Last-Modified: Thu, 14 May 2009 00:23:29 GMT ETag: "cec8bf342ad4c91:8e7" Content-Length: 100 <html> <head><title>T�tulo</title></head> <body> Exemplo de p�gina <i>HTML</i>! </body> </html> 8
Páginas Dinâmicas – CGI Bin 1 Abre Conexão 2 Requisição 5 Resposta 6 Desconecta HTML 4 Retorno 3 Chamada … Console.Write( @"HTTP/1.1 200 OK Content-type: text/html <html> <head><title>Título</title></head> <body> Exemplo de página <i>HTML</i>! </body> </html>"); } 9
Pág. Din. – ASP/PHP 1 Conec./Requis. 6 Resp./Desc. 5 Retorno 2 Chamada HTML 5 Retorno 2 Chamada <html> <head> <title>Título</title> </head> <body> Exemplo de página <% Response.Write "<i>HTML</i>" %>! </body> </html> 3 Interpreta 4 Carrega memória 10
Pág. Din. – .NET/Servlets 1 Conec./Requis. 6 Resp./Desc. 4 Retorno HTML 4 Retorno 2 Chamada Binário 3 Carrega memória 11
Acesso a Dados 1 Conec./Requis. 6 Resp./Desc. 5 Retorno 2 Chamada HTML 5 Retorno 2 Chamada CGI Bin Scripts Binário 4 Retorno 3 Chamada SQL DBMS 12
Uma Possível Solução 3 2 1 4 5 6 SQL Protocolo Nativo HTML DBMS Server Application Server Web Server 13
HTTP – Get & Post Get Post 2 Requisição 1 Conec./Requis. 3 Resposta 4 Resp./Desc. Binário HTML HTML Post HTML HTML 2 Requisição 1 Conec./Requis. 3 Resposta 4 Resp./Desc. Binário HTML’ HTML’ 14
HTML 1 Conec./Requis. 5 Resp./Desc. 4 Retorno 2 Chamada HTML HTML CSS Imagens <html> <head> <title>Título</title> <link rel="Stylesheet" href='estilo.css' /> </head> <body> <table> <tr> <td><img src="genexus.jpg"></td> <td>Exemplo de página <span class="destaque">HTML</span>! </td> </tr> </table> </body> </html> .destaque {font-style:italic;} 15
HTTP 16
HTTP ACTUAL PERFORMANCE -------------- Requests started at: 22:12:12:3281 Responses completed at: 22:12:12:4062 Total Sequence time: 00:00:00.0781250 RESPONSE CODES HTTP/200: 3 RESPONSE BYTES (by Content-Type) image/jpeg: 1.894 text/css: 37 ~headers: 740 text/html: 275 17
HTTP – Ajax - Get 1 Requisição 4 Resposta 3 Retorno 2 Chamada HTML Imagens CSS Javascrípt Binário <html> <head> <title>Título</title> </head> <body> Exemplo de página <i>HTML</i>! </body> </html> 18
HTTP 19
HTTP HTTP/1.1 200 OK Server: Microsoft-IIS/5.1 Date: Thu, 14 May 2009 03:43:36 GMT X-Powered-By: ASP.NET X-AspNet-Version: 2.0.50727 Pragma: no-cache Cache-Control: no-cache Content-Type: text/html; charset=utf-8 Content-Length: 1917 <html> <head> <meta name="Generator" content="GeneXus C#"/> <meta name="Version" content="10_0_3-18367"/> <meta name="Description" content="Exemplo"/> <meta http-equiv="Page-Enter" content="BlendTrans(Duration=0.1)"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>Exemplo</title> 20
HTTP – Ajax - Post 3 Requisição 6 Resposta 2 Requisição 7 Retorno Json 3 Requisição 6 Resposta Json 2 Requisição 7 Retorno 5 Retorno 4 Chamada Framework Javascritpt 1 Executa Ação 8 Monta Página Binário {"gxProps":{"TEXTBLOCK1":{"Name":"Textblock1","Caption":"Exemplo de página\t<i\>HTML</i\>!"}},"gxHiddens":{"_EventName":"","_EventGridId":"","_EventRowId":"","sCallerURL":"","GX_FocusControl":"","GX_AJAX_KEY":"88EFFF70E5123B83C2E66FC5A3099862","GX_CMP_OBJS":{}},"gxValues":[],"gxMessages":{"MAIN":[]},"gxComponents":{},"gxOverlapCmp":{},"gxFloatingCmp":{},"gxBackCmp":{},"gxGrids":{}} 21
HTTP 22
HTTP HTTP/1.1 200 OK Server: Microsoft-IIS/5.1 Date: Thu, 14 May 2009 03:55:36 GMT X-Powered-By: ASP.NET X-AspNet-Version: 2.0.50727 Pragma: no-cache Cache-Control: no-cache Cache-Control: max-age=0 Content-Type: text/html; charset=utf-8 Content-Length: 385 {"gxProps":{"TEXTBLOCK1":{"Name":"Textblock1","Caption":"Exemplo de página\t<i\>HTML</i\>!"}},"gxHiddens":{"_EventName":"","_EventGridId":"","_EventRowId":"","sCallerURL":"","GX_FocusControl":"","GX_AJAX_KEY":"88EFFF70E5123B83C2E66FC5A3099862","GX_CMP_OBJS":{}},"gxValues":[],"gxMessages":{"MAIN":[]},"gxComponents":{},"gxOverlapCmp":{},"gxFloatingCmp":{},"gxBackCmp":{},"gxGrids":{}} 23
Perguntas