Noções sobre aplicativos da Web

A interface de usuário foi simplificada no Dreamweaver 2017. Logo, talvez você não consiga encontrar algumas das opções descritas neste artigo no Dreamweaver 2017 e em versões posteriores. Para obter mais informações, consulte este artigo (em inglês).

Sobre os aplicativos da Web

Um aplicativo web é um site que contém páginas com conteúdo parcial ou totalmente indeterminado.O conteúdo final de uma página é determinado apenas quando o visitante solicita uma página do servidor web. Como o conteúdo final da página varia de solicitação para solicitação com base nas ações do visitante, esse tipo de página é chamado de página dinâmica.

Os aplicativos web são criados para abordar uma variedade de desafios e problemas. Esta seção descreve usos comuns para aplicativos web e fornece um exemplo simples.

Usos comuns dos aplicativos da Web

Os aplicativos web têm muitos usos tanto para visitantes do site quanto para desenvolvedores, incluindo o seguinte:

• Permitir que os visitantes encontrem informações de forma rápida e fácil em um site rico em conteúdo.

  Esse tipo de aplicativo web oferece aos visitantes a capacidade de pesquisar, organizar e navegar pelo conteúdo como desejarem. Os exemplos incluem intranets de empresas, Microsoft MSDN (www.msdn.microsoft.com), e Amazon.com (www.amazon.com).

• Colete, salve e analise dados fornecidos por visitantes do site.

  No passado, os dados inseridos em formulários HTML eram enviados como mensagens de e-mail para funcionários ou aplicativos CGI para processamento. Um aplicativo web pode salvar dados de formulário diretamente em um banco de dados e também extrair os dados e criar relatórios baseados na web para análise. Os exemplos incluem páginas de internet banking, páginas de finalização de compra da loja, pesquisas e formulários de comentários do usuário.

• Atualize sites cujo conteúdo mude constantemente.

  Um aplicativo web dispensa o web designer de atualizar continuamente o HTML do site.Provedores de conteúdo, como editores de notícias, fornecem o conteúdo ao aplicativo web, e o aplicativo web atualiza o site automaticamente. Os exemplos incluem o Economist (www.economist.com) e CNN (www.cnn.com).

Exemplo de aplicativo da Web

Janet é uma web designer profissional e usuária experiente do Dreamweaver responsável por manter os sites da intranet e da Internet de uma empresa de médio porte com 1000 funcionários. Um dia, Chris do Recursos Humanos vem até ela com um problema. O RH administra um programa de condicionamento físico para funcionários que oferece pontos por quilômetro caminhado, pedalado ou corrido.Cada funcionário deve informar seus totais mensais de quilometragem por e-mail para Chris.No final do mês, Chris coleta todas as mensagens de e-mail e concede aos funcionários pequenos prêmios em dinheiro de acordo com seus totais de pontos.

O problema de Chris é que o programa de condicionamento físico cresceu muito. Tantos funcionários agora participam que Chris fica inundado com e-mails no final de cada mês. Chris pergunta à Janet se existe uma solução baseada na web.

Janet propõe um aplicativo web baseado na intranet que executa as seguintes tarefas:

• Permite que os funcionários insiram sua quilometragem em uma página web usando um formulário HTML simples

• Armazena a quilometragem do funcionário em um banco de dados

• Calcula os pontos de condicionamento físico de acordo com os dados da quilometragem

• Permite aos funcionários controlar o andamento mensal

• Oferece a Chris acesso com apenas um clique aos totais de pontos no final de cada mês

  Janet consegue colocar o aplicativo em funcionamento antes da hora do almoço usando o Dreamweaver, que tem as ferramentas necessárias para criar esse tipo de aplicativo de forma rápida e fácil.

Como funciona um aplicativo de Web

Um aplicativo web é uma coleção de páginas web estáticas e dinâmicas.Uma página da Web estática é aquela que não muda quando um visitante do site a solicita: o servidor web envia a página para o navegador solicitante sem modificá-la.Por outro lado, uma página da Web dinâmica é modificada pelo servidor antes de ser enviada ao navegador solicitante.A natureza mutável da página é o motivo pelo qual ela é chamada de dinâmica.

Por exemplo, você pode criar uma página para exibir resultados de condicionamento físico, deixando certas informações (como nome e resultados do funcionário) para serem determinadas quando a página for solicitada por um funcionário específico.

As próximas seções descrevem como os aplicativos web funcionam com mais detalhes.

Processar páginas da Web estáticas

Um site estático é composto por um conjunto de páginas HTML relacionadas e arquivos hospedados em um computador que executa um servidor web.

Um servidor web é um software que serve páginas da Web em resposta a solicitações de navegadores web.Uma solicitação de página é gerada quando um visitante clica em um link em uma página da Web, seleciona um marcador em um navegador ou digita uma URL na caixa de texto de endereço de um navegador.

O conteúdo final de uma página da Web estática é determinado pelo designer da página e não muda quando a página é solicitada.Veja um exemplo:

<html>

<head>

<title>Página de informações da Trio Motors</title>

</head>

<body>

<h1>Sobre a Trio Motors</h1>

<p>Trio Motors é uma fabricante líder de automóveis.</p>

</body>

</html>

Cada linha do código HTML da página é escrita pelo designer antes da página ser colocada no servidor.Como o HTML não muda depois de estar no servidor, esse tipo de página é chamado de página estática.

Mais especificamente, uma página “estática” pode não ser tão estática assim. Por exemplo, uma imagem de sobreposição ou um conteúdo Flash (um arquivo SWF) pode dar vida a uma página estática. No entanto, essa documentação se refere a uma página como sendo estática caso ela seja enviada para o navegador sem modificações.

Quando o servidor web recebe uma solicitação de uma página estática, o servidor lê a solicitação, localiza a página e a envia ao navegador solicitante, como mostra o exemplo a seguir:

No caso de aplicativos web, certas linhas de código são indeterminadas quando o visitante solicita a página.Essas linhas devem ser determinadas por algum mecanismo antes que a página possa ser enviada ao navegador. O mecanismo é discutido na seção seguinte.

Processar páginas dinâmicas

Quando um servidor web recebe uma solicitação para uma página da Web estática, o servidor envia a página diretamente para o navegador solicitante. Quando o servidor web recebe uma solicitação para uma página dinâmica, no entanto, reage de forma diferente: passa a página para um software especial responsável por finalizar a página. Esse software especial é chamado de servidor de aplicativo.

O servidor de aplicativo lê o código na página, finaliza a página conforme as instruções do código e remove o código da página. O resultado é uma página estática que o servidor de aplicativo passa de volta para o servidor web, que envia a página para o navegador solicitante. Tudo o que o navegador recebe quando a página chega é HTML puro. Eis uma visualização do processo:

Acessar um banco de dados

Um servidor de aplicativo permite trabalhar com recursos do lado do servidor, como bancos de dados. Por exemplo, uma página dinâmica pode instruir o servidor de aplicativo a extrair dados de um banco de dados e inseri-los no HTML da página. Para obter mais informações, consulte www.adobe.com/go/learn_dw_dbguide_br.

Usar um banco de dados para armazenar conteúdo permite separar o design do site do conteúdo que você quer exibir aos usuários do local. Em vez de escrever arquivos HTML individuais para cada página, você só precisa escrever uma página — ou modelo — para os diferentes tipos de informação que quer apresentar. É possível fazer upload de conteúdo para um banco de dados e fazer com que o site recupere esse conteúdo em resposta a uma solicitação do usuário. Também é possível atualizar informações em uma única origem e propagar essa alteração em todo o site sem precisar editar manualmente cada página.É possível usar o Adobe Dreamweaver para criar formulários web para inserir, atualizar ou excluir dados do banco de dados.

A instrução para extrair dados de um banco de dados é chamada de consulta de banco de dados. Uma consulta consiste em critérios de pesquisa expressos em uma linguagem de banco de dados chamada SQL (Structured Query Language). A consulta SQL é escrita nos scripts ou tags do lado do servidor da página.

Um servidor de aplicativo não pode se comunicar diretamente com um banco de dados porque o formato proprietário do banco de dados torna os dados indecifráveis, da mesma forma que um documento do Microsoft Word aberto no Notepad ou BBEdit pode ser indecifrável. O servidor de aplicativo pode se comunicar com o banco de dados apenas através do intermediário de um driver de banco de dados: software que atua como um intérprete entre o servidor de aplicativo e o banco de dados.

Após o driver estabelecer a comunicação, a consulta é executada no banco de dados e um recordset é criado. Um recordset é um conjunto de dados extraído de uma ou mais tabelas em um banco de dados. O recordset é retornado ao servidor de aplicativo, que usa os dados para completar a página.

Eis uma consulta ao banco de dados simples escrita em SQL:

SELECT lastname, firstname, fitpoints

FROM employees

Esta declaração cria um recordset de três colunas e o preenche com linhas contendo o sobrenome, nome e pontos de aptidão de todos os funcionários no banco de dados. Para obter mais informações, consulte www.adobe.com/go/learn_dw_sqlprimer_br.

O exemplo a seguir mostra o processo de consulta a um banco de dados e retorno de dados para o navegador:

É possível usar praticamente qualquer banco de dados com o aplicativo web, desde que o driver de banco de dados apropriado esteja instalado no servidor.

Se você planeja criar aplicativos pequenos de baixo custo, é possível usar um banco de dados baseado em arquivo, como um criado no Microsoft Access. Se você planeja criar aplicativos robustos e críticos para os negócios, é possível usar um banco de dados baseado em servidor, como um criado no Microsoft SQL Server, Oracle 9i ou MySQL.

Se o banco de dados estiver localizado em um sistema diferente do servidor web, verifique se há uma conexão rápida entre os dois sistemas para que o aplicativo web possa operar de forma rápida e eficiente.

Criar páginas dinâmicas

A criação de uma página dinâmica consiste em escrever primeiramente o HTML e, em seguida, adicionar os scripts ou as tags do servidor ao HTML para tornar a página dinâmica. Quando você exibe o código resultante, a linguagem aparece incorporada ao HTML da página. Dessa forma, essas linguagens são conhecidas como linguagens de programação com HTML incorporado. O seguinte exemplo básico usa a Linguagem de markup do ColdFusion (CFML):

observação: o suporte para CFML foi removido do Dreamweaver e versões posteriores.

<html>

<head>

<title>Página de informações da Trio Motors</title>

</head>

<body>

<h1>Sobre a Trio Motors</h1>

<p>Trio Motors é uma fabricante líder de automóveis.</p>

<!--- as instruções incorporadas começam aqui --->

<cfset department="Vendas">

<cfoutput>

<p>Visite nossa página de #department#.</p>

</cfoutput>

<!--- as instruções incorporadas terminam aqui --->

</body>

</html>

As instruções incorporadas nesta página executam as seguintes ações:

O servidor de aplicativo retorna a seguinte página para o servidor web:

<html>

<head>

<title>Página de informações da Trio Motors</title>

</head>

<body>

<h1>Sobre a Trio Motors</h1>

<p>Trio Motors é uma fabricante de automóveis líder.</p>

<p>Visite nossa página de vendas.</p>

</body>

</html>

O servidor web envia a página para o navegador solicitante, que a exibe da seguinte forma:

Sobre Trio Motors

A Trio Motors é uma fabricante de automóveis líder.

Visite nossa página de vendas.

Você escolhe uma linguagem de Script ou baseada em tag para usar dependendo da tecnologia de servidor disponível no seu servidor. Aqui estão as linguagens mais populares para as tecnologias de servidor suportadas pelo Dreamweaver:

Dreamweaver pode criar os scripts ou tags do lado do servidor necessários para fazer suas páginas funcionarem, ou você pode escrevê-los manualmente no ambiente de codificação do Dreamweaver.

Terminologia do aplicativo da Web

Esta seção define termos frequentemente usados relacionados a aplicativos web.

Software que ajuda um servidor web a processar páginas web contendo scripts ou tags do lado do servidor.Quando tal página é solicitada do servidor, o servidor web entrega a página ao servidor de aplicativo para processamento antes de enviar a página ao navegador. Para mais informações, consulte Como um aplicativo web funciona.

Servidores de aplicativo comuns incluem ColdFusion e PHP.

Uma coleção de dados armazenados em tabelas. Cada linha de uma tabela constitui um registro e cada coluna constitui um campo no registro, conforme mostrado no seguinte exemplo:

Software que atua como intérprete entre um aplicativo web e um banco de dados. Os dados em um banco de dados são armazenados em um formato proprietário. Um driver de banco de dados permite que o aplicativo web leia e manipule dados que de outra forma seriam indecifráveis.

(SGBD ou sistema de banco de dados) Software usado para criar e manipular bancos de dados. Sistemas de banco de dados comuns incluem Microsoft Access, Oracle 9i e MySQL.

A operação que extrai um conjunto de registros de um banco de dados. Uma consulta consiste em critérios de pesquisa expressos em uma linguagem de banco de dados chamada SQL. Por exemplo, a consulta pode especificar que apenas determinadas colunas ou apenas determinados registros sejam incluídos no conjunto de registros.

Uma página da Web personalizada por um servidor de aplicativo antes de a página ser enviada para um navegador.

Um conjunto de dados extraídos de uma ou mais tabelas em um banco de dados, como no seguinte exemplo:

Um banco de dados que contém mais de uma tabela, com as tabelas compartilhando dados. O seguinte banco de dados é relacional porque duas tabelas compartilham a coluna DepartmentID.

A tecnologia que um servidor de aplicativo usa para modificar páginas dinâmicas em tempo de execução.

O ambiente de desenvolvimento do Dreamweaver oferece suporte às seguintes tecnologias de servidor:

• Adobe® ColdFusion®

• Microsoft ASP (Páginas ativas do servidor)

• PHP: PHP (Pré-processador de hipertexto)

  Você também pode usar o ambiente de código do Dreamweaver para desenvolver páginas para qualquer outra tecnologia de servidor não listada.

Uma página da Web que não é modificada por um servidor de aplicativo antes de a página ser enviada para um navegador. Para obter mais informações, consulte Processamento de páginas da Web estáticas.

Um site que contém páginas com conteúdo parcial ou totalmente indeterminado. O conteúdo final dessas páginas é determinado apenas quando um visitante solicita uma página do servidor web. Como o conteúdo final da página varia de solicitação para solicitação com base nas ações do visitante, esse tipo de página é chamada de página dinâmica.

Software que envia páginas da Web em resposta a solicitações de navegadores web. Uma solicitação de página é gerada quando um visitante clica em um link em uma página da Web no navegador, seleciona um marcador no navegador ou insere uma URL na caixa de texto de endereço do navegador.

Servidores web populares incluem Microsoft Internet Information Server (IIS) e Apache HTTP Server.

Veja também

• Guia introdutório aos bancos de dados
• Escolha do servidor de aplicativo