Carregar apresentação
A apresentação está carregando. Por favor, espere
1
Terceiro Encontro GUG Porto Alegre/Brasil
Arquitetura Web Terceiro Encontro GUG Porto Alegre/Brasil
2
HTML <html> <head> <title>Título</title>
<body> Exemplo de página <i>HTML</i>! </body> </html> 2
3
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
4
HTML 4
5
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=" xmlns:x=" <TextBlock>Hello World!</TextBlock> </Canvas> 5
6
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
7
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
8
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 ; .NET CLR ; .NET CLR ; .NET CLR ; WWTClient2; InfoPath.1) Host: Proxy-Connection: Keep-Alive Pragma: no-cache 2 Leitura 3 Resposta HTTP/ OK Server: Microsoft-IIS/5.1 X-Powered-By: ASP.NET Date: Thu, 14 May :35:34 GMT Content-Type: text/html Accept-Ranges: bytes Last-Modified: Thu, 14 May :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
9
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/ OK Content-type: text/html <html> <head><title>Título</title></head> <body> Exemplo de página <i>HTML</i>! </body> </html>"); } 9
10
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
11
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
12
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
13
Uma Possível Solução 3 2 1 4 5 6 SQL Protocolo Nativo HTML DBMS Server
Application Server Web Server 13
14
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
15
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
16
HTTP 16
17
HTTP ACTUAL PERFORMANCE --------------
Requests started at: 22:12:12:3281 Responses completed at: 22:12:12:4062 Total Sequence time: 00:00: RESPONSE CODES HTTP/200: 3 RESPONSE BYTES (by Content-Type) image/jpeg: 1.894 text/css: 37 ~headers: 740 text/html: 275 17
18
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
19
HTTP 19
20
HTTP HTTP/1.1 200 OK Server: Microsoft-IIS/5.1
Date: Thu, 14 May :43:36 GMT X-Powered-By: ASP.NET X-AspNet-Version: 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_ "/> <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
21
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":"88EFFF70E5123B83C2E66FC5A ","GX_CMP_OBJS":{}},"gxValues":[],"gxMessages":{"MAIN":[]},"gxComponents":{},"gxOverlapCmp":{},"gxFloatingCmp":{},"gxBackCmp":{},"gxGrids":{}} 21
22
HTTP 22
23
HTTP HTTP/1.1 200 OK Server: Microsoft-IIS/5.1
Date: Thu, 14 May :55:36 GMT X-Powered-By: ASP.NET X-AspNet-Version: 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":"88EFFF70E5123B83C2E66FC5A ","GX_CMP_OBJS":{}},"gxValues":[],"gxMessages":{"MAIN":[]},"gxComponents":{},"gxOverlapCmp":{},"gxFloatingCmp":{},"gxBackCmp":{},"gxGrids":{}} 23
24
Perguntas
Apresentações semelhantes
