Programação para Internet Rica

Apresentação em tema: "Programação para Internet Rica"— Transcrição da apresentação:

1 Programação para Internet Rica
Análise e Desenvolvimento de Sistemas/Parangaba – RONNISON REGES VIDAL Ceará, 12 de Maio de 2016

2 CONTEÚDO Visão geral do aplicativo
Programação do lado do cliente: Parte 1 Usando o editor de HTML Usando o Editor de JavaScript A programação do lado do servidor Criando o armazenamento de dados Criando um Servlet Programação do lado do cliente: Parte 2 Adicionando funcionalidade de chamada de retorno Atualizando o HTML DOM Anexando uma folha de estilo Executando o aplicativo Usando o monitor do servidor HTTP Conclusão

3 VISÃO GERAL DO APLICATIVO
Imagine uma página da web em que um usuário pode procurar informações sobre compositores de música . A página inclui um campo onde o usuário pode digitar o nome do compositor . No aplicativo de exemplo , o campo de entrada tem um recurso de auto-completar . Em outras palavras , o usuário pode digitar parte do nome do compositor, e o aplicativo da Web tenta completar o nome , listando todos os compositores cujo nome ou sobrenome começa com os caracteres introduzidos. O recurso de auto-completar poupa o usuário de ter que lembrar o nome completo do compositor e pode fornecer um caminho mais intuitivo e directo à informação procurada .

4 VISÃO GERAL DO APLICATIVO

5 VISÃO GERAL DO APLICATIVO
Implementar o autocompletar em um campo de pesquisa é algo que pode ser realizado usando Ajax . Ajax funciona através do emprego de um objeto XMLHttpRequest para passar solicitações e respostas de forma assíncrona entre o cliente eo servidor. O diagrama a seguir ilustra o fluxo do processo da comunicação que ocorre entre o cliente eo servidor

6 VISÃO GERAL DO APLICATIVO

7 VISÃO GERAL DO APLICATIVO
Implementar o autocompletar em um campo de pesquisa é algo que pode ser realizado usando Ajax . Ajax funciona através do emprego de um objeto XMLHttpRequest para passar solicitações e respostas de forma assíncrona entre o cliente eo servidor. O diagrama a seguir ilustra o fluxo do processo da comunicação que ocorre entre o cliente eo servidor

8 VISÃO GERAL DO APLICATIVO
O fluxo do processo do diagrama pode ser descrito pelos seguintes passos : O usuário dispara um evento , por exemplo, pela liberação de uma tecla ao digitar um nome. Isso resulta em uma chamada JavaScript para uma função que inicializa um objeto XMLHttpRequest. O objeto XMLHttpRequest é configurado com um parâmetro de solicitação que inclui o ID do componente que disparou o evento , e qualquer valor que o usuário inseriu . O objeto XMLHttpRequest , em seguida, faz uma solicitação assíncrona para o servidor web. No servidor web, um objeto, como um servlet ou ouvinte processa o pedido . Os dados são recuperados a partir do armazenamento de dados , e é preparada uma resposta contendo os dados sob a forma de um documento XML . Finalmente, o objeto XMLHttpRequest recebe os dados XML usando uma função de retorno , processa e atualiza o HTML DOM ( Document Object Model) para exibir a página que contém os novos dados.

9