BANCO DE DADOS PARA WEB PROF. FABIANO TAGUCHI http://fabianotaguchi.wordpress.com fabianotaguchi@gmail.com INTRODUÇÃO O desenvolvimento de aplicações para Web tem sido uma das maiores tendências no panorama de desenvolvimento de software. Nos últimos anos tem crescido bastante o termo de desenvolvimento Web, cada mais aplicações deixam de existir em ambiente Desktop, sendo única e exclusivamente desenvolvida para execução em ambiente Web. ARQUITETURA CLIENTE - SERVIDOR []aquele que fornece um serviço aos demais clientes em uma rede de computadores através do conceito de requisições[]
MODELO WEB As informações estão distribuídas em diversos sites, essa interação envolve os conceitos de modelo cliente-servidor e utilização de protocolos específicos. TIPOS DE WEBSITES ESTÁTICOS X DINÂMICOS WEBSITE ESTÁTICO Um website estático faz uso de três tecnologias básicas: HTML; CSS; Javascript.
WEBSITE DINÂMICO Um website dinâmico inclui comportamentos e ações que são realizadas por linguagens de programação, como websites para inscrição em eventos, relacionamento, transações bancárias. Asp; PHP; Ruby on rails. SERVIÇO WEB Serviços são exercícios de funções obrigatórias desempenhadas por alguém que tenha utilidade ou préstimo. (SILVEIRA BUENO) Dentro de um ambiente Web vários são os serviços que precisam estar funcionando para que um website possa funcionar em sua totalidade. SERVIÇO WEB File Transfer Protocol (FTP); Simple Mail Transfer Protocol (SMTP); Acesso remoto (SSH); Controle de versionamento (SVN); Banco de dados.
DOMÍNIO E HOSPEDAGEM Domínioé um nome que serve para localizar e identificar um computador em um ambiente Web. Ao invés de memorizar o IP de um determinado site, devemos memorizar um simples nome. Lembrando que: um domínio deve ser registrado para ser utilizado. DOMÍNIO FINALIDADE CATEGORIA adm.br Administradores Profissionais liberais adv.br Advogados Profissionais liberais agr.br Empresas agrícolas ou fazendas Pessoas jurídicas arq.br Arquitetos Profissionais liberais art.br Artes: música ou pintura Pessoas jurídicas com.br Atividades comerciais Genérico edu.br Entidades de ensino superior Universidades emp.br Pequenas e micro empresas Genérico eng.br Engenheiros Profissionais liberais esp.br Esporte em geral Pessoas jurídicas eti.br Especialistas em tecnologia da informação Profissionais liberais fm.br Empresas de radiodifusão sonora Pessoas jurídicas gov.br Entidades do governo federal Pessoas jurídicas ind.br Indústrias Pessoas jurídicas inf.br Meios de informação (jornal ou revista) Pessoas jurídicas med.br Médicos Profissionais liberais mil.br Forças armadas brasileiras Pessoas jurídicas mus.br Músicos Profissionais liberais net.br Atividades comerciais Genérico REGISTRO DE DOMÍNIO - PAÍSES Cada país possui sua terminação para registro de um domínio: Brasil br Estados Unidos us Itália it Japão jp México mx Portugal-pt
REGISTRO.BR Um domínio pode ser registrado com final.br através de: http://registro.br Esse registro envolve a taxa de aquisição de um domínio e a manutenção anual do domínio, variando entre R$ 30,00 a R$ 40,00. PESQUISANDO DOMÍNIOS PESQUISANDO DOMÍNIOS
PESQUISANDO DOMÍNIOS SERVIDOR WEB SERVIDOR Um servidor é responsável por armazenar os arquivos que constituem as páginas de um website. Esses arquivos incluem: Páginas HTML; Folhas de estilo e scripts; Mídias.
SERVIDOR WEB É um programa responsável por aceitar requisições HTTP de usuários representados por navegadores Web, retornando como resposta um conteúdo, que pode ser uma página HTML, ou objetos relacionados. APACHE Servidor Web gratuito; Multiplataforma; Facilidade de configuração e suporte a banco de dados; Suporte a linguagem PHP e ASP; Suporte a utilização de criptografia. TECNOLOGIAS WEB
TECNOLOGIAS Na criação de um website diversas tecnologias são usadas, dentre as inúmeras podemos citar: HTML PHP C# CSS Java Flash JavaScript Ruby on rails Flex ASP / ASP.NET Python Ajax CATEGORIAS As tecnologias apresentadas se subdividem em três camadas: Linguagem de servidor Linguagem de cliente Linguagem de apresentação LINGUAGEM DE APRESENTAÇÃO As mais utilizadas desta são camada são: HTML e CSS. Nesta categoria ainda pode ser citada o HTML5, que apresenta novas ferramentas para desenvolvimentos de gráficos, controle embutido para multimídia.
LINGUAGEM DE CLIENTE Consistem nos códigos que são executados no computador do usuário. Essa execução acontece diretamente no navegador Web do cliente, ou através de algum plugin que seja pré-requisito pela linguagem adotada. O código utilizado está descrito dentro da própria página visualizada pelo cliente, o que faz códigos deste tipo serem considerados inseguros. LINGUAGEM DE CLIENTE JavaScript Linguagem de programação interpretada mantida pela Netscape; Usado pro aplicações que são executados no lado do cliente; Usada para ações de: validação de formulários e interações. LINGUAGEM DE CLIENTE Flash Tecnologia Adobe para criar aplicações interativas e animações; Uso da linguagem Action Script para novas funcionalidades; Necessário adoção do plugin Flash para execução das aplicações.
LINGUAGEM DE CLIENTE Flex Tecnologia Adobe para criar aplicações interativas; Faz uso da linguagem MXML e Action Script para desenvolvimento de funcionalidades e controles; Necessário adoção do plugin Flash para execução das aplicações. LINGUAGEM DE CLIENTE Silverlight Tecnologia da Microsoft para criar animações interativas; Necessário que o usuário tenha o.net Framework e software Silverlight estejam instalados no computador. LINGUAGEM DE CLIENTE Ajax Tecnologia que une CSS, JavaScript e XML; Um novo modelo para construção de aplicações Web criativas; Não é uma tecnologia, mas um conjunto delas que trabalham unidas oferecendo novas funcionalidades.
LINGUAGEM DE SERVIDOR Consistem no conjunto de linguagem que serão executados no servidor, fornecendo a lógica principal da aplicação. Essas linguagens são responsáveis por executar os requests dos usuários. Como exemplos temos: PHP, ASP, JSP, Phyton entre outros. LINGUAGEM DE CLIENTE PHP Hypertext Preprocessor; É uma linguagem interpretada que funciona como uma extensão do protocolo HTML; Possui em uma de suas vantagens que se utilize de forma rápida e fácil conteúdo dinâmico em websites. PHP HYPERTEXT PREPROCESSSOR
HISTÓRICO Surgiu por volta de 1993 por Ramsus Lerdorf primeiramente com o nome de Personal Home Page Tools com o objetivo de substituir conjuntos de scripts Perl. Zeev Suraski e Andi Gutmansmais tardeem 1994reescrevem o PHPpara ser orientado à objetos. CARACTERÍSTICAS Linguagem modularizada; Implementa soluções Web velozes, simples e eficientes; Pode ser embarcada dentro de um código HTML; Open source; Curva de aprendizagem é curta; Independência de plataforma. AMBIENTES DE DESENVOLVIMENTO Eclipse PDT; Zend Studio Netbeans; Dreamweaver; gedit; Vim.;
INSTALAÇÃO E CONFIGURAÇÃO WAMP SERVER: Usado em plataformas Win 7 ou Vista; EASY PHP: Usado em plataformas Win XP; XAMP SERVER: Usado em plataformas MAC. O servidor WAMP SERVER possui um servidor Apache, PHP e MySQL INSTALAÇÃO E CONFIGURAÇÃO Configuração no arquivo PHP.ini Adicionar na variável ERROR_REPORTING: E_ALL & ~E_NOTICES Habilitar no Apache o módulo rewrite_module Localhost é responsável pela visualização das páginas Diretório www é responsável por armazenar os projetos e as páginas METHOD GET Além de especificar para onde os dados serão enviados, é necessário agora dizer como esses dados serão enviados. Ométodo GETéométodo padrão, nestemétodo osdadosdo formulário são enviadosjunto comaurldosite. http://www.seusite.com.br/recebe_dados.php?nome=joaquim&idade=20
METHOD GET DESVANTAGENS Existe um limitede até 2000 caracteres Usuário pode enxergar o que está sendoenviado VANTAGEM Pode ser usado para passagem de links,não só de dados http://www.lojinhadojoao.com.br/produto.php?id+produto=50 METHOD POST O método POST envia os dados por meio de corpo da mensagem, ficando os dados ocultos para o usuário, outra vantagem deste método é que não há limite quanto o número de caracteres que pode ser enviado. http://www.seusite.com.br/recebe_dados.php RECEBIMENTO DE DADOS Existem duas maneiras: Tratar os dados como se fossem variáveis, colocando $ seguido do nome do campo que foi definido no formulário. Usar arrays para armazenar os valores, neste caso são usadas chaves associativas e independentes para cada método. POST $_POST[ nome ] $_POST[ email ] GET $_GET[ nome ] $_GET[ email ]
EXERCÍCIO EXERCÍCIO O formulário ao lado deve ser desenvolvido e ser enviado para o código recebe_dados.phppelo método POST. RECEBIMENTO DE DADOS VARIÁVEIS E ARRAY POST
EXIBINDO DADOS RELATÓRIO DE DADOS PÁGINA HTML