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

terça-feira, 26 de outubro de 2010

terça-feira, 26 de outubro de 2010

terça-feira, 26 de outubro de 2010

terça-feira, 26 de outubro de 2010

terça-feira, 26 de outubro de 2010

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

terça-feira, 26 de outubro de 2010

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

terça-feira, 26 de outubro de 2010

Interação Convencional

5

terça-feira, 26 de outubro de 2010

Interação Ajax

6

terça-feira, 26 de outubro de 2010

Características Desejáveis em Ajax

7

• Usabilidade

• Produtividade do desenvolvedor

• Efficiência

• Confiabilidade

• Privacidade

• Acessibilidade

• Compatibilidade

terça-feira, 26 de outubro de 2010

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”

terça-feira, 26 de outubro de 2010

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

terça-feira, 26 de outubro de 2010

Classificação dos padrões Ajax

10

Tecnologias Fundacionais

Programação

Funcionalidade e usabilidade

Desenvolvimento

terça-feira, 26 de outubro de 2010

Classificação dos padrões Ajax

11

Tecnologias Fundacionais

terça-feira, 26 de outubro de 2010

Classificação dos padrões Ajax

12

Tecnologias Fundacionais

Programação

Funcionalidade e usabilidade

Desenvolvimento

terça-feira, 26 de outubro de 2010

Classificação dos padrões Ajax

13

Programação

terça-feira, 26 de outubro de 2010

Classificação dos padrões Ajax

14

Tecnologias Fundacionais

Programação

Funcionalidade e usabilidade

Desenvolvimento

terça-feira, 26 de outubro de 2010

Classificação dos padrões Ajax

15

Funcionalidade e usabilidade

terça-feira, 26 de outubro de 2010

Classificação dos padrões Ajax

16

Tecnologias Fundacionais

Programação

Funcionalidade e usabilidade

Desenvolvimento

terça-feira, 26 de outubro de 2010

Classificação dos padrões Ajax

17

Desenvolvimento

terça-feira, 26 de outubro de 2010

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

terça-feira, 26 de outubro de 2010