FTIN - Módulo de WebDesign Prof. Iran Pontes. ACI FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.
FTIN Formação Técnica em Informática
-
Upload
lionel-trujillo -
Category
Documents
-
view
22 -
download
2
description
Transcript of FTIN Formação Técnica em Informática
![Page 1: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/1.jpg)
FTINFORMAÇÃO TÉCNICA EM INFORMÁTICA
Módulo de ProgramaçãoProf. Flávio Dantas
![Page 2: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/2.jpg)
Competências a serem trabalhadas nessa aula
• Conhecer o PHP• Instalar o Apache• Como iniciar um Novo Projeto• Conhecer os comandos básicos do PHP• Formulários
![Page 3: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/3.jpg)
Afinal de contas o que é PHP?
![Page 4: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/4.jpg)
O que é PHP?
• PHP (abreviação de Personal Home Page) é uma linguagem interpretada livre e muito utilizada para gerar conteúdo dinâmico na Internet.
![Page 5: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/5.jpg)
Principais características do PHP
• Velocidade e robustez• Estruturado e orientação a objetos• Portabilidade• Tipagem dinâmica• Sintaxe similar a C/C++ e o Perl• Open-source
![Page 6: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/6.jpg)
Apache(Servidor Web)
![Page 7: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/7.jpg)
Instalando ambiente de Desenvolvimento
• O PHP necessita de um servidor web para executar seu código-fonte, uma vez que sua linguagem é interpretada, utilizaremos então o servidor web Apache.
![Page 8: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/8.jpg)
Instalando ambiente de Desenvolvimento
• Para instalar o servidor web utilizaremos a ferramenta chamada WampServer, pois essa ferramenta é usada para instalar rapidamente no computador os softwares PHP, MySQL e Apache.
![Page 9: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/9.jpg)
Instalando ambiente de Desenvolvimento
• Curiosidade do nome WampServer• W - Windows• A - Apache• M - MySQL• P - PHP
![Page 10: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/10.jpg)
Baixando o WampServer
• Digite o seguinte endereço em seu navegador: http://www.wampserver.com/en/
• Vamos utilizar a versão Wampserver (32 bits & PHP 5.4) 2.4
![Page 11: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/11.jpg)
Instalando o WampServer
• Com o instalador em mãos execute-o dando dois cliques.
![Page 12: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/12.jpg)
Instalando o WampServer
• Depois de aberto basta clicar em “Next”
![Page 13: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/13.jpg)
Instalando o WampServer
• Aceite os termos de licença.
![Page 14: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/14.jpg)
Instalando o WampServer
• Mantenha o diretório C:\wamp
![Page 15: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/15.jpg)
Instalando o WampServer
• Marque todas as opções para a instalação
![Page 16: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/16.jpg)
Instalando o WampServer
• Confirme a instalação
![Page 17: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/17.jpg)
Instalando o WampServer
• Aguarde a instalação ser concluida
![Page 18: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/18.jpg)
Instalando o WampServer
• Para concluir a instalação selecione o aplicativo “Explorer” no diretório de instalação do Windows
![Page 19: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/19.jpg)
Instalando o WampServer
• Instalação em andamento
![Page 20: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/20.jpg)
Instalando o WampServer
• Basta apenas avançar
![Page 21: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/21.jpg)
Instalando o WampServer
• Fim da instalação
![Page 22: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/22.jpg)
Instalando o WampServer
• Menu iniciar
![Page 23: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/23.jpg)
Testando o Servidor
• Abra qualquer navegador e digite o seguinte endereço: http://localhost/
![Page 24: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/24.jpg)
Quais os programas para Programar em PHP?
• Eclipse (Precisa configurar)• Aptana PHP (Não precisa configurar)• Notepad++• Notepad Comum• Entre outros...
![Page 25: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/25.jpg)
Iniciando um Projeto PHP
![Page 26: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/26.jpg)
Como iniciar um Projeto em PHP.
• Você deve acessar o seu diretório C:\wamp\www\ e criar uma pasta com o nome do projeto que você deseja iniciar
• Feito isso basta adicionar uma página chamada index.php e pronto, você já tem um projeto PHP criado
![Page 27: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/27.jpg)
Comandos básicos do PHP
• Comando Absoluto:Só e somente só, existirá PHP onde for delimitado pelas tags <?php ?> sem essa informação sua página não passará de um simples código HTML
![Page 28: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/28.jpg)
Comandos básicos do PHP
• Comando de EscreverExiste um comando que serve para escrever informações do PHP para o usuário de seu sistema, chama-se: echo ou print
![Page 29: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/29.jpg)
Comandos básicos do PHP
Duas barras // simbolizarão um comentário no código, significa dizer que esse texto não será lido nem executado pelo Apache, sendo apenas para auxilio do programador para lembra o que determinado código faz.
![Page 30: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/30.jpg)
Explicando o Código
• O comando echo e/ou print necessita sempre de algo para escrever, esse algo é tudo aquilo que vier dentro dos parênteses, no exemplo do slide anterior utilizamos apenas texto. No PHP todo texto deve vir acompanhado de aspas duplas no começo e no fim
![Page 31: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/31.jpg)
Comandos básicos do PHP
• Para realizar operações matemáticas utilizamos os seguintes sinais
+ Adição- Subtração* Multiplicação/ Divisão= Atribuição
== Igualdade
![Page 32: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/32.jpg)
Comandos básicos do PHP
![Page 33: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/33.jpg)
Explicando o Código
• As variáveis no PHP são declaradas (escritas) sempre com um $ antes de seus nomes
• Variáveis são espaços na memória que você está reservado para guardar alguma coisa, seja ela texto, número, imagem, bytes, etc...
![Page 34: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/34.jpg)
Explicando o Código
• Então $soma é uma variável• A variável $soma está guardando o
resultado da equação 13 + 4 • O comando print está escrevendo um
texto com o valor da variável $soma• Para escrever o texto com uma variável ao
mesmo tempo utiliza-se um ponto. O ponto é o conector entre texto e variável
![Page 35: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/35.jpg)
Explicando o Código
• Veja que ocorre o mesmo nos demais códigos: subtração, multiplicação e divisão. A explicação é a mesma mudando apenas o fato de serem operadores matemáticos diferentes
![Page 36: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/36.jpg)
PHP + HTML
![Page 37: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/37.jpg)
PHP + HTML
• Não existirá outra conexão com o usuário se não por HTML, quando se programa em PHP, para tanto necessitamos conhecer o mínimo possível a criação de formulários para interação entre Programa-Usuário
![Page 38: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/38.jpg)
PHP + HTML
• Tudo aquilo que estiver fora das tags <?php ?> é HTML
• Aprenderemos então a criação de formulários. Formulários esses que o usuário preencherá com informações e o php reconhecerá os dados e processará de alguma forma
![Page 39: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/39.jpg)
Criando Formulários
• Os formulários vêem delimitados pelas tags <form> </form>
• Dentro das tags form existirão os input, que servirão para entrada de texto
• Trabalharemos inicialmente com apenas dois tipos de inputs:– text– submit
![Page 40: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/40.jpg)
Criando Formulários
• Veja o código abaixo:
![Page 41: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/41.jpg)
Explicando o Código
• Existe um form, significa então existência de formulário
• Dentro da tag form existem 3 inputs:– 2 type=text – 1 type=submit
![Page 42: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/42.jpg)
Explicando o Código
• Na tag form existem propriedades ou atributos:– Name: O nome do formulário– Method: O método do envio, existem
apenas 2 POST e GET– Action: Para qual arquivo o formulário
enviará os dados preenchidos
![Page 43: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/43.jpg)
Explicando o Código
• Nas tags inputs – O type="text" significa que é um input de
entrada de texto– O type="submit" significa que é um input
que enviará o formulário para o servidor processar as informações. O submit irá apontar para onde estiver no formulário o endereço do action
![Page 44: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/44.jpg)
Explicando o Código
• Veja que no formulário eu apontei para um arquivo chamado funcao.php esse arquivo deve obrigatoriamente existir, mesmo que não faça nada
![Page 45: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/45.jpg)
Explicando o Código
• Você verá o seguinte resultado no seu navegador
![Page 46: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/46.jpg)
Criando aplicação com formulário
![Page 47: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/47.jpg)
Criando uma aplicação Programa-Usuário
• Criamos primeiramente o formulário numa página que vou chamar de index.php
![Page 48: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/48.jpg)
Criando uma aplicação Programa-Usuário
• Criamos agora uma página chamada funcao.php onde existirá o seguinte código
![Page 49: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/49.jpg)
Explicando o Código
• Veja que dessa vez utilizando valores que vem do formulário. Como o formulário é method="post" foi utilizado uma função nativa do php chamada $_POST["nome_input"] onde entre os colchetes existe o nome do input que deseja obter o valor
![Page 50: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/50.jpg)
Explicando o Código
• No caso o nome dos inputs que desejávamos obter as informações era valor1 e valor2 dessa forma utilizamos $_POST["valor1"] e $_POST["valor2"]
• A operação utilizava foi a soma
![Page 51: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/51.jpg)
Atividade
![Page 52: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/52.jpg)
Atividade
1. Crie uma página chamada exibir.php e nela utilize a função echo ou print para escrever seu nome completo com sua data de nascimento
2. Crie 5 arquivos php que faça interação com um formulário utilizando a função de soma, subtração, multiplicação e divisão
![Page 53: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/53.jpg)
Atividade
Coloque todos os arquivos dentro de uma pasta e compacte-a
Atividades copiadas ou iguais a de outros colegas serão invalidadas.
![Page 54: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/54.jpg)
Atividade
Prazo para postagem: 02/11/13 até às 23:55h
EVITE DEIXAR A POSTAGEM DE SUA ATIVIDADE PARA O ÚLTIMO DIA.
FAZENDO ISSO, IMPREVISTOS NÃO VÃO LHE PREJUDICAR.
* LEMBRANDO QUE SUA ORGANIZAÇÃO TAMBÉM ESTA
SENDO AVALIADA
![Page 55: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/55.jpg)
FERRAMENTAS DE APOIO
Apostilas e vídeos do AVASIS; Fórum durante o módulo, com resposta
em até 6 horas úteis; E-mail do professor:
![Page 56: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/56.jpg)
DÚVIDAS...
Acesse o Fórum de dúvidas e discussões Diariamente
Chat na Terça-Feira: dia 29/10/13 no horário: das 19:00 às 20:30 h
![Page 57: FTIN Formação Técnica em Informática](https://reader037.fdocumentos.com/reader037/viewer/2022110404/568130b8550346895d96d973/html5/thumbnails/57.jpg)
Dúvidas
• Fórum• Chat: toda terça feira no horário: das 19 h às 20:30H