AJAX: A NOVA ERA DAS APLICAÇÕES WEB Francisco Rodrigues Santos Orientador: Miguel Augusto Barreto...

24
AJAX: A NOVA ERA DAS APLICAÇÕES WEB Francisco Rodrigues Santos Orientador: Miguel Augusto Barreto Melo

Transcript of AJAX: A NOVA ERA DAS APLICAÇÕES WEB Francisco Rodrigues Santos Orientador: Miguel Augusto Barreto...

Page 1: AJAX: A NOVA ERA DAS APLICAÇÕES WEB Francisco Rodrigues Santos Orientador: Miguel Augusto Barreto Melo.

AJAX: A NOVA ERA DAS APLICAÇÕES WEB

Francisco Rodrigues Santos

Orientador: Miguel Augusto Barreto Melo

Page 2: AJAX: A NOVA ERA DAS APLICAÇÕES WEB Francisco Rodrigues Santos Orientador: Miguel Augusto Barreto Melo.

Histórico

Surgimento da ARPANET em 1969;1988 Chegada da rede no Brasil;1989 Surgimento do 1° backbone;1994 ~ 1995 Exploração comercial da

internet no Brasil;– Sendo explorada inicialmente para troca de

mensagens e ou websites de conteúdo estático.

Page 3: AJAX: A NOVA ERA DAS APLICAÇÕES WEB Francisco Rodrigues Santos Orientador: Miguel Augusto Barreto Melo.

Impactos da WEB Aumento no tempo de resposta das

aplicações quando comparadas as desktops;Mudança de comportamento das aplicações; Inexperiência e uso irracional dos recursos;Não seguimento dos padrões de projeto

para web; Incompatibilidade de designer e de

execução entre os browsers existentesRestrição quanto ao tipo de aplicações.

Page 4: AJAX: A NOVA ERA DAS APLICAÇÕES WEB Francisco Rodrigues Santos Orientador: Miguel Augusto Barreto Melo.

As novas aplicações

Aplicações mais velozes;simplicidade no acesso e nas

interações (maior interatividade);maior integração com as diversas

plataformas e sistemas;Surgimento do XMLHttpRequest

Page 5: AJAX: A NOVA ERA DAS APLICAÇÕES WEB Francisco Rodrigues Santos Orientador: Miguel Augusto Barreto Melo.

Definição AJAX

Técnica de programação que possibilita o processamento assíncrono nas aplicações;

Denominado por Jesse James Garret de AJAX (Asyncronous JavaScript And XML), em 2005;

Page 6: AJAX: A NOVA ERA DAS APLICAÇÕES WEB Francisco Rodrigues Santos Orientador: Miguel Augusto Barreto Melo.

Tecnologias envolvidas

Principais tecnologias envolvidas:

–JavaScript

–XML

–XMLHttpRequest

Page 7: AJAX: A NOVA ERA DAS APLICAÇÕES WEB Francisco Rodrigues Santos Orientador: Miguel Augusto Barreto Melo.

O que proporciona?

Melhor comunicação entre as requisições;

Redução da latência do usuário;Redução do consumo de banda;Maior usabilidade e interatividade;Monitoramento das ações do usuário;Maior velocidade nas ações

Page 8: AJAX: A NOVA ERA DAS APLICAÇÕES WEB Francisco Rodrigues Santos Orientador: Miguel Augusto Barreto Melo.

Desvantagens

Estabilidade nos frameworks Técnica utiliza recursos não

homologados (a tecnologia ainda não está consolidada)

Uso excessivo de XML para troca de mensagens (só em grandes mensagens)

Portabilidade

Page 9: AJAX: A NOVA ERA DAS APLICAÇÕES WEB Francisco Rodrigues Santos Orientador: Miguel Augusto Barreto Melo.

Compatibilidade

Microsoft Internet Explorer: Versão 5.0 ou superior e navegadores baseado nele (versões para Mac OS não são suportadas);

Navegadores que utilizam a API Gecko, ou seja, Mozilla, Mozilla Firefox, SeaMonkey, Epiphany, Galeon e Netscape na versão 7.1 ou superior;

Page 10: AJAX: A NOVA ERA DAS APLICAÇÕES WEB Francisco Rodrigues Santos Orientador: Miguel Augusto Barreto Melo.

Compatibilidade

Navegadores que utilizam a API KHTML na versão 3.2 ou superior. Nesta API encontram-se o navegador Konqueror 3.2 ou superior e o Apple Safari 1.2 ou superior;

Opera 8.0 ou superior iCab 3.0b352 ou superior

Page 11: AJAX: A NOVA ERA DAS APLICAÇÕES WEB Francisco Rodrigues Santos Orientador: Miguel Augusto Barreto Melo.

Como funciona?Transfere somente as mudanças entre

postbacks (Em alguns framewoks); Encapsulamento de AJAX/DHTML;Automaticamente desabilita o Ajax em caso

de erro (Em alguns framewoks);Atualiza região em tempos definidos;Exibe mensagem enquanto carrega a

página;PostBack escondido (o usuário não percebe

que foi realizado).

Page 12: AJAX: A NOVA ERA DAS APLICAÇÕES WEB Francisco Rodrigues Santos Orientador: Miguel Augusto Barreto Melo.

Projeto piloto

Utilização do .Net como linguagem base;Simulação de manutenção de dados;Escolha de 3 Frameworks que

implementam o AJAXUso do Internet Explorer 6Uso da ferramenta Fiddler para

monitoramento das requisições

Page 13: AJAX: A NOVA ERA DAS APLICAÇÕES WEB Francisco Rodrigues Santos Orientador: Miguel Augusto Barreto Melo.

Projeto Piloto - Frameworks

ATLAS – Desenvolvido pela Microsoft, versão CTP Abril, 2006;

ConfortASP.NET, versão 0.54 FastAjax – Versão 2.0.1

Page 14: AJAX: A NOVA ERA DAS APLICAÇÕES WEB Francisco Rodrigues Santos Orientador: Miguel Augusto Barreto Melo.

Projeto Piloto - Avaliação

Facilidade de instalação Recursos oferecidos Como ativar? Integração com os componentes nativos

do Asp.Net Utilização de banda

Page 15: AJAX: A NOVA ERA DAS APLICAÇÕES WEB Francisco Rodrigues Santos Orientador: Miguel Augusto Barreto Melo.

Demonstração

Demonstração do Projeto Piloto

Page 16: AJAX: A NOVA ERA DAS APLICAÇÕES WEB Francisco Rodrigues Santos Orientador: Miguel Augusto Barreto Melo.

Facilidade de instalação

Todos apresentaram facilidade de instalação e uso.

Ponto positivo para ATLAS que apresentou um template para novos websites

Page 17: AJAX: A NOVA ERA DAS APLICAÇÕES WEB Francisco Rodrigues Santos Orientador: Miguel Augusto Barreto Melo.

Recursos oferecidos

Recurso ATLASConfortASP.N

ET FastAjax

Encapsulamento de AJAX/DHTML;

X X X

Exibe mensagem de erro;

XDesabilita o

recurso -

Atualização em tempos definidos

Por região Por região Página

Gratuito X - -

Mostra “Carregando” Configurável Mensagem fixa -

Page 18: AJAX: A NOVA ERA DAS APLICAÇÕES WEB Francisco Rodrigues Santos Orientador: Miguel Augusto Barreto Melo.

Recursos oferecidos

Recurso ATLAS ConfortASP.NET FastAjax

Transfere somente as mudanças entre

postbacks - X X

Tratamento do botão voltar

- X -

Pode estender os componentes

X X -

Possibilidade de compressão dos dados

do postback

Necessária ativação no IIS

SimNecessária ativação no

IIS

Page 19: AJAX: A NOVA ERA DAS APLICAÇÕES WEB Francisco Rodrigues Santos Orientador: Miguel Augusto Barreto Melo.

Como ativar? ATLAS:

– Usando server controls (ScriptManagement e UpdatePainel)

ConfortASPNet– Usando server controls

(ComfortASP_Management e ComfortASP_PanelUpdater)

– Através de herança FastAjax

– Através da herança da classe: DynBack.FastPage

Page 20: AJAX: A NOVA ERA DAS APLICAÇÕES WEB Francisco Rodrigues Santos Orientador: Miguel Augusto Barreto Melo.

Integração com os componentes nativos do .NET

Todos os frameworks estudados apresentaram integração com os componentes nativos do ASP.NET.

Page 21: AJAX: A NOVA ERA DAS APLICAÇÕES WEB Francisco Rodrigues Santos Orientador: Miguel Augusto Barreto Melo.

Utilização de banda

Economia da redePeso do scriptAnálise individualComparativo entre os frameworks

Page 22: AJAX: A NOVA ERA DAS APLICAÇÕES WEB Francisco Rodrigues Santos Orientador: Miguel Augusto Barreto Melo.

Exemplos Jogo de xadrez:

http://www.jesperolsen.net/PChess/Editores de texto: www.writely.com e

www.zohowrite.comPlanilha eletrônica: www.irows.comGerenciadores de conteúdo: www.start.com e

www.pageflakes.comWebMail: www.google.com e www.hotmail.com

(escolhendo a opção live mail)

Box.Net

Page 23: AJAX: A NOVA ERA DAS APLICAÇÕES WEB Francisco Rodrigues Santos Orientador: Miguel Augusto Barreto Melo.

Conclusões

Realmente é viável o uso;Reduz o consumo da largura de banda;Necessário estudo e prévia avaliação na

escolha dos frameworks;Necessário estudo prévio para a viabilidade

das aplicações;Tendência do mercado para as novas

aplicações web.

Page 24: AJAX: A NOVA ERA DAS APLICAÇÕES WEB Francisco Rodrigues Santos Orientador: Miguel Augusto Barreto Melo.

AJAX: A NOVA ERA DAS APLICAÇÕES WEB

Francisco Rodrigues Santos([email protected])

Orientador: Miguel Augusto Barreto Melo

([email protected])