<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Criatividade Visual &#187; PHP</title>
	<atom:link href="http://www.criatividadevisual.com/category/tutoriais-programacao/php/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.criatividadevisual.com</link>
	<description>Dicas e Recursos para Designers</description>
	<lastBuildDate>Tue, 13 Sep 2011 00:41:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Tutorial: Sistema de Votação Online!</title>
		<link>http://www.criatividadevisual.com/sistema-de-votacao-online/</link>
		<comments>http://www.criatividadevisual.com/sistema-de-votacao-online/#comments</comments>
		<pubDate>Sat, 11 Jul 2009 21:20:26 +0000</pubDate>
		<dc:creator>Fox92</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[php; html; votação; poll]]></category>

		<guid isPermaLink="false">http://www.criatividadevisual.com/?p=3234</guid>
		<description><![CDATA[Ensinarei como fazer um sistema de votação online através deste tutorial bastante simples. Este sistema de votação vai requisitar o PHP e MySQL, no entanto é um tutorial bastante simples que qualquer um pode seguir facilmente, e caso alguma dúvida que surja basta deixar um comentário aqui no blog e esclareceremos a sua dúvida assim que possível, mas como disse é um tutorial bastante simples, não deverá ter problemas em segui-lo.]]></description>
			<content:encoded><![CDATA[<p>Este seguinte tutorial vai ensinar a criar um pequeno Sistema de Votação Online que vai requisitar o PHP e MySQL.</p>
<p>Em 1º vamos criar um ficheiro &#8220;.html&#8221;.</p>
<p><img src="http://i31.tinypic.com/25sagq9.jpg" alt="Html code" /><br />
Na shell do MySQL digite após selecionar uma Base de Dados escreva o seguinte código:</p>
<blockquote><p>
CREATE TABLE votacao (id INT(2) NOT NULL auto_increment primary key, descricao CHAR(50), votos CHAR(4));
</p></blockquote>
<p>Pronto, a sua tabela foi criada com sucesso, de seguida vamos adicionar nas opções de tabela:</p>
<blockquote><p>
INSERT INTO votacao (descricao,votos) VALUES (&#8220;vermelho&#8221;,&#8221;0&#8243;);<br />
INSERT INTO votacao (descricao,votos) VALUES (&#8220;azul&#8221;,&#8221;0&#8243;);<br />
INSERT INTO votacao (descricao,votos) VALUES (&#8220;amarelo&#8221;,&#8221;0&#8243;);<br />
INSERT INTO votacao (descricao,votos) VALUES (&#8220;roxo&#8221;,&#8221;0&#8243;);
</p></blockquote>
<p>Vamos agora criar  o ficheiro .php com o nome de votação, com o seguinte codigo:</p>
<blockquote><p>
&lt;?</p>
<p>if ($escolha != &#8220;&#8221;) { // Verifica se foi inserido um voto e prossegue em frente no caso de verdade</p>
<p>// Variáveis a serem alteradas</p>
<p>$mysql_host = &#8220;&#8221;; // local do servidor MySQL<br />
$mysql_user = &#8220;&#8221;: // utilizador do MySQL<br />
$mysql_pass = &#8220;&#8221;; // senha do utilizador do MySQL<br />
$mysql_dtbs = &#8220;&#8221;; // base de dados onde a tabela foi criada</p>
<p>$num_resp = &#8220;&#8221;; // número de opções na tua votação<br />
$pergunta = &#8220;&#8221;; // pergunta da votação</p>
<p>// Nada mais a ser alterado</p>
<p>$mysql_conx = mysql_connect($mysql_host,$mysql_user,$mysql_pass);<br />
// ligação ao MySQL</p>
<p>$radio = $num_resp + 1;<br />
// para uso posterior</p>
<p>mysql_select_db($mysql_dtbs);<br />
// seleciona a base de dados</p>
<p>// aqui começa todo o trabalho do PHP para actualizar a base de dados</p>
<p>$query_upd = &#8220;SELECT * FROM votacao WHERE id=$escolha&#8221;;<br />
$resul_upd = mysql_query($query_upd);<br />
// aqui o PHP selecciona apenas os registos que coincidem com a escolha, neste<br />
// caso so uma opção</p>
<p>$obj_upd = mysql_fetch_object($resul_upd);<br />
// o comando mysql_fetch_object() separa os resultados de uma query por colunas<br />
// neste caso, $obj_upd -&gt; descrição da opção que o utilizador votou</p>
<p>$vot_upd = $obj_upd-&gt;votos;<br />
$vot_upd++;<br />
// separa só os votos e adicinona mais um voto</p>
<p>$upd_upd = &#8220;UPDATE votacao SET votos=$vot_upd WHERE id=$escolha&#8221;;<br />
mysql_query($upd_upd);<br />
// atualizou a base de dados</p>
<p>// Agora o PHP fará a pesquisa na base de dados e retornará as opções, seus<br />
// respectivos votos, total de votos e a sua escolha.</p>
<p>echo &#8220;&lt;H3&gt;&#8221; . $pergunta . &#8220;&lt;/H3&gt;&#8221;;</p>
<p>for($i=1;$i&lt;$radio;$i++) {</p>
<p>$query[$i] = &#8220;SELECT * FROM votação WHERE id=$i&#8221;;<br />
$resul[$i] = mysql_query($query[$i]);<br />
$objet[$i] = mysql_fetch_object($resul[$i]);</p>
<p>echo &#8220;&lt;FONT FACE=&#8221;Verdana&#8221; SIZE=&#8221;1&#8243;&gt;&lt;B&gt;&#8221; . $objet[$i]-&gt;opcao . &#8220;&lt;/B&gt; &#8221; . $objet[$i]-&gt;descricao . &#8220;&lt;B&gt; &#8221; . $objet[$i]-&gt;votos . &#8220;&lt;/B&gt;&lt;BR&gt;&#8221;;</p>
<p>$tot_vt += $objet[$i]-&gt;votos;</p>
<p>// tudo isto serve para requisitar o resultado de cada opção e exibir no écran</p>
<p>}<br />
echo &#8220;&lt;FONT SIZE=&#8221;1&#8243;&gt;&lt;B&gt;Total de votos:&lt;/B&gt;&#8221; . $tot_vt . &#8220;   &lt;B&gt;Sua Escolha&lt;/B&gt;:&#8221; . $escolha . &#8220;&lt;/FONT&gt;&lt;/FONT&gt;&#8221;;<br />
}<br />
?&gt;
</p></blockquote>
<img src="http://www.criatividadevisual.com/?ak_action=api_record_view&id=3234&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.criatividadevisual.com/sistema-de-votacao-online/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Tutorial: Formulário de Contacto (Flash + PHP)</title>
		<link>http://www.criatividadevisual.com/tutorial-formulario-de-contacto-flash-php/</link>
		<comments>http://www.criatividadevisual.com/tutorial-formulario-de-contacto-flash-php/#comments</comments>
		<pubDate>Tue, 03 Mar 2009 01:01:07 +0000</pubDate>
		<dc:creator>Flávio Proença</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[contacto]]></category>
		<category><![CDATA[Download]]></category>
		<category><![CDATA[forumulário]]></category>
		<category><![CDATA[Grátis]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.criatividadevisual.com/?p=684</guid>
		<description><![CDATA[Todos os sites, têm uma secção para entrar em contacto com o dono do site, ou outras pessoas em questão. Pois por isso eu trago aqui um tutorial que ensina a criar um formulário de contacto com Flash e PHP. Trata-se de um tutorial simples e muito útil para quem se está a iniciar no flash e no php. 
No fim do tutorial, disponibilizo os ficheiros para download (.fla e o ficheiro php).]]></description>
			<content:encoded><![CDATA[<h1 style="text-align: center;">Formulário de Contacto</h1>
<p>Todos os sites, têm uma secção para entrar em contacto com o dono do site, ou outras pessoas em questão. Pois por isso eu trago aqui um tutorial que ensina a criar um formulário de contacto com Flash e PHP. Trata-se de um tutorial simples e muito útil para quem se está a iniciar no flash e no php.<br />
No fim do tutorial, disponibilizo os ficheiros para download (.fla e o ficheiro php).</p>
<p><strong>Data:</strong> 03/03/09</p>
<p><strong>Autor:</strong> NgM_Me_KuRtE (Flávio Proença)</p>
<p><strong>Programas necessários:</strong> Adobe Flash e Bloco de Notas</p>
<p><strong>Tempo:</strong> 15 minutos</p>
<p><strong>Nível:</strong> Intermédio</p>
<p><span style="text-decoration: underline;"><strong>Resultado Final:</strong></span></p>
<p><object width="300" height="300" data="http://www.criatividadevisual.com/images/formulario_contacto.swf" type="application/x-shockwave-flash"><param name="src" value="http://www.criatividadevisual.com/images/formulario_contacto.swf" /></object></p>
<p><strong>1- </strong>Comece por criar um novo documento com a dimensão de 300px x 300px no Flash.<br />
<strong>2- </strong>Seleccione a ferramenta <strong>Text Tool (T)</strong>.<br />
<strong>3-</strong> Nas propriedades certifica-te que o tipo de texto está como estático <strong>(Static Text)</strong>.<br />
<strong>4-</strong> Clicar perto do topo do lado esquerdo da cena e colocar no nome campo texto &#8220;<span style="text-decoration: underline;">Nome:</span>&#8220;.<br />
<strong>5-</strong> Em baixo desse texto clicar e inserir um novo campo de texto que será o e-mail &#8220;<span style="text-decoration: underline;">E-mail:</span>&#8220;.<br />
<strong>6-</strong> Em baixo, por último colocar um outro campo com o nome de comentário &#8220;<span style="text-decoration: underline;">Comentário:</span>&#8220;.<br />
<strong>7-</strong> Terás algo do género, se tudo estiver bem até agora.</p>
<p><img class="aligncenter size-full wp-image-685" title="formulario_contacto_1" src="http://www.criatividadevisual.com/images/formulario_contacto_1.jpg" alt="formulario_contacto_1" width="300" height="300" /></p>
<p><strong>8-</strong> Selecciona de novo a ferramenta <strong>Text Tool (T)</strong> e nas propriedades do texto muda o tipo de texto para texto de entrada <strong>(Input Text)</strong>.<br />
<strong>9-</strong> Agora à direita do &#8220;<span style="text-decoration: underline;">Nome:</span>&#8221; desenha uma caixa de texto do tipo de texto de entrada, estica a caixa de texto até à ponta do documento.<br />
<strong>10- </strong>Nas propriedades clica na opção <strong>&#8220;Show border around text&#8221;</strong> e põe &#8220;<span style="text-decoration: underline;">tNome</span>&#8221; para o nome da instância &#8220;<strong>Instance name</strong>&#8220;.</p>
<blockquote><p>Como podes ver na imagem abaixo, no campo &#8220;<strong>Instance name</strong>&#8221; aparece o nome &#8220;<span style="text-decoration: underline;">tNome</span>&#8220;.</p></blockquote>
<p><img class="aligncenter size-thumbnail wp-image-686" title="formulario_contacto_2" src="http://www.criatividadevisual.com/images/formulario_contacto_2-536x145.jpg" alt="formulario_contacto_2" width="536" height="145" /><a href="http://www.criatividadevisual.com/images/formulario_contacto_2.jpg"><br />
</a></p>
<p><strong>11-</strong> À direita do &#8220;<span style="text-decoration: underline;">E-mail:</span>&#8221; desenha outra caixa de texto &#8220;<strong>input text</strong>&#8221; e estica-a até à ponta, como fizestes para o campo acima.Nas propriedades do texto selecciona a opção<strong> &#8220;Show border around text&#8221;</strong> caso não esteja seleccionada, e para o nome e instância coloca &#8220;<span style="text-decoration: underline;">tEmail</span>&#8221; (É igual à imagem de cima, mas apenas se substitui o tName por tEmail).<br />
<strong>12-</strong> Por fim faz o mesmo para o campo Mensagem, no nome da instância coloca &#8220;<span style="text-decoration: underline;">tMensagem</span>&#8221; e selecciona também a opção<strong> &#8220;Show border around text&#8221;</strong>. Nas propriedades do texto muda o tipo de linha para &#8220;<strong>Multiline</strong>&#8220;, em vez de &#8220;<strong>Single Line</strong>&#8220;.</p>
<p><img class="alignnone size-thumbnail wp-image-687" title="formulario_contacto_3" src="http://www.criatividadevisual.com/images/formulario_contacto_3-536x141.jpg" alt="formulario_contacto_3" width="536" height="141" /></p>
<p><strong>13-</strong> Deverás ter o seguinte:</p>
<p><img class="aligncenter size-full wp-image-688" title="formulario_contacto_4" src="http://www.criatividadevisual.com/images/formulario_contacto_4.jpg" alt="formulario_contacto_4" width="300" height="300" /><br />
<strong>14-</strong> Selecciona a ferramenta <strong>Rectangle Tool (R)</strong>.<br />
<strong>15-</strong> Desenha um rectângulo no canto direito inferior do documento.</p>
<p><strong>Propriedades do rectângulo: </strong>(não é necessário aplicar como aqui está, apenas é para verem para que servem os campos)</p>
<p><a href="http://www.criatividadevisual.com/images/formulario_contacto_5.jpg"><img class="aligncenter size-thumbnail wp-image-689" title="formulario_contacto_5" src="http://www.criatividadevisual.com/images/formulario_contacto_5-536x147.jpg" alt="formulario_contacto_5" width="536" height="147" /></a></p>
<p><strong>16-</strong> Selecciona a ferramenta <strong>Text Tool (T)</strong>.<br />
<strong>17-</strong> No cimo do rectângulo que desenhas-tes, clica e escreve a palavra &#8220;<span style="text-decoration: underline;">Enviar</span>&#8220;.<br />
<strong>18- </strong>Aqui fica o resultado até agora:</p>
<p><img class="aligncenter size-full wp-image-690" title="formulario_contacto_6" src="http://www.criatividadevisual.com/images/formulario_contacto_6.jpg" alt="formulario_contacto_6" width="300" height="300" /><br />
<strong>19-</strong> Selecciona a ferramenta <strong>Selection Tool (V)</strong>.<br />
<strong>20-</strong> Desenha uma caixa à volta do rectângulo e do texto &#8220;Enviar&#8221; para seleccionar ambos.<br />
<strong>21-</strong> Pressiona <strong>F8</strong> para converter a tua selecção num <span style="text-decoration: underline;">símbolo</span>.<br />
<strong>22-</strong> Coloca o nome &#8220;<span style="text-decoration: underline;">Enviar_bt</span>&#8221; e o tipo selecciona opção <strong>botão</strong> e pressiona ok.<br />
<strong>23-</strong> Clica no botão que acabastes de criar e nas propriedades coloca o nome &#8220;<span style="text-decoration: underline;">bEnviar</span>&#8221; para o nome de instância &#8220;<strong>Instance Name</strong>&#8220;.<br />
<strong>24-</strong> Clica na primeira frame da timeline e pressiona <strong>F9</strong> para abrir as actions &#8220;<strong>Actions Panel</strong>&#8220;.<br />
<strong>25-</strong> Coloca o seguinte código nas actions &#8220;<strong>Actions Panel</strong>&#8220;. (Apenas mudem o e-mail para o vosso, de resto não mexam em nada caso não saibam).</p>
<blockquote><p>bEnviar.onRelease = function()<br />
{<br />
email();<br />
}<br />
function email()<br />
{<br />
var sMensagem = &#8220;Nome: &#8221; + tNome.text + &#8220;\nE-mail: &#8221; + tEmail.text + &#8220;\nMensagem: &#8221; + tMensagem.text;<br />
lvSend = new LoadVars();<br />
lvReply = new LoadVars();<br />
lvSend.msg = sMensagem;<br />
lvSend.address = &#8220;teuemail@email.com&#8221;; //Colocar o teu e-mail aqui.<br />
tNome.text = &#8220;A enviar mensagem&#8230;&#8221;;<br />
tEmail.text = &#8220;&#8221;;<br />
tMensagem.text = &#8220;&#8221;;<br />
lvReply.onLoad()<br />
{<br />
tName.text = &#8220;Mensagem Enviada&#8221;;<br />
}<br />
lvSend.sendAndLoad(&#8216;mail.php&#8217;, lvReply, &#8216;POST&#8217;);<br />
}</p></blockquote>
<p><strong>26-</strong> Agora abre o <span style="text-decoration: underline;">Bloco de notas</span> e cola o seguinte código. (Aqui apenas podem mudar onde diz <span style="text-decoration: underline;">E-mail Recebido</span>, este vai ser o título do e-mail que irão receber)</p>
<blockquote><p>&lt;?php<br />
$mensagem = $_POST["msg"];<br />
$address = $_POST["address"];<br />
mail($address,&#8221;E-mail Recebido&#8221;,$mensagem);<br />
?&gt;</p></blockquote>
<p><strong>27-</strong> Vai a <strong>Ficheiro</strong> » <strong>Guardar como&#8230;.</strong> e salva o ficheiro com o nome &#8220;<span style="text-decoration: underline;">mail.php</span>&#8221; na mesma pasta onde vai ficar o teu swf.<br />
<strong>28-</strong> Faz o upload dos ficheiros para o teu servidor e é só testar.</p>
<p><strong>Download:</strong> <a href="http://www.criatividadevisual.com/images/formulario_contacto.rar" target="_blank">Formulario_contacto.rar</a></p>
<img src="http://www.criatividadevisual.com/?ak_action=api_record_view&id=684&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.criatividadevisual.com/tutorial-formulario-de-contacto-flash-php/feed/</wfw:commentRss>
		<slash:comments>24</slash:comments>
		</item>
	</channel>
</rss>

