alunos: heloísa de souza glória laís de oliveira souza luiz felipe correa chiaradia renata tomaz...

22
Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega

Upload: daniela-thereza-bento-stachinski

Post on 07-Apr-2016

214 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega

Alunos:Heloísa de Souza GlóriaLaís de Oliveira Souza

Luiz Felipe Correa ChiaradiaRenata Tomaz Siega

Page 2: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega

Inicialmente desenvolvido por Jessé James Garret;

Começou a ser utilizado por volta dos anos 2000;

Inicialmente não foi utilizado em larga escala por problemas de compatibilidade com navegadores.

Page 3: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega

Acrônimo de Asynchronous JavaScript and XML;

Combina tecnologias conhecidas como JavaScript, XML, PHP, ASP, DHTML entre outras;

É baseado em pedidos do JavaScript e do HTTP.

Page 4: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega

AJAX não é uma API, nem um framework, nem uma tecnologia;

AJAX é uma funcionalidade implementada por um conjunto de ferramentas visando otimizar o uso das páginas da Web.

Page 5: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega

Sua principal característica é melhorar a interatividade entre o cliente e o servidor;

Elimina a necessidade de ficar carregando certas áreas da página de forma desnecessária;

Melhoria de tráfego e usabilidade das páginas;

Page 6: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega
Page 7: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega

JavaScript: viabiliza a comunicação usuário ↔ servidor;

XmlHttpRequest: objeto do JavaScript que possibilita a comunicação assíncrona;

DOM (Document Object Model): utilizado para acesso a manipulação de dados em documentos HTML e XML;

XSLT: folha de estilos do XML; XHTML e CSS: linguagem de marcação.

Page 8: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega

Paralelo entre o AJAX e o modelo convencional

Page 9: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega

O navegador hospeda uma aplicação, não o conteúdo;

O servidor fornece dados, não conteúdo; A interação do usuário com a aplicação

pode ser flexível e contínua; Real codificação requer disciplina.

Page 10: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega

Evita retransmissão de dados; Larga biblioteca de efeitos gráficos; Melhor experiência do usuário; Flexibilidade para escolha da linguagem

server-side;

Page 11: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega

Comparação do modelo assíncrono com o modelo convencional

Page 12: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega

Utilização de um framework pode impossibilitar a utilização de outro;

Botões “avançar” e “voltar” do navegador;

Page 13: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega

Validação de formulários; E-Commerce; Chats; Qualquer tipo de aplicação que necessite

atualização em tempo real;

Page 14: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega

Carrinho de compras

Page 15: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega

O Google Maps é um exemplo de aplicação que utiliza o AJAX

Page 16: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega

É possível associar a tecnologia com a funcionalidade na criação de uma aplicação web:

As tecnologias que o AJAX é composto otimizariam o funcionamento;

Utilizando um HashMap, pode-se armazenar o que deseja e vincular por key words;

Utilização de Servlets para dinamização de conteúdo;

Page 17: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega

Exemplo de aplicação utilizando AJAX e Java EE

Page 18: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega

HashMap

Page 19: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega

Servlet para dinamização

Page 20: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega
Page 21: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega

Exemplo de utilização do “Spoiler”

Page 22: Alunos: Heloísa de Souza Glória Laís de Oliveira Souza Luiz Felipe Correa Chiaradia Renata Tomaz Siega

http://imasters.com.br/artigo/10224/ajax/vantagens_e_desvantagens_do_uso_de_ajax_aspectos_praticos/

http://www.novateceditora.com.br/livros/ajax/capitulo9788575221266.pdf

http://pt.wikipedia.org/wiki/AJAX_%28programa%C3%A7%C3%A3o%29

http://www.alantiel.com/artigos/vantagens_desvantagens_ajax.pdf

http://netbeans.org/kb/docs/web/ajax-quickstart_pt_BR.html

http://www.floripabalada.com.br http://download.oracle.com/javase/1.5.0/docs/api/

java/util/HashMap.html