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

Upload: internet

Post on 22-Apr-2015

104 views

Category:

Documents


0 download

TRANSCRIPT

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])