<?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; imagem</title>
	<atom:link href="http://blog.diovani.com/tag/imagem/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>Aviary Dodo &#8211; Web Based Time Machine &#8211; a melhor piada de Primeiro de Abril</title>
		<link>http://blog.diovani.com/2008/04/14/aviary-dodo-web-based-time-machine-a-melhor-piada-de-primeiro-de-abril/</link>
		<comments>http://blog.diovani.com/2008/04/14/aviary-dodo-web-based-time-machine-a-melhor-piada-de-primeiro-de-abril/#comments</comments>
		<pubDate>Mon, 14 Apr 2008 13:17:54 +0000</pubDate>
		<dc:creator>diovani</dc:creator>
				<category><![CDATA[Sem Categoria]]></category>
		<category><![CDATA[humor]]></category>
		<category><![CDATA[imagem]]></category>
		<category><![CDATA[webapps]]></category>

		<guid isPermaLink="false">http://blog.diovani.com/2008/04/14/aviary-dodo-web-based-time-machine-a-melhor-piada-de-primeiro-de-abril/</guid>
		<description><![CDATA[Em meu post anterior, sobre o Aviary, quando listei as aplicações, coloquei um &#8220;(?!?)&#8221; no Dodo, descrito como uma máquina do tempo.  Acontece que eu ainda não havia lido o post do http://a.viary.com/blog do mesmo dia, descrevendo a aplicação e dando exemplos&#8230;
Segundo o blog, o Dodo é um revolucionário  aplicativo para simular envelhecimento [...]]]></description>
			<content:encoded><![CDATA[<p>Em meu post anterior, sobre o Aviary, quando listei as aplicações, coloquei um <em>&#8220;(?!?)&#8221;</em> no Dodo, descrito como uma máquina do tempo.  Acontece que eu ainda não havia lido o post do <a href="http://a.viary.com/blog">http://a.viary.com/blog</a> do mesmo dia, descrevendo a aplicação e dando exemplos&#8230;</p>
<p>Segundo o blog, o Dodo é um revolucionário  aplicativo para simular envelhecimento (e também o contrário) não apenas de pessoas, mas também objetos e até cenários, com recursos incríveis, como exibir como um cenário ficaria em determinadas estações do ano ou época&#8230; Veja os exemplos:</p>
<p><a href="http://blog.diovani.com/wp-content/uploads/2008/04/dodo1.jpg" title="dodo1.jpg"><img src="http://blog.diovani.com/wp-content/uploads/2008/04/dodo1.thumbnail.jpg" alt="dodo1.jpg" /></a>  <a href="http://blog.diovani.com/wp-content/uploads/2008/04/dodo4.jpg" title="dodo4.jpg"><img src="http://blog.diovani.com/wp-content/uploads/2008/04/dodo4.thumbnail.jpg" alt="dodo4.jpg" /></a> <a href="http://blog.diovani.com/wp-content/uploads/2008/04/dodo2.jpg" title="dodo2.jpg"><img src="http://blog.diovani.com/wp-content/uploads/2008/04/dodo2.thumbnail.jpg" alt="dodo2.jpg" /></a> <a href="http://blog.diovani.com/wp-content/uploads/2008/04/dodo3.jpg" title="dodo3.jpg"><img src="http://blog.diovani.com/wp-content/uploads/2008/04/dodo3.thumbnail.jpg" alt="dodo3.jpg" /></a></p>
<p>Impressionante não é?</p>
<p>Pois é, acontece que, após uma centena de comentários no blog e, imagino, outra centena de emails solicitando acesso a aplicação, no dia 02 de Abril, a equipe Aviary atualizou o post, divulgando que o Dodo não existe, e que não passava de uma brincadeira de Primeiro de Abril:</p>
<blockquote><p><em>Atualização de 02 de Abril: Esta foi uma brincadeira de Primeiro de Abril; Dodo não existe. Agora poderiam, por favor, parar de nos enviar e-mails solicitando acesso a ela? :)</em></p></blockquote>
<p>Hehe&#8230; Decepcionante. Mas não deixando de ser uma boa piada&#8230; Se quiserem mais umas gargalhadas, vejam o vídeo no <a href="http://a.viary.com/blog">blog</a>.</p>
<p><em>Fonte: <a href="http://a.viary.com/blog/posts/dodo-web-based-time-machine">Dodo: Web Based time Machine</a></em><a href="http://a.viary.com/blog/posts/dodo-web-based-time-machine"></a></p>
<p>PS.: Apesar de meu post anterior sobre o Aviary ter sido publicado no dia Primeiro de Abril, a existência dos aplicativos (com exceção do Dodo, claro) é real. Na realidade eu nem tinha percebido que data era&#8230; ^^</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.diovani.com/2008/04/14/aviary-dodo-web-based-time-machine-a-melhor-piada-de-primeiro-de-abril/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Aviary &#8211; Criação e Edição de Imagens e Media Online</title>
		<link>http://blog.diovani.com/2008/04/01/aviary-criacao-e-edicao-de-imagens-e-media-online/</link>
		<comments>http://blog.diovani.com/2008/04/01/aviary-criacao-e-edicao-de-imagens-e-media-online/#comments</comments>
		<pubDate>Tue, 01 Apr 2008 21:28:07 +0000</pubDate>
		<dc:creator>diovani</dc:creator>
				<category><![CDATA[Sem Categoria]]></category>
		<category><![CDATA[imagem]]></category>
		<category><![CDATA[multimídia]]></category>
		<category><![CDATA[webapps]]></category>

		<guid isPermaLink="false">http://blog.diovani.com/2008/04/01/aviary-criacao-e-edicao-de-imagens-e-media-online/</guid>
		<description><![CDATA[Falando de Aplicativos web, não posso deixar de mensionar o Aviary, uma coleção de aplicativos para edição de mídia que me chamou bastante a atenção estes dias.
Os aplicativos são uma criação do Worth1000, um website sobre arte muito interessante, que faz desafios temáticos e comumente contém criações muito interessantes, algumas verdadeiras explosões de criatividade.
Podendo ser [...]]]></description>
			<content:encoded><![CDATA[<p>Falando de Aplicativos web, não posso deixar de mensionar o <a href="http://a.viary.com">Aviary</a>, uma coleção de aplicativos para edição de mídia que me chamou bastante a atenção estes dias.</p>
<p>Os aplicativos são uma criação do <a href="http://www.worth1000.com/default.asp">Worth1000</a>, um website sobre arte muito interessante, que faz desafios temáticos e comumente contém criações muito interessantes, algumas verdadeiras <em>explosões de criatividade.</em></p>
<p>Podendo ser executados via web-browser ou pelo <a href="http://www.adobe.com/products/air/">Adobe Air</a>, a coleção é bem promissora, contendo desde editores de imagens, a lá Gimp, a editores 3D e de áudio. Segue a <a href="http://a.viary.com/tools">lista de aplicativos</a>:</p>
<ul>
<li> Phoenix: editor de imagens;</li>
<li>Toucan:criador de paletes;</li>
<li>Peacock: criador de padrões;</li>
<li>Raven: editor de imagens vetoriais;</li>
<li>Hummingbird: modelador 3d e de texturas;</li>
<li>Myna: editor de áudio;</li>
<li>Roc: criador de músicas;</li>
<li>Starling: editor de vídeo;</li>
<li>Owl: editor de layouts de área de trabalho;</li>
<li>Penguin: editor de textos, focado para escritores criativos;</li>
<li>Pigeon: simulador de pinturas;</li>
<li>Tern: gerador de terreno (mini-aplicativo);</li>
<li>Horus: editor de fontes;</li>
<li>Woodpecker: redimensionador inteligente de imagens, utilizando <a href="http://blog.diovani.com/2007/09/13/media-retargeting/">sean carving</a> (mini-aplicativo);</li>
<li>Rookery: sistema de arquivos compartilhado e mecanismo de buscas;</li>
<li>Hawk: loja de conteúdo digital;</li>
<li>Crane: criador de produtos de imagens customizável;</li>
<li>Eagle: uma aplicação inteligente para identificar dados complexos de imagens a partir de padrões de pixels (identificar de qual câmera uma foto foi tirada, por exemplo);</li>
<li>Dodo: Máquina do tempo (?!?).</li>
</ul>
<p><a href="http://blog.diovani.com/wp-content/uploads/2008/04/2008-04-01_173921.png" title="Phoenix"><img src="http://blog.diovani.com/wp-content/uploads/2008/04/2008-04-01_173921.thumbnail.png" alt="Phoenix" align="right" /></a></p>
<p>Ainda não se sabe se o serviço será disponibilizado gratuitamente, pago, ou com restrições, após os aplicativos estarem concluídos. Mas de um modo ou de outro, trata-se de uma suíte promissora, eu, particularmente, fiquei bastante empolgado com aplicativos como o Raven, Hummingbird e, principalmente, o Woodpecker, que deve utilizar a tecnologia Sean Carving (ou Media Retargeting, como postei a algum tempo aqui no blog).</p>
<p><a href="http://blog.diovani.com/wp-content/uploads/2008/04/2008-04-01_173357.png" title="Peacock"><img src="http://blog.diovani.com/wp-content/uploads/2008/04/2008-04-01_173357.thumbnail.png" alt="Peacock" align="right" /></a></p>
<p>Atualmente, em fase Alfa, o projeto está aceitando testers, assim, os interessados precisam apenas inscrever-se no site para receberem, em alguns dias, um convite para testar os aplicativos. Apenas o Phoenix e Peacock estão disponíveis atualmente (screenshots), mas digo que estes não deixam a desejar, exibindo uma boa gama de recursos, bem mais do que o esperado de uma aplicação web-based, na minha opinião, e com uma ótima interface (em Flash).</p>
<p>Testers também podem convidar mais usuários. Ainda tenho alguns convites, se alguém tiver interesse posso enviar um sem problemas.</p>
<p>Quem desejar mais informações e novidades podem ver o <a href="http://a.viary.com/blog">blog</a> do Aviary, que sempre contém as últimas adições e exemplos em screencasts.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.diovani.com/2008/04/01/aviary-criacao-e-edicao-de-imagens-e-media-online/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Media Retargeting</title>
		<link>http://blog.diovani.com/2007/09/13/media-retargeting/</link>
		<comments>http://blog.diovani.com/2007/09/13/media-retargeting/#comments</comments>
		<pubDate>Thu, 13 Sep 2007 15:00:05 +0000</pubDate>
		<dc:creator>diovani</dc:creator>
				<category><![CDATA[Sem Categoria]]></category>
		<category><![CDATA[imagem]]></category>
		<category><![CDATA[multimídia]]></category>

		<guid isPermaLink="false">http://blog.diovani.com/2007/09/13/media-retargeting/</guid>
		<description><![CDATA[Estou trazendo um vídeo do Dr Shai Avidan, PHD pela Universidade Herbraica de Israel e co-autor da tecnologia chamada &#8220;Media Retargeting&#8221;.
[There is a video that cannot be displayed in this feed. Visit the blog entry to see the video.]
Trata-se de um novo e revolucionário algoritmo para redimensionamento de imagens sem perda de conteúdo ou distorções. [...]]]></description>
			<content:encoded><![CDATA[<p>Estou trazendo um vídeo do Dr Shai Avidan, PHD pela Universidade Herbraica de Israel e co-autor da tecnologia chamada &#8220;Media Retargeting&#8221;.</p>
<p>[There is a video that cannot be displayed in this feed. <a href="http://blog.diovani.com/2007/09/13/media-retargeting/">Visit the blog entry to see the video.]</a></p>
<p>Trata-se de um novo e revolucionário algoritmo para redimensionamento de imagens sem perda de conteúdo ou distorções. O algoritmo escanea a imagem por &#8220;curvas de energia&#8221; e determina, através destas, as áreas de menor importância, que podem ser removidas sem problemas, como áreas do céu, grama e outras áreas com cores e tons redundantes.</p>
<p>Um demo, em Flash, está disponível em <a href="http://swieskowski.net/carve/" title="Seam Carving Demo">http://swieskowski.net/carve/</a>, permitindo testar a tecnologia em suas próprias fotos (você precisa hospedar as imagens na web e de um arquivo crossdomain.xml no diretório de imagens, requerido para o Flash trabalhar com conteúdo remoto, detalhes <a href="http://www.crossdomainxml.org/">aqui</a>, mas há algumas imagens disponíveis para testes na página).</p>
<p>No último mês o Dr Shai foi contratado pela Adobe, o que certamente resultará na implantação da tecnologia nos produtos da Adobe, tais como Photoshop, Flash e talvez Fireworks, o que deixará a suíte gráfica da Adobe anos a frente de outros softwares.</p>
<p>Por outro lado, imagino que a mesma tecnologia seja implantada logo ao <a href="http://imagemagick.org/script/index.php">ImageMagick</a>, o que resultará na possibilidade de usar este recurso em N aplicações open source. Quem sabe <a href="http://gimp.org/">Gimp</a> e a extenção <a href="http://php.net">PHP</a> para o <a href="http://imagemagick.org/script/index.php">ImageMagick</a>?.</p>
<p><em>Fontes: <a href="http://www.meiobit.com/software/algoritmo_revolucion_rio_de_redimensionamento_de_imagens">MeioBit</a>, <a href="http://swieskowski.net/carve/">Seam Carving Demo</a>.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.diovani.com/2007/09/13/media-retargeting/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Redimensionar Imagens</title>
		<link>http://blog.diovani.com/2007/09/12/redimensionar-imagens/</link>
		<comments>http://blog.diovani.com/2007/09/12/redimensionar-imagens/#comments</comments>
		<pubDate>Wed, 12 Sep 2007 19:57:38 +0000</pubDate>
		<dc:creator>diovani</dc:creator>
				<category><![CDATA[debian]]></category>
		<category><![CDATA[imagem]]></category>
		<category><![CDATA[multimídia]]></category>

		<guid isPermaLink="false">http://blog.diovani.com/2007/09/12/redimensionar-imagens/</guid>
		<description><![CDATA[Fiz hoje um script (meu primeiro bash script) para redimensionar imagens a partir do gerenciador de arquivos.
Não é nada muito complexo, e talvez ainda tenha alguns bugs, mas ele facilita o trabalho para redimensionar imagens como quiser, usando ImageMagick.
Para utilizá-lo primeiro instale o ImageMacick e Zenity (o Zenity é uma aplicação para criar caixas de [...]]]></description>
			<content:encoded><![CDATA[<p>Fiz hoje um script (meu primeiro bash script) para redimensionar imagens a partir do gerenciador de arquivos.</p>
<p>Não é nada muito complexo, e talvez ainda tenha alguns bugs, mas ele facilita o trabalho para redimensionar imagens como quiser, usando ImageMagick.</p>
<p>Para utilizá-lo primeiro instale o ImageMacick e Zenity (o Zenity é uma aplicação para criar caixas de diálogo GTK a partir do shell)</p>
<blockquote><p><strong>apt-get install imagemagick zenity</strong></p></blockquote>
<p>Baixe o script <a href="http://www.diovani.com/files/image_resize">aqui</a>.</p>
<p>Depois disto, basta copiá-lo para /usr/bin e utilizar o comando $ image_resize [/caminho/para/imagem1]  [/caminho/para/imagem2] [...]  [/caminho/para/imagemn]  e o script vai pedir que digite o novo tamanho (dimensões) da imagem, você pode redimensionar quantas imagens quiser simultaneamente.</p>
<p>Para adicioná-lo ao contexto do gerenciador de arquivos, basta adicionar o comando e definí-lo para aparecer para arquivos de imagens recebendo o caminho para os arquivos selecionados como parâmetro.</p>
<p>Caso alguém aprimore o script não deixem de me enviar a nova versão.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.diovani.com/2007/09/12/redimensionar-imagens/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Highslide no Wordpress</title>
		<link>http://blog.diovani.com/2007/08/06/highslide-no-wordpress/</link>
		<comments>http://blog.diovani.com/2007/08/06/highslide-no-wordpress/#comments</comments>
		<pubDate>Mon, 06 Aug 2007 14:02:31 +0000</pubDate>
		<dc:creator>diovani</dc:creator>
				<category><![CDATA[Sem Categoria]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[highslide]]></category>
		<category><![CDATA[imagem]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[multimídia]]></category>
		<category><![CDATA[programação]]></category>
		<category><![CDATA[prototype]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://blog.diovani.com/?p=68</guid>
		<description><![CDATA[O highslide é um visualizador de miniaturas feito em JavaScript. Ele exibe as imagens em pop-ups sobre sua página (em html, nao novas janelas), podendo ser movidos ou abertos em sequencia. O efeito visual é melhor que qualquer visualizador de imagens já visto, mesmo em sistemas operacionais. Veja minhas imagens e screenshots para ter uma [...]]]></description>
			<content:encoded><![CDATA[<p>O highslide é um visualizador de miniaturas feito em JavaScript. Ele exibe as imagens em pop-ups sobre sua página (em html, nao novas janelas), podendo ser movidos ou abertos em sequencia. O efeito visual é melhor que qualquer visualizador de imagens já visto, mesmo em sistemas operacionais. Veja minhas imagens e screenshots para ter uma idéia.  Vou mostrar aqui como intalar o plugin para Wordpress e como adicionar automaticamente o highslide a TODAS as imagens do blog, sem precisar editar os posts antigos.</p>
<blockquote><p><em>O visualizador de miniaturas Highslide é free para uso não-comercial, e custa  $29, dólares para cada domínio deu8m website comercial, então, caso você possua um blog comercial (?) você deverá pagar pelo Highslide.js. Veja a <a href="http://vikjavev.no/highslide/#licence">licença</a>. </em></p></blockquote>
<p>Primeiramente, baixe e instale o plugin <a href="http://wordpress.org/extend/plugins/wp-highslide-image-viewer/">wp-highslide</a> (descompacte-o dentro de uma pasta &#8216;highslide&#8217; em wp-content/plugins/) e também baixe a biblioteca <a href="http://vikjavev.no/highslide/">highslide</a> (copie apenas o arquivo highslide.js para dentro de wp-content/plugins/highslide). Após isso vá em &#8216;Plugins&#8217; (ou &#8216;Extenções&#8217;, em português), na administração de seu blog e ative o wp-highslide.  Com isso você terá o plugins instalado, podendo usar a tag &lt;highslide&gt;&lt;/highslide&gt; para adicionar miniaturas usando a biblioteca, o que é um saco. Então, para facilitar as coisas, vá em &#8216;Opções&#8217; e clique em &#8216;wp-highslide&#8217;, ajuste as opções como deseja e em &#8216;JAVASCRIPT settings&#8217; adicione o seguinte:</p>
<p>Caso seu tema não utilize &#8216;<a href="http://prototypejs.org/">prototype</a>&#8216; (um framework JavaScript), adicione no início do textarea o seguinte código:</p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;script&gt;
src=&quot;http://prototypejs.org/assets/2007/6/20/prototype.js&quot;
 type=&quot;text/javascript&quot;&gt;&lt;/script&gt;</pre></div></div>

<p>E abaixo da linha: <strong>&#8216;hs.preloadImages();&#8217;</strong></p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> elements <span style="color: #339933;">=</span> $A<span style="color: #009900;">&#40;</span>document.<span style="color: #660066;">getElementsByTagName</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'a'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
elements.<span style="color: #660066;">each</span>
<span style="color: #009900;">&#40;</span>
    <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>element<span style="color: #009900;">&#41;</span>
    <span style="color: #009900;">&#123;</span>
        <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>element.<span style="color: #660066;">href</span>.<span style="color: #660066;">endsWith</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'jpg'</span><span style="color: #009900;">&#41;</span>
            <span style="color: #339933;">||</span> element.<span style="color: #660066;">href</span>.<span style="color: #660066;">endsWith</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'png'</span><span style="color: #009900;">&#41;</span>
            <span style="color: #339933;">||</span> element.<span style="color: #660066;">href</span>.<span style="color: #660066;">endsWith</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'gif'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>
        <span style="color: #009900;">&#123;</span>
            element.<span style="color: #660066;">className</span> <span style="color: #339933;">=</span> <span style="color: #3366CC;">'highslide'</span><span style="color: #339933;">;</span>
&nbsp;
            Event.<span style="color: #660066;">observe</span>
            <span style="color: #009900;">&#40;</span>
                element<span style="color: #339933;">,</span>
                <span style="color: #3366CC;">'click'</span><span style="color: #339933;">,</span>
                <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>event<span style="color: #009900;">&#41;</span>
                <span style="color: #009900;">&#123;</span>
                    Event.<span style="color: #000066;">stop</span><span style="color: #009900;">&#40;</span>event<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                    <span style="color: #003366; font-weight: bold;">var</span> element <span style="color: #339933;">=</span> Event.<span style="color: #660066;">element</span><span style="color: #009900;">&#40;</span>event<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                    <span style="color: #000066; font-weight: bold;">return</span> hs.<span style="color: #660066;">expand</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                <span style="color: #009900;">&#125;</span>
            <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span>
    <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#41;</span></pre></div></div>

<p>Isso vai adicionar automaticamente o Highslide a todos os links para imagens da página, inclusive dos posts antigos.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.diovani.com/2007/08/06/highslide-no-wordpress/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>

