059 Creando User Controls Con Google Web Toolkit Y Gene Xus X Evolution 1

Post on 18-Dec-2014

1.512 views 2 download

description

 

Transcript of 059 Creando User Controls Con Google Web Toolkit Y Gene Xus X Evolution 1

USERS CONTROLS CON GOOGLE WEB TOOLKIT Y GENEXUS X

EVOLUTION 1Diego Villagra

dvillagra@culturait.com.ar

No Silver bullet

• Ley de Brooks – 1987

Frederick P. Brooks ganador del premio A.

M. Turing (ACM) en 1999

(El Premio Nobel de la Computación)

Las Dificultades

• Esencial: una cualidad fundamental del software.

• Accidental: un problema en los métodos de producción actuales

Áreas de análisis

OOPProgramación Automática

Programación Gráfica

Program Verification

(Testing)

Entornos y Herramientas

Comprar vs Crear

Requerimiento refinamiento y prototipación

Grandes diseñadores

Tiempo Compartido

El problema

Cómo elegir?

• Eliminar, no incluir….

www

SOFEA (Service-Oriented Front-End Architecture)

Application Download

Data Interchange

Arquitectura SOFEA

• Backend• GeneXus X Evolution 1 - REST

• Rich FrontEnd• GeneXus X Evolution 1

• Componentes / Controles

• Flex

• GWT

• Comparison

Rich Frontend - Flex

• Primera versión en Marzo 2004.

• Pros

• Produce Flash UI

• Creado por Adobe

• Casos de éxito

• Soporta REST de forma simple

Rich Frontend - Flex

• Contras

• Not Search Engine Friendly

• El proceso de render HTML no tiene buenos resultados.

• La impresión no resulta buena.

• No Zero Turnaround w/o IDE.

Rich Frontend - GWT

• Primera versión Mayo de 2006

• Pros:

• Java => JavaScript

• Fácil de aprender y desarrollar con las herramientas estándares de Java

• Una fuerte comunidad

• Zero Turnaround en modo Host

Rich Frontend - GWT

• Contras:

• Dificil de acoplar GWT sobre código JavaScript existente

• No soporta forma robusta REST

• Opera bajo JavaScript Sandbox

GXT = GWT + ExtJS

• GWT como FrameWork RIA

• ExtJS• YUI (Yahoo User interface library)• AJAX, DHTML, DOM

GWT vs Flex

• Usemos la mejor herramienta para cada trabajo:

• Open Web : GWT

• Video and Rich Media : Flex

• HTML Rendering : GWT

• Vector Graphics and bitmap manipulation: Flex

• Accesibilidad (Navegadores, Técnicos): Flex

Gráficos interesantes

Gráficos interesantes

Google Web Toolkit

• Presente en las 9 áreas de análisis• Programación automática

• Entornos y herramientas

• Aplicaciones y controles orientados a datos.

Google Web Toolkit

GXT

+ =

+User

Controls

GXT

=Extensibilidad

GWT – Cómo funciona?

Xmls Html, .jav

a.java

Hosted Mode

Development

Runtime

Hosted Browser

GWT – Cómo funciona?

Cross Compiler

• Beneficios GWT• Compilación

• Performance

JAVA JavaScript Run

Service oriented Front-EndArchitecture

FrontEnd BackEnd

www

Data InterchangeREST - JSON

Data Provider

HTTP Procedure

JSON

Application Download

GXT Menu – Demo

• Creación proyecto• Clases Java• Objetos en GeneXus Ev 1

Conclusión

?

Conclusión

Preguntas…

Referencias

• Ejemplo: • www.gxopen.com

• www.culturait.com.ar

• Conferencias relacionadas• GeneXus X: ¡Rich Internet Applications YA!-

Sala 2A, Martes, 11:00

• REST web services – Sala 2A, Miercoles, 11:45

• Diego Villagra, Team Leader Cultura IT, dvillagra@culturait.com.ar