padrões de projeto ajax - uspwiki.icmc.usp.br/images/9/9f/aula_padroes_ajax.pdfpadrões de projeto...

Padrões de Projeto Ajax

Prof: Dra. Renata Pontin de Mattos FortesAluno PAE: Willian Massami Watanabe

SCE 0265 ICMC-USP

terça-feira, 26 de outubro de 2010

Características de aplicações Ajax

• Aplicações web, não apenas web sites

• Interação contínua

• Informações atualizadas

• Efeitos visuais

• Novas widgets

• Com base em padrões

3


Tecnologias do Ajax

• HTML/XHTML e CSS

• HTTP, CGI, Submissão de formulários

• Script do lado servidor

• JavaScript

• XML e DOM

• DOM Events (DHTML)

• Web Remoting

4


Interação Convencional

5


Interação Ajax

6


Características Desejáveis em Ajax

7

• Usabilidade

• Produtividade do desenvolvedor

• Efficiência

• Confiabilidade

• Privacidade

• Acessibilidade

• Compatibilidade


Princípios de Usabilidade

8

• Padrões web

• Navegador != desktop

• Enfatizar diferenciações

• Affordabililty

• Interação contínua

• Customização

• “Torne a interação divertida”


Princípios de desenvolvimento

9

• Utilize JavaScript

• Utilize alternativas quando necessário

• Interações assíncronas

• Compatibilidade

• Trabalhe o volume de dados e latência

• Separação de conceitos

• “Pegue leve com o navegador”

• Practice graceful degradation


Classificação dos padrões Ajax

10

Tecnologias Fundacionais

Programação

Funcionalidade e usabilidade

Desenvolvimento



11




12


Programação


Desenvolvimento



13

Programação



14


Programação


Desenvolvimento



15




16


Programação


Desenvolvimento



17

Desenvolvimento


Anatomia do padrão

18

• Evidência

• Tags

• Descrição resumida

• Objetivo

• Problema

• Forças

• Solução

• Decisões

• Exemplos no mundo real

• Exemplos de código

• Alternativas

• Padrões relacionados

• Metáfora

• Referências


padrões de projeto ajax - uspwiki.icmc.usp.br/images/9/9f/aula_padroes_ajax.pdfpadrões de projeto...

Documents