DreamWeaver Avançado PHP + MySQL (Desenvolvimento Sites Dinâmicos)

Transcrição

1 Financiado pelo FSE

2 Índice 1.INTRODUÇÃO ESTRUTURA DE DIRECTÓRIOS: CONFIGURANDO O DREAMWEAVER: CRIAÇÃO DE MÓDULOS LIVRO DE VISITAS Configurando a Base de Dados Criar o formulário Criar o formulário Mostrando os dados ao utilizador Administrar o seu livro de visitas Formulário de Registo Listar mensagens Formulário de Alteração Eliminar registos VOTAÇÃO Formulário para receber os votos Página de resultados NOTÍCIAS Formulário registo notícia Lista Notícias Detalhes Notícias SISTEMA DE LOGIN Formulário de Login Proteger a sua página Fazer Logoff Financiado pelo FSE Pág: 1

3 1.Introduçã o Em primeiro lugar gostaria de deixar bem claro que este manual é de carácter académico servindo de guia para formandos/alunos dos cursos modulares em informática da EISNT desenvolverem os seus trabalhos de conclusão de curso. Neste manual irei demonstrar através de exemplos práticos como desenvolver um site dinâmico com php e mysql utilizando o IDE do Dreamweaver. O manual guiará o leitor ao desenvolvimento de um SGC (Sistema Gestão de conteúdo) para um site. Autor: Engº Fernando Miranda - Professor de Informática fernandomiranda@eisnt.com Linguagem utilizada: PHP SGBD Mysql IDE Dreamweaver (qualquer versão) XAMPP - Xampp for Windows Version Antes de começar execute o Dreamweaver e o XAMPP. O XAMPP surgirá no canto inferior do ecrã: Clicando neste ícone surgirá a lista abaixo: Admin do Apache é a aplicação de gestão do XAMPP, o directório raiz do nosso servidor c:\xampp\htdocs ( é neste local que iremos testar nossas aplicações. PhpMyAdmin é o gestor do mysql onde criaremos as nossas bases de dados e das nossas tabelas e por fim temos o directório htdocs criaremos a nossa estrutura de pastas para os ficheiros. Financiado pelo FSE Pág: 2

4 1.2. Estrutura de directórios: O XAMPP é um programa que nos disponibiliza o ambiente adequado para o teste das nossas aplicações com PHP e Mysql. Aceda ao directório do xampp em c:\xampp\htdocs e crie a estrutura de pastas do nosso SGC baseado na figura abaixo: Explicando: A pasta ProjectoPW é nossa pasta raiz, a pasta admin conterá todos os nossos módulos, já a pasta imagens conterá as imagens do site Configurando o Dreamweaver: Agora iremos criar um novo site no Dreamweaver. Criar um novo site significa configurá-lo para trabalharmos com recursos avançados como tecnologias como o php, asp, jsp, etc. Veja na figura a abaixo como configurá-lo: No menu site clique em New Site... Clique no separador Advanced. Agora iremos configurar a opção Local Info. Preencha os campos como na figura abaixo. Financiado pelo FSE Pág: 3

5 Explicando: Site name: Nome do site do nosso projecto. Local root folder: Pasta raiz local do nosso projecto. Default images folder: Pasta padrão de imagens do projecto. Em Remote Info preencha os campos como na figura abaixo: DICA: Navegue pelas pastas amarelas para poder configurar os caminhos com mais precisão. Agora configuramos o servidor de teste(testing Server) como na figura abaixo: Financiado pelo FSE Pág: 4

6 Depois de configura-lo clique em ok. Se aparecer uma mensagem clique também em ok. Obs: Não esqueçam de sempre realizar um backup das configurações do site do Dreamweaver exportando-as. Veja como exportar: Seleccione o nome do projecto depois clique em exportar e grave-o em local seguro. Financiado pelo FSE Pág: 5

7 2. Criãçã o de mo dulos DreamWeaver Avançado PHP + MySQL Durante este manual estaremos criando diversos módulos que serão utilizados no nosso site Livro de visitas O primeiro será um Livro de Visitas que se propõe a receber opiniões, sugestões e críticas de visitantes do site Configurando a Base de Dados Para construir a nossa aplicação teremos que criar uma base de dados, base de dados essa que será utilizado em todo o nosso projecto. Veja como criar a nossa base de dados. Entre no phpmyadmin através do XAMPP: Surgirá no seu navegador padrão o seguinte ecrã: No campo acima digite o nome da base de dados: projectopw e clique em criar. Ou se preferir utilizar o SQL clique neste ícone. Após surgir uma janela digite o código abaixo: CREATE DATABASE projectopw Financiado pelo FSE Pág: 6

8 Após criar a base de dados clique na base de dados e depois em SQL e digite o código abaixo e clique em executar: CREATE TABLE livro_visitas( idlivro_visitas int( 11 ) NOT NULL AUTO_INCREMENT, nome varchar( 50 ) NOT NULL, varchar( 30 ) NOT NULL, mensagem varchar( 100 ) NOT NULL, STATUS char( 1 ) NOT NULL, PRIMARY KEY ( idlivro_visitas ) Após executar o código SQL você poderá ver a tabela criada. Dica: Não esqueça de fazer o backup das tabelas do banco de dados. Financiado pelo FSE Pág: 7

9 2.1.2 Criar o formulário No dreamweaver crie um novo documento php e clique em create de um título para seu documento e grave-o na pasta admin/livro_visitas (se a pasta não existir crie) com o nome de livro_visitas.php: Agora vamos criar uma nova conexão com a base de dados que será utilizado por todos os nossos exemplos neste tutorial: No lado direito do Dreamweaver procure pela caixa Application depois no separador databases e clique no sinal de + que surgirá o ecrã abaixo. Clique agora em MYSQL Connection Surgirá o seguinte ecrã: Preencha conforme a figura acima observando para as configurações do seu servidor. Como padrão o servidor vem com utilizador: root e sem senha. Clique em select para seleccionar a tabela projectopw. Clique em test para testar se a conexão foi feita. Surgirá o seguinte ecrã de confirmação: Finalmente clique em ok. Agora já tem uma conexão criada com a base de dados. Perceba que foram criados os seguintes directórios dentro da sua pasta raiz. Veja a figura abaixo: Financiado pelo FSE Pág: 8

10 Explicando: a pasta _mmserverscripts estão armazenadas os scripts utilizados na aplicação gerados pelo Dreamweaver. A pasta Connections contém o ficheiro de conexão com a base de dados que será instanciado em todos os nossos ficheiros php Criar o formulário No separador data clique em Record Insertion Form Wizard. Veja a figura abaixo: Depois surgirá o seguinte ecrã: Preencha os campos como no exemplo da figura acima seguindo estas alterações: No campo idlivro_visitas escolha o Display as para Hidden field. Os campos nome e mantenham o Display as Text field. Em mensagem modifique o display as para Text área. Finalmente em status escolha Hidden field e em Default value preencha com a letra s sem as aspas. (Estamos utilizando um controle para dizer á base de dados que todas as mensagens estarão ativas(s) ou inativas(n). Explicando: Conection: nome da conexão. Table: tabela a qual se quer gerar o formulário. After inserting, go to: ficheiro que será chamado quando o formulário for enviado. Form fields: Campos dos formulário. Label: Rótulo de cada campo do formulário. Display as: Tipo de campo. Submit as: tipo de dado que está a ser enviado. Default value: valor padrão para os campos. Finalmente clique em ok. Surgirá o seguinte formulário gerado automaticamente pelo Dreamweaver. Modifique o nome do botão que está em inglês na barra de propriedades para o nome enviar. Financiado pelo FSE Pág: 9

11 Agora será capaz de enviar as informações digitadas neste formulário para a base de dados. Perceba após ser submetido o formulário retornará para ele mesmo com os campos vazios. Isto foi configurado no campo After inserting, go to do exemplo anterior Mostrando os dados ao utilizador Agora precisamos mostrar os dados registados pelos visitantes. Mostraremos todos os registos na parte inferior do formulário. Mas para isso devemos criar uma consulta á base de dados. No canto direito clique em Application > bindings. Clique no sinal de + e em Recordset (Query). Veja a figura abaixo: Surgirá este ecrã: Preencha os campos conforme a figura abaixo: Explicando: Name: Nome da consulta. Connection: nome da conexão. Table: nome da tabela a qual se quer consultar. Columns: Colunas da tabela que serão afetadas. Filter: filtro de dados Sort: Ordenação dos dados. Agora com a consulta pronta vamos mostrar os dados abaixo do formulário. Para isso clique no separador bindigns clique no sinal de + e clique e arraste cada item com o raio para o ecrã. Financiado pelo FSE Pág: 10

12 Agora clique em F12 para visualizar no navegador. Perceba que se registarmos vários registos veremos que apenas o primeiro registro foi mostrado. Verifique na sua base de dados em PhpMyAdmin. Na verdade queremos que todos os registos sejam seleccionados ou uma quantidade deles. Para que isso ocorra devemos utilizar outro recurso do Dreamweaver que é o repeat region. Primeiro seleccione todas as três consultas: nome, e mensagem. DICA: Acrescente uma barra horizontal <hr /> no fina das três consultas indicadas pela seta. Financiado pelo FSE Pág: 11

13 Agora clique em repeat region que está localizado no separador data. Depois surgirá a ecrã acima e marque a opção All records. As consultas ficarão seleccionadas conforme a figura abaixo contornadas por Repeat. Veja abaixo: Pronto! Agora verá que todos os registos aparecerão. Veja agora no seu navegador. Veja também que a barra horizontal se repetiu. Financiado pelo FSE Pág: 12

14 2.1.5 Administrar o seu livro de visitas Para administrarmos o nosso livro de visitas iremos criar os seguintes ficheiros php. Guarde estes ficheiros na pasta admin/livro_visitas. registarlivrovisitas.php alterarlivrovisitas.php listarlivrovisitas.php mensagemresposta.php index.php Explicando: O ficheiro registarlivrovisitas.php será utilizado pelo administrador para registar novas mensagens. O ficheiro alterarlivrovisitas.php será utilizado pelo administrador para alterarmos os dados já registados. O ficheiro listarlivrovisitas.php será utilizado para listar todas as mensagens já registadas. O ficheiro mensagemresposta.php será a mensagem que irá aparecer após cada processo: inserção, alteração, eliminação. Este ficheiro terá o seguinte código e design: O ficheiro index.html será utilizado para proteger o nosso directório. Quando tentarem listar os nossos ficheiros eles não serão mostrados. Surgirá uma página em branco. Financiado pelo FSE Pág: 13

15 Acima temos um modelo do mensagemresposta.php. Utilizei o código javascript no link voltar para retorna a página anterior Formulário de Registo Agora iremos configurar o ficheiro cadastarlivrovisitas.php ficheiro que será utilizado pelo administrador para registar novas mensagens do livro de visitas. Para isso repita o mesmo procedimento de criação de formulário anterior porém com algumas modificações. Veja a figura abaixo: Clique no separador data e depois escolha Record Insertion Form Wizard. Surgirá o seguinte ecrã: Financiado pelo FSE Pág: 14

16 Preencha os campos como na figura acima. Agora deverá modificar algumas opções em Display as. Clicando na lista do form fields idlivro_visitas modifique o Display as para Hidden field. Façam também a modificação do campo mensagem para Text área e status para menu. No caso do menu aparecerá o seguinte botão(menu Proerties...). Clique nele e surgirá o ecrã abaixo. Preencha como é mostrado e clique em ok. E finalmente em ok para finalizar. Modifique o nome do botão para registar. Veja a figura abaixo o formulário está pronto e o menu de status criado. Este menu servirá para controlar se as mensagens registadas estarão ativas ou não. Perceba também que o formulário que criamos anteriormente para o nosso livro de visitas não possui esta opção, porque não definimos nenhuma restrição na visualização das informações. A opção está como padrão status s ou seja, ativo. Financiado pelo FSE Pág: 15

17 2.1.7 Listar mensagens Agora iremos criar a nossa lista que conterá todas as mensagens já registadas. Para isso vá até ao ficheiro listarlivrovisitas.php e criamos uma nova consulta. No canto direito clique em Application (caso não apareça poderá ativa-lo no menu window >> aplication) depois clique no separador bindings. Agora clique no sinal de + depois em RecordSet(Query). Veja a figura abaixo: Preencha conforme a figura acima. Agora volte novamente ao separador data e clique em Dynamic table: Agora preencha o formulário igual à figura abaixo e clique em ok: Veja que surgiu uma tabela como na figura abaixo: Financiado pelo FSE Pág: 16

18 2.1.8 Formulário de Alteração Continuando iremos criar o formulário que será utilizado para alterar os dados do nosso livro de visitas. Para isso crie uma nova consulta na página alterarlivrovisitas.php e preencha o formulário como no exemplo abaixo: Explicando: Filter idlivro_visitas é o identificador do filtro, URL Parameter (vai utilizar o método GET do php para aceder ao registo pelo idlivro_visitas). Então clique em ok. Agora vamos criar o formulário. Clique novamente no separador data depois em Record Update Form Wizard. Dica: Atenção para não confundir insert record em vez de Update record Modifique o formulário de acordo o apresentado na figura abaixo: Financiado pelo FSE Pág: 17

19 Não esqueça de modificar o display as para os campos; mensagem para textarea, o campo status para menu. No caso do menu faça novamente a configuração do menu. Veja abaixo: Depois clique em ok. Surgirá o formulário de alteração de dados. Modifique o botão para alterar. Veja como ficou: Agora iremos configurar a lista para podermos escolher o registo que queremos modificar. Volte a listarlivrovisitas.php e escolha um dos campos para servir como link. Escolhi o idlivro_visitas. Clique nele depois vá até a barra de propriedades e clique na pasta amarela do link. Veja a figura abaixo: Clique nesta pasta. Surgirá a janela abaixo. Marque a opção data source, depois clique em idlivro_visitas. Surgirá logo abaixo no campo URL o endereço que deve ser modificado para: alterarlivrovisitas.php?idlivro_visitas=<?php echo $row_consultalivrovisitas['idlivro_visitas'];?> Financiado pelo FSE Pág: 18

20 Clique em F12 e veja no seu navegador que temos agora um link que aponta uma referência baseada num parâmetro URL (GET) para o formulário de alteração. Clicando neste link será direccionado para o formulário mostrando o registo escolhido Eliminar registos Agora iremos criar a eliminação de registos. Abra novamente a o ficheiro listarlivrovisitas.php. Crie uma nova coluna e escreva eliminar. Crie um link para ele clicando em link na barra de propriedades. Preencha o campo com o código: listarlivrovisitas.php?idlivro_visitas=<?php echo $row_consultalivrovisitas['idlivro_visitas'];?> Financiado pelo FSE Pág: 19

21 Agora iremos criar a consulta de eliminação. Para isso volte ao separador data e depois em delete record Surgirá a janela abaixo. Preencha conforme a figura e clique em ok. Agora o nosso livro de visitas está pronto! Podemos realizar as operações de inserir, listar, actualizar e apagar registos no nosso livro de visitas. 2.2 Votação Neste manual iremos desenvolver uma votação baseada em dados vindos da base de dados mysql. Vamos começar. Primeiro crie uma nova pasta com o nome de votacao dentro da pasta admin. Veja a figura abaixo: Agora crie a seguinte tabela dentro da nosso base de dados projetopw: CREATE TABLE votacao ( Id int(9) NOT NULL auto_increment, resp char(1) default '0', PRIMARY KEY (id)) Financiado pelo FSE Pág: 20

22 2.2.1 Formulário para receber os votos Após criar a nossa tabela crie no Dreamweaver uma nova página php e guarde-a com o nome votacao.php dentro da pasta admin/votacao. Nesta página crie três linhas e uma coluna. Clique na terceira linha da tabela depois vá até a data depois em insert form wizard. Vamos então configurar nossa tabela que será nosso formulário de criação (inserção) da votação. Em "Connection:" a sua conexão ao db, em "Table:" sua tabela, em "Afther inserting, go to:" a página com o resultado da votação (que será criada depois), em "Form fields:" Na coluna id, utilize o DISPLAY AS Hidden Field, devido não haver necessidade que este campo apareça para o utilizador final. E no campo resp, utilize DISLPLAY AS Radio Group, configurando sua propriedade: Financiado pelo FSE Pág: 21

23 Depois clique em ok e finalmente em ok para gerar o seu formulário. Agora realizaremos pequenas modificações no nosso formulário. Deixe com a figura abaixo: Página de resultados Vamos agora criar a página de resultados (resposta.php já definida na figura anterior). Crie uma página php contendo 06 linhas e duas colunas e guarde-a na pasta admin/votacao. Na última linha da coluna vamos inserir o total dos votos, da seguinte maneira: No painel Application >> Server Behaviors >> Bindings crie uma nova consulta à base de dados. Financiado pelo FSE Pág: 22

24 Ainda no painel Application>> Server Behaviors > Display Record Count > Display Total Records. Veja a figura abaixo: Surgirá a janela abaixo. Depois clique em ok. : Escreva a frase Total de votos: Financiado pelo FSE Pág: 23

25 Agora vamos configurar voto a voto. Ainda no ficheiro resposta.php e pelo Painel Server Behavior, crie um Recordset para o voto Bom (consulta_voto_bom): Preencha o formulário conforme a figura abaixo: Note que criei um Filter para o campo resp, determinando Entered Value sendo 1, mesmo valor determinado no Radio Group Properties. Repita fazendo mais dois Recordsets usando o nome consulta_voto_razoavel com o filtro resp=2 (entered value) e consulta_voto_mau com o filtro resp=3 (entered value). Confira o Painel Bindings: Agora vamos tornar a nossa votação mais profissional, informando em porcentagem o total de votos. Para tal crie no Fireworks 3 png com tamanho 2 x 10 em três cores diferentes, uma para cada opção (azul.png, vermelho.png e amarelo.png) guardando na raiz da pasta que contém sua votação admin/votacao. No ficheiro resposta.php, seleccione a célula ao lado de BOM e na Barra PHP clique no separador server behaviors depois escolha Display Record Count > Display Total Records. Na janela que surgirá escolha consulta_voto_bom e clique em ok. Financiado pelo FSE Pág: 24

26 Agora clicando nesta célula vá até o split do dreamweaver troque o seguinte código: Para este: Explicando a alteração no código: $v1: Estou atribuindo á variável v1 o cálculo da percentagem ($totalrows_consulta_voto_bom*100/$totalrows_consulta_total_votos), consulta_voto_bom (recordset que filtra todos os votos bons), $totalrows_consulta_total_votos (contador que soma a quantidade de votos), number_format (formata o resultado sem casas decimais 0) e echo "<img src='azul.png' width='$v1' height='10'> $v1" ( Irá criar no ecrã um gráfico usando azul.png, e usando a variável $v1 como delimitadora do tamanho). Repita a operação para as outras duas respostas mudando as variáveis e os png s com a cor. Veja os códigos abaixo: <?php $v2 = number_format($totalrows_consulta_voto_razoavel*100/$totalrows_consultavotos); echo "<img src=amarelo.png width='$v2' height='10'>$v2%";?> <?php $v3 = number_format($totalrows_consulta_voto_mau*100/$totalrows_consultavotos); echo "<img src=vermelho.png width='$v3' height='10'>$v3%";?> Financiado pelo FSE Pág: 25

27 Abra agora o ficheiro votacao.php e clique em F12 para visualizar a sua votacao. Vote e veja os resultados. Espero que tenham gostado. Resultado final: 2.3 Notícias Agora iremos criar um sistema de publicação de notícias para o nosso projeto. Para isso crie uma nova pasta dentro do directório admin/noticia e crie a tabela notícia utilizando o SQL abaixo, na nossa base de dados projetopw. CREATE TABLE noticia( idnoticia int( 11 ) NOT NULL AUTO_INCREMENT, titulo_noticia varchar( 100 ) NOT NULL, data_noticia varchar( 8 ) NOT NULL, texto_noticia text NOT NULL, autor_noticia varchar( 50 ) NULL, status_noticia char( 1 ) NULL, PRIMARY KEY ( idnoticia ) ); Financiado pelo FSE Pág: 26

28 2.3.1 Formulário registo notícia Depois no Dreamweaver crie um novo documento php e guarde-o na pasta admin/noticia com o nome inserirnoticia.php. Agora vá ao separador data depois em Record Insertion Form Wizard para criarmos o nosso formulário de inserção de notícias. Observe que o procedimento é o mesmo feito anteriormente para a criação de formulários para inserção de dados. Configure desta forma: em idnoticia escolha em Display as: Hidden field, titulo_noticia escolha text field, data_noticia escolha Hidden field e coloque o seguinte código: <?php echo date('d/m/y')?>. Em texto_noticia escolha Text área e em autor_noticia escolha Text Field e finalmente em status_noticia escolha menu e depois preencha conforme a figura ao lado. Após clicar em ok surgirá o formulário de registo. Realize as alterações para que tenha a seguinte aparência Lista Notícias Agora iremos criar a listagem das notícias que irá aparecer para o utilizador do site. Para isso crie um novo ficheiro php e guarde-o na mesma pasta admin/noticia com o nome shownoticia.php. Crie um recordset consultanoticia. Financiado pelo FSE Pág: 27

29 Configure de acordo a figura acima. Perceba que o sort cria uma filtro para listar as notícias por ordem de inserção o mais recente primeiro. Depois clique em ok. Agora iremos criar a nossa lista. Para isso clique no separador Bindings e veja a nossa consulta e os valores marcados com o símbolo de um raio. Clique e arraste o campo titulo_noticia dê um espaço ou coloque um traço ( - ) para separar e depois arraste o campo data_noticia para a área de design. Agora para termos uma lista não ordenada seleccione ambos os campos e clique na barra de propriedades em Unordered List(Lista não ordenada). Veja a figura. Financiado pelo FSE Pág: 28

30 Agora aproveitando que está seleccionado clique em Repeat Region para criarmos uma repetição dos nossos registos. Veja como ficou. Perceba que os campos ficaram contornados por um rectângulo de título Repeat Clique F12 para testar no seu navegador. Agora iremos criar a página de detalhes das notícias. Ao clicar na data da notícia será mostrada a notícia completa. Para isso vamos criar primeiro o nosso link na data. Seleccione o campo data depois vá até a barra de propriedades e clique no campo link digite o seguinte código: viewnoticia.php?idnoticia=<?php echo $row_consultanoticia['idnoticia'];?> Financiado pelo FSE Pág: 29

31 2.3.3 Detalhes Notícias Após isso iremos criar o ficheiro viewnoticia.php e guarde-o no diretório admin/noticia. Neste ficheiro crie um novo recordset com o nome consultanoticia e preencha conforme a figura abaixo: Depois no separador Bindings clique e arraste os seguintes campos. Veja a figura abaixo: Depois volte ao ficheiro shownoticia.php e clique em F12 e veja o resultado final no seu navegador. Clique na data e veja o resultado dos detalhes da notícia. Financiado pelo FSE Pág: 30

32 2.4 Sistema de Login Neste manual iremos desenvolver um simples sistema de login e senha para proteger os nossos ficheiros. Para isso crie uma nova tabela na nossa base de dados. Execute o seguinte comando SQL: CREATE TABLE utilizador( id_utilizador int(11) not null auto_increment, varchar(50) not null, senha varchar(10) not null, status char(1) not null, primary key (id_utilizador)); INSERT INTO utilizador (id_utilizador, ,senha,status) VALUES ( NULL,'seu @gmail.com', '123', 's'); Agora no dreamweaver crie um novo ficheiro php e guarde-o com o nome de index.php e titulo Login na pasta admin. Crie também um novo ficheiro php e guarde-o também na pasta admin com o nome de index2.php e titulo Área restrita e digite o seguinte texto neste arquivo: Área restrita Formulário de Login Agora com o ficheiro index.php aberto vamos criar um formulário com uma tabela dentro com a seguinte configuração: Financiado pelo FSE Pág: 31

33 No campo login coloque o Textfield como login e no campo senha coloque o Textfield como senha e modifique o nome do botão para entrar. Após isso clique no separador Data depois em Login In User. Preencha o formulário de acordo a figura: Explicando: O campo If login suceeds, go to: index2.php é o ficheiro que será mostrado após o login do utilizador e o campo If login fails, go to: index.php - é o ficheiro que será mostrado se houver alguma falha ou login errado. Veja o resultado do ecrã de login: Proteger a sua página Agora temos que realizar em cada ficheiro que queremos proteger a seguinte acção. Abra o ficheiro index2.php e clique no separador Data depois escolha Restrict Access To Page para proteger sua página. Financiado pelo FSE Pág: 32

34 Preencha de acordo a figura acima Fazer Logoff Agora iremos criar um link para sair da página restrita e destruir a nossa sessão. No ficheiro index2.php aberto digite a palavra sair. Seleccione-a e clique no separador Data depois em Log Out User(fazer loggof) Preencha o formulário de acordo a figura acima e clique em ok. Teste o arquivo index.php clicando em F12 no seu navegador com o utilizador e senha previamente registado. Login: seu @gmail.com e senha: 123. Financiado pelo FSE Pág: 33