059 Creando User Controls Con Google Web Toolkit Y Gene Xus X Evolution 1
-
Upload
genexus -
Category
Technology
-
view
1.512 -
download
2
description
Transcript of 059 Creando User Controls Con Google Web Toolkit Y Gene Xus X Evolution 1
![Page 1: 059 Creando User Controls Con Google Web Toolkit Y Gene Xus X Evolution 1](https://reader031.fdocuments.us/reader031/viewer/2022013100/5497d572ac7959412e8b543e/html5/thumbnails/1.jpg)
USERS CONTROLS CON GOOGLE WEB TOOLKIT Y GENEXUS X
EVOLUTION 1Diego Villagra
![Page 2: 059 Creando User Controls Con Google Web Toolkit Y Gene Xus X Evolution 1](https://reader031.fdocuments.us/reader031/viewer/2022013100/5497d572ac7959412e8b543e/html5/thumbnails/2.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022013100/5497d572ac7959412e8b543e/html5/thumbnails/3.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022013100/5497d572ac7959412e8b543e/html5/thumbnails/4.jpg)
Á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](https://reader031.fdocuments.us/reader031/viewer/2022013100/5497d572ac7959412e8b543e/html5/thumbnails/5.jpg)
El problema
![Page 6: 059 Creando User Controls Con Google Web Toolkit Y Gene Xus X Evolution 1](https://reader031.fdocuments.us/reader031/viewer/2022013100/5497d572ac7959412e8b543e/html5/thumbnails/6.jpg)
Cómo elegir?
• Eliminar, no incluir….
![Page 7: 059 Creando User Controls Con Google Web Toolkit Y Gene Xus X Evolution 1](https://reader031.fdocuments.us/reader031/viewer/2022013100/5497d572ac7959412e8b543e/html5/thumbnails/7.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022013100/5497d572ac7959412e8b543e/html5/thumbnails/8.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022013100/5497d572ac7959412e8b543e/html5/thumbnails/9.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022013100/5497d572ac7959412e8b543e/html5/thumbnails/10.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022013100/5497d572ac7959412e8b543e/html5/thumbnails/11.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022013100/5497d572ac7959412e8b543e/html5/thumbnails/12.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022013100/5497d572ac7959412e8b543e/html5/thumbnails/13.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022013100/5497d572ac7959412e8b543e/html5/thumbnails/14.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022013100/5497d572ac7959412e8b543e/html5/thumbnails/15.jpg)
Gráficos interesantes
![Page 16: 059 Creando User Controls Con Google Web Toolkit Y Gene Xus X Evolution 1](https://reader031.fdocuments.us/reader031/viewer/2022013100/5497d572ac7959412e8b543e/html5/thumbnails/16.jpg)
Gráficos interesantes
![Page 17: 059 Creando User Controls Con Google Web Toolkit Y Gene Xus X Evolution 1](https://reader031.fdocuments.us/reader031/viewer/2022013100/5497d572ac7959412e8b543e/html5/thumbnails/17.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022013100/5497d572ac7959412e8b543e/html5/thumbnails/18.jpg)
Google Web Toolkit
GXT
+ =
+User
Controls
GXT
=Extensibilidad
![Page 19: 059 Creando User Controls Con Google Web Toolkit Y Gene Xus X Evolution 1](https://reader031.fdocuments.us/reader031/viewer/2022013100/5497d572ac7959412e8b543e/html5/thumbnails/19.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022013100/5497d572ac7959412e8b543e/html5/thumbnails/20.jpg)
GWT – Cómo funciona?
![Page 21: 059 Creando User Controls Con Google Web Toolkit Y Gene Xus X Evolution 1](https://reader031.fdocuments.us/reader031/viewer/2022013100/5497d572ac7959412e8b543e/html5/thumbnails/21.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022013100/5497d572ac7959412e8b543e/html5/thumbnails/22.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022013100/5497d572ac7959412e8b543e/html5/thumbnails/23.jpg)
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](https://reader031.fdocuments.us/reader031/viewer/2022013100/5497d572ac7959412e8b543e/html5/thumbnails/24.jpg)
Conclusión
![Page 25: 059 Creando User Controls Con Google Web Toolkit Y Gene Xus X Evolution 1](https://reader031.fdocuments.us/reader031/viewer/2022013100/5497d572ac7959412e8b543e/html5/thumbnails/25.jpg)
?
Conclusión
![Page 26: 059 Creando User Controls Con Google Web Toolkit Y Gene Xus X Evolution 1](https://reader031.fdocuments.us/reader031/viewer/2022013100/5497d572ac7959412e8b543e/html5/thumbnails/26.jpg)
Preguntas…
![Page 27: 059 Creando User Controls Con Google Web Toolkit Y Gene Xus X Evolution 1](https://reader031.fdocuments.us/reader031/viewer/2022013100/5497d572ac7959412e8b543e/html5/thumbnails/27.jpg)
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]