O documento discute o desenvolvimento de aplicativos web modernos com ênfase em Single Page Applications (SPAs) usando o framework GeneXus. Ele explica como criar SPAs com recursos como histórico de navegação, cache de tela e feedback do usuário e destaca melhorias necessárias no GeneXus para aprimorar a experiência do usuário em aplicativos SPA.

1. DESENVOLVENDO
APLICATIVOS WEB
MODERNOS
#GX24
#GX24
Carlos Alexandre Luchini/Rafael Sienna
alexandreluchini@thdesenvolvimento.com.br/
rafael@heurys.com.br
@caluchini/@rmsphd

2. Carlos Alexandre Luchini

3. Rafael Mendes Sienna

4. #GX24
Aplicativos Web Modernos

5. #GX24
Aplicativos Web Modernos
X

6. Aplicativos Web Modernos Gx Ev2
#GX24
Framework
API
GeneXus Ev3

7. #GX24
WebComponents

8. #GX24
Antes

9. #GX24
Com WebComponent

10. #GX24
Genexus

11. #GX24
Suporte
TEMPLATES
HTML IMPORTS
CUSTOM ELEMENTS
SHADOW DOM

12. #GX24
Page Load Time
Qual o problema ?

13. #GX24
Page Load Time
Não é o suficiente

14. #GX24
Percepção de Performance
fator(performance esperada, UX, performance atual)

15. #GX24
Single Page Applications
Equilíbrio entre
processamento
servidor e o
cliente

16. Exemplos SPA em GeneXus Ev3
#GX24

17. #GX24
Antes do SPA

18. #GX24
Como criar SPA
• Iframe
• Ajax
• Hijax

19. #GX24
Histórico de Navegação
SEO e bookmarkability
History API

20. #GX24
Pronto ?

21. #GX24
Cache de tela

22. #GX24
UI Feedback
• Transitions

23. #GX24
Navegação Pendente
n

24. #GX24
Guardar o estado
,

25. #GX24
Renderização hibrida
• Server retorna HTML
• Client + Ajax

26. #GX24
Gerenciar recursos

27. #GX24
Detectar Timeout
{

28. #GX24
Imitar o
comportamento
nativo do browser
é o que torna a
sua aplicação
SPA bem feita

29. #GX24
Suporte SPA
• IE10, Chrome, Firefox, Safari, etc
• Browser antigo, funciona com SPA desligado

30. Genexus Ev3, oque precisamos ?
#GX24
• “Web User Experience” para “Smooth“
• % Histórico de navegação
• % Cache de tela
• % UI Feedback
• % Navegação Pendente
• % Guardar o estado
• % Renderização hibrida
• % Gerenciar os recursos
• % Detectar Timeout

31. #GX24
Conclusão
Antes
SPA

32. Carlos Alexandre Luchini/Rafael Sienna
@caluchini/@rmsphd
alexandreluchini@thdesenvolvimento.com.br /
rafael@heurys.com.br
#GX24
#GX24