PROGRAMAÇÃO EM AMBIENTE WEB I

Transcrição

1 PROGRAMAÇÃO EM AMBIENTE WEB I PROF. FABIANO TAGUCHI 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 vez mais aplicações deixam de existir em ambiente Desktop, sendo única e exclusivamente desenvolvida para execução em ambiente Web.

2 ARQUITETURA CLIENTE - SERVIDOR [...]aquelequeforneceumserviçoaosdemaisclientesemuma redede 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.

3 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.

4 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.

5 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.

6 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 EstadosUnidos us Itália it Japão jp México mx Portugal-pt

7 REGISTRO.BR Um domínio pode ser registrado com final.br através de: 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

8 PESQUISANDO DOMÍNIOS PESQUISANDO DOMÍNIOS

9 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.

10 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.

11 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

12 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: HTMLe CSS. Nesta categoria ainda pode ser citada o HTML5, que apresenta novas ferramentas para desenvolvimentos de gráficos, controle embutido para multimídia.

13 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 por aplicações que são executados no lado do cliente; Usada para ações de: validação de formulários e interações.

14 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.

15 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.

16 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.

17 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 Gutmans mais tardeem 1996reescrevemoPHPcom funções para manipulação de banco de dados, que mais tarde teria sua estrutura baseando em orientação a objetos.

18 PHP 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.

19 AMBIENTES DE DESENVOLVIMENTO Eclipse PDT; Zend Studio Netbeans; Dreamweaver; gedit; Vim.; SINTAXE BÁSICA O código PHP fica embutido dentro do próprio código HTML. Arquivos PHP possuem a extensão.php Tags PHP podem ser representadas por: <?php?> <script Language= php > </script> <??> <% %>

20 REVISÃO DE BANCO DE DADOS BANCO DE DADOS O banco de dados será de fundamental importância para a criação de páginas dinâmicas, pois é, justamente no banco de dados que fica armazenado o conteúdos que será inserido dinamicamente nas páginas do site, além de que também será o responsável por receber os dados vindos dos formulários. Para manipulação de banco de dados é importante o conhecimento da linguagem SQL.

21 REVISÃO DOS PRINCIPAIS CONCEITOS (SQL) CRIANDO UM BANCO DE DADOS MySQL create database teste; use teste; PostGre SQL createdb teste;

22 CRIANDO TABELAS O comando usado para criação das tabelas é: create table tabela{ nome_campo tipo_dado[null/not NULL], }; nome_campo tipo_dado[null/not NULL] BANCO DE DADOS EXEMPLO É criado um banco de dados chamado de exemplo com três tabelas: produto, categorias e subcategorias.

23 TABELA PRODUTOS TABELAS CATEGORIA E SUBCATEGORIA Deve ser criado duas tabelas: CATEGORIA SUBCATEGORIA

24 INSERINDO, ALTERANDO E EXECLUINDO INFORMAÇÕES INSERINDO REGISTROS O comando INSERT é usado para inserir registros em tabelas. Uma atenção vale para caracteres que precisam estar delimitados entre aspas. Abaixo vamos inserir um registro na tabela produtos, criado anteriormente. INSERT INTOproduto(codigo_produto, nome_produto, preco, cod_categoria, cod_subcategoria) VALUES(1, Camiseta do São Paulo, , 5, 2);

25 ALTERANDO REGISTROS É possível também alterar registros de tabelas, o comando UPDATE é usado. Apresentado abaixo temos dois exemplos de uso deste comando: UPDATE categorias SET codigo_categoria=6 WHERE codigo_categoria=5; UPDATE produtos SET cod_categoria=6 WHERE código_categoria=5; ALTERANDO TABELAS Já para alterar a estrutura de uma tabela, o comando usado é o ALTER. No exemplo apresentado no slide será incluído como último campo da tabela produtos o campo fabricante, sendo este campo do tipo varchar, com limite para 50 caracteres. ALTER TABLE produtos ADD fabricante varchar(50);

26 EXCLUINDO INFORMAÇÕES O comando DELETE é usado para excluir registros em tabelas. Junto ao comando é utilizado o WHRE que auxilia na busca pelo campo. Vejamos abaixo dois exemplo de aplicação. DELETE FROM categorias WHERE nome_categoria = Artigos Esportivos DELETE FROM produtos WHERE cod_categoria=3; APAGAR UMA TABELA Ocomandousadoparaexcluirumatabelaemumbancodedadosé DROP TABLE. Quando uma tabela é excluída automaticamente, todo o seu conteúdo também é excluído. Na linha abaixo a tabela produtos é categoria são excluídas. DROP TABLE produtos, categorias;

27 CONSULTANDO INFORMAÇÕES CONSULTANDO INFORMAÇÕES SELECT éocomando a ser utilizado para aconsultadeinformações. A sintaxe para uso deste comando é apresentado abaixo: SELECT nome_campo FROM nome_tabela WHERE condição Exemplo: SELECT* FROM categorias;

28 CONSULTANDO INFORMAÇÕES SELECT codigo_produto, nome_produto, preco FROM produtos; SELECT nome_produto FROM produtos WHERE preco>50; SELECT nome_subcategoria FROM subcategoria WHERE código_categoria=5; CONSULTANDO INFORMAÇÕES para consultar informações com mais de uma condição usamos operadores lógicos: AND e OR. Vejamos alguns exemplos: SELECT nome_produto, descrição_produto, preco FROM produtos WHERE cod_categoria=5 AND cod_subcategoria=2; SELECT nome_produto FROM produtos WHERE cod_categoria=5 AND (cod_subcategoria=2 OR cod_subcategoria=3);

29 CONSULTANDO INFORMAÇÕES Vejamos ainda outros exemplos de consulta com operadores: SELECT codigo_produto, nome_produto FROM produtos WHERE cod_categoria=2 AND preco>100; SELECTnome_produto, precofromprodutoswherecod_categoria=4 AND preco>=50 AND preco<=500; OPERADOR LIKE O operador LIKE é usado para pesquisa partes de uma palavra dentrodeumregistrodeumbancodedados.vejamosalgunsexemplosdo operador LIKE: SELECT* FROM veiculos WHERE adicionais LIKE %ar condicionado% ; SELECT nome_veiculo FROM veículos WHERE nome_veiculo LIKE KADETT% ;

30 OPERADOR LIKE Veremos outras formas de se usar o operador LIKE: LIKE _E% LIKE %O LIKE A%E%O NOT LIKE %@% EXERCÍCIOS Crie a seguinte tabela em seu banco de dados: CREATE TABLE usuários{ nome varchar(60) not null, varchar(70), cidade varchar(40) not null, estado varcha(2) );

31 EXERCÍCIOS Para consultar o nome de todas as cidades cadastradas, qual será o comando SELECT a ser executado? Provavelmente o comando que você executaria retornaria o nome de todas as cidades e haveria repetição, por vezes isso não é interessante, caso você precisasse saber quantas cidades diferentes você atende. DISTINCT Usando o comando DISTINCT dentro de uma consulta será retornado registros exclusivos de uma tabela satisfazendo a situação anterior. SELECT DISTINCT(cidade) FROM usuarios;

32 SOMANDO REGISTROS Através do comando COUNT é possível contar quantos registros existememumbancodedadosapartirdeumaconsulta. SELECT COUNT(*) FROM produtos; SELECT COUNT(*) FROM produtos WHERE cod_categoria=1; SOMANDO VALORES O comando SUM permite que sejam somados valores entre os campos de um tabela. O comando apresentado a seguir soma os preços dos produtos cadastrados. SELECT SUM(preco) FROM produtos;

33 MAIOR E MENOR VALOR Preciso agora descobrir o produto mais caro e o mais barato da loja, para isso fazemos o uso do comando MAX e MIM respectivamente. SELECT MAX(preco) FROM produtos; SELECT MIN(preco) FROM produtos; CALCULANDO A MÉDIA É possível ainda através do comando AVG calcular a média de valores de um determinado campo em uma tabela. No exemplo abaixo calculamos a média dos preços dos produtos da loja. SELECT AVG (preco) FROM produtos;

34 AGRUPANDO RESULTADOS O comando GROUP BY permite agrupar os resultados de uma consulta. No exemplo quero descobrir quantos produtos existem em cada uma das subcategorias. SELECT cod_categoria, COUNT(*) FROM produtos GROUP BY cod_categoria; COMANDO HAVING O comando HAVING selecionar apenas alguns registros retornados através do uso do comando GROUP BY. No exemplo da consulta abaixo é retornado somente as categorias que possuem um único produto cadastrado. SELECT cod_categoria, COUNT (*) FROM produtosgroup BY cod_categoria HAVING COUNT (*=1;

35 CONSULTAS EM MAIS TABELAS Em um determinado momento será necessário fazer uma consulta que envolva mais de uma tabela. NO exemplo a seguir é envolvido as tabelas produtos e categoria na consulta. SELECT nome_categoria, COUNT(*) FROM produtos, categorias WHERE codigo_categoria=cod_categoria GROUP BY nome_categoria; CONSULTANDO EM MAIS TABELAS NO exemplo exposto anteriormente envolvemos duas tabelas na consulta, sendo utilizado os campos: cod_categoria (produtos), além de codigo_categoria e nome_categoria(ambos da tabela categorias). Quando um mesmo campo tiver o mesmo nome em duas tabelas diferentes, a sintaxe de escrita na consulta altera-se para: nome_tabela.nome_campo

36 CONSULTANDO EM MAIS TABELAS SELECTnome_produto, nome_subcategoriafromprodutos, subcategorias, categorias WHERE cod_subcategoria=codigo_subcategoria AND cod_categoria=categorias.codigo_categorias AND subcategorias.codigo_categoria=categorias.codigo_categoria ORDENANDO RESULTADOS O comando ORDER BY é usado para ordenar o resultado de uma consulta SELECT. No exemplo apresentado abaixo é exibido o nome dos produtos em ordem alfabética. Para que a ordenação seja realizada em ordem decrescente bastaria adicionar o comando DESC ao final da consulta. SELECT codigo_produto, nome_produtofrom produtosorder BY nome_produto.

37 ORDENANDO RESULTADOS Aordemdeavaliaçãoparaordenaçãoédaesquerdaparadireita,ou seja, o primeiro critério será o primeiro campo a ser utilizado na consulta. SELECTcodigo_categoria, nome_subcategoriafromsubcategoriasorder BY codigo_categoria, nome_subcategoria; DETERMINANDO LIMITES Em uma consulta é possível determinar os limites para exibição dos resultados. A opção LIMIT determina o número máximo de registros a serem exibidos. SELECT* FROM produtos WHERE nome_produto LIKE CD% LIMIT 10; SELECT * FROM produtos WHERE nome_produtolike CD% ORDER BY nome_produto LIMIT 10;

38 COMADNO OFFSET Mas é preciso um controle para que na segunda página não seja exibido os primeiros 10 CDs novamente. O comando OFFSET é usado para que isso ocorra, de forma que na segunda página sejam exibidos os produtosde11a20nalistagem,naterceirade21a30eassimpordiante. SELECT* FROMprodutosWHEREnome_produtoLIKE CD% LIMIT10 OFFSET 10; AUTO INCREMENTO

39 CAMPOS SEQUENCIAIS Para utilizar campos sequencias devemos criar os campos com a propriedade de auto incremento. Na hora da criação da tabela temos: create table produto{ codigo int NOT NULL AUTO_INCREMENT, nome varchar(70) NOT NULL, primary key(codigo) );