ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
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>
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=/ant_borrelli/projeto-foto-blog-code/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 />
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>
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
);

/ant_borrelli/projeto-foto-blog-code/$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=/ant_borrelli/projeto-foto-blog-code/$link target=_blank><img src=/ant_borrelli/projeto-foto-blog-code/$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=/ant_borrelli/projeto-foto-blog-code/$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;;

}



?>
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 {
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=/ant_borrelli/projeto-foto-blog-code/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>
<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=/ant_borrelli/projeto-foto-blog-code/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>
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=/ant_borrelli/projeto-foto-blog-code/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>
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=/ant_borrelli/projeto-foto-blog-code/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>
</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=/ant_borrelli/projeto-foto-blog-code/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>

More Related Content

Projeto Foto Blog Code

  • 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. 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=/ant_borrelli/projeto-foto-blog-code/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. 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. 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 ); /ant_borrelli/projeto-foto-blog-code/$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=/ant_borrelli/projeto-foto-blog-code/$link target=_blank><img src=/ant_borrelli/projeto-foto-blog-code/$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=/ant_borrelli/projeto-foto-blog-code/$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. 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. 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=/ant_borrelli/projeto-foto-blog-code/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. <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=/ant_borrelli/projeto-foto-blog-code/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. 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=/ant_borrelli/projeto-foto-blog-code/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. 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=/ant_borrelli/projeto-foto-blog-code/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. </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=/ant_borrelli/projeto-foto-blog-code/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>