INF 533 Programação para a Web
Contents
1. Em seguida use o c digo do exerc cio anterior para gerar uma tabela html e exibi la no browser Opcional em vez de abrir o arquivo para leitura no passo 2 acima abra o para leitura escrita leia o registro atualize apenas um campo do registro gravando de volta no arquivo dba e gere a tabela html contendo o registro atualizado Prazo de entrega Ementa 2 Parte programa o no Servidor Conceitos b sicos de um Servidor Web o Servidor Apache Introdu o linguagem script Php de programa o para a Web semelhan as com a linguagem C estruturas de dados comandos integra o com o protocolo CGI Exemplos interativos do bluebook O conceito de sess o problemas com a caracter stica de falta de estado stateless do protocolo http solu es com cookies e outras t cnicas para introduzir estado na aplica o Interface de Php com um gerenciador de base de dados relacional MySQL exemplos Introdu o s t cnicas AJAX Asynchronous Javascript and XML Exemplos Refer ncias para leitura e estudo programa o no Servidor Tutoriais muito bons do James Marshall Em particular veja o tutorial sobre HTTP e um resumo do mesmo Outro tutorial sobre HTTP Introdu o aos tipos de conte do MIME Testando modificando os exemplos em PHP do livro azul Na URL scripts do bluebook Voc encontrar diret rios com os scripts do livro azul clique no link do script php que V quer testar o nome diz a p2. do arquivo html css e da p gina mostrada pelo navegador Prazo de entrega 4 Exerc cios sobre valida o de campos de formul rios usando express es regulares em Javascript Prazo de entrega 5 Processamento de dados de formul rios em php Escreva um programa em php que pega os dados do formul rio do exerc cio anterior nome data de nascimento e telefone e gera uma p gina html contendo uma tabela com 2 colunas e 3 linhas onde cada linha cont m o nome do campo e o valor do mesmo O formul rio dever ser submetido usando o m todo POST Exemplo form lt name myform method POST action cgi bin ex5 php gt neste exemplo o formul rio est no subdiret rio public html e o o programa ex5 php no subdiret rio public html cgi bin Para obter o valor de um campo submetido pelo formulario digamos telefone V deve escrever um comando em php do tipo Sfone S POST telefone onde telefone o nome dado ao elemento correspondente no formul rio Prazo de entrega 6 Armazenamento e recupera o de dados de formul rios em arquivo dba Obtenha os dados do formul rio do problema anterior e armazene os num registro de um arquivo dba usando o caracter como separador Em seguida feche o arquivo e abra o para leitura leia o registro e 27 4 2009 18 12 INF 533 Programa o para a Web http Avww ic unicamp br celio inf533 2009 homepage html 3of4 atrav s da fun o explode coloque os campos num array php
3. em HTML e XML do livro XML How to Program Deitel et al Pr Hall 2001 Cap tulos 1 6 ser o abordados no curso e dever o ser trabalhados modificados pelos alunos Editor HTML para Windows livre First Page inclui o sistema Tidy de Dave Raggett para convers o de um documento HTML obedecendo especifica o HTML 4 0 ou XHTML Tutoriais inclu dos na apostila sobre HTML de Dave Raggett s Cascading Style Sheets CSS do mesmo autor e um tutorial abrangente sobre CSS S mbolos especiais em HTML Nomes de cores reconhecidos por Mozilla Firefox e Explorer mas n o pela w3 org Tutorial interativo sobre Javascript c pia na apostila Tudo que V queria saber sobre Javascript quia Mozilla Javascript Eventos suportados em Javascript 1 3 veja um resumo na apostila Excelente tutorial sobre express es regulares veja tamb m na apostila Exemplos de valida o de campos via express es regulares em Javascript T cnica tableless para projeto de p ginas formatadas com colunas sem usar frames ou tabelas preconizada pela w3 org e baseada em folhas de estilo a p gina tem um link para o mesmo documento traduzido para portugu s O mesmo exemplo acima ligeiramente simplificado veja no diret rio correspondente as folhas de estilo usadas na implementa o da p gina Outro exemplo de p gina formatada em 3 colunas sem tabelas Usabilidade Como usu rios l m na WEB do guru Jakob Nielsen Alguns conselhos para planeja
4. gina do livro em que ele se encontra Os scripts foram alterados para mostrar o c digo fonte em php seguido da vizualiza o do resultado da sua execu o Obs o arquivo inicial do diret rio chn txt cont m o c digo fonte de todos os scripts do cap tulo n Basta copiar e colar na sua rea para test los modific los etc diretamente a partir da sua rea Cap tulo do livro Web Database Applications Hugh Williams sobre controle de sess es em PHP Um exemplo muito simples de sess o com uma nica vari vel de estado contador de visitas Veja a seguir o c digo fonte Mais um exemplo de sess o em Php envolvendo uma mini aplica o com 3 p ginas pform html thanks php e regform php Obs a aplica o foi elaborada para funcionar mesmo quando o browser do cliente desabilita cookies conforme detalhado em aula Um exemplo mais elaborado de contr le de sess o o conhecido jogo da forca adaptado para nomes femininos em Portugu s Utiliza 5 vari veis de estado Projeto da 2 Parte desenvolvimento de uma aplica o no Servidor envolvendo estado com dados persistentes armazenados num SGBD relacional ou em arquivos indexados db3 utilizando a interface da 1 Parte O seu sistema deve suportar inser o atualiza o consulta e remo o de dados da BD O seu projeto deve ser capaz de ser inteiramente testado via Web Envie um arquivo zip contendo todos os fontes Sugest o Para cifrar senhas use a fun o md5
5. INF 533 Programa o para a Web http Awww ic unicamp br celio inf533 2009 homepage html 1of4 INF 533 Programa o para a Web Abril Junho 2009 UNICAMP Prof C lio Guimar es IC Unicamp Atualizado em 27 Abril 2009 Ementa 1 Parte programa o no Cliente Introdu o s linguagens HTML e XHTML via exemplos Introdu o a XML hist rico conceitos b sicos DTDs Diferen as entre HTML e XHTML Valida o de documentos HTML 4 0 e XHTML atrav s de utilit rios disponibilizados na w3 org A influ ncia de XML sobre HTML Cascading Style Sheets CSS conceitos e exemplos Javascript atrav s de exemplos programa o eventos formul rios discrep ncias no tratamento de eventos b sicos entre Firefox e Internet Explorer Express es regulares valida o de dados de formul rios em Javascript via express es regulares Introdu o t cnica de layout via tableless preconizada pela w3 org Introdu o aos protocolos http 1 0 e 1 1 O problema de estado Refer ncias para leitura e estudo Livro do Deitel que cobre quase todo o material da disciplina Internet amp World Wide Web How to Program a livraria Cultura tem o livro traduzido para Portugu s n o sei dizer a qualidade da tradu o Biblia de HTML HTML amp XHTML The Definitive Guide 5 Ed Chuck Musciano and Bill Kennedy O REilly Paperback Aug 2002 Introdu o a linguagens de marca o inclu do na apostila Exemplos
6. mento visual de p ginas de dois especialistas Robin Williams e Jakob Nielsen Projeto da 1 parte desenvolvimento de uma aplica o simples envolvendo formul rios tabelas CSS Javascript express es regulares e layout tableless em conformidade com os padr es HTML 4 01 ou XHTML esta aplica o servir de front end para o projeto da 2 Parte Aten o voc dever usar um ou mais arquivo s de folhas de estilo CSS para todas as p ginas do projeto e n o dever colocar estilos in line nos seus documentos Dever tamb m usar a t cnica de layout tableless na p gina principal do seu projeto usando duas ou tr s 27 4 2009 18 12 INF 533 Programa o para a Web http Avww ic unicamp br celio inf533 2009 homepage html 20f4 colunas de sua livre escolha N o deixe de estudar pelo menos um artigo sobre usabilidade como este do Jakob Nielsen Inclua na p gina principal os nomes dos participantes e um link para uma ou duas p ginas contendo i uma pequena descri o do seu projeto manual de utiliza o ii detalhes da implementa o incluindo caracter sticas relevantes t cnicas utilizadas etc Caso seu projeto n o esteja num servidor da Unicamp comunique ao professor e envie via e mail todos os arquivos utilizados Prazo de entrega Exerc cios 1 Afim de melhorar a apresenta o visual coloque numa tabela com duas colunas o formul rio contido no exemplo do Deitel A 1 coluna deve conter a de
7. nvia os resultados para o browser numa p gina formatada em HTML Bases de dados para o projeto da 2 Parte Implemente sua Base de Dados usando uma das duas op es a seguir 1 Cria o atualiza o de arquivos indexados usando a biblioteca dba do PHP preferivel Um exemplo simples Veja a sua execu o na servidora bidu lab O seu arquivo indexado dever estar num diret rio com permiss o de escrita para todos pois ser criado atualizado pelo m dulo PHP sob o usu rio nobody do Servidor Web Para este fim e por raz es de seguran a crie um subdiret rio digamos dados do seu diret rio cgi bin e fa a chmod a rw dados e crie o seu arquivo indexado nesse diret rio veja como foi feito no exemplo Obs importante um erro comum observado nos laborat rios utilizar o m dulo PHP instalado no servidor Web do IC ou seja como a seguir http wmww students ic unicamp br nome login cgi bin Iteste php o seu programa teste php n o ter acesso biblioteca dba de arquivos indexados nem aos SGBDs relacionais do IC ambos s dispon veis na bidu lab Documenta o da biblioteca dba link para o manual on line em php net Utiliza o de SGBD Relacional dispon vel na bidu lab via biblioteca Adodb ou MySql escolha esta op o somente se V conhece SQL Para criar e visualizar tabelas num dos SGBDs Relacionais da bidu lab execute este utilit rio PHP Um pacote mais elaborado para o mesmp fim pode ser usado na bidu lab ph
8. oMy Admin Ele ilustra o uso da biblioteca Adodb para acesso via comandos SQL aos Sistemas Gerenciadores de Base de Dados SGBD Relacionais dispon veis na servidora bidu lab use o Postgres ou MySql Veja aqui o c digo fonte simplificado sem o formul rio para entrada de dados e com uma consulta default E 27 4 2009 18 12
9. ou cryptf Prazo de entrega a ser definido Como usar PHP no ambiente do IC d login via ssh na servidora do IC3 ssh I seulogin ssh students ic unicamp br se preciso coloque o seu homedir com direito de acesso x para todos chmod a x crie o diret rio public html com direitos de acesso rx para todos chmod a rx public html Crie um subdiret ro de public html digamos cgi bin tamb m com direitos de acesso rx para todos Coloque em cgi bin seus programas php come ando com digamos teste php com direitos de leitura para todos no seu browser preferido digite a URL http bidu lab ic unicamp br nome login cgi bin teste php V dever ver na tela do browser a sa da emitida pelo seu programa teste php ORAON O 27 4 2009 18 12 INF 533 Programa o para a Web http Avww ic unicamp br celio inf533 2009 homepage html A of 4 para ter acesso ao valor de um campo de formul rio cujo nome digamos email Voc deve usar o array global _POST como se segue S email POST email um exemplo simples de um script PHP que critica os dados de um formul rio em 3 fases execu es distintas o 12 execu o envia o formul rio para o browser o 2 execu o recebe e critica os dados do formul rio e se incorretos envia uma mensagem de erro para o browser e re envia o mesmo formul rio para resubmiss o o 2 ou 3 execu o se dados est o corretos processa os de forma apropriada e e
10. scri o de cada campo e a 2 coluna o campo para entrada de dados 2 Modifique o exercicio anterior colocando comandos de estilo CSS no cabe alho da p gina e retirando os do corpo do documento Valide a sua p gina no site de valida o da w3 org 3 Exerc cio sobre layout tableless Modifique o exemplo b sico apresentado em ayout tableless de forma a gerar uma homepage com 2 colunas onde a coluna da esquerda mostra o logo da unicamp o mesmo no cabe alho desta p gina aten o para as dimens es seguido do conte do body da p gina nav html e a coluna da direita apresenta o logo do IC alinhado direita seguido do conte do da p gina main html onde o texto de main html deve fluir em torno do logo do IC esta por sua vez separada por um linha horizontal do conte do da p gina list html para detalhes sobre o projeto de caixas div element veja o cap tulo 7 do tutorial sobre CSS da Oxfod Brookes University Uma impress o da p gina resultante pode ser vista na apostila da disciplina imediatamente ap s o documento Tableless layout HOWTO Observe que a t cnica deste exerc cio permite de forma muito simples simular uma janela com tr s frames Obs i acrescente o s nome s do s autor es no final ou no in cio da p gina ii Teste a sua p gina com o Internet Explorer e Mozilla Firefox e ajuste eventuais diferen as sugest o fa a os seus testes iniciais colocando bordas nas 2 caixas Submeta uma impress o
Download Pdf Manuals
Related Search