059 creando user controls con google web toolkit y gene xus x evolution 1

27
USERS CONTROLS CON GOOGLE WEB TOOLKIT Y GENEXUS X EVOLUTION 1 Diego Villagra [email protected]

Upload: genexus

Post on 18-Dec-2014

1.511 views

Category:

Technology


2 download

DESCRIPTION

 

TRANSCRIPT

Page 1: 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

[email protected]

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

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)

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

Las Dificultades

• Esencial: una cualidad fundamental del software.

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

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

Á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

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

El problema

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

Cómo elegir?

• Eliminar, no incluir….

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

www

SOFEA (Service-Oriented Front-End Architecture)

Application Download

Data Interchange

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

Arquitectura SOFEA

• Backend• GeneXus X Evolution 1 - REST

• Rich FrontEnd• GeneXus X Evolution 1

• Componentes / Controles

• Flex

• GWT

• Comparison

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

Rich Frontend - Flex

• Primera versión en Marzo 2004.

• Pros

• Produce Flash UI

• Creado por Adobe

• Casos de éxito

• Soporta REST de forma simple

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

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.

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

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

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

Rich Frontend - GWT

• Contras:

• Dificil de acoplar GWT sobre código JavaScript existente

• No soporta forma robusta REST

• Opera bajo JavaScript Sandbox

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

GXT = GWT + ExtJS

• GWT como FrameWork RIA

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

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

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

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

Gráficos interesantes

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

Gráficos interesantes

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

Google Web Toolkit

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

• Entornos y herramientas

• Aplicaciones y controles orientados a datos.

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

Google Web Toolkit

GXT

+ =

+User

Controls

GXT

=Extensibilidad

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

GWT – Cómo funciona?

Xmls Html, .jav

a.java

Hosted Mode

Development

Runtime

Hosted Browser

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

GWT – Cómo funciona?

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

Cross Compiler

• Beneficios GWT• Compilación

• Performance

JAVA JavaScript Run

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

Service oriented Front-EndArchitecture

FrontEnd BackEnd

www

Data InterchangeREST - JSON

Data Provider

HTTP Procedure

JSON

Application Download

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

GXT Menu – Demo

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

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

Conclusión

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

?

Conclusión

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

Preguntas…

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

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, [email protected]