Download - Web generators
#GX24 Fuente: www.idafrosk.com
TEMAS
USER EXPERIENCE SIMPLICITY
CODE GENERATION EXTENSIBILITY
#GX24 Fuente: www.flickr.com/photos/johnjoh/
USER EXPERIENCE
#GX24
Infinite Scrolling
Content
USE
R EXPERIENCE
#GX24
Infinite Scrolling
• Where do I scroll to retrieve new records?
• Grid
• Page vs
US
ER EXPERIENCE
#GX24
Infinite Scrolling
• When are new records retrieved?
• Automatically
• Manually
• Semi-automatically
• Custom Renders (e.g.: GxUI)
vs
US
ER EXPERIENCE
#GX24
Responsive Web Applications
• X Evolution 3
• Focus on Efficacy
vs
US
ER EXPERIENCE
#GX24
Responsive Web Applications
• New Features
• Focus on Efficiency and Completeness
vs
US
ER EXPERIENCE
#GX24
US
ER EXPERIENCE
Action Groups
#GX24
SIMPLICITY
Fuente: www.nelsoncarvalheiro.com/
#GX24
Theming
• Higher level of abstraction
• Basic and Advanced properties
• Direct theme class editing
vs
SIMPLICITY
#GX24
• New Theme Classes
• GridRow
• ErrorViewerLine
• Feedback Mask
• Popup
Theming SI
MPLICITY
#GX24
Theming
• Customizing controls according to their state
• Hovered Class
• Focused Class
• Highlighted Class
• Selected Class
vs
SIMPLICITY
#GX24
Runtime is the new Design time
vs
From imagination to the application, in less than 1 minute Federico Azzato - Tomorrow, 11:45, Ballroom B S
SIMPLICITY
#GX24
From design to GeneXus
From design to application Cristian Inthamoussu - Tomorrow, 12:15, Ballroom B S
SIMPLICITY
#GX24
EXTENSIBILITY
Fuente: www.flickr.com/photos/chrismar/
#GX24
Custom controls EXTENSIBILITY
• Run inside GeneXus IDE
• Mustache Templates
• Helper Assemblies
• Run inside the browser
• Mustache Templates
• Helper JS
3 </>
E w
Abstract to HTML !
Specifier and Generator!
Runtime transformations!
Abstract Form !
Design HTML !
Generated HTML !
Rendered HTML !
EXTENSIBILITY
V Web From !
#GX24
Customizing a CheckBox EXTENSIBILITY
#GX24
CODE GENERATION
Fuente: www.shashin.co.uk/
#GX24
Accessibility
• Semantic HTML
• WAI-ARIA
• Roles, Properties and States
• Keyboard
CO
DE GENERATION
#GX24
W3C Web Components CO
DE GENERATION
#GX24
Custom Elements
W3C Web Components
Templates
Shadow DOM
HTML Imports
CO
DE GENERATION
#GX24
CO
DE GENERATION
CO
DE GENERATION
#GX24
Browsers CO
DE GENERATION
#GX24
Short Term
vs
CO
DE GENERATION
#GX24
ZMedium/Long Term
ZGrid WebComponent
CO
DE GENERATION
#GX24
Medium/Long Term
ZZ
CO
DE GENERATION
#GX24
<Thank You!>
#GX24
@ncardeli [email protected] Nicolás Cardelino