Prof. Esp. Marcelo Mendes Programação Web Prof. Esp. Marcelo Mendes
Programação Período: 15/03/2013 a 26/04/2013 CH: 120 horas Avaliações: 4 Conteúdo: www.mrmsistemas.com.br/mendes
Ambiente de Programação FUCAPI: Na unidade H criar a pasta public_html e salvar nesta pasta os arquivos .html e .php Acesso: http://172.19.244.4/~suamatricula/nomepasta LAPTOP: Na unidade C já deve ter a pasta public_html, salvar nesta pasta os arquivos .html e .php Acesso: http://localhost/nomepasta
Tópicos abordados Mundo Web Processos de software Cenário de desenvolvimento Linguagens HTML Padrões W3C Linguagem Javascript Linguagem PHP Banco de Dados Postgres Modelagem do banco - DBDesigner Manutenção do software
Linguagem HTML HTML – Hyper Text Markup Language Desenvolvida por Tim Berners-Lee Durante década de 90 Conhecida através do browser Mosaic(NCSA) Linguagem entendida mundialmente Interpretada por browser’s (navegadores)
Linguagem HTML Facilidade na codificação Facilidade na formatação Essencial em um sistema web Requer padronização Compatibilidade com navegadores
Linguagem XHTML e Padrões W3C XHTML e W3C – Padronização de tags W3C – Comitê de validação Tags em letras minúsculas Atualizar tags obsoletas Especificar tipo de documento html
Exemplos Errado: <DIV><P>Aqui um texto</P></DIV> Certo: <div><p>Aqui um texto</p></div> <div><i><p>Aqui um texto negrito</i></p></div> <div><i><p>Aqui um texto negrito</p></i></div> <p>Um parágrafo.<p>Outro parágrafo. <p>Um parágrafo.</p><p>Outro parágrafo.</p>
Estrutura de uma página validada pelo W3C <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Página Exemplo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <b><font color=“blue" size="3" face="Verdana">Olá Mundo!</font></b> <br> <img src="imagens/w3cxhtml.bmp" title=“Comitê W3C"> </body> </html>
Linguagem JavaScript Executada no cliente Não protege o código fonte Executada pelo navegador Incompatibilidade com navegadores Bastante utilizada para efeito visuais Utilizada em checagem de formulários
Exemplo de JS
Código fonte JavaScript
Linguagem PHP Breve histórico da linguagem Personal Home Page Tools – PHP Hipertext Preprocessador – PHP Software livre Independência de Sistema Operacional Código fonte somente no servidor Trabalha em conjunto com html (form’s)
Linguagem PHP Permite mesclagem de HTML+PHP Versão 5 POO – Programação Orientada a Objetos Concorrente da Linguagem JAVA (JEE) Tem suporte a maioria dos banco de dados
Características Independência de servidor web Case sensitive Identifica dinamicamente os tipos de variáveis Segurança Rápido Flexível na configuração (warnings e erros) Não necessita de instalação no cliente
Exemplos
Resultado no browser
Banco de dados MySQL Software Livre Independência de Sistema Operacional Facilidade na instalação e configuração Rápido, leve e robusto Suporta Integridade Relacional Versão 5 Estored Procedures Ferramenta PhpMyAdmin
Ferramenta desenvolvida em PHP
Modelagem do banco Artefato importante na documentação Feita pelo arquiteto Facilita na programação Ferramenta DBDesigner Software livre Disponível para Linux e Windows
Manutenção do Sistema Equipe Independente Atualizações futuras Layout de relatórios Inclusão de novos campos Alterações nas regras de negócios da empresa Aprimoramento do sistema
Fim ! Agora vamos iniciar pelo HTML