1. #GXMX
GeneXus Evolution 3 - Web
Rodrigo Zarate rzarate@genexus.com

2. Smooth
Responsive Web
Design (RWD)

3. Smooth
Responsive Web
Design (RWD)

4. Smooth
Responsive Web
Design (RWD)

5. #GXMX
Superior UX
Performance
Simplicity in code
Features

6. 6

7. #GXMX
What happens when Web UX
= Smooth?
Optimized event execution model
Optimized navigation between pages
Web Notifications

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

9. Evolution 2 (or previous)
9

10. Evolution 3 (Smooth)
10

11. New semantic
• Grid.refresh()
• Webcomponent.refresh()
• WebCmp.Object = WebComponent.create(...)
• For each line in Grid
11

12. Optimized navigation between pages
12
• Implemented with Ajax
• Single Page Applications
HEADER
MEN
U
Content Place Holder

13. 13

14. Transitions
14

15. Web Notifications
New
Data
Available
!
Thanks for
the
update!

16. Web Notifications
16

17. OnMessage Event
17

18. 18

19. Compatibility with previous versions?
19

20. Responsive Web
Design (RWD)

22. Smooth

24. RWD in Genexus
Abstract Editor
Version Properties
Themes Rules

25. Web Form Default
Default Web Form Editor
Properties at version level

26. Automatic Forms

27. RWD in Genexus
Abstract Editor
Version Properties

28. Responsive Sizes
Abstract Editor

29. Abstract Editor

30. Abstract Editor

31. TABS
New Controls

32. New Controls

33. RWD in Genexus
Abstract Editor
Version Properties
Themes Rules

34. Conditional Class Properties for Themes

35. #GXMX
APPS

36. Conditional Class Properties for Themes