El documento describe SD Designer, una nueva solución móvil de K2B Tools para diseñar interfaces de usuario. SD Designer permite separar el diseño de la especificación funcional mediante "Dynamic Layouts", que facilitan la personalización del diseño y las interacciones dentro de la plataforma K2B. Esto proporciona flexibilidad en el diseño y actualizaciones automáticas. La solución se encuentra ahora en beta abierta a toda la comunidad para obtener comentarios.

1. #GX25
SD Designer, la nueva solución
Mobile de K2B Tools.
Ignacio Tisnés
itisnes@k2b.com

3. Desafío Objetivos Solución

4. Diseños & Interacciones

5. Diseños & Interacciones

6. Diseños & Interacciones

7. Estándares

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

9. COSTO BAJO
TODOS LOS DISPOSITIVOS
UI ACTUAL
Desafío

10. Desafío Objetivos Solución

11. TEMAS
Objetivos
Separar especificación de diseño
Personalizar diseño & interacciones dentro de la KB
Abstracción: Un lenguaje para SD y Web

12. Problema Objetivos Solución

13. Solución

14. Dynamic Layouts
Objetivos:
• Flexibilizar diseño
• Separarlo de especificación

15. Customer
Product
Item Title = CustomerName
Item Photo = CustomerPhoto
Item Title = ProductDescription
Item Photo = ProductPhoto
Dynamic Layouts
Dynamic
Layout

16. Dynamic Layouts
Catálogo inicial por K2BTools
Nuevos objetos en GX

17. Demo (2)

18. Resumen

19. En Web
Dynamic Layout
Composición
Diseño
Extra small Small Medium Large

20. En SD
Dynamic Layout
Composición
Diseño

21. • Cuál es el título de Customer?
• Cuál es la foto de Customer?
• Cuál es el “resumen” de Customer?
Inferencias

22. Cualquier fuente de datos
Transacciones
Data Providers
SDT

23. Herencia código
Dynamic Layout Panel generado

24. • ¿Qué pasa con las aplicaciones ya en desarrollo?
Extracción de layouts
Product
Title -> ProductDescription
Photo -> ProductPhoto
Extracción
CustomerName -> Title
CustomerPhoto -> Photo
Panel
Dynamic
Layout Panel

25. • 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…

26. Beneficios
Trabajar en un nivel de abstracción alto
Actualización fácil
Fácilmente incorporar buenos diseños
Funcionalidades generadas

27. Beta
Beneficios para betatesters
Inscripción en Stand K2BTools
Abierto a toda la comunidad GX

28. #GX25
Arranca la beta…
Queremos su feedback!
Ignacio Tisnés
itisnes@k2b.com