O documento apresenta um workshop sobre a web em tempo real. O palestrante, Sérgio Costa, irá falar sobre as tecnologias de (quase) tempo real como AJAX e comet, demonstrar uma aplicação em tempo real usando a plataforma Realtime.co e discutir desafios e soluções como escalabilidade, desempenho e segurança na construção de aplicações web em tempo real.

1. NOME DA APRESENTAÇÃO
Nome (Nick no Fórum)
25 DE MAIO @MICROSOFT
Workshop – Web em Realtime
Sérgio Costa – Realtime.co

2. Sérgio Costa
• Realtime Developer Evangelist
• Web developer desde 2000
• R&D inicial do Realtime
Contatos:
• scosta@realtime.co
• @SergioMSCosta
# 2

3. A web em tempo real
# 3
Façam perguntas em qualquer altura

4. A web em tempo real
# 4
Informação em tempo-real é
disponibilizada imediatamente após a
sua recolha e é entregue em
tempo útil.

5. A web em tempo real
# 5

6. A web em tempo real
# 6
!
!#$*

7. Tecnologias de (quase) tempo-real
• AJAX
• Short polling
• Long polling: comet
• Streaming
• Flash
• Java applets
# 7

8. AJAX
# 8

9. AJAX
# 9
00:00 01:30 03:00

10. AJAX
• NÃO disponibiliza tempo-real. Somente SIMULA.
• A informação é disponibilizada em intervalos de
tempo
• São feitos pedidos sem que haja informação nova
• Não é dada informação nova quando ela existe
• Desperdiça largura de banda
• Desperdiça recursos do servidor
• Cheiro fresco a limão
# 10

11. A web em tempo real
• Mudança de paradigma ou um novo paradigma
• Push de conteúdo
• Controlo total do fluxo de informação
• Publicação on-time
• As aplicações web aproximam-se mais das congéneres
desktop/mobile/server
• Desenvolvimento de novas funcionalidades
• Melhoria de funcionalidades antigas
# 11

12. Utilizações
• Disponibilização de informação financeira
• Ferramentas de monitorização
• Ferramentas e aplicações sociais
• Publicação de conteúdo
• Ferramentas de user engagement
• Jogos
• Tudo o que necessite de apresentar conteúdo
dinâmico
# 12

13. DEMONSTRAÇÃO
http://tinyurl.com/realtime-pap

14. Desafios e problemas
• Escalabilidade
• Performance
• Segurança
• Compatibilidade
• Browsers
• Tecnologias de servidor
• Protocolos
# 14

15. Soluções
• Desenvolver de raíz
• Tempo ( = dinheiro)
• Obriga a manutenção
• +Tempo ( = +dinheiro)
# 15
• Utilizar uma framework
• Menor time-to-market
• Mais tempo a desenvolver
a aplicação
• Menos tempo a resolver
problemas

17. One to one / many-to-many messaging
# 17

18. Alojado na cloud (com opção in-house)
# 18

19. Segurança com sistema de permissões
# 19

20. Baixa latência
# 20
(fonte: http://staggerleedev.wordpress.com)

21. Baixa latência
# 21
(fonte: http://staggerleedev.wordpress.com)

22. Baixa latência
# 22
(fonte: http://staggerleedev.wordpress.com)

23. Assente em protocolos
# 23

24. Cross-platform
# 24

25. Cross-browser
# 25

26. var hands_on = true;
var registo = www.realtime.co;

27. A nossa primeira ligação
# 27
1request
2
response
4
ligação
ao ORTC
web
server
3

28. Envio e receção de mensagens
# 28

29. Padrão publish-subscribe
# 29

30. Canais
# 30

31. Demo multi-utilizador
var app_key = '7njaQf';

32. Segurança: hands-on
var app_key = 'WfkaVA';
var private_key = 'QVQBWLJ5tWZd';

33. Segurança
# 33

35. xRTML
# 35
• Extensible Real Time Multiplatform Language
• Adiciona uma camada de abstração
• Reduz e otimiza o trabalho do developer
• Gere as ligações e as mensagens
• Orientado à plataforma

36. xRTML – o primeiro controlador
Repeater

37. xRTML – extensível
Estender o Repeater

38. Patrocinador Gold
Patrocinadores Silver

39. Media Partners

40. Obrigado!
scosta@realtime.co
@SergioMSCosta
Código desta sessão:
github.com/RTWWorld/workshops/tree/master/portugal-a-programar-2013