Desenvolvimento Web GeneXus X 6º Encontro GUG Porto Alegre/Brasil Nataniel Strack – [email protected]

Desenvolvimento WebGeneXus X

6º EncontroGUG Porto Alegre/Brasil

Nataniel Strack – [email protected]

Agenda

Lembrando HTTP

<html><head>

<title>Título</title></head><body>

Exemplo de página <i>HTML</i>!</body>

</html>

3 Resposta

1 Requisição

2 Leitura

HTML

Gerenciamento memória - Win

DBMS

...

Processo – Aplicação

Área de programas

Área de dados

...

Memória

Gerenciamento memória - Web

HTML

...

Processo - Navegador

Área de programas

Área de dados

...

Memória...

Processo - WebServer

Área de programas

Área de dados

...

Memória

HTML

...


Área de programas

Área de dados

...

Memória...


Área de programas

Área de dados

Processo – IIS/Tomcat

Área de programas

Área de dados

...

Memória


...


Área de programas

Área de dados

...

Memória

...


Área de programas

Área de dados


Área de programas

Área de dados

...

Memória

DBMS


...


Área de programas

Área de dados

...

Memória...


Área de programas

Área de dados

Processo – IIS

Área de programas

Processo – StateServer

Área de dados

...

Memória

DBMS


Integridade Transacional - Win

DBMS

...


Área de programas

Tela 1

Tela 2

Área de dados

...

Memória

...


Área de programas

Área de dados

...

Memória

...


Área de programas

Área de dados

...

Memória

DBMS

Integridade Transacional - Web

Tela1.DLL

Tela2.DLL

Leitura/geração arquivos - Win

C:\caminho\arquivo.file C:\caminho\arquivo.file

...


Área de programas

Área de dados

...

Memória

C:\caminho\arquivo.file

C:\caminho\arquivo.file

...


Área de programas

Área de dados


Área de programas

Área de dados

...

Memória

Leitura/geração arquivos - Web

Execução de Eventos - Win

...


Área de programas

go to ...

Área de dados

...

Memória

3 Chamada

Execução de Eventos - Web

2 Chamada5 Retorno

6 Resp./Desc.

1 Conec./Requis.

HTML

DBMS4 Retorno

SQL

...


Área de programas

Área de dados


Área de programas

Área de dados

...

Memória

Execução de Eventos - Web

4 Resp./Desc.

1 Conec./Requis.

HTML

Binário 3 Resposta

2 Requisição

HTML

HTML’

HTML

Binário 3 Resposta

2 Requisição

HTML’

HTML

• Get

• Post

4 Resp./Desc.

1 Conec./Requis.

Web

2 Chamada 4 Retorno

.destaque {font-style:italic;}

<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>

HTML

HTML

Imagens

CSS

5 Resp./Desc.

1 Conec./Requis.

Web

Web

ACTUAL PERFORMANCE--------------Requests started at: 22:12:12:3281Responses completed at: 22:12:12:4062Total 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

Web 2.0 – Ajax - Get

4 Resposta

1 Requisição

2 Chamada 3 Retorno

Binário

<html><head>

<title>Título</title></head><body>

Exemplo de página <i>HTML</i>!</body>

</html>

HTML

Imagens

CSS

Javascrípt

HTML

Web 2.0

Web 2.0

HTTP/1.1 200 OKServer: Microsoft-IIS/5.1Date: Thu, 14 May 2009 03:43:36 GMTX-Powered-By: ASP.NETX-AspNet-Version: 2.0.50727Pragma: no-cacheCache-Control: no-cacheContent-Type: text/html; charset=utf-8Content-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>

Web 2.0 – Ajax - Post

4 Chamada 5 Retorno

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":{}}

6 Resposta

3 Requisição

Json

Json

Framework Javascritpt

8 MontaPágina

1 ExecutaAção

7 Retorno2 Requisição

Web 2.0

Web 2.0

HTTP/1.1 200 OKServer: Microsoft-IIS/5.1Date: Thu, 14 May 2009 03:55:36 GMTX-Powered-By: ASP.NETX-AspNet-Version: 2.0.50727Pragma: no-cacheCache-Control: no-cacheCache-Control: max-age=0Content-Type: text/html; charset=utf-8Content-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":{}}

Agenda• Lembrando HTTP• Gerenciamento de memória• Integridade Transacional• Leitura e geração de arquivos• Execução de Eventos

• Win• Web• Web 2.0

Debate

Documents

Desenvolvimento Web GeneXus X 6º Encontro GUG Porto Alegre/Brasil Nataniel Strack – [email protected]