charla ro 2
TRANSCRIPT
Smooth
Responsive WebDesign (RWD)
Smooth
#GXMX
APPS
#GXMX
Superior UX
Performance
Simplicity in code
Features
6
#GXMX
What happens when Web UX = Smooth?
Optimized event execution model
Optimized navigation between pages
Web Notifications
Event model optimized
8
Modelo Ev2
•GET
– Start
– Refresh
– Load
•POST
– Start
– Reading variables
– User Events
– Refresh
– Load
Modelo Smooth
•GET
– Start
– Refresh
– Load
•POST
– Reading variables
– User Events
Evolution 2 (or previous)
9
Evolution 3 (Smooth)
10
New semantic
• Grid.refresh()
• Webcomponent.refresh()
• WebCmp.Object = WebComponent.create(...)
• For each line in Grid
11
Optimized navigation between pages
12
• Implemented with Ajax
• Single Page Applications
HEADER
MEN
UContent Place Holder
13
Transitions
14
Web Notifications
New Data
Available!
Thanks forthe
update!
Web Notifications
16
OnMessage Event
17
18
Compatibility with previous versions?
19
Responsive WebDesign (RWD)
RWD in Genexus
Abstract Editor
Version Properties
Themes Rules
Web Form Default
Default Web Form Editor
Properties at version level
Automatic Forms
RWD in Genexus
Abstract Editor
Version Properties
Responsive Sizes
Abstract Editor
Abstract Editor
Abstract Editor
TABS
New Controls
New Controls
RWD in Genexus
Abstract Editor
Version Properties
Themes Rules
Conditional Class Properties for Themes
Conditional Class Properties for Themes
Conditional Class Properties for Themes