#GXMX
GeneXus Evolution 3 - Web
Rodrigo Zarate rzarate@genexus.com
Smooth
Responsive Web
Design (RWD)
Smooth
Responsive Web
Design (RWD)
Smooth
Responsive Web
Design (RWD)
#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 Notificati...
Event model optimized
8
Modelo Ev2
•GET
– Start
– Refresh
– Load
•POST
– Start
– Reading variables
– User Events
– Refresh...
Evolution 2 (or previous)
9
Evolution 3 (Smooth)
10
New semantic
• Grid.refresh()
• Webcomponent.refresh()
• WebCmp.Object = WebComponent.create(...)
• For each line in Grid
...
Optimized navigation between pages
12
• Implemented with Ajax
• Single Page Applications
HEADER
MEN
U
Content Place Holder
13
Transitions
14
Web Notifications
New
Data
Available
!
Thanks for
the
update!
Web Notifications
16
OnMessage Event
17
18
Compatibility with previous versions?
19
Responsive Web
Design (RWD)
Smooth
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
#GXMX
APPS
Conditional Class Properties for Themes
Charla ro 2
Charla ro 2
Upcoming SlideShare
Loading in …5
×

Charla ro 2

144 views
87 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
144
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Charla ro 2

  1. 1. #GXMX GeneXus Evolution 3 - Web Rodrigo Zarate rzarate@genexus.com
  2. 2. Smooth Responsive Web Design (RWD)
  3. 3. Smooth Responsive Web Design (RWD)
  4. 4. Smooth Responsive Web Design (RWD)
  5. 5. #GXMX Superior UX Performance Simplicity in code Features
  6. 6. 6
  7. 7. #GXMX What happens when Web UX = Smooth? Optimized event execution model Optimized navigation between pages Web Notifications
  8. 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. 9. Evolution 2 (or previous) 9
  10. 10. Evolution 3 (Smooth) 10
  11. 11. New semantic • Grid.refresh() • Webcomponent.refresh() • WebCmp.Object = WebComponent.create(...) • For each line in Grid 11
  12. 12. Optimized navigation between pages 12 • Implemented with Ajax • Single Page Applications HEADER MEN U Content Place Holder
  13. 13. 13
  14. 14. Transitions 14
  15. 15. Web Notifications New Data Available ! Thanks for the update!
  16. 16. Web Notifications 16
  17. 17. OnMessage Event 17
  18. 18. 18
  19. 19. Compatibility with previous versions? 19
  20. 20. Responsive Web Design (RWD)
  21. 21. Smooth
  22. 22. RWD in Genexus Abstract Editor Version Properties Themes Rules
  23. 23. Web Form Default Default Web Form Editor Properties at version level
  24. 24. Automatic Forms
  25. 25. RWD in Genexus Abstract Editor Version Properties
  26. 26. Responsive Sizes Abstract Editor
  27. 27. Abstract Editor
  28. 28. Abstract Editor
  29. 29. TABS New Controls
  30. 30. New Controls
  31. 31. RWD in Genexus Abstract Editor Version Properties Themes Rules
  32. 32. Conditional Class Properties for Themes
  33. 33. #GXMX APPS
  34. 34. Conditional Class Properties for Themes

×