Transcript Document 7697710

Arquitetura Web
Terceiro Encontro
GUG Porto Alegre/Brasil
HTML
<html>
<head>
<title>Título</title>
</head>
<body>
Exemplo de página
<i>HTML</i>!
</body>
</html>
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;}
HTML
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>
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>!
</div>
</body>
</html>
.destaque {font-style:italic;}
HTML & HTTP
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>
HTML & HTTP
1 Requisição
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;
2 Leitura
WWTClient2; InfoPath.1)
Host: 192.168.0.180
3 Resposta
Proxy-Connection: Keep-Alive
HTTP/1.1 200 OK
Pragma: no-cache
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>
Páginas Dinâmicas – CGI Bin
1 Abre Conexão
2 Requisição
5 Resposta
6 Desconecta
HTML
3 Chamada 4 Retorno
…
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>");
}
…
Pág. Din. – ASP/PHP
1 Conec./Requis.
6 Resp./Desc.
HTML
2 Chamada 5 Retorno
<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
Pág. Din. – .NET/Servlets
1 Conec./Requis.
6 Resp./Desc.
HTML
2 Chamada 4 Retorno
Binário
3 Carrega memória
Acesso a Dados
1 Conec./Requis.
6 Resp./Desc.
HTML
2 Chamada5 Retorno
CGI Bin
Scripts
Binário
3 Chamada4 Retorno
DBMS
SQL
Uma Possível Solução
Protocolo
Nativo
SQL
DBMS Server
HTML
3
2
1
4
5
6
Application
Server
Web Server
HTTP – Get & Post
• Get
Binário
2 Requisição
1 Conec./Requis.
3 Resposta
4 Resp./Desc.
HTML
HTML
• Post
HTML
Binário
HTML
2 Requisição
1 Conec./Requis.
3 Resposta
4 Resp./Desc.
HTML’
HTML’
HTML
HTML
1 Conec./Requis.
5 Resp./Desc.
HTML
2 Chamada 4 Retorno
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;}
CSS
HTTP
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
HTTP – Ajax - Get
HTML
1 Requisição
4 Resposta
HTML
2 Chamada 3 Retorno
Imagens
CSS
Javascrípt
Binário
<html>
<head>
<title>Título</title>
</head>
<body>
Exemplo de página <i>HTML</i>!
</body>
</html>
HTTP
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>
HTTP – Ajax - Post
Json
3 Requisição
6 Resposta
Json
4 Chamada 5 Retorno
2 Requisição
7 Retorno
Framework Javascritpt
1 Executa
Ação
Binário
{"gxProps":{"TEXTBLOCK1":{"Name":"Textb
lock1","Caption":"Exemplo de
página\t<i\>HTML</i\>!"}},"gxHiddens":{"_Ev
entName":"","_EventGridId":"","_EventRowId"
:"","sCallerURL":"","GX_FocusControl":"","G
X_AJAX_KEY":"88EFFF70E5123B83C2E66F
C5A3099862","GX_CMP_OBJS":{}},"gxValue
s":[],"gxMessages":{"MAIN":[]},"gxComponen
ts":{},"gxOverlapCmp":{},"gxFloatingCmp":{}
,"gxBackCmp":{},"gxGrids":{}}
8 Monta
Página
HTTP
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":{},"gxFloati
ngCmp":{},"gxBackCmp":{},"gxGrids":{}}
Perguntas