<?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>SamuraiDio &#187; internet</title>
	<atom:link href="http://blog.diovani.com/tag/internet/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.diovani.com</link>
	<description>GNU/Linux &#124; PHP &#124; JavaScript</description>
	<lastBuildDate>Sat, 18 Dec 2010 21:19:20 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Usando Dropbox no Linux</title>
		<link>http://blog.diovani.com/2010/12/18/usando-dropbox-no-linux/</link>
		<comments>http://blog.diovani.com/2010/12/18/usando-dropbox-no-linux/#comments</comments>
		<pubDate>Sat, 18 Dec 2010 21:19:20 +0000</pubDate>
		<dc:creator>diovani</dc:creator>
				<category><![CDATA[Sem Categoria]]></category>
		<category><![CDATA[ferramentas]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[linux]]></category>

		<guid isPermaLink="false">http://blog.diovani.com/?p=410</guid>
		<description><![CDATA[Para quem ainda não conhece, o Dropbox é um aplicativo de compartilhamento de arquivos online, com suporte para Windows, Mac OSX, GNU/Linux e ainda plataformas móveis, como o iPhone OS, Android e Blackberry, além de permitir acesso via qualquer navegador, que permite compartilhar arquivos entre diversos clientes, entre usuários, e ainda publicar galerias de imagens [...]]]></description>
			<content:encoded><![CDATA[<p>Para quem ainda não conhece, o <a href="https://www.dropbox.com/">Dropbox</a> é um aplicativo de compartilhamento de arquivos online, com suporte para Windows, Mac OSX, GNU/Linux e ainda plataformas móveis, como o iPhone OS, Android e Blackberry, além de permitir acesso via qualquer navegador, que permite compartilhar arquivos entre diversos clientes, entre usuários, e ainda publicar galerias de imagens online.</p>
<p style="text-align: center;"><img class="size-full wp-image-418  aligncenter" title="dropbox_logo_home" src="http://blog.diovani.com/wp-content/uploads/2010/12/dropbox_logo_home.png" alt="" width="290" height="75" /></p>
<p>Na minha opinião, a maior vantagem do Dropbox é permitir acesso aos mesmos documentos em casa, no trabalho e no celular.</p>
<p>A maneira mais fácil de utilizar o <a href="https://www.dropbox.com/downloading?os=lnx">Dropbox no GNU/Linux</a> é utilizando o plugin oficial para o gerenciador de arquivos <a href="http://live.gnome.org/Nautilus">Nautilus</a>. Acontece que este método só funciona com o gerenciador de arquivos citado, e ainda tem algumas dependências problemáticas (tive problemas para instalá-lo no Debian).</p>
<p>Como alternativa, existe uma maneira de instalar um cliente de linha de comando como um daemon (programa que roda como um sub-processo, de forma transparente para o usuário), permitindo acesso aos seus arquivos compartilhados com qualquer gerenciador desejado e inclusive por linha de comando. Apesar da desvantagem desta alternativa conter alguns binários de código fechado, ela se torna uma opção bem mais versátil que a anterior.</p>
<p>Para instalar o cliente  de linha comando, você irá precisar previamente dos seguintes requisitos:</p>
<ul>
<li><strong>Versão 2.4 ou superior da biblioteca C</strong></li>
<li><strong>wget</strong></li>
<li><strong>Python 2.5</strong></li>
<li><strong>um navegador web</strong></li>
</ul>
<p>Com as dependências instaladas, baixe o pacote <a href="http://www.dropbox.com/download/?plat=lnx.x86">Dropbox-lnx-x86</a> (ou a versão <a href="http://www.dropbox.com/download/?plat=lnx.x86_64">x86_64</a>) para sua <em>$HOME</em> (os arquivos serão descompactados no diretório <strong><em>.dropbox-dist</em></strong>).</p>
<p>Versão estável 32-bit:</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;"><span style="color: #c20cb9; font-weight: bold;">wget</span> <span style="color: #660033;">-O</span> dropbox.tar.gz <span style="color: #ff0000;">&quot;http://www.dropbox.com/download/?plat=lnx.x86&quot;</span></pre></div></div>

<p>Versão estável 64-bit:</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;"><span style="color: #c20cb9; font-weight: bold;">wget</span> <span style="color: #660033;">-O</span> dropbox.tar.gz <span style="color: #ff0000;">&quot;http://www.dropbox.com/download/?plat=lnx.x86_64&quot;</span></pre></div></div>

<p>Após baixar o pacote faça previamente um teste para garantir que os arquivos não serão descompactados diretamente do diretório atual:</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;"><span style="color: #c20cb9; font-weight: bold;">tar</span> <span style="color: #660033;">-tzf</span> dropbox.tar.gz</pre></div></div>

<p>&#8230;E estando tudo certo, descompacte-os:</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;"><span style="color: #c20cb9; font-weight: bold;">tar</span> <span style="color: #660033;">-xvzf</span> dropbox.tar.gz</pre></div></div>

<p>Após descompactar, inicie o daemon:</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;">~<span style="color: #000000; font-weight: bold;">/</span>.dropbox-dist<span style="color: #000000; font-weight: bold;">/</span>dropboxd</pre></div></div>

<p>Após executar o Daemon você deverá receber uma saída como a seguir:</p>
<pre>This client is not linked to any account...
Please visit https://www.dropbox.com/cli_link?host_id=7d44a557aa58f285f2da0x67334d02c1 to link this machine.</pre>
<p>Acessando o link fornecido no terminal você deve receber uma mensagem de sucesso no seu navegador (pode ser necessário logar em sua conta do Dropbox), indicando que tudo ocorreu bem. Depois disso, o <em>daemon</em> criará um diretório <strong><em>Dropbox</em></strong> sob sua <em>$HOME</em>, e iniciará a sincronização de arquivos, então você terá acesso aos seus arquivos compartilhados com com qualquer outro computador contendo um cliente Dropbox.</p>
<p>Para não precisar iniciar o <em>daemon</em> manualmente a cada vez que precisar, você pode criar um init script para iniciá-lo junto com o sistema. Para o Debian e Ubuntu, crie um script em <strong><em>/etc/init.d/dropbox</em></strong>, com o conteúdo a seguir e substitua os nomes na variável <em>DROPBOX_USERS</em> com os nomes de usuários que tem o Dropbox instalado:</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;"><span style="color: #666666; font-style: italic;"># dropbox service</span>
<span style="color: #007800;">DROPBOX_USERS</span>=<span style="color: #ff0000;">&quot;user1 user2&quot;</span>
&nbsp;
<span style="color: #007800;">DAEMON</span>=.dropbox-dist<span style="color: #000000; font-weight: bold;">/</span>dropbox  
&nbsp;
start<span style="color: #7a0874; font-weight: bold;">&#40;</span><span style="color: #7a0874; font-weight: bold;">&#41;</span> <span style="color: #7a0874; font-weight: bold;">&#123;</span>
    <span style="color: #7a0874; font-weight: bold;">echo</span> <span style="color: #ff0000;">&quot;Starting dropbox...&quot;</span>
    <span style="color: #000000; font-weight: bold;">for</span> dbuser <span style="color: #000000; font-weight: bold;">in</span> <span style="color: #007800;">$DROPBOX_USERS</span>; <span style="color: #000000; font-weight: bold;">do</span>
        <span style="color: #007800;">HOMEDIR</span>=<span style="color: #000000; font-weight: bold;">`</span><span style="color: #c20cb9; font-weight: bold;">getent</span> <span style="color: #c20cb9; font-weight: bold;">passwd</span> <span style="color: #007800;">$dbuser</span> <span style="color: #000000; font-weight: bold;">|</span> <span style="color: #c20cb9; font-weight: bold;">cut</span> -d: -f6<span style="color: #000000; font-weight: bold;">`</span>
        <span style="color: #000000; font-weight: bold;">if</span> <span style="color: #7a0874; font-weight: bold;">&#91;</span> <span style="color: #660033;">-x</span> <span style="color: #007800;">$HOMEDIR</span><span style="color: #000000; font-weight: bold;">/</span><span style="color: #007800;">$DAEMON</span> <span style="color: #7a0874; font-weight: bold;">&#93;</span>; <span style="color: #000000; font-weight: bold;">then</span>
            <span style="color: #007800;">HOME</span>=<span style="color: #ff0000;">&quot;<span style="color: #007800;">$HOMEDIR</span>&quot;</span> start-stop-daemon <span style="color: #660033;">-b</span> <span style="color: #660033;">-o</span> <span style="color: #660033;">-c</span> <span style="color: #007800;">$dbuser</span> <span style="color: #660033;">-S</span> <span style="color: #660033;">-u</span> <span style="color: #007800;">$dbuser</span> <span style="color: #660033;">-x</span> <span style="color: #007800;">$HOMEDIR</span><span style="color: #000000; font-weight: bold;">/</span><span style="color: #007800;">$DAEMON</span>
        <span style="color: #000000; font-weight: bold;">fi</span>
    <span style="color: #000000; font-weight: bold;">done</span>
<span style="color: #7a0874; font-weight: bold;">&#125;</span>
&nbsp;
stop<span style="color: #7a0874; font-weight: bold;">&#40;</span><span style="color: #7a0874; font-weight: bold;">&#41;</span> <span style="color: #7a0874; font-weight: bold;">&#123;</span>
    <span style="color: #7a0874; font-weight: bold;">echo</span> <span style="color: #ff0000;">&quot;Stopping dropbox...&quot;</span>
    <span style="color: #000000; font-weight: bold;">for</span> dbuser <span style="color: #000000; font-weight: bold;">in</span> <span style="color: #007800;">$DROPBOX_USERS</span>; <span style="color: #000000; font-weight: bold;">do</span>
        <span style="color: #007800;">HOMEDIR</span>=<span style="color: #000000; font-weight: bold;">`</span><span style="color: #c20cb9; font-weight: bold;">getent</span> <span style="color: #c20cb9; font-weight: bold;">passwd</span> <span style="color: #007800;">$dbuser</span> <span style="color: #000000; font-weight: bold;">|</span> <span style="color: #c20cb9; font-weight: bold;">cut</span> -d: -f6<span style="color: #000000; font-weight: bold;">`</span>
        <span style="color: #000000; font-weight: bold;">if</span> <span style="color: #7a0874; font-weight: bold;">&#91;</span> <span style="color: #660033;">-x</span> <span style="color: #007800;">$HOMEDIR</span><span style="color: #000000; font-weight: bold;">/</span><span style="color: #007800;">$DAEMON</span> <span style="color: #7a0874; font-weight: bold;">&#93;</span>; <span style="color: #000000; font-weight: bold;">then</span>
            start-stop-daemon <span style="color: #660033;">-o</span> <span style="color: #660033;">-c</span> <span style="color: #007800;">$dbuser</span> <span style="color: #660033;">-K</span> <span style="color: #660033;">-u</span> <span style="color: #007800;">$dbuser</span> <span style="color: #660033;">-x</span> <span style="color: #007800;">$HOMEDIR</span><span style="color: #000000; font-weight: bold;">/</span><span style="color: #007800;">$DAEMON</span>
        <span style="color: #000000; font-weight: bold;">fi</span>
    <span style="color: #000000; font-weight: bold;">done</span>
<span style="color: #7a0874; font-weight: bold;">&#125;</span>
&nbsp;
status<span style="color: #7a0874; font-weight: bold;">&#40;</span><span style="color: #7a0874; font-weight: bold;">&#41;</span> <span style="color: #7a0874; font-weight: bold;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">for</span> dbuser <span style="color: #000000; font-weight: bold;">in</span> <span style="color: #007800;">$DROPBOX_USERS</span>; <span style="color: #000000; font-weight: bold;">do</span>
        <span style="color: #007800;">dbpid</span>=<span style="color: #000000; font-weight: bold;">`</span>pgrep <span style="color: #660033;">-u</span> <span style="color: #007800;">$dbuser</span> dropbox<span style="color: #000000; font-weight: bold;">`</span>
        <span style="color: #000000; font-weight: bold;">if</span> <span style="color: #7a0874; font-weight: bold;">&#91;</span> <span style="color: #660033;">-z</span> <span style="color: #007800;">$dbpid</span> <span style="color: #7a0874; font-weight: bold;">&#93;</span> ; <span style="color: #000000; font-weight: bold;">then</span>
            <span style="color: #7a0874; font-weight: bold;">echo</span> <span style="color: #ff0000;">&quot;dropboxd for USER <span style="color: #007800;">$dbuser</span>: not running.&quot;</span>
        <span style="color: #000000; font-weight: bold;">else</span>
            <span style="color: #7a0874; font-weight: bold;">echo</span> <span style="color: #ff0000;">&quot;dropboxd for USER <span style="color: #007800;">$dbuser</span>: running (pid <span style="color: #007800;">$dbpid</span>)&quot;</span>
        <span style="color: #000000; font-weight: bold;">fi</span>
    <span style="color: #000000; font-weight: bold;">done</span>
<span style="color: #7a0874; font-weight: bold;">&#125;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">case</span> <span style="color: #ff0000;">&quot;$1&quot;</span> <span style="color: #000000; font-weight: bold;">in</span>
&nbsp;
    start<span style="color: #7a0874; font-weight: bold;">&#41;</span>
        start
        <span style="color: #000000; font-weight: bold;">;;</span>
&nbsp;
    stop<span style="color: #7a0874; font-weight: bold;">&#41;</span>
        stop
        <span style="color: #000000; font-weight: bold;">;;</span>
&nbsp;
    restart<span style="color: #000000; font-weight: bold;">|</span>reload<span style="color: #000000; font-weight: bold;">|</span>force-reload<span style="color: #7a0874; font-weight: bold;">&#41;</span>
        stop
        start
        <span style="color: #000000; font-weight: bold;">;;</span>
&nbsp;
    status<span style="color: #7a0874; font-weight: bold;">&#41;</span>
        status
        <span style="color: #000000; font-weight: bold;">;;</span>
&nbsp;
    <span style="color: #000000; font-weight: bold;">*</span><span style="color: #7a0874; font-weight: bold;">&#41;</span>
        <span style="color: #7a0874; font-weight: bold;">echo</span> <span style="color: #ff0000;">&quot;Usage: /etc/init.d/dropbox {start|stop|reload|force-reload|restart|status}&quot;</span>
        <span style="color: #7a0874; font-weight: bold;">exit</span> <span style="color: #000000;">1</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">esac</span>
&nbsp;
<span style="color: #7a0874; font-weight: bold;">exit</span> <span style="color: #000000;">0</span></pre></div></div>

<p>&#8230;E então execute os comandos a seguir para adicionar o dropbox como um serviço do sistema:</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;"><span style="color: #c20cb9; font-weight: bold;">chmod</span> +x <span style="color: #000000; font-weight: bold;">/</span>etc<span style="color: #000000; font-weight: bold;">/</span>init.d<span style="color: #000000; font-weight: bold;">/</span>dropbox
update-rc.d dropbox defaults</pre></div></div>

<p>Além do <a title="Debian/Ubuntu Dropbox startup script" href="http://wiki.dropbox.com/TipsAndTricks/TextBasedLinuxInstall/UbuntuStartup">script para Debian/Ubuntu</a>, na <a href="http://wiki.dropbox.com">wiki do Dropbox</a> existem exemplos de versões para <a title="Fedora Dropbox startup script" href="http://wiki.dropbox.com/TipsAndTricks/TextBasedLinuxInstall/FedoraStartup">Fedora</a> e <a title="Gentoo Dropbox startup script" href="http://wiki.dropbox.com/TipsAndTricks/TextBasedLinuxInstall/GentooStartup">Gentoo</a>. Na wiki também existe um tutorial para instalar o <a title="Dropbox Debian/Ubuntu server isntall" href="http://wiki.dropbox.com/TipsAndTricks/UbuntuServerInstall">daemon Dropbox para ser executado para todos usuários</a> (útil para servidores).</p>
<p>Deste modo, sempre que iniciar o sistema e logar com seu usuário você terá acesso aos seus arquivos compartlhados no Dropbox (desde, claro, que possua uma conexão com a internet).</p>
<p><em>Fonte: <a href="http://wiki.dropbox.com/TipsAndTricks/TextBasedLinuxInstall">http://wiki.dropbox.com/TipsAndTricks/TextBasedLinuxInstall</a></em></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.diovani.com/2010/12/18/usando-dropbox-no-linux/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Por que utilizar utf-8?</title>
		<link>http://blog.diovani.com/2010/12/14/por-que-utilizar-utf-8/</link>
		<comments>http://blog.diovani.com/2010/12/14/por-que-utilizar-utf-8/#comments</comments>
		<pubDate>Tue, 14 Dec 2010 23:21:52 +0000</pubDate>
		<dc:creator>diovani</dc:creator>
				<category><![CDATA[Sem Categoria]]></category>
		<category><![CDATA[base de dados]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[programação]]></category>

		<guid isPermaLink="false">http://blog.diovani.com/?p=409</guid>
		<description><![CDATA[Um problema comum que vejo se repetindo constantemente em listas de discussão é devido a codificação de caracteres em páginas web.
Geralmente os desenvolvedores, inexperientes, solicitam ajuda por terem problemas que fazer caracteres acentuados aparecerem corrompidos, como &#8220;Ã§Ã£&#8221; e acabam adotando soluções pouco robustas, como editar o httpd.conf (no caso de um servidor web Apache) ou [...]]]></description>
			<content:encoded><![CDATA[<p>Um problema comum que vejo se repetindo constantemente em listas de discussão é devido a codificação de caracteres em páginas web.</p>
<p>Geralmente os desenvolvedores, inexperientes, solicitam ajuda por terem problemas que fazer caracteres acentuados aparecerem corrompidos, como <em>&#8220;Ã§Ã£&#8221;</em> e acabam adotando soluções pouco robustas, como editar o <em>httpd.conf</em> (no caso de um servidor web Apache) ou usar funções <em>utf8_encode/utf8_decode</em> (no caso de programação <em>PHP</em>).</p>
<p>Acontece que tais problemas ocorrem por causa de divergências na codificação de caracteres e é mais comum em ambientes Windows, que utilizam a codificação defasada <em>ISO-8859-1</em> (ou <em>latin-1</em>, como também é chamada).</p>
<p>O modo de evitar este tipo de problema, é desenvolver toda a sua aplicação utilizando uma única codificação de caracteres, desde a base de dados até o <em>HTML</em> exibido para o usuário, e também em seu editor de texto ou <em>IDE</em>. Para garantir isto, por exemplo, em uma aplicação<em> web</em>, desenvolvida com <em>PHP</em> + <em>MySQL,</em> rodando em um servidor <em>Apache2</em> e utilizando <strong><em>utf-8</em></strong>, atente para os seguintes detalhes:</p>
<ol>
<li>No arquivo de configuração do <em><strong>Apache</strong></em> (geralmente <em>httpd.conf</em>, mas podendo variar de um sistema para outro, no <em>Debian GNU/Linux</em>, o padrão é <em>/etc/apache2/apache2.conf</em>) comente a linha com a diretiva ﻿﻿﻿﻿﻿﻿﻿<em><strong>AddDefaultCharset</strong><span style="font-style: normal;">. Como vamos definir a codificação a nível de aplicação, esta diretiva não irá interferir, mas mesmo assim o ideal é deixá-la comentada para evitar surpresas ao colocar a aplicação em produção.</span></em></li>
<li><em><span style="font-style: normal;">O </span><strong>PHP</strong></em> também tem uma diretiva para definir a codificação padrão, geralmente desabilitada por padrão, no arquivo <em>php.ini</em> (no <em>Debian</em>, em <em>/etc/php5/apache2/php.ini</em>) localize e comente a linha com a diretiva <strong><em>default_charset</em></strong>. Assim como no <em>Apache</em>, tal diretiva não deve interferir, mas ainda assim é ideal deixá-la comentada.</li>
<li>Garanta que seu template <strong><em>HTML</em><span style="font-weight: normal;"> contenha a codificação correta definida no cabeçalho, utilizando uma tag <em>meta </em>(<em><strong>&lt;meta http-equiv=&#8221;Content-Type&#8221; content=&#8221;text/html; charset=UTF-8&#8243; /&gt;<span style="font-style: normal;">).<span style="font-weight: normal;"> Para documentos </span><em>XHTML</em><span style="font-weight: normal;">, também é ideal adicionar a codificação no cabeçalho </span><em><span style="font-weight: normal;">XML</span></em><span style="font-weight: normal;"> (﻿﻿<strong><em>&lt;?xml version=&#8221;1.0&#8243; encoding=&#8221;UTF-8&#8243; ?&gt;</em></strong>), obviamente esta regra também se aplica para documentos <em><strong>XML</strong></em>.</span></span></strong></em></span></strong></li>
<li><strong><span style="font-weight: normal;"><em><strong><span style="font-style: normal;"><span style="font-weight: normal;">Seu script principal da aplicação, ou seja, aquele que recebe as requisições, geralmente </span><em> index.php</em><span style="font-weight: normal;">, deve enviar um cabeçalho <em>http</em> com a codificação para o navegador antes de qualquer conteúdo. <em>Ex: <strong>header(&#8220;Content-type: text/html; charset=UTF-8&#8243;);</strong><span style="font-style: normal;">.</span></em></span></span></strong></em></span></strong></li>
<li><strong><span style="font-weight: normal;"><em><strong><span style="font-style: normal;"><span style="font-weight: normal;"><em><span style="font-style: normal;">Suas tabelas do </span><strong>MySQL</strong><span style="font-style: normal;"> devem ser criadas com a codificação definida explicitamente. </span>Ex: <strong>CREATE TABLE foo (&#8230;) CHARACTER SET utf8</strong><span style="font-style: normal;">. No </span>MySQL</em> também é possível definir a codificação de caracteres a nível de coluna ou de base de dados, mas a primeira dificilmente será necessária, e eu acho mais usual definir a codificação a nível de tabelas.</span></span></strong></em></span></strong></li>
<li><strong><span style="font-weight: normal;"><em><strong><span style="font-style: normal;"><span style="font-weight: normal;">Seu editor de texto ou <em>IDE</em> deve estar configurado para salvar arquivos em </span><span style="font-weight: normal;"><em>utf-8</em><span style="font-weight: normal;">. No <em>Eclipse</em>, por exemplo, basta configurar sua <em>Workspace</em> (<em>Window -&gt; Preferences -&gt; General -&gt; Workspace</em>), ou seu projeto (Clique direito -&gt; <em>Properties -&gt; Resource</em>) para utilizar a codificação desejada.</span></span></span></strong></em></span></strong></li>
</ol>
<p>Para ser sincero, em geral apenas os ítens <strong>4</strong> e <strong>6</strong> são suficientes para garantir que sua aplicação exiba textos na codificação correta, mas ainda assim vale a pena configurar cada parte dela.</p>
<p>Alguns desenvolvedores <em>web</em> mais antigos, ou pouco experientes podem acabar sugerindo que se utilize <em>htmlentities</em> para caracteres acentuados, como <em>&#8220;&amp;acute&#8221;</em> para escrever um <em>&#8220;á&#8221;</em>. Contudo esta prática é pouco viável para páginas dinâmicas, devido ao tamanho das strings. Por exemplo, nosso simples <em>&#8220;á&#8221;</em>, utilizando <em>htmlentities</em>, não poderia ocupar um campo <em>char(1)</em>, em sua base de dados, precisando de um <em>char(6)</em>, além de ser bem mais conteúdo para o navegador carregar ao visitar a página.</p>
<p>Agora a pergunta: <em>Por que utilizar utf-8</em> ao invés de <em>iso-8859-1</em>?</p>
<p>Bem, existem alguns bons motivos técnicos&#8230; Para começar, <em>utf-8</em> é compatível com caracteres <em>ASCII</em>, então para este não é necessária nenhuma conversão. Também, os caracteres unicode (<em>utf8</em>, <em>utf16</em> e <em>utf32</em>) foram desenvolvidos inicialmente para substituir <em>ASCII</em> e <em>ISO</em>, então é natural que sejam utilizados no lugar destes. Para finalizar, algumas bibliotecas do <em>PHP</em>, e também de outras linguagens, só funcionam com codificação <em>utf-8</em>, tais como <em>json</em>, <em>simpleXML</em> e <em>Soap</em>, assim, utilizando a aplicação toda em <em>utf-8</em> você evita converter constantemente caracteres de/para a codificação desejada.</p>
<p><em>Fontes: <a href="http://www.cl.cam.ac.uk/~mgk25/unicode.html">http://www.cl.cam.ac.uk/~mgk25/unicode.html</a>, <a href="http://wilker-dev.com/porque-usar-utf-8-codificandodecodificando">http://wilker-dev.com/porque-usar-utf-8-codificandodecodificando</a></em></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.diovani.com/2010/12/14/por-que-utilizar-utf-8/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Flattr &#8211; um novo jeito de pagar por conteúdo online</title>
		<link>http://blog.diovani.com/2010/03/15/flattr-um-novo-jeito-de-pagar-por-conteudo-online/</link>
		<comments>http://blog.diovani.com/2010/03/15/flattr-um-novo-jeito-de-pagar-por-conteudo-online/#comments</comments>
		<pubDate>Mon, 15 Mar 2010 16:52:58 +0000</pubDate>
		<dc:creator>diovani</dc:creator>
				<category><![CDATA[Sem Categoria]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[micropayment]]></category>

		<guid isPermaLink="false">http://blog.diovani.com/?p=345</guid>
		<description><![CDATA[Já pensou como seria poder recompensar os criadores de sites, mídia ou softwares, dos quais você usufrui diariamente, com apenas um clique? Criado pelo co-fundador do piratebay, Peter Sunde, o Flattr é tanto um sistema de micro-pagamentos como uma rede social, que propõe uma maneira fácil e eficiente para isto.

Usuários da internet, como um todo, [...]]]></description>
			<content:encoded><![CDATA[<p>Já pensou como seria poder recompensar os criadores de sites, mídia ou softwares, dos quais você usufrui diariamente, com apenas um clique? Criado pelo co-fundador do piratebay, <a href="http://en.wikipedia.org/wiki/Peter_Sunde">Peter Sunde</a>, o <a href="http://flattr.com">Flattr</a> é tanto um sistema de micro-pagamentos como uma rede social, que propõe uma maneira fácil e eficiente para isto.</p>
<p style="text-align: center;"><a href="http://flattr.com/"><img class="aligncenter size-full wp-image-358" style="border: 0pt none;" title="flattr-logo-beta" src="http://blog.diovani.com/wp-content/uploads/2010/03/flattr-logo-beta.png" alt="flattr-logo-beta" width="218" height="43" /></a></p>
<p>Usuários da internet, como um todo, podem ser divididos em duas categorias distintas: um é o usuário que usufrui diariamente de serviços, mídia digital e aplicativos distribuidos gratuitamente pela internet e o outro é aquele que cria e publica estes serviços, mídia e aplicativos.</p>
<p>Segundo Sunde, o problema está quando o primeiro usuário deseja, de algum modo, recompensar o segundo. Hoje, não existe uma maneira eficaz de garantir que os esforços de quem publica algo, sejam convertidos em dinheiro a partir daqueles que usufruem deste trabalho. Uma opção seriam os métodos tradicionais de doações (transferências online, PayPal, PagSeguro&#8230;), estes, contudo, são pouco práticos ou flexíveis.</p>
<p>O Flattr propõe resolver este problema de uma maneira simples e transparente.</p>
<p>Os interessados, devem pagar, mensalmente, uma quantia fixa, que será distribuída posteriormente. A partir daí, seu funcionamento se assemelha muito ao <a href="http://digg.com">Digg</a>, ou <a href="http://tweetmeme.com">Tweetmeme</a>. Os criadores de conteúdo incluem um botão do Flattr em seu website, e quando um usuário clica neste botão, uma parte de sua quantia é destinada ao dono daquele site.</p>
<p>As partes são divididas igualmente para cada criador que o usuário decide recompensar. Ou seja, se o usuário clicou em 10 ícones do Flattr em um mês, um décimo de sua quantia mensal é destinada a estes criadores. Assim, o usuário terá certeza de que seu investimento será distribuído para aqueles que ele deseja.</p>
<p>Como o projeto ainda está em fase beta, estão sendo distribuídos alguns convites para usuários dispostos a testar o sistema. Quem tiver interesse, basta cadastrar seu e-mail no website <a href="http://Flattr.com">Flattr.com</a>, o qual inclui um vídeo explicativo do mecanismo do sistema.</p>
<p>A pouco tempo o <a href="http://flattr.com/blog/2010/03/first-money-calculation-today/">Flattr fez seu primeiro cálculo dos pagamentos</a>. Detalhes podem ser vistos no <a href="http://flattr.com/blog/">blog</a> do projeto (em inglês).</p>
<p>[updated] novo logo.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.diovani.com/2010/03/15/flattr-um-novo-jeito-de-pagar-por-conteudo-online/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Quando usar e quando não usar um CAPTCHA?</title>
		<link>http://blog.diovani.com/2008/06/09/quando-usar-e-quando-nao-usar-um-captcha/</link>
		<comments>http://blog.diovani.com/2008/06/09/quando-usar-e-quando-nao-usar-um-captcha/#comments</comments>
		<pubDate>Mon, 09 Jun 2008 18:26:47 +0000</pubDate>
		<dc:creator>diovani</dc:creator>
				<category><![CDATA[Sem Categoria]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[segurança]]></category>

		<guid isPermaLink="false">http://blog.diovani.com/2008/06/09/quando-usar-e-quando-nao-usar-um-captcha/</guid>
		<description><![CDATA[CAPTCHA é um acrônimo da indagação &#8220;Entende?&#8221;, em italiano, e significa Completely Automated Public Turing test to tell Computers and Humans Apart, ou Teste de Turing público completamente automatizado para diferenciar entre computadores e humanos.
Amplamente utilizados para validar o envio de dados em formulários web, e para autenticação de usuários, os CAPTCHAs são uma arma [...]]]></description>
			<content:encoded><![CDATA[<p>CAPTCHA é um acrônimo da indagação <em>&#8220;Entende?&#8221;</em>, em italiano, e significa <em>Completely Automated Public Turing test to tell Computers and Humans Apart</em>, ou <em>Teste de Turing público completamente automatizado para diferenciar entre computadores e humanos</em>.</p>
<p>Amplamente utilizados para validar o envio de dados em formulários web, e para autenticação de usuários, os CAPTCHAs são uma arma importante para defender websites de bots e spammers. Contudo, sua implantação exige atenção para não acabar espantando os usuários.</p>
<p>Os CAPTCHAs mais comumente utilizados consistem em fazer o usuário digitar os caracteres apresentados em uma imagem para validação, porém, devido a existência de programas <a href="http://pt.wikipedia.org/wiki/OCR">OCR</a>, que podem facilmente reconhecer caracteres a partir de imagens, estes já não implicam a segurança desejada. Para aumentar a segurança, novos modelos de CAPTCHAs tem sido pesquisados e desenvolvidos a todo momento, como os captchas de matemática, onde o usuário deve resolver uma equação e digitar a resposta, ou aqueles em que se é necessário diferencias cores ou grupos de caracteres, por exemplo. Um CAPTCHA que acho realmente bom o atualmente utilizado pelo <a href="https://registro.br/cgi-bin/whois/?c">serviço whois do registro.br</a>:</p>
<p><a href="http://blog.diovani.com/wp-content/uploads/2008/06/2008-06-09_14-18-12.jpg" title="registro.br captcha"></a></p>
<p style="text-align: center"><a href="http://blog.diovani.com/wp-content/uploads/2008/06/2008-06-09_14-18-12.jpg" title="registro.br captcha"><img src="http://blog.diovani.com/wp-content/uploads/2008/06/2008-06-09_14-18-12.thumbnail.jpg" alt="registro.br captcha" /></a></p>
<p>Descobri alguns experimentos de CAPTCHAs que seriam, supostamente, impossíveis de serem resolvidos por computadores, com o <a href="http://spamfizzle.com/CAPTCHA.aspx">3d-captcha</a>, que define caracteres para certas partes de objetos 3d, e uma <a href="http://www.alipr.com/captcha/">autenticação baseada em imagens</a>, onde o usuário devem primeiro clicar no centro de uma imagem e, posteriormente, selecionar o termo que uma imagem lembra.</p>
<p>Embora sejam extremamente mais seguros, certamente estes CAPTCHAs experimentais manteriam os usuários tão longe das páginas que protegem quanto os bots.</p>
<p>Se você tem um website que exija cadastros de usuários, adicionar um captcha para proteção pode ser indispensável. Então, tenha certeza de utilizar um que seja fácil de ser lido por humanos, com letras grandes e cores vivas em fundo neutro, de preferência que não exija que o usuário digite muitos caracteres. Se precisar de segurança adicional, procure por um que utilize o mais próximo possível de linguagem natural, prefira um que peça determinados caracteres ligeiramente diferentes (cores, parte da string, consoantes, etc), ou então os captchas matemáticos (desde que utilizem equações simples).</p>
<p>Se você tem um blog, ou alguma página na internet que aceite comentários, nem pense em adicionar um captcha. O simples fato de ter que digitar algumas letras para validação pode fazer seus leitores desistirem facilmente de postar qualquer comentário. Neste caso, prefira um serviço anti-spam como o <a href="http://akismet.com/">Akismet</a>. O qual, aliás, utilizo aqui no meu blog e funciona maravilhosamente.</p>
<p>Johnm Willis postou em seu blog <a href="http://www.johnmwillis.com/other/top-10-worst-captchas/">os 10 piores CAPTCHAs</a>. Vou exibir alguns dos <strike>melhores</strike> piores aqui.</p>
<p align="center"><a href="http://blog.diovani.com/wp-content/uploads/2008/06/captcha7.jpg" title="captcha7.jpg"><img src="http://blog.diovani.com/wp-content/uploads/2008/06/captcha7.thumbnail.jpg" alt="captcha7.jpg" /></a> <a href="http://blog.diovani.com/wp-content/uploads/2008/06/captcha4.jpg" title="captcha4.jpg"><img src="http://blog.diovani.com/wp-content/uploads/2008/06/captcha4.thumbnail.jpg" alt="captcha4.jpg" /></a> <a href="http://blog.diovani.com/wp-content/uploads/2008/06/captcha2.jpg" title="captcha2.jpg"><img src="http://blog.diovani.com/wp-content/uploads/2008/06/captcha2.thumbnail.jpg" alt="captcha2.jpg" /></a> <a href="http://blog.diovani.com/wp-content/uploads/2008/06/captcha1.jpg" title="captcha1.jpg"><img src="http://blog.diovani.com/wp-content/uploads/2008/06/captcha1.thumbnail.jpg" alt="captcha1.jpg" /></a></p>
<p> <em>Fonte: <a href="http://pt.wikipedia.org/wiki/Captcha">http://pt.wikipedia.org/wiki/Captcha</a><br />
</em></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.diovani.com/2008/06/09/quando-usar-e-quando-nao-usar-um-captcha/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Novas aplicações Web 3.0</title>
		<link>http://blog.diovani.com/2008/06/06/novas-aplicacoes-web-30/</link>
		<comments>http://blog.diovani.com/2008/06/06/novas-aplicacoes-web-30/#comments</comments>
		<pubDate>Fri, 06 Jun 2008 12:58:32 +0000</pubDate>
		<dc:creator>diovani</dc:creator>
				<category><![CDATA[Sem Categoria]]></category>
		<category><![CDATA[freebase]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[powerset]]></category>
		<category><![CDATA[webapps]]></category>

		<guid isPermaLink="false">http://blog.diovani.com/2008/06/06/novas-aplicacoes-web-30/</guid>
		<description><![CDATA[Há algum tempo estive falando sobre aplicações Web 3.0 aqui, principalmente sobre o Freebase, uma base de dados aberta com relacionamentos entre os dados, e o Powerset, um mecanismo de busca em linguagem natural. Na época em que estive experimentando as aplicações, ambas requeriam convites para uso, por estarem em fase Alpha e, apesar de [...]]]></description>
			<content:encoded><![CDATA[<p>Há algum tempo estive <a href="http://blog.diovani.com/2007/11/01/as-plataformas-que-vao-desbancar-o-google/">falando sobre aplicações Web 3.0</a> aqui, principalmente sobre o <a href="http://www.freebase.com/">Freebase, uma base de dados aberta com relacionamentos entre os dados</a>, e o <a href="http://www.powerset.com/">Powerset, um mecanismo de busca em linguagem natural</a>. Na época em que estive experimentando as aplicações, ambas requeriam convites para uso, por estarem em fase Alpha e, apesar de promissoras, ainda deixavam bastante a desejar, podemos dizer, úteis apenas àqueles que realmente se interessam sobre novidades nesta área.</p>
<p>Recebi hoje uma newsletter (mensal) do Freebase notificando sobre o crescimento da base e comunidade e novas aplicações,  entre estas, me chamou a atenção o <a href="http://www.powerset.com/blog/articles/2008/5/12/ready-powerset-go">lançamento do PowerSet</a>, e o fato deste estar realmente utilizando o Freebase como base de pesquisas. Eu mesmo não imaginei que este pudesse evoluir tanto em tão pouco tempo.</p>
<p>Como primeira grande novidade, cabe dizer que tanto o Powerset como o Freebase, estão agora disponíveis para o público em <a href="http://www.powerset.com">powerset.com</a> e <a href="http://www.freebase.com/">freebase.com</a>, respectivamente.</p>
<p><a href="http://blog.diovani.com/wp-content/uploads/2008/06/2008-06-06_08-48-13.jpg" title="Pesquisa semântica com Powerset"><img src="http://blog.diovani.com/wp-content/uploads/2008/06/2008-06-06_08-48-13.thumbnail.jpg" alt="Pesquisa semântica com Powerset" align="right" /></a>O primeiro, que antes apenas pesquisava entre artigos da <a href="http://wikipedia.org">Wikipédia</a>, agora com adição da base do Freebase, me supreendeu com uma simples pesquisa sobre &#8220;Quem escreveu Dagon&#8221;, exibindo em primeira instância o perfil do autor. A mesma pesquisa no Google, por exemplo, exibe uma série de páginas com as palavras digitadas ou referências a estas, sem qualquer cuidado com a semântica d a frase.<br />
Infelizmente, as pesquisas estão disponíveis apenas em inglês por enquanto, mas com o uso do mecanismo crescendo, suporte a outros idiomas deverão ser adicionados em breve.</p>
<p>Além do Powerset, algumas outras <a href="http://blog.freebase.com/2008/06/05/the-best-new-freebase-applications/">aplicações interessantes</a> tem surgido, utilizando a base do Freebase:</p>
<p>O <a href="http://thinkbase.cs.auckland.ac.nz/">Thinkbase</a>, que exibe graficamente os relacionamentos entre dados, como os livros publicados publicados por um autor, seguidos dos filmes baseados nestes, por exemplo.</p>
<p>O <a href="http://goosebumps4all.net/goi/">Influence Viewer</a>, assim com o Thinkbase, exibe um gráfico clicável sobre relacionamentos, desta vez sobre um domínio de influência, ou seja, quem influenciou quem (tratando-se principalmente de filósofos e pensadores).</p>
<p>E também os testes de conhecimento <a href="http://testy.appspot.com/shot">Shot or Not</a><a href="http://testy.appspot.com/shot">?</a>, <a href="http://testy.appspot.com/taught">Taught or Not?</a> e <a href="http://preview.pullquotes.org/">Pull Quotes</a>. Sendo estas as primeiras aplicações a utilizar a <a href="http://code.google.com/appengine/">API do Google</a>.</p>
<p>Você pode encontrar uma lista completa (ou quase) de <a href="http://www.freebase.com/view/freebase/featured_application" title="Lista de aplicações Freebase">aplicações Freebase aqui</a>.</p>
<p style="text-align: center"><a href="http://blog.diovani.com/wp-content/uploads/2008/06/2008-06-06_08-50-58.jpg" title="Thinkbase"><img src="http://blog.diovani.com/wp-content/uploads/2008/06/2008-06-06_08-50-58.thumbnail.jpg" alt="Thinkbase" /></a> <a href="http://blog.diovani.com/wp-content/uploads/2008/06/2008-06-06_08-58-36.jpg" title="Influence Viewer"><img src="http://blog.diovani.com/wp-content/uploads/2008/06/2008-06-06_08-58-36.thumbnail.jpg" alt="Influence Viewer" /></a> <a href="http://blog.diovani.com/wp-content/uploads/2008/06/2008-06-06_08-54-48.jpg" title="Shot or Not?"><img src="http://blog.diovani.com/wp-content/uploads/2008/06/2008-06-06_08-54-48.thumbnail.jpg" alt="Shot or Not?" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.diovani.com/2008/06/06/novas-aplicacoes-web-30/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Ganhe dinheiro navegando na internet&#8230;</title>
		<link>http://blog.diovani.com/2008/06/03/ganhe-dinheiro-navegando-na-internet/</link>
		<comments>http://blog.diovani.com/2008/06/03/ganhe-dinheiro-navegando-na-internet/#comments</comments>
		<pubDate>Tue, 03 Jun 2008 15:02:08 +0000</pubDate>
		<dc:creator>diovani</dc:creator>
				<category><![CDATA[Sem Categoria]]></category>
		<category><![CDATA[anúncios]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[publicidade]]></category>

		<guid isPermaLink="false">http://blog.diovani.com/2008/06/03/ganhe-dinheiro-navegando-na-internet/</guid>
		<description><![CDATA[Já pensou se fosse possível ganhar uma grana apenas navegando em diversas páginas pelo internet?
Sim, isto é possível. O website CliquePago.com.br oferece um novo serviço de publicidade que paga aos usuários que clicarem e navegarem nas páginas de seus anunciantes.

Diferente de serviços como o Google AdSense/AdWords, o CliquePago é voltado para os usuários finais, e [...]]]></description>
			<content:encoded><![CDATA[<p>Já pensou se fosse possível ganhar uma grana apenas navegando em diversas páginas pelo internet?</p>
<p>Sim, isto é possível. O website <a href="http://cliquepago.com.br/">CliquePago.com.br</a> oferece um novo serviço de publicidade que paga aos usuários que clicarem e navegarem nas páginas de seus anunciantes.</p>
<p style="text-align: center"><a href="http://www.cliquepago.com.br/register.php?r=diovani"><img src="http://cliquepago.com.br/images/logo.jpg" border="0" /></a></p>
<p>Diferente de serviços como o Google AdSense/AdWords, o CliquePago é voltado para os usuários finais, e não para proprietários de páginas web, assim, qualquer usuário que não possua nenhum website, blog, ou página pessoal, pode se cadastrar, e ganhar dinheiro apenas navegando nos websites anunciados no CliquePago.</p>
<p>Para os anunciantes, cabe a certeza de que seus websites serão visitados pelos usuários do CliquePago, uma vez que estes irão intencionalmente clicar nos links que mais os interessem, visando receber o pagamento pelo clique, e não apenas, as vezes acidentalmente, acessar o link de um anúncio que não faz parte da página atual fazendo-o sair do contexto desta.</p>
<p>O CliquePago ainda está em fase <em>beta</em>, contento um pequena comunidade. Porém, exibindo um crescimento exponencial no último mês, trata-se de uma nova ótima opção para anunciar seu site, ou ganhar uma graninha extra sem fazer quase nada.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.diovani.com/2008/06/03/ganhe-dinheiro-navegando-na-internet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Domínio .com.br agora também para pessoa física</title>
		<link>http://blog.diovani.com/2008/04/23/dominio-combr-agora-tambem-para-pessoa-fisica/</link>
		<comments>http://blog.diovani.com/2008/04/23/dominio-combr-agora-tambem-para-pessoa-fisica/#comments</comments>
		<pubDate>Wed, 23 Apr 2008 13:36:17 +0000</pubDate>
		<dc:creator>diovani</dc:creator>
				<category><![CDATA[Sem Categoria]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[notícias]]></category>

		<guid isPermaLink="false">http://blog.diovani.com/2008/04/23/dominio-combr-agora-tambem-para-pessoa-fisica/</guid>
		<description><![CDATA[O registro.br, site responsável pelo cadastramento de domínios .BR, anúnciou, na Quarta-Feira passada, que os domínios .COM.BR, até então disponíveis apenas para pessoas jurídicas (empresas) estarão disponíveis, a partir do dia 01/05, também para pessoas físicas.
Segue o anúncio completo:
COM.BR com CPF
&#8212;&#8212;&#8212;&#8212;&#8211;
Por decisão do CGI.br, o domínio COM.BR, destinado a atividades
comerciais genéricas na Internet, também poderá [...]]]></description>
			<content:encoded><![CDATA[<p>O <a href="http://registro.br">registro.br</a>, site responsável pelo cadastramento de domínios .BR, anúnciou, na Quarta-Feira passada, que os domínios .COM.BR, até então disponíveis apenas para pessoas jurídicas (empresas) estarão disponíveis, a partir do dia 01/05, também para pessoas físicas.</p>
<p>Segue o anúncio completo:</p>
<blockquote><p>COM.BR com CPF<br />
&#8212;&#8212;&#8212;&#8212;&#8211;</p>
<p>Por decisão do CGI.br, o domínio COM.BR, destinado a atividades<br />
comerciais genéricas na Internet, também poderá ser registrado sob um<br />
CPF. Ou seja, pessoas naturais com atividades comerciais e afins<br />
poderão registrar domínios COM.BR.</p>
<p>Esta modificação terá efeito a partir do dia 01/05/2008.</p>
<p>Inicialmente, somente o domínio COM.BR estará disponível nesta nova<br />
categoria, genérica, que permite registro tanto com CNPJ quanto com<br />
CPF. Lembramos que, para manter a transparência do registro de<br />
domínios .br, pessoas físicas responsáveis por domínios COM.BR estarão<br />
sujeitas aos mesmos procedimentos das entidades cadastradas<br />
previamente.</p></blockquote>
<p>O anúncio foi publicado <a href="http://registro.br/anuncios/20080416.html">nesta página</a>. Fiquem de olho na página inicial do registro.br para saber de novo anúncios.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.diovani.com/2008/04/23/dominio-combr-agora-tambem-para-pessoa-fisica/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Nós lemos em &#8216;F&#8217;</title>
		<link>http://blog.diovani.com/2008/04/22/nos-lemos-em-f-shaped-pattern/</link>
		<comments>http://blog.diovani.com/2008/04/22/nos-lemos-em-f-shaped-pattern/#comments</comments>
		<pubDate>Tue, 22 Apr 2008 16:02:41 +0000</pubDate>
		<dc:creator>diovani</dc:creator>
				<category><![CDATA[Sem Categoria]]></category>
		<category><![CDATA[curiosidades]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://blog.diovani.com/2008/04/22/nbos-lemos-em-f-shaped-pattern/</guid>
		<description><![CDATA[Estudos de rastro visual exibem que usuários geralmente lêem páginas web em um formato padrão em &#8216;F&#8217;: Duas linhas horizontais, seguidas de uma linha vertical.
&#8220;&#8216;F&#8217;, de Fast. É como usuários comumente lêem o conteúdo de nossas páginas e blogs. Movendo os olhos velozmente em um padrão bem diferente do que aprendemos na escola.&#8221;
Estudos do Grupo [...]]]></description>
			<content:encoded><![CDATA[<blockquote><p>Estudos de rastro visual exibem que usuários geralmente lêem páginas web em um formato padrão em &#8216;F&#8217;: Duas linhas horizontais, seguidas de uma linha vertical.</p></blockquote>
<p>&#8220;&#8216;F&#8217;, de <em>Fast</em>. É como usuários comumente lêem o conteúdo de nossas páginas e blogs. Movendo os olhos velozmente em um padrão bem diferente do que aprendemos na escola.&#8221;</p>
<p>Estudos do <a href="http://www.useit.com/eyetracking/">Grupo Nielsen Norman</a>, comprovam que a maioria das leituras de páginas web concidem no padrão de leitura utilizado:</p>
<ul>
<li>Primeiramente, o usuário lê uma primeira linha horizontal superior à página.</li>
<li>Em seguida o usuário desce um pouco e lê mais rapidamente uma segunda linha horizontal ou parte desta.</li>
<li>Por último, o usuário escaneia rapidamente as linhas abaixo, formando uma linha vertical na página, correspondente aos inícios dos parágrafos subseqüentes.</li>
</ul>
<p>O estudo deste padrão de leitura foi feito com o uso de uma tecnologia de escaneamento de rastro visual. A tecnologia destaca, como zonas de calor, os locais onde o usuário mantém seus olhos fixos por mais tempo. Veja os exemplos abaixo:</p>
<p><a href="http://blog.diovani.com/wp-content/uploads/2008/04/f_reading_pattern_eyetracking.jpg" title="F Sahped Pattern"></a></p>
<p style="text-align: center"><a href="http://blog.diovani.com/wp-content/uploads/2008/04/f_reading_pattern_eyetracking.jpg" title="F Sahped Pattern"><img src="http://blog.diovani.com/wp-content/uploads/2008/04/f_reading_pattern_eyetracking.thumbnail.jpg" alt="F Sahped Pattern" /></a></p>
<p>As áreas mais próximas do vermelho são as em que o usuário gastou mais tempo com seus olhos fixos, enquanto as em azul são as que foram vagamente visualizadas. As zonas de calor desenham um formato que lembra, na maioria dos casos, a letra &#8216;F&#8217;.</p>
<p>Este estudo é um tanto útil para designers e redatores de páginas, uma vez que exibe quais áreas em geral recebem mais atenção do usuário. Assim, seguem algumas dicas para dar uma boa leitura aos visitantes de seu blog ou site:</p>
<ul>
<li>Escreva um título chamativo e atraente, que dê uma boa idéia do tema que será abordado na página. Este será a linha superior do &#8216;F&#8217; e, conseqüentemente, a que receberá mais atenção.</li>
<li>Presenteie o usuário com um breve resumo so material apresentado no parágrafo logo abaixo do título. Este resumo pode ser uma rápida conclusão do assunto, ou um breve comentário sobre os principais pontos desde. Este será a segunda linha horizontal do &#8216;F&#8217; e, possivelmente, muitos leitores terminarão por ler apenas até aqui, caso não se interessem mais pelo assunto. Em resumo, os dois primeiros parágrafos devem apresentar a parte mais importante da informação.</li>
<li>Destaque cada início de parágrafo do texto principal com um objetivo bem definido. Não enrole o texto com citações ou comentários desnecessários, comece diretamente no assunto, e  lembre de separar cada tópico em um novo parágrafo. Estes inícios de parágrafos formarão a linha vertical do &#8216;F&#8217;. O desafio é incentivar o leitor a não parar nas primeiras duas ou três palavras do parágrafo.</li>
</ul>
<p>Obviamente, este padrão não se aplica a páginas com estruturas diferentes de um artigo em comum. Como páginas de FAQ e separadas em tópicos, mas é predominante na maioria.</p>
<p>Uma vez que é a nossa missão como designers web, redatores e/ou blogueiros, dispor informações para rápido e fácil acesso aos nossos queridos leitores, não custa nada seguir esta pequenas regrinhas. Certamente elas trarão mais e mais leitores para nossas páginas, atraídos pelos textos bem elaborados e objetivos.</p>
<p><em>Fonte: <a href="http://www.useit.com/alertbox/reading_pattern.html">www.useit.com</a></em></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.diovani.com/2008/04/22/nos-lemos-em-f-shaped-pattern/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Download Videos do Youtube como MP4 (h264/aac)</title>
		<link>http://blog.diovani.com/2008/04/16/download-videos-do-youtube-como-mp4-h264aac/</link>
		<comments>http://blog.diovani.com/2008/04/16/download-videos-do-youtube-como-mp4-h264aac/#comments</comments>
		<pubDate>Wed, 16 Apr 2008 13:26:57 +0000</pubDate>
		<dc:creator>diovani</dc:creator>
				<category><![CDATA[Sem Categoria]]></category>
		<category><![CDATA[greasemonkey]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[vídeo]]></category>
		<category><![CDATA[youtube]]></category>

		<guid isPermaLink="false">http://blog.diovani.com/2008/04/16/download-videos-do-youtube-como-mp4-h264aac/</guid>
		<description><![CDATA[Recentemente o Youtube começou a disponibilizar vídeos com qualidade maior aos usuários, em MP4, codificados como h264 e aac.
A principal razão para esta implementação é disponibilizar vídeos para usuários de Celulares e Mobile Devices. Um bom exemplo é o iPod Touch, que não possui um Flash Player, mas tem uma mini-aplicação para visualizar videos, em [...]]]></description>
			<content:encoded><![CDATA[<p>Recentemente o <a href="http://youtube.com">Youtube</a> começou a disponibilizar vídeos com qualidade maior aos usuários, em <a href="http://pt.wikipedia.org/wiki/Mp4">MP4</a>, codificados como <a href="http://pt.wikipedia.org/wiki/H.264">h264</a> e <a href="http://pt.wikipedia.org/wiki/Advanced_Audio_Coding">aac</a>.</p>
<p>A principal razão para esta implementação é disponibilizar vídeos para usuários de Celulares e Mobile Devices. Um bom exemplo é o iPod Touch, que não possui um Flash Player, mas tem uma mini-aplicação para visualizar videos, em mp4, do youtube.com.</p>
<p>Agora usuários de PCs também podem se beneficiar, podendo baixar os vídeos diretamente para o PC.</p>
<blockquote><p>Atenção: Os <a href="http://br.youtube.com/t/terms">termos de uso</a> do Youtube permite aos usuários procurar e reproduzir vídeos <strong>apenas</strong> pela interface Web disponibilizada no site (item 4. C.). Assim, caso opte por baixar os vídeos deste modo, você estará violando os termos de uso do serviço, aos quais concordou ao visitar o website (item 1.).</p>
<p>Vocês foram avisados&#8230;</p></blockquote>
<p>Para quem deseja violar os termos e baixar os vídeos no formato MP4 assim mesmo, basta acessar a url to vídeo desejado normalmente, e adicionando &#8216;&amp;fmt=18&#8242; ao final desta, do seguinte modo:</p>
<blockquote><p>http://www.youtube.com/get_video?video_id=ID&amp;t=SIGNATURE&amp;fmt=18</p></blockquote>
<p>&#8216;SIGNATURE&#8217; é um valor especial que previne aos usuários baixarem os vídeos sabendo apenas o id destes. Você pode criar este valor apenas olhando o código fonte da página doYoutube, mas é extremamente simples criá-lo automaticamente.</p>
<p>Um método, é criar um favorito em seu navegador como o link a seguir:</p>
<p align="center"><a href="javascript:if%20(document.getElementById('download-youtube-video')==null%20&amp;&amp;%20!!(document.location.href.match(/http:\/\/[a-zA-Z\.]*youtube\.com\/watch/)))%20{var%20yt_mp4_path='http://www.youtube.com/get_video?fmt=18&amp;video_id='+swfArgs['video_id']+'&amp;t='+swfArgs['t'];%20var%20div_embed=document.getElementById('watch-embed-div');div_embed.innerHTML=div_embed.innerHTML+'&lt;br%20/&gt;%20&lt;span%20id=\'download-youtube-video\'&gt;&lt;a%20href=\''+yt_mp4_path+'\'&gt;Download%20as%20MP4&lt;/a&gt;%20'+%20%20((navigator.userAgent.indexOf('Safari')!=-1)?'(control-click%20and%20select%20&lt;i&gt;Download%20linked%20file%20as&lt;/i&gt;)':('(right-click%20and%20select%20&lt;i&gt;Save%20'+%20(navigator.appName=='Microsoft%20Internet%20Explorer'?'target':'link')%20+'%20as)&lt;/i&gt;'))+'&lt;/span&gt;';}void(0);"><strong>Download Vídeo do Youtube</strong></a></p>
<p align="left">&nbsp;</p>
<p style="text-align: center"><img src="http://bp2.blogger.com/_ZaGO7GjCqAI/SAH07Kd7_pI/AAAAAAAAIkQ/qoNDybYDYb4/s640/youtube-bookmarklet.png" height="151" width="330" /></p>
<p>Para criar o favorito basta clicar com o botão direito e selecionar &#8220;Adicionar aos Favoritos&#8221; ou simplesmente arrastá-lo para sua barra de favoritos, caso esteja usando Firefox.</p>
<p>Quando desejar baixar um vídeo basta clicar no favorito e você verá um link abaixo do código &#8220;Embed&#8221; nas descrições do vídeo:</p>
<p align="center"><img src="http://bp3.blogger.com/_ZaGO7GjCqAI/SAHh2ad7_lI/AAAAAAAAIjY/K_-vSIUECTA/s640/youtube-download.png" height="241" width="369" /></p>
<p align="left">Bastando estão clicar com o botão direito no link e selecionar &#8220;Salvar destino como&#8230;&#8221; ou &#8220;Salvar link como&#8230;&#8221; e renomear o arquivo como *.mp4.</p>
<p align="left">Clicar no Favorito cada vez que desejar baixar um vídeo pode ser bem chato, então, como outra alternativa, basta utilizar este <a href="http://userscripts.org/scripts/show/25105">Script do Greasemonkey</a>, que automaticamente adiciona o link para cada vídeo aberto. Você precisará instalar <a href="https://addons.mozilla.org/pt-BR/firefox/addon/748">esta extensão</a> para utilizar o script. O Opera também possui suporte para UserScripts. Detalhes de como utilizá-los você pode encontrar <a href="http://www.opera.com/support/tutorials/userjs/using/">aqui</a>.</p>
<p align="left">Estes vídeos em MP4, disponibilizados pelo Youtube, possuem uma resolução maior, som estéreo, e podem ser reproduzidos por qualquer player genérico, desde que você possua os codecs para os formatos h264 e aac, e mais do que o dobro do tamanho do vídeo em *.flv.</p>
<p align="left">Note que nem todos os vídeos estão disponíveis em MP4, caso um vídeo não esteja diponível como MP4, o formato padrão que será baixado será FLV.</p>
<p align="left"><em>Fonte: <a href="http://googlesystem.blogspot.com/2008/04/download-youtube-videos-as-mp4-files.html">googlesystem.blogspot.com</a></em></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.diovani.com/2008/04/16/download-videos-do-youtube-como-mp4-h264aac/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>BrowserShots &#8211; Teste o seu design web em diferentes navegadores</title>
		<link>http://blog.diovani.com/2008/03/18/browsershots-teste-o-seu-design-web-em-diferentes-navegadores/</link>
		<comments>http://blog.diovani.com/2008/03/18/browsershots-teste-o-seu-design-web-em-diferentes-navegadores/#comments</comments>
		<pubDate>Wed, 19 Mar 2008 01:42:35 +0000</pubDate>
		<dc:creator>diovani</dc:creator>
				<category><![CDATA[Sem Categoria]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[test]]></category>
		<category><![CDATA[utilidades]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://blog.diovani.com/2008/03/18/browsershots-teste-o-seu-design-web-em-diferentes-navegadores/</guid>
		<description><![CDATA[Você desenvolve páginas web em Linux e não tem como testá-las no Internet Explorer ou Safari? Desenvolve no Windows mas quer ver como ficam as páginas no Konqueror?
Para os Web Designers que não dispõem de, pelo menos, um Mac e um PC com Dual Boot (Linux +  Windows) em casa, o website BrowserShots, pode [...]]]></description>
			<content:encoded><![CDATA[<p>Você desenvolve páginas web em Linux e não tem como testá-las no Internet Explorer ou Safari? Desenvolve no Windows mas quer ver como ficam as páginas no Konqueror?</p>
<p>Para os Web Designers que não dispõem de, pelo menos, um Mac e um PC com Dual Boot (Linux +  Windows) em casa, o website <a href="http://browsershots.org/">BrowserShots</a>, pode salvar vidas.</p>
<p>O serviço renderiza as páginas solicitadas em vários navegadores nas 3 principais plataformas, contento inclusive opções para limitar a resolução, ativar/desativar JavaScripts, Flash, etc, e depois exibe os screenshots por um período de tempo. Veja os exemplos do meu blog:</p>
<p><a href="http://blog.diovani.com/wp-content/uploads/2008/03/080318-194334-firefox-30-ubuntu-710-5700238510edd033185461191fa0c8d3.png" title="Firefox 3.0 no Ubuntu 7.10"><img src="http://blog.diovani.com/wp-content/uploads/2008/03/080318-194334-firefox-30-ubuntu-710-5700238510edd033185461191fa0c8d3.thumbnail.png" alt="Firefox 3.0 no Ubuntu 7.10" /></a> Firefox 3.0 no Ubuntu 7.10</p>
<p><a href="http://blog.diovani.com/wp-content/uploads/2008/03/080318-194906-msie-80-windows-xp-f0fdc294e9bc2bd9043d8601249c2a42.png" title="MSIE 8.0 no Windows XP"><img src="http://blog.diovani.com/wp-content/uploads/2008/03/080318-194906-msie-80-windows-xp-f0fdc294e9bc2bd9043d8601249c2a42.thumbnail.png" alt="MSIE 8.0 no Windows XP" /></a> MSIE 8.0 no Windows XP</p>
<p><a href="http://blog.diovani.com/wp-content/uploads/2008/03/safari-on-mac.png" title="Safari 3.1 no Mac OS X 10.5">Safari 3.1 no Mac OS X 10.5</a></p>
<p>Se alguém tiver curiosidade sobre os resultados do <a href="http://acid3.acidtests.org/">Acid3</a> em vários navegadores esta é uma boa oportunidade, no browsershots deve haver sempre alguns <a href="http://browsershots.org/http://acid3.acidtests.org/">testes do acid3</a>.</p>
<p>É uma pena que não é possivel testar o comportamento de animações Javascript e Ajax, mas apenas exibir as páginas renderizadas já é uma grande ajuda. Quem sabe o projeto não evolui para apresentar novos recursos daqui a algum tempo? Screencasts seriam bem-vindos. :)</p>
<p><em>Fonte: <a href="http://feeds.feedburner.com/~r/meiobit/~3/253032657/browsershots-seu-site-v-rios-browsers">meiobit</a></em></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.diovani.com/2008/03/18/browsershots-teste-o-seu-design-web-em-diferentes-navegadores/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

