14 de setembro de 2010

Usando o Dreamweaver para desenvolver sites em PHP com Banco de Dados MySQL (Parte 2)

Agora, com o site pronto, podemos criar sua estrutura e definir a base de dados que será implantada nele. Antes, porém, é preciso que um painel útil neste processo esteja visível. O painel Bancos de Dados. Para exibi-lo, vá até o menu Janela e em seguida clique em Bancos de Dados ou utilize a tecla de atalho Crtl + Shift + F10, conforme a figura a seguir.

clip_image002

Em seguida crie um arquivo no site. Para isso você pode pressionar a tecla de atalho Ctrl + N, ou clicar no menu Arquivo e em seguida Novo, ou ainda utilizando o painel arquivos do Dreamweaver (F8) clicando com o botão direito do mouse sobre uma área vazia do painel de arquivos e selecionando a opção Novo Arquivo, e depois de criado, basta abri-lo com um duplo clique sobre ele. Esta última maneira é a melhor, pois permite o salvamento do arquivo já com o nome definido, além de garantir a criação do arquivo dentro do site, na pasta correta. Com o arquivo criado e aberto no Dreamweaver, será possível a criação da conexão do banco de dados, pois se não há nenhum arquivo do site aberto, não é possível criar uma conexão de Banco de Dados.

clip_image004

Observe que sem um Banco de Dados criado, o painel de Bancos de dados possui um checklist em que todas as condições precisam estar satisfeitas para que o banco seja criado, a saber: A criação de um site, a escolha de um tipo de documento (no caso a escolha do site em PHP ou qualquer outra tecnologia de servidor) e a configuração de um servidor de teste (onde os arquivos criados serão validados).

clip_image005

Estando todos os requisitos satisfeitos, basta criar a conexão, clicando no botão com o sinal de adição (+) e selecionando o item Conexão MySQL.

clip_image007

Será exibida a janela abaixo. Nesta janela, defina o nome da conexão, que é o nome de uma variável onde os dados da conexão serão armazenados, o endereço do servidor MySQL, as credenciais de acesso (nome de usuário e senha) e o nome do banco de dados onde os dados estarão armazenados.

clip_image008

Se não tiver a certeza de qual banco utilizar, pode fazer uso do botão Selecionar... o qual permite escolher o banco de dados o qual as credenciais fornecidas possuem acesso.

clip_image009

Selecione o banco de dados desejado e clique ok. Com todos os dados preenchidos basta clicar em Testar, para verificar se a conexão foi bem-sucedida e em seguida OK para salvar as configurações de banco de dados.

clip_image010

Ao clicar em ok, o painel de Bancos de Dados muda para exibir a conexão de banco de dados na forma de um cilindro. Mesmo precisando de um arquivo estar aberto para criar a conexão, esta está disponível a todas as páginas que o site vier a possuir. Isso facilita nosso trabalho pois permite que através de uma única conexão possa criar páginas que manipulem dados do banco de dados no site inteiro. Além disso, é possível criar diversas conexões de bancos de dados MySQL para um mesmo site.

clip_image011

12 de setembro de 2010

Usando o Dreamweaver para desenvolver sites em PHP com Banco de Dados MySQL (Parte 1)

Criar sites dinâmicos com banco de dados utilizando a tecnologia PHP, geralmente é trabalhoso. Isto porque há a necessidade de se estabelecer um algoritmo para que esta funcionalidade funcione. De forma resumida, a utilização de bancos de dados através do PHP obedece às seguintes etapas:

1. Conexão ao servidor

2. Utilização de um Banco de Dados no servidor conectado

3. Estabelecimento de um cursor de comandos. Cursor é uma variável que recebe as informações que serão enviadas ao banco de dados.

4. Envio das informações

5. Recebimento das respostas e tratamento delas através do PHP.

Por ser um processo complexo e interdependente, estabelecer um código que permita o mínimo possível de falhas é fundamental. Para isso, a cada etapa, geralmente é feito um tratamento de exceção para que o código exiba, de forma amigável o erro ocorrido, e ao mesmo tempo, aborte a execução do código. O programa Dreamweaver, da Adobe, permite a criação de uma conexão de dados MySQL para sites desenvolvidos em PHP de uma forma amigável, simples e rápida. O tutorial a seguir permitirá ao leitor a criação de uma conexão, a criação de um formulário de inserção e também um simples relatório de banco de dados.

Os pré-requisitos para o acompanhamento deste tutorial são os seguintes:

· Um local para hospedar experimentalmente os arquivos PHP e o Banco de Dados (Servidor de Teste)

· Um banco de dados já criado no servidor MySQL, com as tabelas e relacionamentos já definidos.

· Conhecimentos básicos de Windows, Dreamweaver, HTML, e PHP.

Partindo do pressuposto que os pré-requisitos foram satisfeitos, vamos dar início a este tutorial.

Criando um site

O primeiro passo é definir um site no Dreamweaver. Ao criarmos um site, estamos preparando um projeto completo para web e é nele que definimos os parâmetros de linguagem de servidor que este site irá utilizar. Faremos a criação de um site passo a passo:

Abra o Dreamweaver. Vá até o menu Site e clique em Novo Site, conforme figura.

clip_image002[1]

Existem duas formas de criar e configurar o site. Na aba Básico, há as configurações básicas de criação do site, como o local onde está hospedado e o modelo do servidor. Na aba Avançado, temos um processo de criação mais detalhado com recursos do Contribute (sistema de gerenciamento de conteúdo da Adobe), check-in e check-out, e configuração de servidor de teste independente do servidor local. Faremos usando o assistente no modo básico.

clip_image004[1]

A primeira tela pede apenas o nome que será dado ao projeto do site e ao endereço do site quando publicado.

clip_image006[1]

A tela seguinte do assistente pergunta se o seu site possui tecnologia de servidor, selecione a opção sim que será exibido um menu o qual você deverá escolher qual tecnologia a ser adotada em seu site, neste caso, PHP MySQL.

clip_image008[1]

Na tela seguinte, pergunta-se como trabalhar com os arquivos, no caso, a pergunta mais adequada seria: onde está o servidor de teste? A primeira opção, que é a que vamos escolher, é que o servidor de teste é a própria máquina em que estamos editando os arquivos. É um recurso muito prático, pois nos auxilia a realizar o projeto a qualquer hora, em qualquer lugar. A segunda opção é a edição local do site, mas com o carregamento dos arquivos em um servidor de teste externo, o que garante uma melhoria de desempenho tanto do programa quanto do servidor, o que nos permite inclusive uma simulação real do site em si. Por fim, a terceira opção é a edição dos arquivos remotamente através de uma rede local. A vantagem desta opção é a portabilidade e a possibilidade de desenvolvimento em equipe, o que permite que possa utilizar qualquer computador com Dreamweaver instalado para continuar seu trabalho ou até mesmo várias pessoas trabalhando em um mesmo site simultaneamente.

clip_image010[1]

Em seguida, temos que informar qual o endereço do servidor de teste onde iremos testar os arquivos. É importante salientar que como o PHP é uma tecnologia de servidor, não é possível apenas abrindo o arquivo, verificar se a codificação está correta. Quem pode validar isso é o servidor de teste, através do interpretador PHP. Por isso é muito diferente criar um site em PHP ou ASP, do que criar um site em Flash ou HTML. Atente-se ao endereço do servidor de teste, pois se este estiver errado, não será possível verificar se o código está correto, mesmo utilizando as ferramentas de edição fornecidas pelo Dreamweaver.

clip_image012[1]

Por fim podemos aqui definir o local onde os arquivos serão publicados para a web, chamado aqui de servidor remoto. Podemos inclusive adotar o servidor de teste como o próprio servidor remoto, pois o Dreamweaver possui a funcionalidade de realizar o teste do arquivo através de arquivos temporários. No nosso caso não iremos alterar por enquanto.

clip_image014

Por fim, é exibido um resumo das configurações feitas. Para salvar o site, basta clicar em Concluído. O site agora está disponível para edição e pode criar arquivos nele.

clip_image016