<?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>tvieira.net &#187; Desenvolvimento</title>
	<atom:link href="http://www.tvieira.net/categoria/desenvolvimento/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.tvieira.net</link>
	<description></description>
	<lastBuildDate>Wed, 01 Feb 2012 07:57:20 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Códigos de Programas Open Source da Nasa.</title>
		<link>http://www.tvieira.net/dicas/codigos-de-programas-open-source-da-nasa-2/</link>
		<comments>http://www.tvieira.net/dicas/codigos-de-programas-open-source-da-nasa-2/#comments</comments>
		<pubDate>Fri, 20 Jan 2012 02:25:36 +0000</pubDate>
		<dc:creator>Tiago Vieira</dc:creator>
				<category><![CDATA[Desenvolvimento]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Software Livre]]></category>
		<category><![CDATA[dica]]></category>
		<category><![CDATA[software livre]]></category>

		<guid isPermaLink="false">http://www.tvieira.net/?p=1231</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.tvieira.net/dicas/codigos-de-programas-open-source-da-nasa-2/' addthis:title='Códigos de Programas Open Source da Nasa. '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>A Nasa tem vários projetos open source, e eles disponibilizaram um site para que as pessoas que quiserem possam ter acesso ao código fonte desses projetos. Essa é uma oportunidade muito boa de conhecer a fundo o trabalho que Nasa realiza com o software livre, principalmente para estudos desses códigos. Segue abaixo o link para acesso: http://code.nasa.gov/ Espero que possam fazer bom uso da dica para seus estudos, e porque não matar a curiosidade também [...]]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.tvieira.net/dicas/codigos-de-programas-open-source-da-nasa-2/' addthis:title='Códigos de Programas Open Source da Nasa. '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div><p><img class="alignright" title="Nasa" src="http://cx.net.br/widget/img/9176764_ZuU7w.png" alt="" width="144" height="125" /></p>
<p>A Nasa tem vários projetos open source, e eles disponibilizaram um site para que as pessoas que quiserem possam ter acesso ao código fonte desses projetos. Essa é uma oportunidade muito boa de conhecer a fundo o trabalho que Nasa realiza com o software livre, principalmente para estudos desses códigos. Segue abaixo o link para acesso:</p>
<p><a href="http://code.nasa.gov/" title="Nasa" target="_blank">http://code.nasa.gov/</a></p>
<p>Espero que possam fazer bom uso da dica para seus estudos, e porque não matar a curiosidade também né! <img src='http://www.tvieira.net/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.tvieira.net/dicas/codigos-de-programas-open-source-da-nasa-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Upload de Arquivos com JSP.</title>
		<link>http://www.tvieira.net/desenvolvimento/upload-de-arquivos-com-jsp/</link>
		<comments>http://www.tvieira.net/desenvolvimento/upload-de-arquivos-com-jsp/#comments</comments>
		<pubDate>Mon, 28 Nov 2011 03:01:33 +0000</pubDate>
		<dc:creator>Tiago Vieira</dc:creator>
				<category><![CDATA[Desenvolvimento]]></category>
		<category><![CDATA[java]]></category>
		<category><![CDATA[jsp]]></category>

		<guid isPermaLink="false">http://www.tvieira.net/?p=1218</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.tvieira.net/desenvolvimento/upload-de-arquivos-com-jsp/' addthis:title='Upload de Arquivos com JSP. '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>Estou fazendo um sistema de teste para aprender mais sobre o JSP, para implantar servlets e tudo o que precisa para fazer um sistema simples, e cheguei no momento que precisaria de fazer upload de arquivos para o servidor. Encontrei na internet vários exemplos de upload, mas nenhum que funcionasse, até que encontrei um código (comentado) que funcionou perfeitamente para mim. Segue abaixo o código: form.html upload.jsp Esse código, funcionou comigo! Infelizmente não me lembro [...]]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.tvieira.net/desenvolvimento/upload-de-arquivos-com-jsp/' addthis:title='Upload de Arquivos com JSP. '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div><p><img class="alignleft size-full wp-image-1219" title="Java" src="http://www.tvieira.net/wp-content/uploads/2011/11/java.png" alt="" width="154" height="154" /></p>
<p>Estou fazendo um sistema de teste para aprender mais sobre o JSP, para implantar servlets e tudo o que precisa para fazer um sistema simples, e cheguei no momento que precisaria de fazer upload de arquivos para o servidor. Encontrei na internet vários exemplos de upload, mas nenhum que funcionasse, até que encontrei um código (comentado) que funcionou perfeitamente para mim. Segue abaixo o código:</p>
<p><strong>form.html</strong></p>
<pre class="brush: xml; title: ; notranslate">
&lt;HTML&gt;
&lt;HEAD&gt;
&lt;TITLE&gt;Form&lt;/TITLE&gt;
&lt;BODY&gt;
&lt;form action=&quot;upload.jsp&quot; method=&quot;post&quot; enctype=&quot;multipart/form-data&quot;&gt;
&lt;input type=&quot;file&quot; name=&quot;arquivo&quot; /&gt;&lt;br&gt;
&lt;input type=&quot;submit&quot; value=&quot;Enviar&quot; /&gt;
&lt;/form&gt;
&lt;/BODY&gt;
&lt;/HTML&gt;
</pre>
<p><strong>upload.jsp</strong></p>
<pre class="brush: java; title: ; notranslate">
&lt;%@page import=&quot;java.io.RandomAccessFile&quot;%&gt;
&lt;%@page import=&quot;java.io.ByteArrayOutputStream&quot;%&gt;
&lt;%@page import=&quot;java.io.FileOutputStream&quot;%&gt;
&lt;%@page import=&quot;java.io.DataInputStream&quot;%&gt;  

&lt;%@ page language=&quot;java&quot; contentType=&quot;text/html; charset=ISO-8859-1&quot;
         pageEncoding=&quot;ISO-8859-1&quot;%&gt;
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;&gt;
&lt;%  

 String savePath = &quot;CAMINHO QUE SERÁ SALVO O ARQUIVO&quot;;   // o diretório onde os arquivos carregados serão salvos  

 String filename = &quot;&quot;;     

 ServletInputStream in = request.getInputStream(); //uma referencia do objeto da solicitaçao http onde tem o conteudo do arquivo carregado  

 //o inicio do arquivo carregado  e separado pelo limite e uma sequencia de caracteres
 //de carros de retorno-alimentador de linha ledo o HttpServeltRequest linha a linha
 byte[] line = new byte[128];  // define um array de byte chamado line
 int i = in.readLine(line, 0, 128);  //usar o metodo readLine de ServeltInputStream para ler a 1a linha do conteudo do objeto http
 int boundaryLength = i - 2; //o comprimeto atual da linha -2 do que o num de bytes retornado do metodo readLine
 String boundary = new String(line, 0, boundaryLength);   //Descarta os 2 ultimos caracteres da linha  

 //tendo recuperado o limite, entao pode iniciar a extraçao do elemento de valor de formulario, lendo o conteudo do objeto
 // http linha por linha, usando a loop while, ate q ela atinja o final, qdo o medoto readLine retorna -1
  while (i != -1) {
    String newLine = new String(line, 0, i);
    if (newLine.startsWith(&quot;Content-Disposition: form-data; name=\&quot;&quot;)) {
      String s = new String(line, 0, i-2);//agora pode conseguir o nome de arquivo a partir da string de leitura
      int pos = s.indexOf(&quot;filename=\&quot;&quot;);
      if (pos != -1) {
        String filepath = s.substring(pos+10, s.length()-1);
        // navegadores do Windows incluem o caminho completo do cliente,
        // mas Unix / Linux e navegadores de Mac só enviar o arquivo de teste
        // se este é de um navegador para Windows
        pos = filepath.lastIndexOf(&quot;\\&quot;);
        if (pos != -1)
          filename = filepath.substring(pos + 1);
        else
          filename = filepath;
      }     

      //este é o conteúdo do arquivo
      i = in.readLine(line, 0, 128);  //depois de conseguir o nome de arquivo, notara os dois pares de caracteres
      i = in.readLine(line, 0, 128); //carro de retorno-alimentador de linha antes do inico do conteudo do arquivo carregado
      // blank line                  //pois isto chama o metodo readLine duas vezes
      i = in.readLine(line, 0, 128);     

      ByteArrayOutputStream buffer = new  //depois inicia o conteudo atual do arquivo, que e armazenado em um ByteArrayOutputStream
      ByteArrayOutputStream();
      newLine = new String(line, 0, i); // que continua lendo a linha ate encontrar um outro limite  

      while (i != -1 &amp;&amp; !newLine.startsWith(boundary)) {
       // o problema é a última linha do conteúdo do arquivo contém o caractere nova linha.
       // Então, nós precisamos verificar se a linha atual é a última linha
        buffer.write(line, 0, i);
        i = in.readLine(line, 0, 128);
        newLine = new String(line, 0, i);
      }
      try {
        // salvar o arquivo carregado               //o limite sinaliza o final do arquivo carregado
        RandomAccessFile f = new RandomAccessFile(  //sendo sua etapa e salvar o buffer em um arquivo
          savePath + filename, &quot;rw&quot;);
        byte[] bytes = buffer.toByteArray();
        f.write(bytes, 0, bytes.length - 2);
        f.close();
      }
      catch (Exception e) {}
    }
    i = in.readLine(line, 0, 128);     

  } // fim do while
%&gt;
</pre>
<p>Esse código, funcionou comigo! Infelizmente não me lembro a página que consegui, procurei novamente mas não consegui depois. Espero que possa ajudar outros que estejam estudando essa linguagem de programação também.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tvieira.net/desenvolvimento/upload-de-arquivos-com-jsp/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Enviando E-mail com SMTP Autenticado &#8211; PHP.</title>
		<link>http://www.tvieira.net/desenvolvimento/enviando-e-mail-com-smtp-autenticado-php/</link>
		<comments>http://www.tvieira.net/desenvolvimento/enviando-e-mail-com-smtp-autenticado-php/#comments</comments>
		<pubDate>Mon, 24 Oct 2011 06:40:31 +0000</pubDate>
		<dc:creator>Tiago Vieira</dc:creator>
				<category><![CDATA[Desenvolvimento]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://www.tvieira.net/?p=1209</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.tvieira.net/desenvolvimento/enviando-e-mail-com-smtp-autenticado-php/' addthis:title='Enviando E-mail com SMTP Autenticado &#8211; PHP. '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>Estava precisando implementar em um sistema o envio de e-mail cada vez que o usuário fizesse um novo cadastro. Estava usando a função mail() do PHP, mas me deparei com o problema do SMTP autenticado, pois você configura no arquivo php.ini o SMTP que você quer usar, mas se esse SMTP requirir autenticação fica um pouco mais complicado corrigir e será dará erro. Então me lembrei do projeto PHPMailer que poderia resolver o meu problema, [...]]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.tvieira.net/desenvolvimento/enviando-e-mail-com-smtp-autenticado-php/' addthis:title='Enviando E-mail com SMTP Autenticado &#8211; PHP. '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div><p><img class="alignright size-full wp-image-1105" title="PHP" src="http://www.tvieira.net/wp-content/uploads/2011/03/php.png" alt="" width="128" height="128" /></p>
<p>Estava precisando implementar em um sistema o envio de e-mail cada vez que o usuário fizesse um novo cadastro. Estava usando a função mail() do PHP, mas me deparei com o problema do SMTP autenticado, pois você configura no arquivo <em>php.ini</em> o SMTP que você quer usar, mas se esse SMTP requirir autenticação fica um pouco mais complicado corrigir e será dará erro.</p>
<p>Então me lembrei do projeto <a href="http://sourceforge.net/projects/phpmailer/" target="_blank">PHPMailer</a> que poderia resolver o meu problema, pois é um projeto que envia e-mail e lhe disponibiliza maiores opções para o envio. Abaixo segue uma demonstração de como usá-lo:</p>
<pre class="brush: php; title: ; notranslate">
require(&quot;phpmailer/class.phpmailer.php&quot;); //inclui a página class.phpmailer.php
$mail = new PHPMailer(); //instancia o objeto PHPMailer
$mail-&gt;IsSMTP(); //informa que foi trabalhar com SMTP
$mail-&gt;Host = &quot;smtp.seuservidor.com.br&quot;; //o endereço do meu servidor smtp
$mail-&gt;SMTPAuth = true; //informo que o servidor SMTP requer autenticação
$mail-&gt;Username = &quot;usuario&quot;; //informo o usuário para autenticação no SMTP
$mail-&gt;Password= &quot;senha&quot;; //informo a senha do usuário para autenticação no SMTP
$mail-&gt;From = &quot;email@seusite.com.br; //informo o e-mail Remetente
$mail-&gt;FromName = &quot;Seu Nome&quot;; //o nome do que irá aparecer para a pessoa que vai receber o e-mail
$mail-&gt;AddAddress(&quot;destinatario@email.com.br&quot;); //e-mail do destinatário
$mail-&gt;WordWrap = 50; //informo a quebra de linha no e-mail (isso é opcional)
$mail-&gt;IsHTML(true); //informo que o e-mail é em HTML (opcional)
$mail-&gt;Subject = &quot;Assunto&quot;; //informo o assunto do e-mail
$mail-&gt;Body = &quot;&lt;html&gt;&lt;body&gt;O Texto do e-mail aqui!&lt;/body&gt;&lt;/html&gt;&quot;; //aqui vai o corpo do e-mail em HTML
$mail-&gt;Send(); //Enfim, envio o e-mail.
</pre>
<p>Junto com o projeto existem vários outros exemplos de como você pode usar o PHPMailer, basta fazer o download <a href="http://sourceforge.net/projects/phpmailer/files/phpmailer%20for%20php5_6/PHPMailer%20v5.1/" target="_blank">clicando aqui</a>.</p>
<p>Até a próxima.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tvieira.net/desenvolvimento/enviando-e-mail-com-smtp-autenticado-php/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Curso de HTML5 e CSS3.</title>
		<link>http://www.tvieira.net/desenvolvimento/curso-de-html5-e-css3/</link>
		<comments>http://www.tvieira.net/desenvolvimento/curso-de-html5-e-css3/#comments</comments>
		<pubDate>Mon, 05 Sep 2011 03:01:57 +0000</pubDate>
		<dc:creator>Tiago Vieira</dc:creator>
				<category><![CDATA[Desenvolvimento]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[download]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://www.tvieira.net/?p=1183</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.tvieira.net/desenvolvimento/curso-de-html5-e-css3/' addthis:title='Curso de HTML5 e CSS3. '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>Com as atualizações dos browsers para o suporte ao HTML5, essa linguagem de marcação de texto esta se tornando cada vez mais usada, pois nos facilita muito a vida para programar com suas novas tags e o modo de tratar formulários por exemplo. E em conjunto com o HTML5 tem a versão 3 do CSS, que existe algumas alterações também para simplificar ainda mais o uso dessa linguagem de estilo. O Escritório no Brasil da [...]]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.tvieira.net/desenvolvimento/curso-de-html5-e-css3/' addthis:title='Curso de HTML5 e CSS3. '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div><p><img class="alignleft size-full wp-image-1188" title="HTML5" src="http://www.tvieira.net/wp-content/uploads/2011/09/HTML5.png" alt="" width="147" height="147" />Com as atualizações dos browsers para o suporte ao HTML5, essa linguagem de marcação de texto esta se tornando cada vez mais usada, pois nos facilita muito a vida para programar com suas novas tags e o modo de tratar formulários por exemplo. E em conjunto com o HTML5 tem a versão 3 do CSS, que existe algumas alterações também para simplificar ainda mais o uso dessa linguagem de estilo.</p>
<p>O Escritório no Brasil da <a href="http://www.w3c.br/Home/WebHome" target="_blank">W3C</a> fez um curso explicando funciona essas novas versões do HTML e do CSS. Para fazer o download basta clicar nos links abaixo:</p>
<p style="text-align: center;"><a href="http://www.tvieira.net/?file_id=2" class="button-big big-blue"><span></span> HTML5 <em>Download do Curso de HTML5</em></a></p>
<p style="text-align: center;"><a href="http://www.tvieira.net/?file_id=3" class="button-big big-orange"><span></span> CSS3 <em>Download do Curso de CSS3</em></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tvieira.net/desenvolvimento/curso-de-html5-e-css3/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>500 Internal Server Error no WordPress.</title>
		<link>http://www.tvieira.net/dicas/500-internal-server-error-no-wordpress/</link>
		<comments>http://www.tvieira.net/dicas/500-internal-server-error-no-wordpress/#comments</comments>
		<pubDate>Wed, 20 Apr 2011 13:02:43 +0000</pubDate>
		<dc:creator>Tiago Vieira</dc:creator>
				<category><![CDATA[Desenvolvimento]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[dica]]></category>

		<guid isPermaLink="false">http://www.tvieira.net/?p=1128</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.tvieira.net/dicas/500-internal-server-error-no-wordpress/' addthis:title='500 Internal Server Error no WordPress. '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>Na data de ontem tivemos um problema aqui no blog, alguns que visitaram na maior parte do dia de ontem deu de cara com a mensagem, Internal Server Error. Isso ocorreu depois de eu ter feito uma atualização do blog e enquanto estava carregando essa atualização a página expirou. Fui verificar como resolver esse erro, pois o servidor estava tudo ok, estava conseguindo acessar o FTP normalmente e todos os arquivos estavam no lugar correto, [...]]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.tvieira.net/dicas/500-internal-server-error-no-wordpress/' addthis:title='500 Internal Server Error no WordPress. '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div><p><img class="alignright" title="Wordpress" src="http://www.ajudawp.com/wp-content/uploads/2010/11/wordpress.jpg" alt="" width="126" height="126" /></p>
<p>Na data de ontem tivemos um problema aqui no blog, alguns que visitaram na maior parte do dia de ontem deu de cara com a mensagem, Internal Server Error. Isso ocorreu depois de eu ter feito uma atualização do blog e enquanto estava carregando essa atualização a página expirou.</p>
<p>Fui verificar como resolver esse erro, pois o servidor estava tudo ok, estava conseguindo acessar o FTP normalmente e todos os arquivos estavam no lugar correto, mas percebi que as permissões dos arquivos haviam sido modificadas. Sinceramente não sei como isso ocorreu, se foi o wordpress ou o servidor que fez isso, mas alterei todas as permissões conforme estavam anteriormente, mas mesmo assim, esta dando o mesmo erro.</p>
<p>O segredo era apagar o arquivo .htaccess que fica na raiz da instalação do wordpress, depois de apagado esse arquivo voltou a funcionar tudo normalmente, com excessão dos links permanentes, que é preciso entrar a administração do wordpress na sessão &#8220;Configurações&#8221; e depois em &#8220;Links Permanentes&#8221; para configurar os links novamente, e para isso, basta clicar no botão salvar configurações para que o wordpress crie novamente o arquivo .htaccess e assim realmente voltar a funcionar tudo.</p>
<p>Ai esta a dica para aqueles que se depararem com o mesmo problema.</p>
<p>Abraços</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tvieira.net/dicas/500-internal-server-error-no-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Faça seus Scripts, Teste Online e Envie Links para Outros Verem Funcionando.</title>
		<link>http://www.tvieira.net/desenvolvimento/faca-seus-scripts-e-teste-online-e-envie-links-verem-funcionando/</link>
		<comments>http://www.tvieira.net/desenvolvimento/faca-seus-scripts-e-teste-online-e-envie-links-verem-funcionando/#comments</comments>
		<pubDate>Thu, 31 Mar 2011 15:18:51 +0000</pubDate>
		<dc:creator>Tiago Vieira</dc:creator>
				<category><![CDATA[Desenvolvimento]]></category>
		<category><![CDATA[dica]]></category>

		<guid isPermaLink="false">http://www.tvieira.net/?p=1111</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.tvieira.net/desenvolvimento/faca-seus-scripts-e-teste-online-e-envie-links-verem-funcionando/' addthis:title='Faça seus Scripts, Teste Online e Envie Links para Outros Verem Funcionando. '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>Nos meus estudos tenho visto bastante sobre JQuery, que é uma ótima ferramenta para fazermos efeitos, validação de formulários, envio de dados do formulário e muitas outras coisas. Nas navegadas no google, encontrei uma ferramenta muito interessante, é o JsFiddle. O que essa ferramenta faz é muito interessante, nela tem como você escrever ou colar o código HTML, CSS e Javascript separados, e ver em tempo real como que esta ficando o resultado, além disso, [...]]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.tvieira.net/desenvolvimento/faca-seus-scripts-e-teste-online-e-envie-links-verem-funcionando/' addthis:title='Faça seus Scripts, Teste Online e Envie Links para Outros Verem Funcionando. '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div><p><img class="alignleft" title="JsFiddle" src="http://articles.tutorboy.com/content/uploads/2011/03/jsfiddle.home_.screen2-150x150.png" alt="" width="150" height="150" /></p>
<p>Nos meus estudos tenho visto bastante sobre JQuery, que é uma ótima ferramenta para fazermos efeitos, validação de formulários, envio de dados do formulário e muitas outras coisas. Nas navegadas no google, encontrei uma ferramenta muito interessante, é o <a href="http://jsfiddle.net/">JsFiddle</a>.</p>
<p>O que essa ferramenta faz é muito interessante, nela tem como você escrever ou colar o código HTML, CSS e Javascript separados, e ver em tempo real como que esta ficando o resultado, além disso, você pode salvar a sua aplicação, pegar o link e enviar para outras pessoas, assim eles verão funcionando e podem alterar também.</p>
<p>Os códigos ficam coloridos(syntax highlight), identados e já vem pré-configurado para usar os scripts JQuery, Mootools e muitos outros.</p>
<p>Essa ferramenta é muito interessante para desenvolvimento em grupo, envio de código para outra pessoa para ensinar e muitas outras funcionalidades.</p>
<p>Entrem no site <a href="http://jsfiddle.net/">http://jsfiddle.net/</a> e vejam o que esse serviço pode lhe oferecer.</p>
<p>Lembrando que esta na versão Alpha, tendo ainda muito que melhorar, apesar que o serviços já é ótimo!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tvieira.net/desenvolvimento/faca-seus-scripts-e-teste-online-e-envie-links-verem-funcionando/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Guia de Consulta Rápida &#8211; PHP Orientado à Objetos.</title>
		<link>http://www.tvieira.net/desenvolvimento/guia-de-consulta-rapida-php-orientado-a-objetos/</link>
		<comments>http://www.tvieira.net/desenvolvimento/guia-de-consulta-rapida-php-orientado-a-objetos/#comments</comments>
		<pubDate>Wed, 23 Mar 2011 13:27:47 +0000</pubDate>
		<dc:creator>Tiago Vieira</dc:creator>
				<category><![CDATA[Desenvolvimento]]></category>
		<category><![CDATA[download]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://www.tvieira.net/?p=1104</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.tvieira.net/desenvolvimento/guia-de-consulta-rapida-php-orientado-a-objetos/' addthis:title='Guia de Consulta Rápida &#8211; PHP Orientado à Objetos. '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>Uma das coisas qu eu estou vendo muito nesses dias é orientanção à objetos, tanto na faculdade como nos estudos pessoais. Estou fazendo um sistema pessoal para controlar algumas coisas que eu faço no dia a dia, e resolvi fazer em php orientado à objetos. Não é muito difícil, depois que você aprende o conceito fica muito mais fácil, e ainda quando você tem um guia que possa te ajudar quando a dúvida aparecer, fica [...]]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.tvieira.net/desenvolvimento/guia-de-consulta-rapida-php-orientado-a-objetos/' addthis:title='Guia de Consulta Rápida &#8211; PHP Orientado à Objetos. '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div><p><img class="alignright size-full wp-image-1105" title="PHP" src="http://www.tvieira.net/wp-content/uploads/2011/03/php.png" alt="" width="128" height="128" /></p>
<p>Uma das coisas qu eu estou vendo muito nesses dias é orientanção à objetos, tanto na faculdade como nos estudos pessoais. Estou fazendo um sistema pessoal para controlar algumas coisas que eu faço no dia a dia, e resolvi fazer em php orientado à objetos. Não é muito difícil, depois que você aprende o conceito fica muito mais fácil, e ainda quando você tem um guia que possa te ajudar quando a dúvida aparecer, fica mais fácil ainda.</p>
<p>Esse guia de consulta foi feito originalmente por <a href="http://twitter.com/andycrathorne" target="_blank">Andy Crathorne</a> da <a href="http://www.acmultimedia..co.uk" target="_blank">AC Multimedia</a>, e é uma tradução do guia <em>&#8220;cheat sheet&#8221;</em>.</p>
<p>Vai ajudar muito como um guia de consulta rápida para aqueles que estão começando na orientação à objetos em PHP, e também para aqueles com mais experiência que tem com pouca (ou muita) frequência os &#8220;brancos&#8221; que são tão famosos. <img src='http://www.tvieira.net/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p style="text-align: center;"><a title="Guia de Consulta Rápida - PHP Orientado à Objetos" href="http://www.tvieira.net/?file_id=1">DOWNLOAD DO GUIA DE CONSULTA RÁPIDA &#8211; PHP ORIENTADO À OBJETOS</a></p>
<p style="text-align: center;">(para salvar o arquivo direto, pode clicar com o botão direito no link acima e depois clicam em &#8220;Salvar link como&#8230;&#8221;)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tvieira.net/desenvolvimento/guia-de-consulta-rapida-php-orientado-a-objetos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Enviar Formulário em PHP e JQuery.</title>
		<link>http://www.tvieira.net/dicas/enviar-formulario-em-php-e-jquery/</link>
		<comments>http://www.tvieira.net/dicas/enviar-formulario-em-php-e-jquery/#comments</comments>
		<pubDate>Fri, 18 Mar 2011 16:39:22 +0000</pubDate>
		<dc:creator>Tiago Vieira</dc:creator>
				<category><![CDATA[Desenvolvimento]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[dica]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://www.tvieira.net/?p=1092</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.tvieira.net/dicas/enviar-formulario-em-php-e-jquery/' addthis:title='Enviar Formulário em PHP e JQuery. '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>Quando vamos fazer um site ou blog, umas das coisas que sempre usamos são os formulários, seja para contato ou na área administrativa para inserir informações. Estou fazendo um sistema pessoal, que irá rodar em localhost em meu notebook, para alguns controles próprios, e estava querendo colocar um efeito diferente no formulário na hora de enviar as informações, então pesquisei um pouco sobre o JQuery, que é um script muito bom para fazer efeitos, personalizações [...]]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.tvieira.net/dicas/enviar-formulario-em-php-e-jquery/' addthis:title='Enviar Formulário em PHP e JQuery. '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div><p><img class="alignleft size-full wp-image-557" title="Dicas" src="http://www.tvieira.net/wp-content/uploads/2009/12/Dicas.png" alt="" width="64" height="64" /></p>
<p>Quando vamos fazer um site ou blog, umas das coisas que sempre usamos são os formulários, seja para contato ou na área administrativa para inserir informações. Estou fazendo um sistema pessoal, que irá rodar em localhost em meu notebook, para alguns controles próprios, e estava querendo colocar um efeito diferente no formulário na hora de enviar as informações, então pesquisei um pouco sobre o JQuery, que é um script muito bom para fazer efeitos, personalizações e muitas outras coisas, e resolvi postar aqui o que eu fiz e como.</p>
<p>Lembrando que no exemplo é um formulário bem simples, com dois campos, nome e e-mail, depois que o mesmo clica em enviar, o formulário some e aparece uma barra de carregando, depois que é processado o formulário a barra de carregando some e aparece uma mensagem que os dados foi gravado com sucesso, isso tudo na mesma página e sem reload ou refresh. Vamos ao código então:</p>
<p>Primeiro iremos ter a página formulario.php:</p>
<p>formulario.php</p>
<pre class="brush: php; title: ; notranslate">
&lt;div id=&quot;formulario&quot;&gt;

        //Começo do formulário de cadastro de e-mail, com os campos Nome e E-mail.
    	&lt;div id=&quot;formularioEmail&quot;&gt;
            &lt;label for=&quot;nome&quot;&gt;Nome:&lt;/label&gt;
            &lt;input type=&quot;text&quot; name=&quot;nome&quot; id=&quot;nome&quot;/&gt;

            &lt;br /&gt;&lt;br /&gt;

            &lt;label for=&quot;email&quot;&gt;E-mail:&lt;/label&gt;
            &lt;input type=&quot;text&quot; name=&quot;email&quot; id=&quot;email&quot;/&gt;

            &lt;br /&gt;&lt;br /&gt;

            &lt;div align=&quot;center&quot;&gt;&lt;input type=&quot;submit&quot; name=&quot;cadastrarEmail&quot; id=&quot;cadastrarEmail&quot;/&gt;&lt;/div&gt;

         &lt;/div&gt;
        //Fim do formulário de cadastro de e-mail.

        //Div com a imagem de carregando do formulário, isso aparece depois que você clica em enviar. Note que no style o display esta como none, sendo assim a div fica invisivel.
        &lt;div id=&quot;carregando_form&quot; style=&quot;text-align:center; display:none;&quot;&gt;&lt;img src=&quot;images/ajax-loader.gif&quot; /&gt;&lt;/div&gt;

        //Div que irá receber o retorno do processando, essa div esta como display none também, e irá aparecer quando a div de carregando sumir.
        &lt;div id=&quot;retorno&quot; style=&quot;font-family:Calibri, 'Trebuchet MS', Verdana; font-size: 15px; border: 1px solid #3DBF0D; background: #91DE76; text-align: center; display:none; padding: 10px 10px 10px 10px;&quot;&gt;&lt;br /&gt;&lt;/div&gt;

&lt;/div&gt;
</pre>
<p>Agora vamos ao código JQuery para envio do formulário, como você pôde ver no código acima, não estamos utilizando a tag html &lt;form&gt; pois é o código JQuery que irá enviar o formulário para a página que irá inserir os dados no banco de dados. Insira o código abaixo dentro da tag &lt;head&gt; do formulario.php, você também precisará do arquivo .js do JQuery.</p>
<pre class="brush: jscript; title: ; notranslate">
&lt;script src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js&quot;&gt;&lt;/script&gt;

&lt;script type=&quot;text/javascript&quot;&gt;

$(function(){
//Função que ao clicar no botão, irá fazer.
$(&quot;#cadastrarEmail&quot;).click(function(){
//Irá esconder a div do formulario que é o formularioEmail, com efeito em slow.
$(&quot;#formularioEmail&quot;).hide(&quot;slow&quot;);
//Aqui diz que antes de enviar, irá aparecer a div carregando_form, com efeito slow.
beforeSend:$(&quot;#carregando_form&quot;).show(&quot;slow&quot;);
//Pegando os valores que foram digitados no formulário e colocando nas variáveis nome e email.
var nome = $(&quot;#nome&quot;).val();
var email = $(&quot;#email&quot;).val();
//Enviando as variáveis com os valores para a página envia_formulario.php e criando uma nova função para pegar o retorno da página envia_formulario.php
$.post(&quot;envia_formulario.php&quot;, { nome:nome, email:email }, function(get_retorno) {
//Depois que foi completado o cadastro e tem a mensagem de retorno, esconde a div carregando_form que tem a barra de carregamento.
complete:$(&quot;#carregando_form&quot;).hide(&quot;slow&quot;);
//Aqui coloca o valor que retono na função get_retorno dentro da div retorno, e mostra a div com efeito em slow.
$(&quot;#retorno&quot;).show(&quot;slow&quot;).text(get_retorno);
});
});
});

&lt;/script&gt;
</pre>
<p>Agora podemos fazer a página envia_formulario, ela é bem simples para o exemplo:</p>
<p>envia_formulario.php</p>
<pre class="brush: php; title: ; notranslate">
&lt;?php
//INSERIR DADOS ENVIADOS DO FORMULÁRIO.
//Estamos levando em consideração que você já tenha a conexão com o banco de dados estabelecida nesse página.

//Pega os valores do formulário que foram enviado via JQuery e colocam nas variáveis.
$nome = $_POST['nome'];
$email = $_POST['email'];

//coloca na variável insertEmail o código SQL para inserção dos dados no banco de dados.
$insertEmail = &quot;INSERT INTO tab_email (nome, email) VALUES ('$nome','$email')&quot;;

//Executa a inserção no banco de dados. Caso ocorra algum erro, mostra o e-mail na div retorno do formulario.php
mysqli_query($insertEmail) or die (&quot;Ocorreu um erro&quot;);

//Mostra a mensagem que foi enviado com sucesso na div retorno no formulario.php
print &quot;Cadastrado com sucesso&quot;;
?&gt;
</pre>
<p>Como podemos ver a implementação do JQuery para envio e efeitos nas divs do formulário é muito simples, lembrando também que esse exemplo que fiz não é o mesmo que eu estou usando no meu sistema, esse exemplo praticamente fiz na hora, e precisa de adaptações para as suas necessidades, mas acredito que com esse exemplo já pode começar a fazer seus formulários com efeitos.</p>
<p>Lembrando que a documentação do JQuery podemos encontrar na página <a href="http://www.jquery.com" target="_blank">www.jquery.com</a> como também o script para download.</p>
<p>Qualquer dúvida ou sugestões, estamos a disposição e serão muito bem vindas.</p>
<p>&nbsp;</p>
<p>Abraços</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tvieira.net/dicas/enviar-formulario-em-php-e-jquery/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

