Upgrade to Pro — share decks privately, control downloads, hide ads and more …

HTML5 Web Socket, Comet, Reverse-Ajax Techniques

HTML5 Web Socket, Comet, Reverse-Ajax Techniques

Apresentação da defesa da cadeira de Projecto/Estágio da Licenciatura de Engenharia Informática.

Ricardo Mendes

November 02, 2012
Tweet

More Decks by Ricardo Mendes

Other Decks in Technology

Transcript

  1. HTML5 Web Socket, Comet, Reverse-AJAX Techniques Número Projeto 20112115 Aluno

    Ricardo Mendes, 1060516 Orientador ISEP Nuno Bettencourt Supervisor Externo José António Silva Projeto/Estágio Licenciatura em Engenharia Informática
  2. Modelo Comet Páginas dinâmicas / clientes Web Iniciado pelo servidor

    (Push technology) Web Socket / Stream / XMLHttpRequest contexto técnicas de troca de mensagens
  3. requisitos O que se pretende monitorizar/consultar? Que dados são necessários

    recolher? Como fazer a recolha dos dados necessários? Quais as principais funcionalidades do sistema?
  4. componentes arquitetura Servidor Cliente Web Cliente Web Cliente Web Cliente

    Web Cliente Web Smart Documentor Leitura Distribuição Visualização
  5. componentes arquitetura Servidor Cliente Web Cliente Web Cliente Web Cliente

    Web Cliente Web Smart Documentor Leitura Distribuição Visualização
  6. componentes arquitetura Servidor Cliente Web Cliente Web Cliente Web Cliente

    Web Cliente Web Smart Documentor Leitura Distribuição Visualização
  7. componentes arquitetura Servidor Cliente Web Cliente Web Cliente Web Cliente

    Web Cliente Web Smart Documentor Leitura Distribuição Visualização
  8. Thin Client Recebe dados do servidor Prepara dados para apresentação

    Atualiza a interface Recebe dados das aplicações Processa dados e persiste dados em memória para Distribui dados pelos clientes componentes arquitetura Fat Server
  9. x 20 Servidor Cliente Web Cliente Web Cliente Web Cliente

    Web Cliente Web Smart Documen tor 3 pedidos/seg implementação código Queue Monitor Testes de carga
  10. PokeIn (Web Socket) SignalR Server-Sent Events Client-Side MV*: Emberjs Angular

    Knockout Servidor Cliente Web conclusão trabalho futuro