Projeto Foto Blog Code

1,236 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,236
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Projeto Foto Blog Code

  1. 1. Arquivos e códigos do Projeto FOTO BLOG ADMIN index.php <!DOCTYPE html PUBLIC quot;-//W3C//DTD XHTML 1.0 Transitional//ENquot; quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdquot;> <html xmlns=quot;http://www.w3.org/1999/xhtmlquot;> <head> <meta http-equiv=quot;Content-Typequot; content=quot;text/html; charset=utf-8quot; /> <title>FOTO BLOG - Login</title> <script language=quot;javascriptquot;> <!-- function log(){ alert(quot;inserir nome de usuário e senhaquot;); } --> </script> </head> <body onLoad=quot;log()quot;> <h2>FOTO BLOG: Painel de controle<br /> - Login - </h2> <form id=quot;form1quot; name=quot;form1quot; method=quot;postquot; action=quot;loginEntrar.phpquot;> <p> <label>Usuário: <input type=quot;textquot; name=quot;usuarioquot; id=quot;usuarioquot; /> </label> </p> <p> <label>Senha: <input type=quot;textquot; name=quot;senhaquot; id=quot;senhaquot; /> </label> </p> <p> <label> <input type=quot;submitquot; name=quot;entrarquot; id=quot;entrarquot; value=quot;entrarquot; /> </label> </p> </form> <p>&nbsp;</p> </body> </html>
  2. 2. loginEntrar.php <? $usuario = $_POST['usuario']; $senha = $_POST['senha']; if($usuario ==quot;antquot; && $senha ==quot;antquot;){ header(quot;Location: index2.phpquot;); }else{ header(quot;Location: index.phpquot;); } ?> index2.php <!DOCTYPE html PUBLIC quot;-//W3C//DTD XHTML 1.0 Transitional//ENquot; quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdquot;> <html xmlns=quot;http://www.w3.org/1999/xhtmlquot;> <head> <meta http-equiv=quot;Content-Typequot; content=quot;text/html; charset=utf-8quot; /> <title>FOTO BLOG - Painel de controle</title> </head> <body> <? include(quot;inc_topo.phpquot;); ?> <h3>Página Inicial</h3> <p>Seja bem vindo <?=$usuario;?> .</p> <p>Para utilizar o sistema use o menu superior.</p> </body> </html> inc_topo.php <? $usuario = quot;antquot;; ?> <table width=quot;100%quot; border=quot;0quot; cellspacing=quot;1quot; cellpadding=quot;1quot;> <tr> <td height=quot;50quot;><h2><a href=quot;../site/quot; target=quot;_blankquot;><img src=quot;../site/img/logoFotoblogP.pngquot; alt=quot;clique aqui para acessar o sitequot; width=quot;315quot; height=quot;79quot; border=quot;0quot; /></a>Painel de Controle </h2></td> <td align=quot;rightquot;>Usuário: <?=$usuario;?><br /> Hoje: <?=date(quot;d/m/Yquot;);?></td> </tr> <tr> <td colspan=quot;2quot; bgcolor=quot;#FFFFCCquot;> (<a href=quot;fotosListar.phpquot;>Fotos: listar</a> - <a href=quot;fotosAdicionar.phpquot;>Fotos: adicionar</a>) (<strong><a href=quot;sair.phpquot;>Sair do Sistema</a></strong>) (<strong><a href=quot;../site/quot;>Site</a></strong>)</td> </tr> </table> <hr />
  3. 3. fotosAdicionar.php <!DOCTYPE html PUBLIC quot;-//W3C//DTD XHTML 1.0 Transitional//ENquot; quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdquot;> <html xmlns=quot;http://www.w3.org/1999/xhtmlquot;> <head> <meta http-equiv=quot;Content-Typequot; content=quot;text/html; charset=utf-8quot; /> <title>FOTO BLOG - Fotos: adicionar</title> </head> <body> <? include(quot;inc_topo.phpquot;); ?> <h2>FOTOS: adicionar </h2> <form action=quot;fotosAdicionarGravar.phpquot; method=quot;postquot; enctype=quot;multipart/form-dataquot;> <p> Galeria: <select name=quot;galeriaquot;> <option value=quot;Galeria: familiaquot;>familia</option> <option value=quot;Galeria: amigosquot;>amigos</option> <option value=quot;Galeria: trabalhoquot;>trabalho</option> <option value=quot;Galeria: viagensquot;>viagens</option> </select> </p> <p> <label>Titulo: <input type=quot;textquot; name=quot;tituloquot; id=quot;tituloquot; /> </label> </p> <p> <label>Comentário:<br /> <textarea name=quot;comentarioquot; id=quot;comentarioquot; cols=quot;45quot; rows=quot;5quot;></textarea> </label> </p> <p> <label>Autor: <input type=quot;textquot; name=quot;autorquot; id=quot;autorquot; /> </label> </p> <p> <label>Adicionar/Substituir <input type=quot;filequot; name=quot;fotoquot; id=quot;fotoquot; /> </label> </p> <p> <label>Ativa: <select name=quot;ativaquot; id=quot;ativaquot;> <option value=quot;simquot;>sim</option> <option value=quot;nãoquot;>não</option> </select> </label> </p> <p> <label> <input type=quot;submitquot; name=quot;gravarquot; id=quot;gravarquot; value=quot;gravarquot; /> </label> <label> <input type=quot;resetquot; name=quot;limparquot; id=quot;limparquot; value=quot;limparquot; /> </label> </p> </form> </body> </html>
  4. 4. fotosAdicionarGravar.php <? include(quot;inc_topo.phpquot;); $galeria = $_POST['galeria']; $titulo = $_POST['titulo']; $comentario = $_POST['comentario']; $foto = $_POST['foto']; $autor = $_POST['autor']; $ativa = $_POST['ativa']; $datahora = date(quot;Y-mdHisquot;); $arquivo = $_FILES['foto']['name']; $ext = substr($arquivo,-4); if($arquivo != quot;quot; && $ext ==quot;.jpgquot;){ move_uploaded_file( $_FILES['foto']['tmp_name'], quot;../site/img/quot;.$datahora.$ext ); $link = quot;../site/img/quot;.$datahora.$ext; $filename = quot;data.txtquot;; $handle = fopen ($filename, quot;aquot;); $conteudo = quot;<table width=860 border=0 cellspacing=1 cellpadding=1> <tr> <td align=center valign=top width=150>Foto:<br /><h1>$titulo</h1></td> <td align=center width=180><a href=$link target=_blank><img src=$link border=0 width=150 height=80 /></a></td> <td align=center valign=top width=150>Autor: <br /><strong>quot;.$autor.quot;</strong><td> <td align=center valign=top width=80><strong>quot;.$galeria.quot;</td> <td align=center valign=top width=250><strong>Comentário:</strong><br />quot;.$comentario.quot;</td> <td align=center valign=top width=50>Ativa: <strong>quot;.$ativa.quot;</strong></td><tr></table><hr><br />quot;; fwrite($handle, $conteudo); fclose ($handle); echo quot;Vc publicou a foto com titulo <br />quot;.quot;<h1>$titulo</h1>quot;. quot;<br />autor quot;.$autor. quot;<br />na quot;.$galeria. quot;<br /><br />o comentário é:<br />quot;.$comentario. quot;<br /><br />e o link para visualizar a foto é: <br />quot;. quot;<a href=$link target=_blank>foto</a><br /><br />quot;. quot;foto ativa: quot;.$ativa; }else{ echo quot;<h1>tipo de arquivo errado</h1><br /> só arquivo tipo .jpgquot;; } ?>
  5. 5. fotosListar.php <? include(quot;inc_topo.phpquot;); include(quot;data.txtquot;); ?> sair.php <? header(quot;Location: index.phpquot;); ?> dataConnect.php <? $filename = quot;data.txtquot;; $handle = fopen ($filename, quot;rquot;); $conteudo = fread ($handle, filesize ($filename)); echo $conteudo; fclose ($handle); ?> data.txt SITE index.php <!DOCTYPE html PUBLIC quot;-//W3C//DTD XHTML 1.0 Transitional//ENquot; quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdquot;> <html xmlns=quot;http://www.w3.org/1999/xhtmlquot;> <head> <meta http-equiv=quot;Content-Typequot; content=quot;text/html; charset=utf-8quot; /> <title>FOTO BLOG</title> <style type=quot;text/cssquot;> #topLayer {
  6. 6. position:absolute; left:14px; top:9px; width:923px; height:121px; z-index:1; } #manageLayer{ position:absolute; left:14px; top:138px; width:923px; height:414px; z-index:2; } #footerLayer{ position:absolute; left:13px; top:570px; width:923px; height:121px; z-index:3; } </style> </head> <body> <div id=quot;topLayerquot;> <?php include quot;topFrame.phpquot;; ?> </div> <div id=quot;manageLayerquot;> <?php include quot;manageFrame.phpquot;; ?> </div> <div id=quot;footerLayerquot;> <?php include quot;footerFrame.phpquot;; ?> </div> </body> </html> topFrame.php <div id=quot;Layer1quot;> <a href=quot;../admin/quot; target=quot;_blankquot;><img src=quot;img/logoFotoblog.pngquot; border=quot;0quot; /></a> </div> <div id=quot;mdiv1quot; > <table width=quot;600quot; border=quot;0quot; align=quot;centerquot;> <tr><td width=quot;20%quot; class=quot;itens_menuquot; id=quot;umquot; ><a href=quot;?midle=homequot; class=quot;link_smenuquot; target=quot;quot; >Home</a></td> <td width=quot;20%quot; class=quot;itens_menuquot; ><a href=quot;?midle=comoquot; class=quot;link_smenuquot; target=quot;quot;> Como funciona</a></td> <td class=quot;itens_menuquot;><a href=quot;?midle=termosquot; class=quot;link_smenuquot; target=quot;quot;>Termos e condições de uso</a></td>
  7. 7. <td width=quot;20%quot; class=quot;itens_menuquot;><a href=quot;?midle=fotosquot; class=quot;link_smenuquot; target=quot;quot;>Fotos</a></td> <td class=quot;itens_menuquot;><a href=quot;?midle=contatoquot; class=quot;link_smenuquot; target=quot;quot;>Contato</a></td> </tr> </table> </div> footerFrame.php <div id=quot;Layer1quot;> <table width=quot;30%quot; border=quot;0quot; align=quot;rightquot; cellpadding=quot;1quot; cellspacing=quot;1quot;> <tr> <td><a href=quot;http://antborrelli.comquot; title=quot;antborrelli.comquot; target=quot;_blankquot; ><img src=quot;img/logo.pngquot; border=quot;0quot; /></a></td> </tr> </table> </div> manageFrame.php <?php $midle=$_REQUEST[midle]; switch($midle){ case 'home' : include quot;homeFrame.phpquot;; break; case 'como': include quot;como.phpquot;; break; case 'termos' : include quot;termos.phpquot;; break; case 'fotos' : include quot;fotos.phpquot;; break; case 'contato' : include quot;contato.phpquot;; break; default : include quot;homeFrame.phpquot;; } ?> homeFrame.php <div id=quot;Layer1quot;> <table width=quot;100%quot; border=quot;0quot; cellspacing=quot;1quot; cellpadding=quot;1quot;> <tr> <td>&nbsp;</td> </tr> <tr> <td><p><strong>Curso PHP e MySql 2009.1 &ndash; turma noite<br /> Instrutor: Nelson Luis<br /> Aluno: Antonio Borrelli</strong></p> <p>&nbsp;</p></td> </tr> <tr> <th><h1>PROJETO FOTO BLOG</h1> <p>&nbsp;</p></th> </tr> <tr> <td>Cria&ccedil;&atilde;o de uma aplica&ccedil;&atilde;o online, para que uma comunidade de usu&aacute;rios cadastrados de um Super Administrator, possa gerenciar e publicar, de um painel de controle, <strong>galerias de fotos</strong>, que no site publico, dispon&iacute;vel tamb&eacute;m para usuario n&atilde;o cadastrado, oferece a possiblidade de visualizar as galerias dos varios publicadores. </td> </tr> </table> </div>
  8. 8. como.php <div id=quot;Layer1quot;> <table width=quot;100%quot; border=quot;0quot; cellspacing=quot;1quot; cellpadding=quot;1quot;> <tr> <td><p><strong>Painel de administra&ccedil;&atilde;o (Back End)</strong><br /> Acessando a aplica&ccedil;&atilde;o, o usu&aacute;rio, com dados de login recebidos do Super Admin, vai entrar no seu proprio painel de controle. Esse vai ter um cabe&ccedil;alho com identifica&ccedil;&atilde;o do usu&aacute;rio, um link para o site publ&iacute;co e um para sair. </p> <p><br /> Para atuar o gerenciamento de suas fotos, tamb&eacute;m no cabe&ccedil;&atilde;lho, o usu&aacute;rio vai necessitar dos seguentes links:<br /> <br /> 1)Fotos: listar---<br /> ____excluir</p> <p>____editar</p> <p>2)Fotos: adicionar--- upload e grava&ccedil;&atilde;o de coment&aacute;rios</p> <p>&nbsp;</p></td> <td><img src=quot;img/navigacao.gifquot; width=quot;508quot; height=quot;327quot; alt=quot;navigationquot; /></td> </tr> </table> </div> <table width=quot;100%quot; border=quot;0quot; cellspacing=quot;1quot; cellpadding=quot;1quot;> <tr> <td colspan=quot;2quot;><p>A p&aacute;gina &ldquo;Foto: listar&rdquo; vai visualizar na tela os dados de fotos j&aacute; publicadas pelo usu&aacute;rio.<br /> Esse dados v&atilde;o ser:<br /> <strong>id</strong> &ndash; <strong>titulo foto</strong> - <strong>data</strong> &ndash; <strong>ativa</strong>(sim/n&atilde;o) &ndash; <strong>galeria</strong>(predefinida)<br /> juntamente com o link para acessar a pagina de <strong>edi&ccedil;&atilde;o</strong> e o link para <strong>excluir</strong> as fotos.<br /> A p&aacute;gina de edi&ccedil;&atilde;o vai ter os seguentes campos:<br /> -galeria (selecionavil de uma lista predeterminada: fam&iacute;lia, amigos, trabalho, viagens...);<br /> -titulo;<br /> -coment&aacute;rio;<br /> -autor<br /> -adicionar/substituir foto<br /> -ativa (sim/n&atilde;o)<br /> um bot&atilde;o &ldquo;Gravar Alterac&otilde;es&rdquo; ira enviar as informa&ccedil;&otilde;es para o banco de dados.</p> <p>A p&aacute;gina &ldquo;Fotos: addicionar&rdquo; vai ter os mesmos campos e funcionalidade.</p> <p>O upload sera limitado &aacute; 100kB e s&oacute; para arquivos do tipo .jpg, tamb&eacute;m vai ser aconselhado um tamanho ideal (altura x largura), por que todas as fotos v&atilde;o ser redimensionadas pelo sistema.</p></td> </tr> </table>
  9. 9. termos.php <div id=quot;Layer1quot;> <table width=quot;100%quot; border=quot;0quot; cellspacing=quot;1quot; cellpadding=quot;1quot;> <tr> <td><p><strong>Site p&uacute;blico (Front End)</strong><br /> O site p&uacute;blico vai ter no cabe&ccedil;alho, junto com um logo, toda a navega&ccedil;&atilde;o, com links para p&aacute;ginas est&aacute;ticas, que v&atilde;o explicando a aplica&ccedil;&atilde;o, termos e condi&ccedil;&otilde;es de uso (no porno, no p&oacute;litica, no racismo... Super Admin pode excluir qualquer usu&aacute;rio cadastrado sem advertir), din&aacute;micas, mostrando as fotos dos publicadores, e uma p&aacute;gina de contato para pedir o cadastramento.<br /> A &ldquo;Home&rdquo; vai mostrar as ultimas 4 fotos inseridas no sistema, com links para as p&aacute;ginas pessoais dos publicadores. Aqui o usu&aacute;rio pode escolher uma das galerias de foto publicadas e visualizar as fotos. Os links, no cabe&ccedil;&atilde;lho, v&atilde;o ser:<br /> -Home<br /> -Como funciona<br /> -Termos e condi&ccedil;&otilde;es de uso<br /> -Fotos (para acessar uma sub-pagina para escolher o publicador)<br /> -Contato</p> <p>Nota: o gerenciamento de usu&aacute;rios cadastrados &eacute; feita, no momento, diretamente no banco de dado (PhpMyAdmin), um primeiro l&oacute;gico ampliamento do sistema seria o desenvolvimento de um painel de controle para administar os usu&aacute;rios.<br /> </p></td> <td><img src=quot;img/navigacaoFront.gifquot; width=quot;495quot; height=quot;296quot; alt=quot;navigationquot; /></td> </tr> </table> </div> contato.php <!DOCTYPE html PUBLIC quot;-//W3C//DTD XHTML 1.0 Transitional//ENquot; quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdquot;> <html xmlns=quot;http://www.w3.org/1999/xhtmlquot;> <head> <meta http-equiv=quot;Content-Typequot; content=quot;text/html; charset=utf-8quot; /> <title>FOTO BLOG: Contato</title> </head> <body> <div id=quot;mdiv1quot;> <form action=quot;contatoEnviar.phpquot; method=quot;postquot; id=quot;formquot;> Nome: * <input name=quot;nomequot; type=quot;textquot; size=quot;40quot; /><br /><br /> E-mail: * <input name=quot;emailquot; type=quot;textquot; size=quot;40quot; /><br /><br /> Objeto: * <select name=quot;objetoquot;> <option value=quot;Objeto: comentarioquot;>comentario</option> <option value=quot;Objeto: cadastroquot;>cadastro</option> <option value=quot;Objeto: outro...quot;>outro...</option> </select><br /><br /> Mensagem: *<br /> <textarea name=quot;mensagemquot; cols=quot;60quot; rows=quot;16quot;></textarea><br /><br /> Aceito os termos de uso <input name=quot;aceitoTermosquot; type=quot;checkboxquot; value=quot;simquot; checked=quot;checkedquot; /><br /><br /> <input name=quot;enviarquot; type=quot;submitquot; value=quot;enviarquot; /> <input type=quot;resetquot; name=quot;Resetquot; id=quot;buttonquot; value=quot;cancelarquot; /> </form>
  10. 10. </body> </html> contatoEnviar.php <?php $nome = $_POST['nome']; $email = $_POST['email']; $objeto = $_POST['objeto']; $mensagem = $_POST['mensagem']; $termos = $_POST['aceitoTermos']; echo quot;Oi quot;.$nome.quot;, vc enviou a seguinte mail para FOTO BLOG:<br />quot;.$objeto.quot;<br /><br />quot;.$mensagem; echo quot;<br /><br />Aceita os termos: quot;.$termos; //mail (quot;ant_borrelli@yahoo.dequot;, quot;Mail de FOTO BLOGquot;, $nome, $email); ?> fotos.php <div id=quot;Layer1quot;> <p align=quot;centerquot;><img src=quot;img/rotator2.jpgquot; width=quot;392quot; height=quot;300quot; alt=quot;flor1quot; /><img src=quot;img/rotator4.jpgquot; width=quot;392quot; height=quot;300quot; alt=quot;flor2quot; /></p> </div>

×