Implementacion k2b en inefop algunas lecciones para el éxito
SD Designer, la nueva solución mobile de K2B Tools - Ignacio Tisnés
Transcript of SD Designer, la nueva solución mobile de K2B Tools - Ignacio Tisnés
![Page 2: SD Designer, la nueva solución mobile de K2B Tools - Ignacio Tisnés](https://reader031.fdocuments.mx/reader031/viewer/2022022410/58e530271a28abac7e8b579b/html5/thumbnails/2.jpg)
![Page 3: SD Designer, la nueva solución mobile de K2B Tools - Ignacio Tisnés](https://reader031.fdocuments.mx/reader031/viewer/2022022410/58e530271a28abac7e8b579b/html5/thumbnails/3.jpg)
Desafío Objetivos Solución
![Page 4: SD Designer, la nueva solución mobile de K2B Tools - Ignacio Tisnés](https://reader031.fdocuments.mx/reader031/viewer/2022022410/58e530271a28abac7e8b579b/html5/thumbnails/4.jpg)
Diseños & Interacciones
![Page 5: SD Designer, la nueva solución mobile de K2B Tools - Ignacio Tisnés](https://reader031.fdocuments.mx/reader031/viewer/2022022410/58e530271a28abac7e8b579b/html5/thumbnails/5.jpg)
Diseños & Interacciones
![Page 6: SD Designer, la nueva solución mobile de K2B Tools - Ignacio Tisnés](https://reader031.fdocuments.mx/reader031/viewer/2022022410/58e530271a28abac7e8b579b/html5/thumbnails/6.jpg)
Diseños & Interacciones
![Page 7: SD Designer, la nueva solución mobile de K2B Tools - Ignacio Tisnés](https://reader031.fdocuments.mx/reader031/viewer/2022022410/58e530271a28abac7e8b579b/html5/thumbnails/7.jpg)
Estándares
![Page 8: SD Designer, la nueva solución mobile de K2B Tools - Ignacio Tisnés](https://reader031.fdocuments.mx/reader031/viewer/2022022410/58e530271a28abac7e8b579b/html5/thumbnails/8.jpg)
TEMAS Escenario actual
• Foco en funcionalidad • Funcionalidad por sí sola no es
suficiente • Falta de formación en diseño
Desarrollador Proyecto
+ Costos • Aprendizaje • Diseño • Implementación • Mantener actualizado
![Page 9: SD Designer, la nueva solución mobile de K2B Tools - Ignacio Tisnés](https://reader031.fdocuments.mx/reader031/viewer/2022022410/58e530271a28abac7e8b579b/html5/thumbnails/9.jpg)
COSTO BAJO
TODOS LOS DISPOSITIVOS
UI ACTUAL
Desafío
![Page 10: SD Designer, la nueva solución mobile de K2B Tools - Ignacio Tisnés](https://reader031.fdocuments.mx/reader031/viewer/2022022410/58e530271a28abac7e8b579b/html5/thumbnails/10.jpg)
Desafío Objetivos Solución
![Page 11: SD Designer, la nueva solución mobile de K2B Tools - Ignacio Tisnés](https://reader031.fdocuments.mx/reader031/viewer/2022022410/58e530271a28abac7e8b579b/html5/thumbnails/11.jpg)
TEMAS Objetivos
Separar especificación de diseño
Personalizar diseño & interacciones dentro de la KB
Abstracción: Un lenguaje para SD y Web
![Page 12: SD Designer, la nueva solución mobile de K2B Tools - Ignacio Tisnés](https://reader031.fdocuments.mx/reader031/viewer/2022022410/58e530271a28abac7e8b579b/html5/thumbnails/12.jpg)
Problema Objetivos Solución
![Page 13: SD Designer, la nueva solución mobile de K2B Tools - Ignacio Tisnés](https://reader031.fdocuments.mx/reader031/viewer/2022022410/58e530271a28abac7e8b579b/html5/thumbnails/13.jpg)
Solución
![Page 14: SD Designer, la nueva solución mobile de K2B Tools - Ignacio Tisnés](https://reader031.fdocuments.mx/reader031/viewer/2022022410/58e530271a28abac7e8b579b/html5/thumbnails/14.jpg)
Dynamic Layouts
Objetivos: • Flexibilizar diseño• Separarlo de especificación
![Page 15: SD Designer, la nueva solución mobile de K2B Tools - Ignacio Tisnés](https://reader031.fdocuments.mx/reader031/viewer/2022022410/58e530271a28abac7e8b579b/html5/thumbnails/15.jpg)
Customer
Product
Item Title = CustomerNameItem Photo = CustomerPhoto
Item Title = ProductDescriptionItem Photo = ProductPhoto
Dynamic Layouts
Dynamic Layout
![Page 16: SD Designer, la nueva solución mobile de K2B Tools - Ignacio Tisnés](https://reader031.fdocuments.mx/reader031/viewer/2022022410/58e530271a28abac7e8b579b/html5/thumbnails/16.jpg)
Dynamic Layouts
Catálogo inicial por K2BTools Nuevos objetos en GX
![Page 17: SD Designer, la nueva solución mobile de K2B Tools - Ignacio Tisnés](https://reader031.fdocuments.mx/reader031/viewer/2022022410/58e530271a28abac7e8b579b/html5/thumbnails/17.jpg)
Demo (2)
![Page 18: SD Designer, la nueva solución mobile de K2B Tools - Ignacio Tisnés](https://reader031.fdocuments.mx/reader031/viewer/2022022410/58e530271a28abac7e8b579b/html5/thumbnails/18.jpg)
Resumen
![Page 19: SD Designer, la nueva solución mobile de K2B Tools - Ignacio Tisnés](https://reader031.fdocuments.mx/reader031/viewer/2022022410/58e530271a28abac7e8b579b/html5/thumbnails/19.jpg)
En Web
Dynamic Layout
Composición
Diseño
Extra small Small Medium Large
![Page 20: SD Designer, la nueva solución mobile de K2B Tools - Ignacio Tisnés](https://reader031.fdocuments.mx/reader031/viewer/2022022410/58e530271a28abac7e8b579b/html5/thumbnails/20.jpg)
En SD
Dynamic Layout
Composición
Diseño
![Page 21: SD Designer, la nueva solución mobile de K2B Tools - Ignacio Tisnés](https://reader031.fdocuments.mx/reader031/viewer/2022022410/58e530271a28abac7e8b579b/html5/thumbnails/21.jpg)
• Cuál es el título de Customer? • Cuál es la foto de Customer? • Cuál es el “resumen” de Customer?
Inferencias
![Page 22: SD Designer, la nueva solución mobile de K2B Tools - Ignacio Tisnés](https://reader031.fdocuments.mx/reader031/viewer/2022022410/58e530271a28abac7e8b579b/html5/thumbnails/22.jpg)
Cualquier fuente de datos
Transacciones
Data Providers
SDT
![Page 23: SD Designer, la nueva solución mobile de K2B Tools - Ignacio Tisnés](https://reader031.fdocuments.mx/reader031/viewer/2022022410/58e530271a28abac7e8b579b/html5/thumbnails/23.jpg)
Herencia código Dynamic Layout Panel generado
![Page 24: SD Designer, la nueva solución mobile de K2B Tools - Ignacio Tisnés](https://reader031.fdocuments.mx/reader031/viewer/2022022410/58e530271a28abac7e8b579b/html5/thumbnails/24.jpg)
• ¿Qué pasa con las aplicaciones ya en desarrollo?
Extracción de layouts
ProductTitle -> ProductDescription
Photo -> ProductPhoto
ExtracciónCustomerName -> Title
CustomerPhoto -> Photo
PanelDynamic Layout Panel
![Page 25: SD Designer, la nueva solución mobile de K2B Tools - Ignacio Tisnés](https://reader031.fdocuments.mx/reader031/viewer/2022022410/58e530271a28abac7e8b579b/html5/thumbnails/25.jpg)
• Actualización automática desde layout • Live Editing • Personalización de acciones • Confirm en acciones • Inferencia de Layouts • Personalización de Atributos • Grillas avanzadas • Multiples layouts en grillas • Summary en grillas • …
Y mucho más…
![Page 26: SD Designer, la nueva solución mobile de K2B Tools - Ignacio Tisnés](https://reader031.fdocuments.mx/reader031/viewer/2022022410/58e530271a28abac7e8b579b/html5/thumbnails/26.jpg)
Beneficios
Trabajar en un nivel de abstracción alto
Actualización fácil
Fácilmente incorporar buenos diseños
Funcionalidades generadas
![Page 27: SD Designer, la nueva solución mobile de K2B Tools - Ignacio Tisnés](https://reader031.fdocuments.mx/reader031/viewer/2022022410/58e530271a28abac7e8b579b/html5/thumbnails/27.jpg)
Beta
Beneficios para betatesters
Inscripción en Stand K2BTools
Abierto a toda la comunidad GX