<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Mídias Interativas</title>
	<atom:link href="http://midiasinterativas.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://midiasinterativas.wordpress.com</link>
	<description>Breves ensaios de Fabricio Teixeira</description>
	<lastBuildDate>Fri, 02 Apr 2010 02:52:35 +0000</lastBuildDate>
	<language>pt</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='midiasinterativas.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>Mídias Interativas</title>
		<link>http://midiasinterativas.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://midiasinterativas.wordpress.com/osd.xml" title="Mídias Interativas" />
	<atom:link rel='hub' href='http://midiasinterativas.wordpress.com/?pushpress=hub'/>
		<item>
		<title>Interface e regras de design</title>
		<link>http://midiasinterativas.wordpress.com/2010/04/01/interface-e-regras-de-design/</link>
		<comments>http://midiasinterativas.wordpress.com/2010/04/01/interface-e-regras-de-design/#comments</comments>
		<pubDate>Fri, 02 Apr 2010 02:52:35 +0000</pubDate>
		<dc:creator>Fabricio Teixeira</dc:creator>
				<category><![CDATA[Design de Interfaces Interativas]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[exemplos]]></category>
		<category><![CDATA[princípios]]></category>
		<category><![CDATA[regras]]></category>
		<category><![CDATA[usabilidade]]></category>

		<guid isPermaLink="false">http://midiasinterativas.wordpress.com/?p=288</guid>
		<description><![CDATA[O exercício abaixo consistiu em procurar exemplos de interfaces que seguiam ou que não seguiam as regras de design e usabilidade de Nielsen, Shneiderman e os princípios abordados na norma ISO 9241-10 de desenvolvimento de interfaces interativas. Um exemplo que aplica com sucesso as regras de design: Apple.com Projeto estético minimalista e clean Os diálogos [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=288&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>O exercício abaixo consistiu em procurar exemplos de interfaces que seguiam ou que não seguiam as regras de design e usabilidade de Nielsen, Shneiderman e os princípios abordados na norma ISO 9241-10 de desenvolvimento de interfaces interativas.</p>
<p>Um exemplo que aplica com sucesso as regras de design:</p>
<p><strong>Apple.com</strong></p>
<ul>
<li>Projeto estético minimalista e clean</li>
</ul>
<p><img class="alignnone size-medium wp-image-289" title="Design minimalista e clean" src="http://midiasinterativas.files.wordpress.com/2010/04/imagem3.png?w=500&#038;h=266" alt="" width="500" height="266" /></p>
<p>Os diálogos dentro do site da Apple estão sempre preocupados em exibir o mínimo de informações possível. Apenas quando o usuário solicita um conteúdo específico é que o sistema apresenta mais informações na tela. Se não, ele vê apenas o indispensável. Isso é essencial em um site que precisa valorizar o design dos produtos da empresa. Quanto menos informações na tela, mais atenção o usuário dá ao produto.</p>
<ul>
<li>Consistência e padrões</li>
</ul>
<p><img class="alignnone size-medium wp-image-290" title="Menus padronizados" src="http://midiasinterativas.files.wordpress.com/2010/04/imagem4.png?w=500&#038;h=126" alt="" width="500" height="126" /></p>
<p><img class="alignnone size-medium wp-image-291" title="Menus padronizados" src="http://midiasinterativas.files.wordpress.com/2010/04/imagem5.png?w=500&#038;h=127" alt="" width="500" height="127" /></p>
<p>Os menus comportam-se sempre de forma similar. Dessa forma, o usuário consegue assimilar melhor o comportamento de um item do menu mesmo sem ter clicado nele. Situações similares possuem comportamento similar. Apesar de ser uma regra aparentemente simples, muitos sites esquecem a importância da consistência e da padronização.</p>
<ul>
<li>Mapeamento das possibilidades do sistema</li>
</ul>
<p><img class="alignnone size-medium wp-image-292" title="Mapeamento do sistema" src="http://midiasinterativas.files.wordpress.com/2010/04/imagem6.png?w=499&#038;h=157" alt="" width="499" height="157" /></p>
<p>O rodapé apresenta uma espécie de &#8220;mapa do site&#8221;, onde o usuário tem uma visão geral de tudo que é possível fazer ali dentro. Isso ajuda a garantir que o usuário tenha controle e rápido acesso aos principais links do site.</p>
<p><strong>IDG Now</strong></p>
<ul>
<li>Projeto estético minimalista e clean</li>
</ul>
<p><img class="alignnone size-medium wp-image-295" title="Design nada minimalista" src="http://midiasinterativas.files.wordpress.com/2010/04/aviary-idgnow-uol-com-br-picture-2.png?w=147&#038;h=500" alt="" width="147" height="500" /></p>
<p>O excesso de informações na página da notícia é uma tentativa do site de mostrar a quantidade de conteúdos e funcionalidades ali disponíveis. No entanto, isso pode acabar confundindo o usuário e deixando-o perdido em meio a tantas informações simultâneas. No exemplo acima, apenas 5% da área útil do site é usada para mostrar aquilo que o usuário está procurando: o conteúdo textual da matéria.</p>
<ul>
<li>Visibilidade do estado atual do sistema</li>
</ul>
<p><img class="alignnone size-full wp-image-296" title="Falha na visibilidade do estado atual do sistema" src="http://midiasinterativas.files.wordpress.com/2010/04/imagem7.png?w=311&#038;h=269" alt="" width="311" height="269" /></p>
<p>Neste box de notícias mais lidas, é difícil visualizar qual aba está selecionada. A diferença de layout entre uma aba selecionada e uma aba não-selecionada é muito pequena, confundindo um usuário menos atento ou que utilize um monitor com menor contraste.</p>
<br />Filed under: <a href='http://midiasinterativas.wordpress.com/category/design-de-interfaces-interativas/'>Design de Interfaces Interativas</a> Tagged: <a href='http://midiasinterativas.wordpress.com/tag/design/'>design</a>, <a href='http://midiasinterativas.wordpress.com/tag/exemplos/'>exemplos</a>, <a href='http://midiasinterativas.wordpress.com/tag/principios/'>princípios</a>, <a href='http://midiasinterativas.wordpress.com/tag/regras/'>regras</a>, <a href='http://midiasinterativas.wordpress.com/tag/usabilidade/'>usabilidade</a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/midiasinterativas.wordpress.com/288/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/midiasinterativas.wordpress.com/288/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/midiasinterativas.wordpress.com/288/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/midiasinterativas.wordpress.com/288/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/midiasinterativas.wordpress.com/288/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/midiasinterativas.wordpress.com/288/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/midiasinterativas.wordpress.com/288/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/midiasinterativas.wordpress.com/288/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/midiasinterativas.wordpress.com/288/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/midiasinterativas.wordpress.com/288/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/midiasinterativas.wordpress.com/288/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/midiasinterativas.wordpress.com/288/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/midiasinterativas.wordpress.com/288/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/midiasinterativas.wordpress.com/288/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=288&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://midiasinterativas.wordpress.com/2010/04/01/interface-e-regras-de-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1d018b905cab5db2e92e845e5f224fdf?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">Fabricio Teixeira</media:title>
		</media:content>

		<media:content url="http://midiasinterativas.files.wordpress.com/2010/04/imagem3.png?w=500" medium="image">
			<media:title type="html">Design minimalista e clean</media:title>
		</media:content>

		<media:content url="http://midiasinterativas.files.wordpress.com/2010/04/imagem4.png?w=500" medium="image">
			<media:title type="html">Menus padronizados</media:title>
		</media:content>

		<media:content url="http://midiasinterativas.files.wordpress.com/2010/04/imagem5.png?w=500" medium="image">
			<media:title type="html">Menus padronizados</media:title>
		</media:content>

		<media:content url="http://midiasinterativas.files.wordpress.com/2010/04/imagem6.png?w=499" medium="image">
			<media:title type="html">Mapeamento do sistema</media:title>
		</media:content>

		<media:content url="http://midiasinterativas.files.wordpress.com/2010/04/aviary-idgnow-uol-com-br-picture-2.png?w=147" medium="image">
			<media:title type="html">Design nada minimalista</media:title>
		</media:content>

		<media:content url="http://midiasinterativas.files.wordpress.com/2010/04/imagem7.png" medium="image">
			<media:title type="html">Falha na visibilidade do estado atual do sistema</media:title>
		</media:content>
	</item>
		<item>
		<title>Comparação de interfaces: O Estadão X Jornal A Tarde</title>
		<link>http://midiasinterativas.wordpress.com/2010/03/02/comparacao-de-interfaces-o-estadao-x-jornal-a-tarde/</link>
		<comments>http://midiasinterativas.wordpress.com/2010/03/02/comparacao-de-interfaces-o-estadao-x-jornal-a-tarde/#comments</comments>
		<pubDate>Wed, 03 Mar 2010 01:44:21 +0000</pubDate>
		<dc:creator>Fabricio Teixeira</dc:creator>
				<category><![CDATA[Design de Interfaces Interativas]]></category>
		<category><![CDATA[A Tarde]]></category>
		<category><![CDATA[Estadão]]></category>
		<category><![CDATA[jornais]]></category>
		<category><![CDATA[portais de notícias]]></category>
		<category><![CDATA[usabilidade]]></category>

		<guid isPermaLink="false">http://midiasinterativas.wordpress.com/?p=286</guid>
		<description><![CDATA[Escolhi o Estadão pois fui o responsável pela Arquitetura de Informação do portal. Fiquei surpreso em ver que o jornal A Tarde, além de ter aproveitado alguns elementos do Estadão em sua interface, possui uma qualidade de organização de informação muito superior à que eu esperava. Abaixo uma análise item a item do checklist de [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=286&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Escolhi o Estadão pois fui o responsável pela Arquitetura de Informação do portal. Fiquei surpreso em ver que o jornal A Tarde, além de ter aproveitado alguns elementos do Estadão em sua interface, possui uma qualidade de organização de informação muito superior à que eu esperava. Abaixo uma análise item a item do checklist de boas práticas proposto:</p>
<p><strong>Velocidade de acesso<br />
</strong>As duas páginas carregaram rapidamente. Como minha conexão é rápida se comparada à média nacional, observei o peso das homepages: 63KB para o Estadão e 84kb para A Tarde. Bons pesos. Não teria dificuldades em carregar os sites mesmo com uma conexão mais lenta.</p>
<p><strong>Cores</strong><br />
Os dois portais, Estadão e A Tarde, mantêm o uso das cores durante toda a navegação, criando um bom padrão visual para os sites. No entanto, noto que o jornal A Tarde usa o azul excessivamente na homepage. O que deveria ser uma cor de apoio, acaba sendo a cor predominante em toda a página, muitas vezes cansando os olhos.</p>
<p><strong>Texto</strong><br />
Os dois sites utilizam fonte de sistema em todo seu conteúdo, o que acaba deixando as páginas mais leves. O Estadão utiliza a fonte Trebuchet, enquanto A Tarde utiliza Tahoma. Os tipos utilizados no site são notadamente diferentes dos tipos utilizados no jornal impresso. Na interface digital o contexto de leitura é outro, e o conforto é essencial para tornar a leitura mais agradável, já que a luminosidade da tela pode cansar os olhos do leitor.</p>
<p><strong>Legibilidade</strong><br />
Noto que os dois jornais possuem uma preocupação bastante visível quanto à legibilidade. O jornal A Tarde utiliza uma fonte um pouco mais escura que o Estadão, favorecendo a leitura. O contraste é um dos fatores mais importantes para tornar a leitura confortável, junto ao espaçamento entrelinhas, espaçamento entre parágrafos e a largura máxima das colunas de texto.</p>
<p><strong>Aproveitamento da resolução</strong><br />
Os dois jornais utilizam a resolução 1024. Hoje a porcentagem de pessoas que utilizam a resolução 640&#215;480, no Brasil, é próxima de zero. Mas os usuários que utilizam 800&#215;600, sim, terão dificuldades em visualizar o conteúdo da última coluna da direita. Pensando nisso, ambos os jornais deixam essa coluna para o conteúdo menos importante da página.</p>
<p><strong>Aproveitamento do espaço nobre</strong><br />
Os dois jornais utilizam a área nobre para posicionar o menu de navegação, as manchetes principais e, é claro, banners publicitários. Sabe-se que essa área é a que tem maior visibilidade, o que faz dela o espaço mais disputado na página.</p>
<p><strong>Impressão</strong><br />
Os dois sites são imprimíveis e não há problemas de desconfiguração dos frames.</p>
<p><strong>Armazenamento</strong><br />
Hoje em dia não é mais o site que disponibiliza a ferramenta de Adicionar a Favoritos, e sim o próprio browser, já que as pessoas se acostumaram a buscar essa funcionalidade dentro da interface do navegador. Mesmo assim, os dois sites puderam ser salvos e os títulos das páginas salvas eram suficientemente autoexplicativos.</p>
<p><strong>Localização espacial e temporal</strong><br />
Novamente, hoje em dia não há mais a preocupação em mostrar a data, pois já é esperado de um portal de notícias do porte do Estadão e do A Tarde que contenham notícias atualizadas em tempo real. Quando à localização espacial, os dois jornais atendem bem a esse requisito: as notícias que não são nacionais ou globais, apresentam uma tagline que informa a localidade do acontecimento.</p>
<p><strong>Facilidade de encontrar a informação</strong><br />
Os dois jornais possuem um menu bem dividido entre as editorias e uma ferramenta de busca eficiente.</p>
<p><strong>Frequência de atualização</strong><br />
Os dois sites possuem uma boa frequência de atualização. Comparando com mais atenção, é possível ver que as notícias na home do Estadão trocam com mais frequência que as notícias do A Tarde, talvez pelo tamanho da equipe de jornalistas dedicada a atualizar o site.</p>
<p><strong>Contato</strong><br />
O Estadão possui uma ferramenta de Fale Conosco disponível através de um link no rodapé do site, com uma lista bastante completa dos departamentos, e-mails e telefones de contato. Já o jornal A Tarde, talvez por ser um jornal de menor porte, apresenta diretamente os telefones no rodapé, sem reunir essas informações em uma página a parte. Além disso, no A Tarde há um link de Contato que abre um formulário para envio de mensagens diretamente pelo site, sem a necessidade de um servidor de e-mails.</p>
<p><strong>Serviços prestados</strong><br />
A diferença fica nítida quando passamos a olhar para os serviços e não só para o conteúdo. O Estadão, apesar de possuir mais indicadores (trânsito, tempo, indicadores financeiros etc.), dedica menos espaço na homepage para esse tipo de informação. Já o jornal A Tarde utiliza uma área relativamente grande de sua página inicial para esse tipo de serviço.</p>
<p><strong>Disponibilidade de notícias antigas</strong><br />
Os dois jornais possuem um bom arquivo de notícias. No entanto, a ferramenta de busca e de paginação do Estadão é um pouco mais completa, permitindo que eu navegue com mais facilidade entre conteúdos antigos.</p>
<p><strong>Relacionamentos entre matérias</strong><br />
Os dois jornais possuem, na página da notícia, uma área dedicada a listar conteúdos relacionados àquele que está sendo visualizado no momento. A ferramenta é essencial para que eu entenda mais sobre um assunto com o qual não estou familiarizado.</p>
<p><strong>Gerenciamento de erros</strong><br />
Nenhum dos jornais destaca essa ferramenta em sua página inicial. Imagino que isso ocorra pelo fato de que as matérias podem ser corrigidas em tempo real no meio digital, ao contrário do que acontece no meio impresso. O problema disso é que alguns usuários podem ler uma informação incorreta antes mesmo dela ser corrigida e depois nunca mais voltar ao site para verificar se houve alguma mudança.</p>
<p><strong>Habilidade em cativar o público</strong><br />
Achei interessante que o jornal A Tarde possuía um grande destaque para o especial de Carnaval, um assunto bastante procurado nessa época do ano. Além disso, boxes com as notícias mais lidas, em ambos os jornais, garantem que serão apresentadas as notícias que possuem mais chances de serem clicadas pelo usuário.</p>
<p><strong>Estratégias econômicas</strong><br />
Os dois jornais ganham dinheiro com a publicidade. No entanto, enquanto navegava no jornal A Tarde, pude observar alguns banners que falavam do próprio jornal. No meio publicitário chamamos esse tipo de anúncio de &#8220;Calhau&#8221;: na falta de anunciantes, exibe-se banners do próprio veículo, convidando novas empresas a anunciarem lá. O Estadão possui grandes anunciantes e muito mais espaço publicitário no decorrer da interface.</p>
<br />Filed under: <a href='http://midiasinterativas.wordpress.com/category/design-de-interfaces-interativas/'>Design de Interfaces Interativas</a> Tagged: <a href='http://midiasinterativas.wordpress.com/tag/a-tarde/'>A Tarde</a>, <a href='http://midiasinterativas.wordpress.com/tag/estadao/'>Estadão</a>, <a href='http://midiasinterativas.wordpress.com/tag/jornais/'>jornais</a>, <a href='http://midiasinterativas.wordpress.com/tag/portais-de-noticias/'>portais de notícias</a>, <a href='http://midiasinterativas.wordpress.com/tag/usabilidade/'>usabilidade</a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/midiasinterativas.wordpress.com/286/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/midiasinterativas.wordpress.com/286/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/midiasinterativas.wordpress.com/286/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/midiasinterativas.wordpress.com/286/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/midiasinterativas.wordpress.com/286/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/midiasinterativas.wordpress.com/286/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/midiasinterativas.wordpress.com/286/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/midiasinterativas.wordpress.com/286/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/midiasinterativas.wordpress.com/286/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/midiasinterativas.wordpress.com/286/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/midiasinterativas.wordpress.com/286/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/midiasinterativas.wordpress.com/286/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/midiasinterativas.wordpress.com/286/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/midiasinterativas.wordpress.com/286/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=286&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://midiasinterativas.wordpress.com/2010/03/02/comparacao-de-interfaces-o-estadao-x-jornal-a-tarde/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1d018b905cab5db2e92e845e5f224fdf?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">Fabricio Teixeira</media:title>
		</media:content>
	</item>
		<item>
		<title>Análise da estrutura de interação: articulação, comando, apresentação e observação</title>
		<link>http://midiasinterativas.wordpress.com/2010/02/27/analise-da-estrutura-de-interacao-articulacao-comando-apresentacao-e-observacao/</link>
		<comments>http://midiasinterativas.wordpress.com/2010/02/27/analise-da-estrutura-de-interacao-articulacao-comando-apresentacao-e-observacao/#comments</comments>
		<pubDate>Sat, 27 Feb 2010 18:39:55 +0000</pubDate>
		<dc:creator>Fabricio Teixeira</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[apresentação]]></category>
		<category><![CDATA[articulação]]></category>
		<category><![CDATA[comando]]></category>
		<category><![CDATA[estrutura]]></category>
		<category><![CDATA[feedback]]></category>
		<category><![CDATA[interação]]></category>
		<category><![CDATA[observação]]></category>
		<category><![CDATA[sistema]]></category>

		<guid isPermaLink="false">http://midiasinterativas.wordpress.com/?p=284</guid>
		<description><![CDATA[Dois exemplos de interações do dia-a-dia e como funciona a estrutura de interação. Interação 1 &#8211; clicar e arrastar um ícone do desktop Articulação: visualizar o ícone do arquivo que deseja ser arrastado. Comando: clicar com o mouse sobre o ícone, segurar o clique e arrastar o ícone. Apresentação: o ícone passa a acompanhar o [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=284&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Dois exemplos de interações do dia-a-dia e como funciona a estrutura de interação.</p>
<p><strong>Interação 1 &#8211; clicar e arrastar um ícone do desktop</strong></p>
<ul>
<li>Articulação: visualizar o ícone do arquivo que deseja ser arrastado.</li>
<li>Comando: clicar com o mouse sobre o ícone, segurar o clique e arrastar o ícone.</li>
<li>Apresentação: o ícone passa a acompanhar o ponteiro do mouse.</li>
<li>Observação: o usuário percebe que o ícone está sendo movido.</li>
</ul>
<p><strong>Interação 2 &#8211; mover esse ícone para uma pasta</strong></p>
<ul>
<li>Articulação: visualizar o ícone da pasta para qual deseja mover o ícone.</li>
<li>Comando: arrastar o ícone até a pasta e soltar o clique do mouse.</li>
<li>Apresentação: o ícone some e a pasta fica selecionada.</li>
<li>Observação: usuário entende que o ícone não está mais no local de origem, e sim na pasta de destino.</li>
</ul>
<br />Filed under: <a href='http://midiasinterativas.wordpress.com/category/uncategorized/'>Uncategorized</a> Tagged: <a href='http://midiasinterativas.wordpress.com/tag/apresentacao/'>apresentação</a>, <a href='http://midiasinterativas.wordpress.com/tag/articulacao/'>articulação</a>, <a href='http://midiasinterativas.wordpress.com/tag/comando/'>comando</a>, <a href='http://midiasinterativas.wordpress.com/tag/estrutura/'>estrutura</a>, <a href='http://midiasinterativas.wordpress.com/tag/feedback/'>feedback</a>, <a href='http://midiasinterativas.wordpress.com/tag/interacao/'>interação</a>, <a href='http://midiasinterativas.wordpress.com/tag/observacao/'>observação</a>, <a href='http://midiasinterativas.wordpress.com/tag/sistema/'>sistema</a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/midiasinterativas.wordpress.com/284/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/midiasinterativas.wordpress.com/284/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/midiasinterativas.wordpress.com/284/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/midiasinterativas.wordpress.com/284/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/midiasinterativas.wordpress.com/284/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/midiasinterativas.wordpress.com/284/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/midiasinterativas.wordpress.com/284/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/midiasinterativas.wordpress.com/284/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/midiasinterativas.wordpress.com/284/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/midiasinterativas.wordpress.com/284/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/midiasinterativas.wordpress.com/284/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/midiasinterativas.wordpress.com/284/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/midiasinterativas.wordpress.com/284/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/midiasinterativas.wordpress.com/284/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=284&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://midiasinterativas.wordpress.com/2010/02/27/analise-da-estrutura-de-interacao-articulacao-comando-apresentacao-e-observacao/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1d018b905cab5db2e92e845e5f224fdf?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">Fabricio Teixeira</media:title>
		</media:content>
	</item>
		<item>
		<title>Exemplo da metáfora dos golfos de Norman no iPhone</title>
		<link>http://midiasinterativas.wordpress.com/2010/02/27/exemplo-da-metafora-dos-golfos-de-norman-no-iphone/</link>
		<comments>http://midiasinterativas.wordpress.com/2010/02/27/exemplo-da-metafora-dos-golfos-de-norman-no-iphone/#comments</comments>
		<pubDate>Sat, 27 Feb 2010 18:26:49 +0000</pubDate>
		<dc:creator>Fabricio Teixeira</dc:creator>
				<category><![CDATA[Design de Interfaces Interativas]]></category>
		<category><![CDATA[avaliação]]></category>
		<category><![CDATA[execução]]></category>
		<category><![CDATA[feedback]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[metáfora dos golfos]]></category>
		<category><![CDATA[norman]]></category>
		<category><![CDATA[sistema]]></category>
		<category><![CDATA[usabilidade]]></category>

		<guid isPermaLink="false">http://midiasinterativas.wordpress.com/?p=281</guid>
		<description><![CDATA[Contexto: O iPhone possui diversos ícones organizados em um grid dentro de sua página inicial, onde cada ícone corresponde a um aplicativo diferente que foi instalado no aparelho. É possível armazenar várias páginas de aplicativos, cada página com 16 aplicativos diferentes. Tocando e arrastando o dedo para a direita ou para a esquerda o usuário [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=281&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><strong>Contexto:</strong><br />
O iPhone possui diversos ícones organizados em um grid dentro de sua página inicial, onde cada ícone corresponde a um aplicativo diferente que foi instalado no aparelho. É possível armazenar várias páginas de aplicativos, cada página com 16 aplicativos diferentes. Tocando e arrastando o dedo para a direita ou para a esquerda o usuário consegue navegar entre as páginas. Tocando um ícone e segurando o dedo por alguns segundos o usuário ativa o modo de reorganização dos ícones, onde eles podem ser arrastados para um lado e para o outro para serem reordenados.</p>
<p><strong>Situação de uso:</strong><br />
<em>Um usuário acabou de comprar o telefone e instalar alguns aplicativos, entre eles o aplicativo do Facebook, uma rede social que ele utiliza com bastante frequência. O problema é que a ordenação nativa dos ícones do iPhone é baseada na data de instalação: os primeiros aplicativos instalados ficam na primeira página, os últimos ficam na segunda, terceira etc., e o usuário pode mudar de página intuitivamente arrastando o dedo para a esquerda e para a direita. No entanto, o aplicativo do Facebook ficou na terceira página, e toda vez que o usuário deseja usar o aplicativo ele precisa mudar da página 1 para a página 2, e depois da página 2 para a página 3.</em></p>
<p><em>Como não há nenhuma indicação de que os ícones podem ser reordenados, o usuário se acostuma a percorrer esse longo caminho toda vez que deseja usar o aplicativo do Facebook.</em></p>
<p>Nesse caso, temos um problema de <strong>distância semântica</strong> no <strong>golfo de execução</strong>, segundo a metáfora dos golfos de Norman. O usuário sabe que seria melhor se ele pudesse reorganizar os aplicativos, mas não sabe se o sistema permite fazê-lo.</p>
<p><em>Depois de alguns dias o usuário fica sabendo que é possível, sim, reorganizar os aplicativos. Mas não sabe como executar essa tarefa. Ele tenta tocar um dos ícones e arrastá-lo para outro lugar, mas com isso acaba mudando entre uma página e outra de aplicativos.</em></p>
<p>Nesse caso temos um problema de <strong>distância articulatória</strong> no <strong>golfo de execução</strong>. O usuário sabe que a função existe, mas não sabe como ativá-la. Quando ele toca um ícone e tenta arrastá-lo, ocorre um problema de distância articulatória no golfo de avaliação. Isso porque ele pensa que assim estará arrastando o ícone, quando na verdade a resposta da interface do sistema mostra que ele apenas navegou entre as páginas.</p>
<p><em>Em um outro dia, enquanto usava o iPhone, o usuário tocou um aplicativo e deixou o dedo sobre ele mais tempo que o necessário para abri-lo. O sistema então ativou o modo de reorganização dos aplicativos: os ícones começam a tremer e a página exibe um X vermelho sobre cada um dos ícones. O usuário entende que agora ele pode apagar os ícones, pois normalmente o X vermelho é usado como indicador de &#8220;exclusão&#8221; em outras interfaces que ele utiliza o dia-a-dia.</em></p>
<p>Novamente, um problema no <strong>golfo de avaliação</strong>. O usuário não compreende o significado do feedback do sistema e acaba confundindo uma função (reorganizar) com outra (excluir).</p>
<br />Filed under: <a href='http://midiasinterativas.wordpress.com/category/design-de-interfaces-interativas/'>Design de Interfaces Interativas</a> Tagged: <a href='http://midiasinterativas.wordpress.com/tag/avaliacao/'>avaliação</a>, <a href='http://midiasinterativas.wordpress.com/tag/execucao/'>execução</a>, <a href='http://midiasinterativas.wordpress.com/tag/feedback/'>feedback</a>, <a href='http://midiasinterativas.wordpress.com/tag/interface/'>interface</a>, <a href='http://midiasinterativas.wordpress.com/tag/metafora-dos-golfos/'>metáfora dos golfos</a>, <a href='http://midiasinterativas.wordpress.com/tag/norman/'>norman</a>, <a href='http://midiasinterativas.wordpress.com/tag/sistema/'>sistema</a>, <a href='http://midiasinterativas.wordpress.com/tag/usabilidade/'>usabilidade</a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/midiasinterativas.wordpress.com/281/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/midiasinterativas.wordpress.com/281/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/midiasinterativas.wordpress.com/281/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/midiasinterativas.wordpress.com/281/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/midiasinterativas.wordpress.com/281/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/midiasinterativas.wordpress.com/281/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/midiasinterativas.wordpress.com/281/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/midiasinterativas.wordpress.com/281/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/midiasinterativas.wordpress.com/281/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/midiasinterativas.wordpress.com/281/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/midiasinterativas.wordpress.com/281/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/midiasinterativas.wordpress.com/281/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/midiasinterativas.wordpress.com/281/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/midiasinterativas.wordpress.com/281/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=281&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://midiasinterativas.wordpress.com/2010/02/27/exemplo-da-metafora-dos-golfos-de-norman-no-iphone/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1d018b905cab5db2e92e845e5f224fdf?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">Fabricio Teixeira</media:title>
		</media:content>
	</item>
		<item>
		<title>A obra de arte no navegador</title>
		<link>http://midiasinterativas.wordpress.com/2009/12/15/a-obra-de-arte-no-navegador/</link>
		<comments>http://midiasinterativas.wordpress.com/2009/12/15/a-obra-de-arte-no-navegador/#comments</comments>
		<pubDate>Tue, 15 Dec 2009 03:18:04 +0000</pubDate>
		<dc:creator>Fabricio Teixeira</dc:creator>
				<category><![CDATA[Fundamentos Tecnológicos para Mídias Digitais]]></category>
		<category><![CDATA[interativa]]></category>
		<category><![CDATA[interatividade]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[obra de arte]]></category>

		<guid isPermaLink="false">http://midiasinterativas.wordpress.com/?p=278</guid>
		<description><![CDATA[Análise de obras de arte executadas dentro do navegador de internet. A obra de arte e a reprodutibilidade técnica Muito se fala das mudanças no conceito de obra de arte a partir do momento, em meados do século XX, em que ela passou a ser reproduzida em larga escala, através das diversas técnicas de reprodução [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=278&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Análise de obras de arte executadas dentro do navegador de internet.</p>
<p><strong>A obra de arte e a reprodutibilidade técnica</strong></p>
<p>Muito se fala das mudanças no conceito de obra de arte a partir do momento, em meados do século XX, em que ela passou a ser reproduzida em larga escala, através das diversas técnicas de reprodução que vieram a se tornar disponíveis em no decorrer dos anos. O advento da fotografia, da imprensa, do cinema, do rádio, da televisão e da internet permitiram que o objeto artístico não mais fosse visto apenas em museus, galerias de arte e locais públicos e controlados.</p>
<p>Hoje podemos, com uma simples busca no Google, encontrar centenas de versões de Monalisa, pintura de Leonardo da Vinci datada do Renascimento europeu. O mais curioso é que são tantas as versões, tamanhos e variações de cor e tema encontrados na internet, que um usuário desavisado tem dificuldades em saber qual dessas variações mais se aproxima da obra real. Até que ponto um quadro mantém sua autenticidade original a partir do momento em que é fotocopiado e reproduzido em diferentes mídias, locais e épocas diferentes?</p>
<p>Walter Benjamin denomina este atributo da autenticidade de &#8220;aura&#8221;, e defende que essa autenticidade é, de certa forma, perdida quando a obra é reproduzida. Segundo Benjamin, a autenticidade de uma obra se constitui principalmente no seu elemento ”do aqui e do agora”, ou seja, sua experiência individual, vivida somente por ela durante um contexto histórico, sociológico e cultural único.</p>
<blockquote><p>&#8220;&#8230;o objeto reproduzido é uma obra de arte e a reprodução não o é , pois o desempenho do fotógrafo manejando sua objetiva tem tão pouco a ver com a arte como o de um maestro regendo uma orquestra sinfônica: na melhor das hipóteses é um desempenho artístico.&#8221;1</p></blockquote>
<p>A partir da metade do século, os artistas começam a antecipar tendências relacionadas ao uso da tecnologia na produção e reprodução das obras. Segundo Julio Plaza:</p>
<blockquote><p>&#8220;É a partir dos anos cinqüenta que se constituem, no campo da arte, tendências que traduzem e antecipam as mudanças produzidas pelas tecnologias.&#8221;2</p></blockquote>
<blockquote><p>&#8220;Na década de cinqüenta, Max Bense dá início à chamada Estética Gerativa como arte criada a partir de processos aleatórios, que se utilizam do computador para gerar imagens que são produtos das relações ordem/desordem de um dado repertório e simulam processos relacionados à criatividade, ao pensamento visual e também aos processos naturais de crescimento.&#8221;2</p></blockquote>
<p>A partir de então, vemos a adoção gradual da tecnologia no objeto artístico, seja fazendo do uso da tecnologia uma arte em si mesma (a fotografia e o cinema passam a ser considerados arte, por exemplo), seja explorando os recursos possibilitados pelas novas tecnologias na criação da obra de arte (uso de fotografia para a criação de colagens e obras de arte reproduzidas em larga escala). Começam a aparecer as instalações artísticas interativas, onde o próprio espectador passa a influir no conteúdo ou na forma da obra. O nome espectador torna-se obsoleto, configurando um novo papel de interator para este tipo de obra.</p>
<p>É importante, no entanto, lembrar da diferença do conceito de interator para o de co-autor. O autor da obra continua sendo aquele concebe o produto artístico, enquanto o interator é aquele que influencia na forma como essa obra é exibida. Vicente Gosciola, em seu estudo &#8220;Roteiro para as Novas Mídias&#8221;, ajuda a entender essa diferença:</p>
<blockquote><p>&#8220;É Janet Murray quem alerta para o emprego incorreto do conceito de interator, pelo qual alguns teóricos estendem a interpretação para co-autor, mas que, na verdade, o interator seria aquele que improvisa os caminhos determinados pelo autor e pelas obras das novas mídias.&#8221;3</p></blockquote>
<p>As possibilidades técnicas então se ampliam e fazem surgir novos formatos de obra que até então nunca haviam sido usados no âmbito artístico. Segundo Plaza:</p>
<blockquote><p>&#8220;O termo arte interativa expande-se no começo dos anos 90 com a aparição das tecnologias apropriadas, ligadas ao cabo telefônico, expostas em inúmeras feiras e exposições de arte, de tecnologia eletrônica (Faust, França; Imagina, Mônaco, Siggraph, EUA, entre muitas outras) e eventos relacionados ao videotexto, fax- slow scan  e outros meios.&#8221;2</p></blockquote>
<p>Para Jurgen Claus, a arte tecnológica permite uma nova etapa qualitativa na arte, comparável àquela da introdução da tela na pintura (no âmbito econômico, social e criativo).</p>
<p><strong>A arte na internet</strong><br />
A evolução no uso da tecnologia e do conceito de interatividade na produção artística das últimas décadas culminou em uma categoria de obras de arte que passaram a ser concebidas, visitadas e reproduzidas dentro da própria internet, fazendo uso das possibilidades do meio para tornarem-se atrativas a seu público. Como afirma Julio Plaza:</p>
<blockquote><p>&#8220;As primeiras obras efetuadas com o computador obedecem ao conceito de “arte permutacional” e são, na sua grande maioria, não-figurativas. Este conceito ou síntese teórica exposta por A. Moles no seu Manifesto da arte permutacional revela a noção de permutação poética, ou plástica, caracterizada pela consciência do jogo e de suas regras para a exploração do “campo dos possíveis”. Para Moles  “A arte permutacional está inscrita qual marca de água na era tecnológica.&#8221;2</p></blockquote>
<p>Ainda sobre este tipo de arte interativa:</p>
<blockquote><p>&#8220;Pensar a arte interativa dentro do contexto das Novas Tecnologias da Comunicação, como uma nova categoria de arte, requer um mergulho na história recente, à vista da expansão das noções de arte, de criação e também de estética. Além disso, no decorrer deste século, verifica-se um deslocamento das funções instauradoras (a poética do artista) para as funções da sensibilidade receptora (estética), o que produz no meio artístico uma grande confusão conceitual caracterizada, ainda, pela mistura e hibridação de gêneros, poéticas e atitudes artísticas.&#8221;2</p></blockquote>
<p>Uma das características mais marcantes deste tipo de obra é a possibilidade de intervenção dos interatores naquilo que é exposto aos sentidos. O advento da web 2.0 enquanto ferramenta de colaboração e popularização do conteúdo gerado pelos usuários serviu para acelerar e intensificar o surgimento de obras que já nascem com esse conceito colaborativo. Resgatando a origem da colaboração na obra de arte, Eduardo Kac escreve em seu artigo &#8220;Aspectos da estética das telecomunicações&#8221;:</p>
<blockquote><p>&#8220;Duchamp já afirmara que “é o espectador que faz a obra” e, “a arte nada tem a ver com democracia”, o que indica uma preocupação com a recepção. Anteriormente, Isidore Ducasse, conde de Lautréamont escreveu: “a poesia deve ser feita por todos, não por um”. Para os simbolistas, o princípio estético da sugestão era fundamental. Mallarmé: “Nomear um objeto é suprimir três quartas partes do gozo de um poema”. E Paul Valéry: “Não há um verdadeiro sentido para um texto”. Para L. Ferrara1 “A participação do receptor – aviltada, desejada, repelida, solicitada, estimulada, exigida &#8211; é tônica que perpassa os manifestos da arte moderna em todos os seus momentos e caracteriza a necessidade de justificar a sua especificidade”.&#8221;4</p></blockquote>
<p>O caráter hipertextual possibilitado pela internet (uso de hiperlinks em textos, imagens e vídeos) ajudou a multiplicar as possibilidades do conteúdo da obra, relacionando assuntos, elementos e formas que eram impossíveis no mundo físico. As obras passam a conter hiperlinks que são acionados pelos interatores, em uma infinidade de opções de navegação e exploração da arte, como afirma Plaza.</p>
<blockquote><p>&#8220;Para Mikhail Bakhtin, a primeira condição da intertextualidade é que as obras se dêem por inacabadas, isto é, que permitam e peçam para ser prosseguidas. O inacabamento de princípio e a abertura dialógica são sinônimos.&#8221;2</p></blockquote>
<blockquote><p>&#8220;Em pleno cyberspace, todos somos produtores-consumidores; ou seja, está indo solenemente por água abaixo a velha e renitente distinção entre quem faz e quem frui. Na chamada “textualidade interativa”, o que é operativo é a poética da obra aberta em campo eletrônico digital. Para Risério, o que está em questão é todo o eixo autor-obra-receptor, não a dissolução do “autor”. O autor providencia o espaço, a cartografia, mas cabe ao usuário traçar o seu percurso. Nada autoriza a dizer (parodiando Mc-Luhan) que, assim como Gutemberg nos transformou a todos em leitores e a fotocopiadora nos converteu em editores, o computador pessoal está fazendo com que todos sejamos autores.&#8221;2</p></blockquote>
<blockquote><p>&#8220;Entretanto, para Popper, o termo “interatividade” como instrumento de criação artística, em um contexto estético, pode ser aplicado tanto às relações entre artista e obra como relativo à realização, ou mesmo à relação entre obra acabada e espectador, já que as intenções estéticas do artista são inseparáveis de uma consciência clara dos processos técnicos utilizados.&#8221;2</p></blockquote>
<p>O artista passa a se apropriar da tecnologia ao propor novas estéticas para a obra, usando materiais que fogem do mundo real e passam a pertencer ao mundo dos símbolos construídos pela informática. Segundo Plaza:</p>
<blockquote><p>&#8220;Francis Heylighen desenvolve o conceito de hipermídia “distribuída” como síntese de três fatores: o documento é marcado por referências cruzadas, os hotlinks; a informação do documento pode advir de qualquer mídia; e acrescenta a distributividade, já que esse documento pode estar em várias partes do mundo.&#8221;2</p></blockquote>
<p>Muito se questionou (e questiona) do valor artístico desse tipo de obra enraizada nos meios interativos. A ruptura do padrão de obra de arte que se tinha até então foi tão grande e acelerado, que o próprio pensamento humano sofre ranhuras ao tentar se adequar à revolução tecnológica da obra de arte. Ainda segundo Plaza:</p>
<blockquote><p>&#8220;As relações entre arte e tecnologia, com seu caráter progressivo, aceleram-se com as novas configurações computacionais, mas é na exposição “Cybernetic Serendipity” (Londres, 1968), organizada por Max Bense e Jasia Reichardt, que se expõem, pela primeira vez, obras criadas com a ajuda do computador e onde se abre a polêmica: “pode o computador criar obras de arte?”; as “obras criadas com a ajuda da informática possuem um valor estético?”.&#8221;2</p></blockquote>
<p>Exemplos de obra interativas e análise<br />
Seguem três exemplos de obras de arte criadas para a internet e que possuem características bastante diferentes quando à forma de utilização dos atributos interativos do meio.</p>
<p>A primeira delas é o trabalho fotográfico We Are All Gonna Die, criado pelo fotógrafo Simon Hoegsberg e publicado em seu site: http://www.simonhoegsberg.com/we_are_all_gonna_die/slider.html.</p>
<p>A obra contém uma grande fotografia, e sua interface, criada para browsers de internet, permite que o usuário percorra toda a envergadura da foto e atente aos detalhes de cada um dos personagens fotografados. É interessante pensar que essa mesma obra poderia ter sido impressa em um grande painel físico e que, ao invés de arrastarem a barra de rolagem do site, os visitantes poderiam andar pelo espaço para ver com atenção os detalhes de cada área da foto. Mas a própria concepção da obra já tem em vista os atributos do ambiente digital e a possibilidade de interação dos visitantes da obra. Observo aqui alguns fatores importantes da obra:</p>
<p>- Experiência personalizada: cada usuário que visita o site é livre para ver o detalhe da foto que mais lhe interessa, pelo tempo que ele acha necessário.</p>
<p>- Reprodutibilidade: a obra é reproduzida cada vez que um usuário acessa o site. Os dados são então transferidos via internet para a máquina do usuário e exibidas no navegador.</p>
<p>- Abrangência geográfica: a obra pode ser acessada de qualquer lugar do mundo onde haja um computador com browser compatível com os protocolos http.</p>
<p>A segunda obra escolhida é a interface musical Tone Matrix, que pode ser vista no seguinte endereço: http://lab.andre-michelle.com/tonematrix</p>
<p>Trata-se de uma interface quadriculada que gera diferentes sons à medida em que pontos luminosos brancos são posicionados no grid com o clique do mouse. A escala horizontal do quadro representa o tempo musical, enquanto a escala vertical representa o timbre reproduzido. Novas características podem ser observadas nesta obra:</p>
<p>- Intervenção do interator na obra: a obra foi concebida com o único propósito das pessoas interagirem com ela. Sem interação, a obra não chega às vias de existir.</p>
<p>- Múltiplas possibilidades: cada usuário pode criar a combinação de pontos luminosos que mais lhe agrada ou desagrada, e testar variações desse grid com mais alguns cliques.</p>
<p>- Sinestesia: o visual da obra equivale ao produto sonoro emitido por ela. Essa associação cognitiva entre som e imagem é um dos pontos fortes da obra de arte criada para a internet.</p>
<p>A terceira e última obra analisada é a Stripes, experimento visual que pode ser visto no seguinte endereço: http://blogoscoped.com/files/stripes.html</p>
<p>Nela, o usuário arrasta linhas verticais paralelas sobre um desenho até então abstrato sobre uma tela branca. À medida em que as linhas são arrastadas horizontalmente, uma animação de uma onça correndo pode ser vista na tela do navegador. Trata-se de uma ilusão de ótica simples, já experimentada por outros artistas no mundo físico, mas agora transportada para o mundo virtual e para a internet. Pontos a serem observados:</p>
<p>- Controle sobre a obra: a velocidade com que o animal se movimenta na tela depende diretamente da velocidade em que o mouse é movido pela superfície virtual da tela branca. O usuário tem o controle dessa velocidade, e mesmo do momento de início e de término da experiência.</p>
<p>- Ilusão de ótica: recurso muito experimentado em outros meios, a ilusão de ótica fascina por surpreender o usuário no momento em que o fenômeno é atingido. A internet trouxe novos experimentos desse tipo, inclusive alguns só possíveis pela existência de pixels luminosos característicos da tela do computador.</p>
<blockquote><p>&#8220;Desta maneira uma nova possibilidade de atuação dos usuários é desencadeada por uma estética resultante da sinergia de elementos não formais, tais como a coexistência em espaços virtuais e reais, sincronicidade de ações, controle remoto em tempo real, operação de telerobôs e observação remota, de forma colaborativa através da rede.&#8221;5</p></blockquote>
<p><strong>Considerações finais</strong><br />
Este artigo trata de um estudo não-conclusivo sobre a experimentação da obra de arte no navegador. É possível, no entanto, observar a existência de algumas características muito específicas deste meio na concepção e reprodução da obra de arte.</p>
<p>Vemos cada vez mais manifestações artísticas sendo publicadas na web e precisamos, de tempos em tempos, resgatar um pouco da história da arte e das origens da produção artística para que possamos destacar as características mais visíveis desse tipo de arte.</p>
<p><strong>Referências bibliográficas</strong></p>
<p>Citadas:<br />
1. Fichamento sobre BENJAMIN, Walter. A obra de arte na época de sua reprodutibilidade técnica.<br />
2. PLAZA, Julio. Arte e interatividade: autor-obra-recepção.<br />
3. GOSCIOLA, Vicente. Roteiro para as novas mídias.<br />
4. KAC, Eduardo. Aspectos da estética das telecomunicações.<br />
5. DONATI, Luisa Paraguai e PRADO, Gilbertto. Utilizações artísticas de imagens em direto<br />
zações artísticas de imagens em direto na world wide web.</p>
<p>Não-citada:<br />
ARANTES, Priscila. Arte e mídia no Brasil: perspectivas da estética digital.</p>
<br />Posted in Fundamentos Tecnológicos para Mídias Digitais Tagged: interativa, interatividade, internet, obra de arte <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/midiasinterativas.wordpress.com/278/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/midiasinterativas.wordpress.com/278/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/midiasinterativas.wordpress.com/278/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/midiasinterativas.wordpress.com/278/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/midiasinterativas.wordpress.com/278/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/midiasinterativas.wordpress.com/278/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/midiasinterativas.wordpress.com/278/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/midiasinterativas.wordpress.com/278/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/midiasinterativas.wordpress.com/278/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/midiasinterativas.wordpress.com/278/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/midiasinterativas.wordpress.com/278/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/midiasinterativas.wordpress.com/278/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/midiasinterativas.wordpress.com/278/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/midiasinterativas.wordpress.com/278/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=278&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://midiasinterativas.wordpress.com/2009/12/15/a-obra-de-arte-no-navegador/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1d018b905cab5db2e92e845e5f224fdf?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">Fabricio Teixeira</media:title>
		</media:content>
	</item>
		<item>
		<title>Cibercultura</title>
		<link>http://midiasinterativas.wordpress.com/2009/11/23/cibercultura/</link>
		<comments>http://midiasinterativas.wordpress.com/2009/11/23/cibercultura/#comments</comments>
		<pubDate>Tue, 24 Nov 2009 00:03:55 +0000</pubDate>
		<dc:creator>Fabricio Teixeira</dc:creator>
				<category><![CDATA[Fundamentos das Mídias Interativas]]></category>
		<category><![CDATA[cibercultura]]></category>
		<category><![CDATA[ciberespaço]]></category>
		<category><![CDATA[inteligência coletiva]]></category>

		<guid isPermaLink="false">http://midiasinterativas.wordpress.com/2009/11/23/cibercultura/</guid>
		<description><![CDATA[Pesquisei sobre os autores sugeridos e encontrei um ponto comum entre a linha teórica dos três: a criação de um novo espaço, livre de fronteiras geográficas e coordenados por uma inteligência coletiva mutável. Howart Rheingold cita muito o ciberespaço como um espaço para reconstruir os espaços comunitários do mundo físico. Também imagino que ele não [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=277&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Pesquisei sobre os autores sugeridos e encontrei um ponto comum entre a linha teórica dos três: a criação de um novo espaço, livre de fronteiras geográficas e coordenados por uma inteligência coletiva mutável.</p>
<p>Howart Rheingold cita muito o ciberespaço como um espaço para reconstruir os espaços comunitários do mundo físico. Também imagino que ele não venha para substituir esses espaços, mas sim para recriá-los em uma nova linguagem. Nessa nova linguagem, as comunidades se utilizam da emoção humana e da interação entre os participantes para alterar o Eu de cada um deles.</p>
<p>Steven Johnson conceitua essas comunidades como agrupamentos &#8220;bottom-up&#8221;, onde os participantes interagem, criam comunidades, se agrupam e ditam como serão utilizadas as regras previstas pelo software. Compara a uma rede neural, onde os neurônios não funcionam sozinhos, mas sim dependem dos outros neurônios com os quais estão conectados. Nessa mesma linha, Lévy afirma que o ciberespaço se constrói através de uma universalidade que não possui uma organização central, mas sim um sistema de desordem. Para ele é a essência paradoxal da cibercultura.</p>
<p>Apesar da quase inexistência do top-down no sentido de regulamentação das regras interpessoais nesse ciberespaço, Johnson reforça que a interface está tão próxima do subconsciente humano que acaba por modificá-lo. Em um dos textos que encontrei, Johnson cita o exemplo dos programas de televisão e jogos de videogame que, por estarem cada vez mais complexos, acabam tornando os espectadores/jogadores mais inteligentes. Vejo que isso seja uma evolução natural da espécie, e fico fascinado em pensar que a inteligência da espécie evolui de forma coletiva. Isso me fez lembrar que meus pais desistiram de acompanhar Lost porque acharam o roteiro &#8220;complicado demais&#8221; para eles.</p>
<p>Sobre essa inteligência que evolui coletivamente, Lévy diz que o que vemos é a própria cultura se transformando com o advento da internet, e não uma cultura se formando à parte do resto do mundo. Ele conceitua a inteligência coletiva como a soma das inteligências semelhantes que, pela troca, constituem uma inteligência maior que varia conforme a cultura local e a época. Lembrei-me de James Surowiecki em A Sabedoria das Multidões, defendendo que a inteligência universal formada pela soma das inteligências individuais dos participantes das comunidades (não só virtuais) é mais poderosa que a melhor das inteligências quando analisada individualmente.</p>
<p>Identifico-me mais com as palavras de Lévy, principalmente quando prega a construção de uma linguagem universal construída a partir do uso que se faz do ciberespaço. Sua teoria está muito ligada à web semântica, o que acredito ser o próximo grande desafio dos sistemas web. A universalização da linguagem de programação mantendo-se as particularidades de cada idioma e cultura é um desafio bastante grandioso e dialoga fortemente com a noção de ausência de barreiras geográficas promovida pelo ciberespaço.&#8221;Não havendo mais territórios na superfície do planeta para conquistar, cria-se um novo espaço para fazê-lo&#8221;, afirma. Penso que, vencido o desafio da Globalização, estamos caminhando para uma Universalização da cultura e do espaço. Fico intrigado em pensar como as particularidades culturais de cada região serão mantidas nas próximas décadas, já que o conteúdo está fragmentado por esse novo espaço.</p>
<p>JOHNSON, Steven. Cultura da interface: como o computador transforma nossa maneira de criar e comunicar. Rio de Janeiro: Jorge Zahar, 2001.<br />
LÉVY, Pierre.Cibercultura. 2. ed. São Paulo: 34, 1999<br />
RHEINGOLD, Howard. Smart Mobs: the next social revolution. Cambridge: Perseus Books Group, 2003.</p>
<p>http://www.cibercultura.org.br/tikiwiki/tiki-read_article.php?articleId=44</p>
<p>http://www.citi.pt/homepages/espaco/html/comunidade_virtual.html</p>
<p>http://www.scielo.br/scielo.php?pid=S0100-19652008000200008&#038;script=sci_arttext&#038;tlng=pt</p>
<br />Posted in Fundamentos das Mídias Interativas Tagged: cibercultura, ciberespaço, inteligência coletiva <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/midiasinterativas.wordpress.com/277/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/midiasinterativas.wordpress.com/277/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/midiasinterativas.wordpress.com/277/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/midiasinterativas.wordpress.com/277/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/midiasinterativas.wordpress.com/277/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/midiasinterativas.wordpress.com/277/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/midiasinterativas.wordpress.com/277/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/midiasinterativas.wordpress.com/277/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/midiasinterativas.wordpress.com/277/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/midiasinterativas.wordpress.com/277/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/midiasinterativas.wordpress.com/277/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/midiasinterativas.wordpress.com/277/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/midiasinterativas.wordpress.com/277/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/midiasinterativas.wordpress.com/277/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=277&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://midiasinterativas.wordpress.com/2009/11/23/cibercultura/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1d018b905cab5db2e92e845e5f224fdf?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">Fabricio Teixeira</media:title>
		</media:content>
	</item>
		<item>
		<title>Formatos de áudio</title>
		<link>http://midiasinterativas.wordpress.com/2009/11/20/formatos-de-audio/</link>
		<comments>http://midiasinterativas.wordpress.com/2009/11/20/formatos-de-audio/#comments</comments>
		<pubDate>Fri, 20 Nov 2009 19:04:27 +0000</pubDate>
		<dc:creator>Fabricio Teixeira</dc:creator>
				<category><![CDATA[Fundamentos Tecnológicos para Mídias Digitais]]></category>
		<category><![CDATA[áudio]]></category>
		<category><![CDATA[formato]]></category>
		<category><![CDATA[gravadoras]]></category>
		<category><![CDATA[mp3]]></category>
		<category><![CDATA[pirataria]]></category>

		<guid isPermaLink="false">http://midiasinterativas.wordpress.com/?p=275</guid>
		<description><![CDATA[O MP3 é o mais popular formato de compactação de arquivos de áudio, por apresentar algumas vantagens em relação aos outros formatos utilizados para armazenamento, transferência e reprodução de áudio na web. Seu alto nível de compressão vai até o limite do que o ouvido humano considera uma boa qualidade de som, tornando os arquivos [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=275&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>O MP3 é o mais popular formato de compactação de arquivos de áudio, por apresentar algumas vantagens em relação aos outros formatos utilizados para armazenamento, transferência e reprodução de áudio na web. Seu alto nível de compressão vai até o limite do que o ouvido humano considera uma boa qualidade de som, tornando os arquivos mais leves e fáceis de compartilhar &#8211; seja pela internet, em CDs, outros discos de mídia e cartões de memória.</p>
<p>Tanta popularidade e facilidade de transmissão ocasionou problemas legais em relação à pirataria deste tipo de arquivo pela internet (e fora dela também). Hoje é comum baixarmos novos álbuns musicais gratuitamente pela web no mesmo dia em que são lançados em outros países. Por mais que existam leis que tentam regularizar a situação da troca de MP3 (e outros formatos de vídeo e áudio), elas ainda parecem não serem adequadas à nova realidade da web.</p>
<p>O problema tem origem desde os primórdios da internet, onde programas de P2P (como o antigo Napster, fechado após ações judiciais das gravadoras prejudicadsa pela queda de vendas) e sites de torrent (facilmente encontráveis no google) facilitaram a troca de arquivos pelos usuários.</p>
<p>O futuro do mercado fonográfico ainda é incerto, pois muitos artistas ainda não encontraram um modelo de negócios que fuja das porcentagens abusivas cobradas pelas gravadoras ou da excessiva pirataria praticada na rede. Alguns desses artistas já vêm realizando novas estratégias para o lançamento de seus trabalhos. A banda Radiohead, por exemplo, lançou seu álbum In Rainbows disponibilizando os arquivos para download na internet e pedindo aos usuários que pagassem o quanto achavam justo por aquelas músicas; outro exemplo é o de Marcelo Camelo, cantor brasileiro que disponibilizou as novas faixas de seu álbum Nós gratuitamente em seu site, um MP3 por dia. A praticidade do formato MP3 permite ainda que os artistas lancem suas faixas isoladamente, desmistificando o formato &#8220;álbum&#8221; existente até então. Esse formato era baseado na quantidade de faixas CDA que cabiam em um Compact Disc convencional de 700MB.</p>
<p>Novos formatos de arquivos de áudio estão sendo estudados para um futuro próximo. Concorrentes do MP3 como o AAC e o MT9 trazem novas possibilidades para o usuário (o primeiro possui maior qualidade de som, o segundo permite que os usuários regulem em seu próprio aparelho os canais de áudio, individualmente). Há ainda um problema de compatibilidade, já que os aparelhos existentes hoje e largamente difundidos pela população são focados na reprodução de MP3, WMA e outros formatos mais populares. A Apple Store, maior loja virtual de músicas do mundo, anexa aos arquivos MP3 também a letra da música e a capa do álbum de origem.</p>
<p>O fato é que, dada a alta penetração da música digital pela população (hoje aparelhos reprodutores de MP3 são vendidos a 50 reais no mercado informal) é um grande empecilho para a mudança no formato. Qualquer mudança deve ter em vista não apenas o interesse dos usuários, mas também o dos artistas, gravadoras e lojas virtuais já instauradas por todo o mundo.</p>
<br />Posted in Fundamentos Tecnológicos para Mídias Digitais Tagged: áudio, formato, gravadoras, mp3, pirataria <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/midiasinterativas.wordpress.com/275/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/midiasinterativas.wordpress.com/275/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/midiasinterativas.wordpress.com/275/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/midiasinterativas.wordpress.com/275/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/midiasinterativas.wordpress.com/275/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/midiasinterativas.wordpress.com/275/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/midiasinterativas.wordpress.com/275/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/midiasinterativas.wordpress.com/275/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/midiasinterativas.wordpress.com/275/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/midiasinterativas.wordpress.com/275/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/midiasinterativas.wordpress.com/275/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/midiasinterativas.wordpress.com/275/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/midiasinterativas.wordpress.com/275/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/midiasinterativas.wordpress.com/275/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=275&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://midiasinterativas.wordpress.com/2009/11/20/formatos-de-audio/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1d018b905cab5db2e92e845e5f224fdf?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">Fabricio Teixeira</media:title>
		</media:content>
	</item>
		<item>
		<title>Modelagem 3D</title>
		<link>http://midiasinterativas.wordpress.com/2009/11/13/modelagem-3d/</link>
		<comments>http://midiasinterativas.wordpress.com/2009/11/13/modelagem-3d/#comments</comments>
		<pubDate>Sat, 14 Nov 2009 01:16:26 +0000</pubDate>
		<dc:creator>Fabricio Teixeira</dc:creator>
				<category><![CDATA[Fundamentos Tecnológicos para Mídias Digitais]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[carros]]></category>
		<category><![CDATA[exemplos]]></category>
		<category><![CDATA[modelagem]]></category>

		<guid isPermaLink="false">http://midiasinterativas.wordpress.com/?p=268</guid>
		<description><![CDATA[Sobre as vantagens da modelagem 3D, destaco algumas de aplicação prática no dia-a-dia do desenvolvimento de projetos interativos. Trabalho em uma agência de publicidade interativa e uso alguns critérios ao decidir entre uma modelagem 3D ou um tratamento fotográfico apenas. Necessidade de visualização. Um objeto modelado em 3D permite infinitos ângulos de visualização diferentes, e [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=268&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Sobre as vantagens da modelagem 3D, destaco algumas de aplicação prática no dia-a-dia do desenvolvimento de projetos interativos. Trabalho em uma agência de publicidade interativa e uso alguns critérios ao decidir entre uma modelagem 3D ou um tratamento fotográfico apenas.</p>
<p><strong>Necessidade de visualização. </strong>Um objeto modelado em 3D permite infinitos ângulos de visualização diferentes, e isso pode ser vantajoso em dois casos: tanto para a equipe de desenvolvimento (na modelagem de um rafe ou wireframe de objeto) quanto para o usuário final do sistema interativo (no caso da agência, normalmente um site). No primeiro caso, tenho um exemplo recente: optamos por fazer os rafes de um estande interativo utilizando modelagem 3D. Isso permitiu que toda a equipe envolvida (e inclusive a empresa responsável pela produção do estande) pudesse passear virtualmente pelo estande antes mesmo dele começar a ser desenvolvido fisicamente. No segundo caso, também outro case recente: optamos por utilizar modelagem 3D no <a title="Site do Fiat Stilo Blackmotion" href="http://www.fiatstilo.com.br/blackmotion">projeto de um lançamento de carro</a>, para que o usuário pudesse manipulá-lo no site e conseguisse vê-lo de diversos ângulos diferentes, já que nesse caso o design do carro importava mais que seus features técnicos. Para isso, tivemos de usar um plugin para que o modelo 3D pudesse rodar em qualquer browser de internet.</p>
<p><strong>Tempo hábil de produção.</strong> Aqui aproveito para citar uma desvantagem recorrente da modelagem 3D: normalmente ela demora mais tempo para ser executada do que o tratamento fotográfico. <a title="Site do Novo Fiat Palio Weekend" href="http://www.novopalioweekend.com.br/">Em um dos projetos realizados na agência</a>, tivemos que optar pelo tratamento fotográfico pois dispúnhamos de poucas horas/homem para a tarefa.</p>
<p><strong>Padronização e total controle da linguagem visual da imagem.</strong> Já que estou citando exemplos de carros, aqui vai mais um. <a title="Site da Fiat" href="http://www.fiat.com.br">Nesse site</a>, optamos por utilizar carros modelados em 3D para que todos os carros disponíveis (ou quase todos) utilizassem a mesma linguagem visual. Isso porque na modelagem 3D a equipe tem total controle sobre padronização de texturas, ângulo da imagem, iluminação e tratamento de cores &#8211; algo que é mais difícil acontecer em ensaios fotográficos, já que esse processo exige uma estrutura física mais robusta e mais cara.</p>
<p><strong>Interatividade e linguagem de game.</strong> Em alguns projetos onde a interatividade é o principal argumento, entregar o controle do objeto ao usuário é um diferencial bastante relevante para a experiência final. <a title="Site do Novo Fiat Palio Adventure" href="http://www.novopalioadventure.com.br/">Neste projeto</a>, modelamos o objeto em 3D para que o usuário pudesse controlar o carro e passear com ele pelo cenário virtual que criamos. Utilizamos uma qualidade inferior de renderização de texturas e um menor número de polígonos para que o site não ficasse pesado ou mesmo travasse em máquinas de configuração inferior.</p>
<p>Um exemplo de cenário modelado em 3D:</p>
<p><img class="alignnone size-full wp-image-272" title="Cenário modelado em 3D" src="http://midiasinterativas.files.wordpress.com/2009/11/cenario2.jpg?w=510&#038;h=340" alt="Cenário modelado em 3D" width="510" height="340" /></p>
<p><strong>Processos utilizados</strong></p>
<ul>
<li>Para os tubos de plástico vermelhos: criação de cilindros, aplicação de textura opaca, colorização vermelha, com pouco reflexo de luz.</li>
<li>Para a mesa metálica: criação de dois cilindros sobrepostos e redimensionados, centralização do cilindro-base no tampo da mesa, aplicação de textura aluminizada (com alto reflexo e brilho), colorização cinza.</li>
<li>Para a bola de plástico: criação de uma esfera, aplicação de textura plástica azul reaproveitada da vermelha, posicionamento sob a mesa.</li>
<li>Para as paredes: criação de dois cubos, redimensionamento, posicionamento no cenário, aplicação de textura a partir de <a title="Textura de parede" href="http://www.maxxidecor.com/img/textura.jpg">imagem</a>, colorização vermelha.</li>
<li>Para a iluminação: criação de 4 spots de luz, configuração da luz, posicionamento dos spots, alteração da angulação dos spots e controle de intensidade.</li>
<li>Para a câmera: reposicionamento da câmera, aproximação da câmera dos objetos.</li>
<li>Para a renderização: modificação no tamanho da imagem gerada.</li>
</ul>
<br />Posted in Fundamentos Tecnológicos para Mídias Digitais Tagged: 3D, carros, exemplos, modelagem <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/midiasinterativas.wordpress.com/268/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/midiasinterativas.wordpress.com/268/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/midiasinterativas.wordpress.com/268/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/midiasinterativas.wordpress.com/268/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/midiasinterativas.wordpress.com/268/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/midiasinterativas.wordpress.com/268/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/midiasinterativas.wordpress.com/268/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/midiasinterativas.wordpress.com/268/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/midiasinterativas.wordpress.com/268/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/midiasinterativas.wordpress.com/268/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/midiasinterativas.wordpress.com/268/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/midiasinterativas.wordpress.com/268/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/midiasinterativas.wordpress.com/268/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/midiasinterativas.wordpress.com/268/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=268&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://midiasinterativas.wordpress.com/2009/11/13/modelagem-3d/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1d018b905cab5db2e92e845e5f224fdf?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">Fabricio Teixeira</media:title>
		</media:content>

		<media:content url="http://midiasinterativas.files.wordpress.com/2009/11/cenario2.jpg" medium="image">
			<media:title type="html">Cenário modelado em 3D</media:title>
		</media:content>
	</item>
		<item>
		<title>Interatividade na internet e tendências para o futuro</title>
		<link>http://midiasinterativas.wordpress.com/2009/11/10/interatividade-na-internet-e-tendencias-para-o-futuro/</link>
		<comments>http://midiasinterativas.wordpress.com/2009/11/10/interatividade-na-internet-e-tendencias-para-o-futuro/#comments</comments>
		<pubDate>Tue, 10 Nov 2009 19:09:32 +0000</pubDate>
		<dc:creator>Fabricio Teixeira</dc:creator>
				<category><![CDATA[Fundamentos das Mídias Interativas]]></category>
		<category><![CDATA[interatividade]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[semântica]]></category>
		<category><![CDATA[tendências]]></category>
		<category><![CDATA[web3.0]]></category>

		<guid isPermaLink="false">http://midiasinterativas.wordpress.com/?p=266</guid>
		<description><![CDATA[Fechando um pouco o conceito de interatividade e discutindo como ela se aplica na web, não dá para deixar de comentar os textos das colegas Luciane e Christine, que trouxeram raciocínios bastante ricos para a aula. É interessante perceber como a internet evolui em ondas, e como os próprios desenvolvedores se apóiam nelas para nortear [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=266&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Fechando um pouco o conceito de interatividade e discutindo como ela se aplica na web, não dá para deixar de comentar os textos das colegas Luciane e Christine, que trouxeram raciocínios bastante ricos para a aula.</p>
<p>É interessante perceber como a internet evolui em ondas, e como os próprios desenvolvedores se apóiam nelas para nortear o próximo passo no processo evolutivo. Lemos na aula sobre web2.0 e como o usuário passou de “consumidor” para “produtor” de conteúdo com a implementação de pequenas funcionalidades nos sites que surgiram a partir de 2004 (YouTube, Flickr, Orkut). Lembro-me que, na época, os desenvolvedores ficavam inseguros se as pessoas realmente enviariam conteúdo para esses sites, dado o baixo índice de participação da época. Poucos anos depois, já nos vemos em um cenário onde esse conteúdo gerado pelos usuários é tão volumoso e sua organização tão caótica, que sofremos o que especialistas chamam de infobesidade. Esses dias assisti a uma palestra do Michel Lent, da agência Ogilvy, onde ele tratava justamente desse excesso de informações e de como os filtros já se tornaram indispensáveis para o consumo saudável desse conteúdo (slides da palestra disponíveis aqui: <a href="http://www.viuisso.com.br/2009/11/07/a-info-obesidade-os-atuais-desafios-da-publicidade/">http://www.viuisso.com.br/2009/11/07/a-info-obesidade-os-atuais-desafios-da-publicidade/</a>)</p>
<p>Passada a onda da web 2.0, vemos a internet caminhando para o que chamamos de web 3.0. É perigoso dizer que a web 2.0 passou, existiu ou aconteceu em determinado período de tempo. Isso porque web 2.0 é mais uma forma de pensar a web do que um reflexo na interface dos ambientes interativos. E essa forma de pensar nunca vai passar ou ser deixada para trás, e sim complementada por novos modelos mentais e novas tendências de uso. O próprio termo “web 2.0”, como afirma Luli Radfahrer, foi apenas um verbete comercial que as empresas aproveitaram para se mostrarem antenadas e por dentro das tendências. A web 3.0, por sua vez, é uma tentativa de organização semântica desse conteúdo, de forma que o próprio software navegador entenda do que trata aquele conteúdo. Pierre Levy é um dos grandes entusiastas da aplicação dessa linguagem e implementação do que ele chama de “web semântica”. Essa nova linguagem de programação semântica permite novas formas de interação na internet. A partir do momento em que o sistema “entende” do que trata cada bloco de informações, é possível economizar várias etapas na interação entre o usuário e o sistema.</p>
<p>Mais algumas tendências:</p>
<ul>
<li>Portabilidade: a internet sendo acessada de diferentes gadgets, utensílios domésticos, aparelhos celulares, leitores de e-books etc.</li>
<li>Inclusão digital: aumenta o número de pessoas que tem acesso a internet e diminui a escolaridade média e o letramento digital médio desse público.</li>
<li>Veículos de meios tradicionais migrando para a web e fazendo dela seu principal canal de comunicação. (exemplo do jornal O Globo: <a href="http://www.youtube.com/watch?v=b_VvYkNf1ZU">http://www.youtube.com/watch?v=b_VvYkNf1ZU</a>)</li>
</ul>
<p>E um ponto importante, colocado pela Luciana sobre a palestra que ela assistiu de Maffesoli e Lemos, de que não basta tentar transportar o conteúdo de outros meios para a web (“esperando que as pessoas comecem a assistir Faustão pelo celular”). O importante é que o conteúdo e as interações sejam PENSADAS para a web. Vemos exemplos como o Twitter e outras redes sociais que já foram startadas sob um “raciocínio web”, e não simplesmente replicando metáforas do mundo real. Dentre os desafios para os próximos anos, acredito que esse seja o principal: desacostumar o raciocínio dos meios os quais estamos viciados.</p>
<br />Posted in Fundamentos das Mídias Interativas Tagged: interatividade, internet, semântica, tendências, web3.0 <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/midiasinterativas.wordpress.com/266/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/midiasinterativas.wordpress.com/266/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/midiasinterativas.wordpress.com/266/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/midiasinterativas.wordpress.com/266/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/midiasinterativas.wordpress.com/266/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/midiasinterativas.wordpress.com/266/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/midiasinterativas.wordpress.com/266/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/midiasinterativas.wordpress.com/266/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/midiasinterativas.wordpress.com/266/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/midiasinterativas.wordpress.com/266/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/midiasinterativas.wordpress.com/266/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/midiasinterativas.wordpress.com/266/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/midiasinterativas.wordpress.com/266/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/midiasinterativas.wordpress.com/266/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=266&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://midiasinterativas.wordpress.com/2009/11/10/interatividade-na-internet-e-tendencias-para-o-futuro/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1d018b905cab5db2e92e845e5f224fdf?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">Fabricio Teixeira</media:title>
		</media:content>
	</item>
		<item>
		<title>Conceitos de interatividade</title>
		<link>http://midiasinterativas.wordpress.com/2009/10/31/conceitos-de-interatividade/</link>
		<comments>http://midiasinterativas.wordpress.com/2009/10/31/conceitos-de-interatividade/#comments</comments>
		<pubDate>Sat, 31 Oct 2009 12:58:01 +0000</pubDate>
		<dc:creator>Fabricio Teixeira</dc:creator>
				<category><![CDATA[Fundamentos das Mídias Interativas]]></category>
		<category><![CDATA[conceito]]></category>
		<category><![CDATA[interatividade]]></category>
		<category><![CDATA[o que é interatividade]]></category>

		<guid isPermaLink="false">http://midiasinterativas.wordpress.com/?p=255</guid>
		<description><![CDATA[Uma breve reflexão sobre diferentes conceitos de Interatividade. Vejo diferentes formas de conceituar Interatividade, já que semanticamente ela pode assumir diferentes significados. - Enquanto atividade humana Trata de um repensar na forma de comunicação. Gosto da definição de Downes e McMillan, que listam 5 dimensões para a interatividade: 1. Direção da comunicação; 2. Flexibilidade do [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=255&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Uma breve reflexão sobre diferentes conceitos de Interatividade.</p>
<p>Vejo diferentes formas de conceituar Interatividade, já que semanticamente ela pode assumir diferentes significados.</p>
<p>- Enquanto atividade humana<br />
Trata de um repensar na forma de comunicação. Gosto da definição de Downes e McMillan, que listam 5 dimensões para a interatividade: 1. Direção da comunicação; 2. Flexibilidade do sincronismo; 3. Senso de lugar; 4. Nível de controle; 5. Responsividade e percepção do propósito da comunicação. Pensando dessa forma, &#8220;interatividade&#8221; pode ser aplicada a situações bem distantes dos meios digitais.</p>
<p>- Enquanto característica específica dos meios digitais<br />
Segundo Jensen, interatividade é“uma medida do potencial de habilidade de uma mídia permitir que o usuário exerça influência sobre o conteúdo ou a forma da comunicação mediada.&#8221;</p>
<p>- Enquanto produção artística<br />
É a transição do conceito de &#8220;espectador&#8221; para &#8220;interator&#8221;, quando o indivíduo passa a interagir com a obra de arte e provocar mudanças nela. Segundo Marchand, &#8220;emissor, mensagem e receptor mudam respectivamente de papel, de natureza e de status&#8221;.</p>
<br />Posted in Fundamentos das Mídias Interativas Tagged: conceito, interatividade, o que é interatividade <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/midiasinterativas.wordpress.com/255/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/midiasinterativas.wordpress.com/255/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/midiasinterativas.wordpress.com/255/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/midiasinterativas.wordpress.com/255/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/midiasinterativas.wordpress.com/255/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/midiasinterativas.wordpress.com/255/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/midiasinterativas.wordpress.com/255/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/midiasinterativas.wordpress.com/255/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/midiasinterativas.wordpress.com/255/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/midiasinterativas.wordpress.com/255/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/midiasinterativas.wordpress.com/255/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/midiasinterativas.wordpress.com/255/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/midiasinterativas.wordpress.com/255/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/midiasinterativas.wordpress.com/255/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=255&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://midiasinterativas.wordpress.com/2009/10/31/conceitos-de-interatividade/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1d018b905cab5db2e92e845e5f224fdf?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">Fabricio Teixeira</media:title>
		</media:content>
	</item>
		<item>
		<title>O quilo altruísta</title>
		<link>http://midiasinterativas.wordpress.com/2009/10/27/o-quilo-altruista/</link>
		<comments>http://midiasinterativas.wordpress.com/2009/10/27/o-quilo-altruista/#comments</comments>
		<pubDate>Tue, 27 Oct 2009 23:15:24 +0000</pubDate>
		<dc:creator>Fabricio Teixeira</dc:creator>
				<category><![CDATA[Fundamentos Tecnológicos para Mídias Digitais]]></category>
		<category><![CDATA[bits]]></category>
		<category><![CDATA[bytes]]></category>
		<category><![CDATA[memória]]></category>
		<category><![CDATA[tecnologia]]></category>
		<category><![CDATA[unidade de medida]]></category>

		<guid isPermaLink="false">http://midiasinterativas.wordpress.com/?p=252</guid>
		<description><![CDATA[Somente complementando os inteligentes e bem humorados comentários dos colegas. Penso que essa divergência dos 1024 bytes seja um grande problema de usabilidade na engenharia que permeava esses sistemas digitais na ocasião de seu desenvolvimento, problema esse sintomático de uma época em que as limitações técnicas impeliam formas mais simples de cálculo (a questão da [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=252&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Somente complementando os inteligentes e bem humorados comentários dos colegas.</p>
<p>Penso que essa divergência dos 1024 bytes seja um grande problema de usabilidade na engenharia que permeava esses sistemas digitais na ocasião de seu desenvolvimento, problema esse sintomático de uma época em que as limitações técnicas impeliam formas mais simples de cálculo (a questão da quantidade de caracteres usados para representar as medidas) e em que o pensamento dos engenheiros era mais voltado para o desenvolvimento do sistema do que para a pessoa que o utilizaria.</p>
<p>Esse hiato não é tão prejudicial à medida que vemos cada vez mais pessoas entendendo e utilizando essa linguagem no dia-a-dia e cada vez mais marcas encontrando novas formas de simplificá-la ao usuário final. Quando vemos os novos iMacs com 2TB de memória ROM, não pensamos em quantas vezes os 24 bytes são &#8220;omitidos&#8221; a cada milhar convertido no cálculo. Vejo que a tendência é de caminharmos para a padronização dessas unidades de medida ou, quando inviável, para o uso de poderosas e rápidas ferramentas de conversão (como no caso da milha e do quilômetro, dos pounds e dos quilogramas, dos centímetros e polegadas).</p>
<p>Outro exemplo? Os próprios Kbps oferecidos pelas operadoras de banda larga. Compramos conexões de 6Mpbs ou de 12Mpbs sem perceber que estamos tratando de bits, e não de bytes (a unidade que usamos para calcular a memória).</p>
<br />Posted in Fundamentos Tecnológicos para Mídias Digitais Tagged: bits, bytes, memória, tecnologia, unidade de medida <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/midiasinterativas.wordpress.com/252/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/midiasinterativas.wordpress.com/252/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/midiasinterativas.wordpress.com/252/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/midiasinterativas.wordpress.com/252/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/midiasinterativas.wordpress.com/252/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/midiasinterativas.wordpress.com/252/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/midiasinterativas.wordpress.com/252/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/midiasinterativas.wordpress.com/252/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/midiasinterativas.wordpress.com/252/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/midiasinterativas.wordpress.com/252/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/midiasinterativas.wordpress.com/252/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/midiasinterativas.wordpress.com/252/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/midiasinterativas.wordpress.com/252/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/midiasinterativas.wordpress.com/252/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=252&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://midiasinterativas.wordpress.com/2009/10/27/o-quilo-altruista/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1d018b905cab5db2e92e845e5f224fdf?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">Fabricio Teixeira</media:title>
		</media:content>
	</item>
		<item>
		<title>Discutindo sobre McLuhan</title>
		<link>http://midiasinterativas.wordpress.com/2009/10/27/discutindo-sobre-mcluhan/</link>
		<comments>http://midiasinterativas.wordpress.com/2009/10/27/discutindo-sobre-mcluhan/#comments</comments>
		<pubDate>Tue, 27 Oct 2009 22:46:38 +0000</pubDate>
		<dc:creator>Fabricio Teixeira</dc:creator>
				<category><![CDATA[Fundamentos das Mídias Interativas]]></category>
		<category><![CDATA[excesso]]></category>
		<category><![CDATA[informação]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[mcluhan]]></category>
		<category><![CDATA[meios de comunicação]]></category>

		<guid isPermaLink="false">http://midiasinterativas.wordpress.com/?p=249</guid>
		<description><![CDATA[&#8220;O algodão e o petróleo, como o rádio e a televisão, tornam-se &#8216;tributos fixos&#8217; para a inteira vida da comunidade&#8221;. Quanto à afirmação de McLuhan, julgo-a irrefutável. Imagino que se tivesse sido escrita nos dias de hoje, incluiriam a internet e o celular dentro do pequeno rol de tributos citados. Quando McLuhan cita &#8220;tributos fixos&#8221;, [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=249&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<blockquote><p>&#8220;O algodão e o petróleo, como o rádio e a televisão, tornam-se &#8216;tributos fixos&#8217; para a inteira vida da comunidade&#8221;.</p></blockquote>
<p>Quanto à afirmação de McLuhan, julgo-a irrefutável. Imagino que se tivesse sido escrita nos dias de hoje, incluiriam a internet e o celular dentro do pequeno rol de tributos citados.</p>
<p>Quando McLuhan cita &#8220;tributos fixos&#8221;, imagino que esteja incluindo os meios de comunicação dentro da lista de obrigações de um indivíduo que deseja viver em sociedade. É o preço que temos que pagar por (e para) viver em uma sociedade pós-globalizada, onde o acesso à informação permeia o fortalecimento de laços afetivos, profissionais, culturais e sociais de um cidadão.</p>
<p>O rádio e a televisão (e o celular, e a internet) são meios cada vez mais intrínsecos na vida contemporânea em sociedade. Tanto que servem não só como veículo, mas também como fonte e combustível para as informações que vemos e ajudamos a circular diariamente. O excesso de informações e a velocidade na qual elas trafegam é tão grande e tão superior às barreiras geográficas que somente um meio definitivamente global como a internet se faz suficientemente forte e ágil para suportá-las.</p>
<p>Quantas vezes não nos sentimos deslocados quando ouvimos um assunto entre um grupo de amigos e não sabemos do que se trata? Em um tempo onde tudo está disponível a todos &#8211; salvas devidas proporções de exclusão digital e de acesso a informações específicas -, sentimo-nos impotentes quando vemos um assunto que está fora de nosso alcance. E isso influencia, como dito antes, a própria relação entre as pessoas. É mais difícil estabelecer uma conversa com alguém que não tem esse acesso do que com alguém que acompanha esse fluxo volumoso de informação.</p>
<p>No âmbito profissional, quando falamos de capital intelectual, vemos nitidamente que os profissionais mais bem informados são os profissionais mais bem reconhecidos, pagos e visados desse novo cenário. Se queremos mostrarmo-nos bem informados à sociedade e competitivos ao mercado, precisamos ter acesso e saber lidar com essa nova realidade da informação &#8211; inclusive selecionando, filtrando e compartilhando as informações às que temos acesso.</p>
<p>Os bens intelectuais (providos pelo rádio, internet e outros meios) serem tão importantes quanto os bens essenciais (como o petróleo e o algodão) é sintomático de uma sociedade transformada. Transformada por um sistema tecnológico tão eficiente e dinâmico que pode, para o bem e para o mal, julgar pessoas e modificar comportamentos a ponto de criar uma &#8220;nova lei de seleção natural&#8221; entre seus membros.</p>
<br />Posted in Fundamentos das Mídias Interativas Tagged: excesso, informação, internet, mcluhan, meios de comunicação <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/midiasinterativas.wordpress.com/249/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/midiasinterativas.wordpress.com/249/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/midiasinterativas.wordpress.com/249/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/midiasinterativas.wordpress.com/249/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/midiasinterativas.wordpress.com/249/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/midiasinterativas.wordpress.com/249/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/midiasinterativas.wordpress.com/249/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/midiasinterativas.wordpress.com/249/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/midiasinterativas.wordpress.com/249/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/midiasinterativas.wordpress.com/249/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/midiasinterativas.wordpress.com/249/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/midiasinterativas.wordpress.com/249/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/midiasinterativas.wordpress.com/249/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/midiasinterativas.wordpress.com/249/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=249&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://midiasinterativas.wordpress.com/2009/10/27/discutindo-sobre-mcluhan/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1d018b905cab5db2e92e845e5f224fdf?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">Fabricio Teixeira</media:title>
		</media:content>
	</item>
		<item>
		<title>Proposta de Roteiro Interativo – Parte 4 – Roteirização</title>
		<link>http://midiasinterativas.wordpress.com/2009/10/24/proposta-de-roteiro-interativo-%e2%80%93-parte-4-%e2%80%93-roteirizacao/</link>
		<comments>http://midiasinterativas.wordpress.com/2009/10/24/proposta-de-roteiro-interativo-%e2%80%93-parte-4-%e2%80%93-roteirizacao/#comments</comments>
		<pubDate>Sat, 24 Oct 2009 13:04:47 +0000</pubDate>
		<dc:creator>Fabricio Teixeira</dc:creator>
				<category><![CDATA[Roteiro e narrativas interativas]]></category>
		<category><![CDATA[interativo]]></category>
		<category><![CDATA[redes sociais]]></category>
		<category><![CDATA[roteiro]]></category>

		<guid isPermaLink="false">http://midiasinterativas.wordpress.com/?p=242</guid>
		<description><![CDATA[Observações iniciais Por se tratar de um ARG (Alternate Reality Game) nas redes sociais, o conteúdo do roteiro é mais receptivo do que ativo. O cenário e o conteúdo já estão produzidos e publicados desde antes do início da narrativa. Na verdade não há um &#8220;início&#8221; propriamente dito. A atividade é iniciada a partir do [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=242&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><strong>Observações iniciais</strong><br />
Por se tratar de um ARG (Alternate Reality Game) nas redes sociais, o conteúdo do roteiro é mais receptivo do que ativo. O cenário e o conteúdo já estão produzidos e publicados desde antes do início da narrativa. Na verdade não há um &#8220;início&#8221; propriamente dito. A atividade é iniciada a partir do momento em que o primeiro visitante chega ao Blog do GTDI, o ponto de partida para a narrativa.</p>
<p><strong>Personagens</strong><br />
Eugênio Diggio, sociólogo graduado pela Unicamp e mestre em Comunicação e Semiótica pela Universidade de Harvard (Faculty of Arts and Sciences), é quem faz a interface entre o GTDI (Grupo de Treinamento de Detetives Interativos, nome dado ao grupo de sociólogos) e os possíveis candidatos à vaga de detetive internacional. É ele quem administra a publicação de conteúdo nos diferentes sites que serão utilizados ao longo do jogo.<br />
Outros participantes do GTDI: Maria Clara Siqueira, Eduardo Ribas e Dionísio Brandão. Eles possuem menor contato com os usuários, servindo apenas como argumentadores para as discussões teóricas que acontecerão em cada ambiente.</p>
<p><strong>Referência Visual</strong><br />
Durante o jogo, serão criados vários ambientes virtuais diferentes para receber os participantes. É importante que todos esses ambientes (em especial o Blog e o Twitter) possuam uma identidade visual muito similar, para garantir que o participante perceba a ligação entre eles, inclusive com a criação de um logotipo para o GTDI.<br />
Uma boa refência visual é o próprio site do FBI: http://www.fbi.gov/. Ele possui um layout sóbrio, sério, e um logo que lembra um brasão policial, com forte associação à bandeira estadosunidense. É importante, no caso do GTDI, que haja alguma associação também com a bandeira brasileira, já que se trata de um braço do FBI atuando no Brasil.</p>
<h3>Etapa 1 &#8211; Blog do GTDI</h3>
<p>Abaixo alguns textos que deverão ser criados para o Blog do GTDI, dividos em dois grupos:<br />
1. Informações ao visitante<br />
2. Posts<br />
O primeiro grupo aparece na coluna lateral do Blog, e dá um breve panorama do que é o FBI, o que é o GTDI e como funcionará o desafio. O texto deve ser escrito por um redator profissional que tenha habilidade em escrever histórias policiais de ficção. Sugere-se que o texto dessa coluna lateral seja dividido em três blocos:<br />
1.1. Sobre o FBI &#8211; texto dá um breve resumo sobre o FBI, sua atuação nos Estados Unidos e em todo o mundo, e sobre a necessidade de contratar novos detetives que tenham familiaridade com redes sociais. A wikipedia (http://en.wikipedia.org/wiki/Federal_Bureau_of_Investigation), o site do FBI (http://www.fbi.gov/) e o capítulo de Employment do site do FBI (http://www.fbi.gov/employment/employ.htm) são boas referências para o redator.<br />
1.2. Sobre o GTDI &#8211; texto apresenta o Grupo de Treinamento de Detetives Interativos, sua origem na polícia americana e sua recente empreitada em recrutar brasileiros com experiência em redes sociais.<br />
1.3. Sobre o desafio &#8211; texto instrui os participantes do desenvolvimento da experiência interativa que está se iniciando ali no blog. Explica que a participação é livre e que no final do caminho o usuário descobrirá o e-mail do recrutador do FBI e que, a partir de então, as negociações e entrevistas devem ser combinadas através desse e-mail.</p>
<p>2. Posts<br />
O conteúdo do blog será concentrado nos posts. Existem três posts essenciais que devem ser publicados em nome de Eugênio Diggio, mas novos posts podem ser criados a critério do redator, contando sobre a rotina do GTDI, estudos que são realizados lá, discussões teóricas e estatísticas sobre o comportamento das pessoas nas redes sociais virtuais.<br />
2.1. Post 1: Apresentação de Eugênio<br />
No post inaugural do blog, Eugênio dá as boas-vindas ao participante e explica como funciona o GTDI, citando o nome dos outros participantes, seus mini-currículos e principais projetos e estudos realizados por cada um. Explica ainda que terão um grande desafio pela frente, em encontrar alguém que se encaixe no perfil procurado pelo FBI. É importante que o tom do texto seja convidativo, mas ao mesmo tempo sério, rebuscado e profissional, hajam vistas as características do personagem.<br />
2.2. Post 2: Reflexões sobre redes sociais<br />
No segundo post, Eugênio convida os usuários a refletirem sobre o rápido crescimento das redes sociais e sobre o uso que as pessoas têm feito dela. Questiona como seria possível utilizar essas redes como ferramentas de espionagem e transmissão de informações secretas entre grupos criminosos organizados. No fim, indica alguns artigos para leitura e reflexão. É importante que um dos links indicados seja o link de uma busca no Google pelo nome de um autor, e que nesses resultados de busca apareça um link patrocinado (comprado pelo GTDI) com uma dica para o endereço do Flickr.<br />
2.3. Post 3: Iniciado o desafio<br />
No último post, Eugênio anuncia que o desafio já foi iniciado, e que os usuários devem encontrar uma galeria de fotos no Flickr com base no que leram no Post 2. Ele explica que os participantes podem &#8211; e devem &#8211; utilizar as ferramentas disponíveis online para encontrar esse perfil.</p>
<h3>Etapa 2 &#8211; Link Patrocinado</h3>
<p>Sobre o Link Patrocinado, ele deve conter de forma enigmática o nome de usuário da conta do Flickr onde as fotos foram postadas. Sugere-se uma sequência de letras e números que o usuário não tente digitar naturalmente no browser ou em uma busca comum. Ex: 8j2049a4d. O título desse Link Patrocinado deve ser &#8220;Looking for something unusual?&#8221;.</p>
<h3>Etapa 3 &#8211; Flickr do GTDI</h3>
<p>No álbum do Flickr devem ser publicadas 12 fotos que conterão, cada uma delas, uma letra ou número escondido em sua composição. A união desses 12 caracteres + 1 caractere especial serão o nome de usuário do Twitter do GTDI. Esse último caractere especial pode ser encontrado no código-fonte do Blog do GTDI, em uma mensagem escrita pelo desenvolvedor HTML do blog.</p>
<p>A galeria do Flickr deve parecer ter sido criada por um usuário comum, com fotos de lugares, pessoas e objetos sem preocupação estética ou de qualidade de imagem. Mas cada foto deve possuir um caractere escondido (seja um &#8220;A&#8221; pixado na parede de fundo da foto, seja um &#8220;L&#8221; formado por dois canudinhos que estão sobre uma mesa etc.).</p>
<h3>Etapa 4 &#8211; Twitter do GTDI</h3>
<p>A conta do Twitter do GTDI não deve conter em nenhum momento a palavra GTDI, para que ele não possa ser encontrado na ferramenta de busca do site. A URL deve ser formada pelos caracteres encontrados no Flickr e os tweets devem informar a mensagem secreta que levará o participante ao primeiro vídeo no YouTube, que dará prosseguimento à narrativa.</p>
<p>São 9 tweets no total. Cada tweet conterá o nome de um roteirista famoso, como Frank Miller ou Alan Moore, e um link para seu respectivo profile no site IMDB.com (Internet Movie Data Base). Lá, cada roteirista possui uma URL composta pelas letras NM e por uma sequência de números (exemplo: http://www.imdb.com/name/nm0588341/). A soma de todos esses números, de todos os roteiristas, dará origem a um número de 3 dígitos, que será o título do primeiro vídeo do GTDI publicado no YouTube.</p>
<h3>Etapa 5 &#8211; YouTube</h3>
<p>Vídeo 1<br />
O primeiro vídeo traz a leitura de um artigo de Eugênio Diggio sobre cibercultura, com duração aproximada de 2 minutos. Não há nenhum cenário específico, apenas um ambiente com pouca luz e a câmera ligada na frente de Eugênio, que lê o texto enquanto olha para o espectador. No meio do texto, Eugênio cita alguns autores-referência sobre o assunto, sendo que entre eles há um nome que não existe. Buscando por esse nome no YouTube, o participante encontrará o segundo vídeo.</p>
<p>Vídeo 2<br />
O segundo vídeo traz uma imagem estática de um vitral de alguma capela católica renascentista. A imagem permanece estática até o fim do vídeo (cerca de 2 minutos), mas a partir da metade do vídeo, cada pedaço de vidro do mosaico se transforma em um link para algum outro vídeo diferente. Os links levam a memes famosos do YouTube, mas apenas um deles leva ao vídeo 3. A ideia é testar a paciência do participante em clicar em cada um dos links até descobrir o vídeo final.</p>
<p>Vídeo 3<br />
Nesse vídeo Eugênio Diggio aparece novamente, dessa vez em um ambiente mais claro, sentado à mesa de sua biblioteca particular. Ele parabeniza os participantes que chegaram até aquele vídeo e agradece a todos pela experiência interativa que tiveram. No fim, Eugênio informa que o participante deve mandar um e-mail para um endereço de e-mail de algum membro do FBI americano e aguardar o retorno para que o processo seletivo prossiga nos métodos mais convencionais.</p>
<br />Posted in Roteiro e narrativas interativas Tagged: interativo, redes sociais, roteiro <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/midiasinterativas.wordpress.com/242/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/midiasinterativas.wordpress.com/242/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/midiasinterativas.wordpress.com/242/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/midiasinterativas.wordpress.com/242/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/midiasinterativas.wordpress.com/242/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/midiasinterativas.wordpress.com/242/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/midiasinterativas.wordpress.com/242/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/midiasinterativas.wordpress.com/242/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/midiasinterativas.wordpress.com/242/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/midiasinterativas.wordpress.com/242/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/midiasinterativas.wordpress.com/242/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/midiasinterativas.wordpress.com/242/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/midiasinterativas.wordpress.com/242/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/midiasinterativas.wordpress.com/242/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=242&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://midiasinterativas.wordpress.com/2009/10/24/proposta-de-roteiro-interativo-%e2%80%93-parte-4-%e2%80%93-roteirizacao/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1d018b905cab5db2e92e845e5f224fdf?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">Fabricio Teixeira</media:title>
		</media:content>
	</item>
		<item>
		<title>Proposta de Roteiro Interativo – Parte 3 – Análise do Desenvolvimento</title>
		<link>http://midiasinterativas.wordpress.com/2009/10/24/proposta-de-roteiro-interativo-%e2%80%93-parte-3-%e2%80%93-analise-do-desenvolvimento/</link>
		<comments>http://midiasinterativas.wordpress.com/2009/10/24/proposta-de-roteiro-interativo-%e2%80%93-parte-3-%e2%80%93-analise-do-desenvolvimento/#comments</comments>
		<pubDate>Sat, 24 Oct 2009 13:03:07 +0000</pubDate>
		<dc:creator>Fabricio Teixeira</dc:creator>
				<category><![CDATA[Roteiro e narrativas interativas]]></category>
		<category><![CDATA[interativo]]></category>
		<category><![CDATA[redes sociais]]></category>
		<category><![CDATA[roteiro]]></category>

		<guid isPermaLink="false">http://midiasinterativas.wordpress.com/?p=240</guid>
		<description><![CDATA[Chegada a etapa de análise dos vários desenvolvimentos, é importante tentar prever o esforço necessário para criação dos ambientes digitais e quais os possíveis problemas que serão encontrados pela equipe produtora. Lista de Tarefas Abaixo a lista de tarefas que deverão ser realizadas para a preparação do ambiente digital onde acontecerá o desafio. O jogo [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=240&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Chegada a etapa de análise dos vários desenvolvimentos, é importante tentar prever o esforço necessário para criação dos ambientes digitais e quais os possíveis problemas que serão encontrados pela equipe produtora.</p>
<p><strong>Lista de Tarefas</strong><br />
Abaixo a lista de tarefas que deverão ser realizadas para a preparação do ambiente digital onde acontecerá o desafio. O jogo se desenvolverá na web, através de plataformas gratuitas de publicação de conteúdo.<br />
- Criação de uma conta no WordPress, em nome do GTDI.<br />
- Criação de um blog, chamado Blog do GTDI.<br />
- Criação de um logotipo para o GTDI.<br />
- Redação dos textos de apoio do blog: &#8220;Sobre o FBI&#8221;, &#8220;Sobre o GTDI&#8221;, &#8220;Sobre o desafio&#8221;.<br />
- Redação dos 3 posts do blog.<br />
- Criação de um e-mail do GTDI.<br />
- Criação de uma conta no Google AdWords.<br />
- Compra de um link patrocinado.<br />
- Redação do texto desse link patrocinado.<br />
- Criação de uma conta no Twitter.<br />
- Customização do perfil do Twitter do GTDI.<br />
- Redação e publicação dos microposts com as dicas no Twitter do GTDI.<br />
- Criação de uma conta no Flickr.<br />
- Busca de fotos para publicação.<br />
- Edição gráfica das fotos no Photoshop, para inserção das pistas.<br />
- Publicação das fotos no Flickr.<br />
- Criação de 3 contas no YouTube.<br />
- Gravação dos 3 vídeos.<br />
- Publicação e tagueamento dos vídeos no YouTube.<br />
- Criação de links entre os vídeos.</p>
<p><strong>Possíveis problemas</strong><br />
- É possível que as pessoas encontrem o conteúdo fora de ordem, enquanto navegam pelas redes sociais. Para garantir que isso aconteça, é preciso tomar algumas medidas importantes: não-tagueamento dos conteúdos e nomes dos arquivos com palavras como &#8220;FBI&#8221;, &#8220;GTDI&#8221;, ou que denuncie o vínculo do conteúdo com o jogo interativo; escolha de URLs não-amigáveis no momento de criação dos perfis no Twitter, Flickr e YouTube; garantir que determinado vídeo do YouTube não apareça na área de &#8220;Vídeos Relacionados&#8221; de um outro vídeo.</p>
<p>- As fotos que serão publicadas deverão possuir direitos livres de imagem e possibilidade de edição através de licenças Creative Commons.</p>
<p>- É possível que as ferramentas utilizadas para a publicação dos conteúdos apresentem instabilidade. Como o jogo é atemporal, sem um timing preciso de participação, não há qualquer implicação dos possíveis atrasos e falhas nesses sites.</p>
<br />Posted in Roteiro e narrativas interativas Tagged: interativo, redes sociais, roteiro <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/midiasinterativas.wordpress.com/240/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/midiasinterativas.wordpress.com/240/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/midiasinterativas.wordpress.com/240/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/midiasinterativas.wordpress.com/240/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/midiasinterativas.wordpress.com/240/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/midiasinterativas.wordpress.com/240/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/midiasinterativas.wordpress.com/240/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/midiasinterativas.wordpress.com/240/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/midiasinterativas.wordpress.com/240/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/midiasinterativas.wordpress.com/240/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/midiasinterativas.wordpress.com/240/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/midiasinterativas.wordpress.com/240/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/midiasinterativas.wordpress.com/240/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/midiasinterativas.wordpress.com/240/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=240&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://midiasinterativas.wordpress.com/2009/10/24/proposta-de-roteiro-interativo-%e2%80%93-parte-3-%e2%80%93-analise-do-desenvolvimento/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1d018b905cab5db2e92e845e5f224fdf?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">Fabricio Teixeira</media:title>
		</media:content>
	</item>
		<item>
		<title>Características das Mídias Interativas</title>
		<link>http://midiasinterativas.wordpress.com/2009/10/21/caracteristicas-das-midias-interativas/</link>
		<comments>http://midiasinterativas.wordpress.com/2009/10/21/caracteristicas-das-midias-interativas/#comments</comments>
		<pubDate>Wed, 21 Oct 2009 23:49:35 +0000</pubDate>
		<dc:creator>Fabricio Teixeira</dc:creator>
				<category><![CDATA[Fundamentos das Mídias Interativas]]></category>
		<category><![CDATA[cognição]]></category>
		<category><![CDATA[imersão]]></category>
		<category><![CDATA[integração]]></category>
		<category><![CDATA[mídias interativas]]></category>
		<category><![CDATA[plataformas]]></category>
		<category><![CDATA[processo cognitivo]]></category>

		<guid isPermaLink="false">http://midiasinterativas.wordpress.com/?p=236</guid>
		<description><![CDATA[Potencial de integração e codificação A digitalização dos diversos formatos de conteúdo (vídeo, áudio, texto, imagem) acaba universalizando a linguagem e convergindo nas mídias interativas. São conteúdos gerados por outras mídias que acabam encontrando um ponto comum nas mídias digitais. A popularização de sites de publicação desses conteúdos facilitou ainda mais a interação do usuário [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=236&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><strong>Potencial de integração e codificação</strong><br />
A digitalização dos diversos formatos de conteúdo (vídeo, áudio, texto, imagem) acaba universalizando a linguagem e convergindo nas mídias interativas. São conteúdos gerados por outras mídias que acabam encontrando um ponto comum nas mídias digitais. A popularização de sites de publicação desses conteúdos facilitou ainda mais a interação do usuário com esse novo conteúdo digital; as ferramentas de edição (de vídeo, de foto, de áudio, de texto) deram a esse usuário o poder de criador e editor desse conteúdo. Quando leio &#8220;integração&#8221;, me vem à cabeça o exemplo da possibilidade de uma pessoa leiga capturar um vídeo, editá-lo em seu computador, adicionar a ele uma trilha-sonora, publicá-lo no YouTube e compartilhar com o mundo sua criação. Isso só é possível pois os formatos são todos digitais e conversam entre si. A padronização das plataformas (computador, celular, televisão digital, notebook) permite ainda que esse conteúdo seja visto por pessoas de diferentes lugares, em diferentes situações.</p>
<p><strong> Processos cognitivos</strong><br />
Os participantes dessa &#8220;nova era&#8221; já são treinados desde cedo a interagirem com dispositivos digitais. O próprio desenvolvimento desses dispositivos, plataformas, softwares e websites já são pensados (na maioria das vezes) para &#8220;falarem a mesma língua&#8221;, reduzindo o ruído cognitivo que um cenário multi-plataformas poderia causar. Gostei do exemplo da Christine ao citar os emoticons e provar que mesmo a Linguagem está sendo digitalizada.</p>
<p><strong> Imersão dos sentidos</strong><br />
O prefixo de ordem é &#8220;multi&#8221;. Além do cenário ser multi-plataformas, multi-linguagens e multi-disciplinar, as experiências digitais permitem criar simulacros que envolvam diferentes sentidos humanos. Desde a visão, onde temos ambientes 3Ds ou mesmo ambientes 2Ds metaforizados (a velha metáfora dos móveis de um escritório para a organização de arquivos dentro de um computador), passando pela audição (áudio 3D, multi-canais) e pelo tato (experiências touch screen, feedback tátil, celulares e controles de videogame que vibram); cada vez mais os artifícios das mídias digitais permitem transportar uma realidade adaptada para os ambientes interativos. Claro, mantidas as devidas limitações tecnológicas dos aparelhos, limitações econômicas de acesso a eles ou limitadores sociais, como a exclusão digital. O importante é criar experiências cognitivas que sejam facilmente assimiladas pelos usuários e os tragam uma experiência agradável de interação com o ambiente digital.</p>
<p><strong>Alguns links:</strong><br />
- Realidade aumentada: http://vimeo.com/5651466<br />
- Ambiente 3D: http://www.hondanewfit.com.br/#/experiencia<br />
- Serviços que interligam diferentes plataformas: http://www.apple.com/mobileme/<br />
- Usuários recriando espaços 3D da vida real: http://sketchup.google.com/3dwh/buildingmaker.html</p>
<br />Posted in Fundamentos das Mídias Interativas Tagged: cognição, imersão, integração, mídias interativas, plataformas, processo cognitivo <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/midiasinterativas.wordpress.com/236/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/midiasinterativas.wordpress.com/236/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/midiasinterativas.wordpress.com/236/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/midiasinterativas.wordpress.com/236/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/midiasinterativas.wordpress.com/236/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/midiasinterativas.wordpress.com/236/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/midiasinterativas.wordpress.com/236/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/midiasinterativas.wordpress.com/236/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/midiasinterativas.wordpress.com/236/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/midiasinterativas.wordpress.com/236/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/midiasinterativas.wordpress.com/236/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/midiasinterativas.wordpress.com/236/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/midiasinterativas.wordpress.com/236/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/midiasinterativas.wordpress.com/236/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=236&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://midiasinterativas.wordpress.com/2009/10/21/caracteristicas-das-midias-interativas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1d018b905cab5db2e92e845e5f224fdf?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">Fabricio Teixeira</media:title>
		</media:content>
	</item>
		<item>
		<title>Tecnologias digitais e analógicas</title>
		<link>http://midiasinterativas.wordpress.com/2009/10/19/tecnologias-digitais-e-analogicas/</link>
		<comments>http://midiasinterativas.wordpress.com/2009/10/19/tecnologias-digitais-e-analogicas/#comments</comments>
		<pubDate>Mon, 19 Oct 2009 23:45:36 +0000</pubDate>
		<dc:creator>Fabricio Teixeira</dc:creator>
				<category><![CDATA[Fundamentos Tecnológicos para Mídias Digitais]]></category>
		<category><![CDATA[analógico]]></category>
		<category><![CDATA[digital]]></category>

		<guid isPermaLink="false">http://midiasinterativas.wordpress.com/?p=231</guid>
		<description><![CDATA[Exercitando a conceituação entre &#8220;analógico&#8221; e &#8220;digital&#8221;, uma tabela comparando diversas tecnologias. Item A/D Justificativa Videodisc laser (LD) A Apesar do nome, o processo de gravação e de reprodução ainda era analógico. O processo era ótico e baseado na velocidade de rotação do disco, similar aos LPs mas com uma roupagem mais &#8220;high-tech&#8221; para a [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=231&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Exercitando a conceituação entre &#8220;analógico&#8221; e &#8220;digital&#8221;, uma tabela comparando diversas tecnologias.</p>
<p><!-- table 	{mso-displayed-decimal-separator:"\,"; 	mso-displayed-thousand-separator:"\.";} .font5 	{color:windowtext; 	font-size:8.0pt; 	font-weight:400; 	font-style:normal; 	text-decoration:none; 	font-family:Verdana; 	mso-generic-font-family:auto; 	mso-font-charset:0;} td 	{padding-top:1px; 	padding-right:1px; 	padding-left:1px; 	mso-ignore:padding; 	color:windowtext; 	font-size:10.0pt; 	font-weight:400; 	font-style:normal; 	text-decoration:none; 	font-family:Verdana; 	mso-generic-font-family:auto; 	mso-font-charset:0; 	mso-number-format:General; 	text-align:top; 	vertical-align:top; 	border:1px; 	mso-background-source:auto; 	mso-pattern:auto; 	mso-protection:locked visible; 	white-space:nowrap; 	mso-rotate:0;} .xl24 	{font-size:8.0pt; 	font-family:Calibri; 	mso-generic-font-family:auto; 	mso-font-charset:0; 	background:#99CC00; 	mso-pattern:#99CC00 none; 	white-space:normal;} .xl25 	{font-size:8.0pt; 	font-family:Calibri; 	mso-generic-font-family:auto; 	mso-font-charset:0; 	text-align:top; 	background:#99CC00; 	mso-pattern:#99CC00 none; 	white-space:normal;} .xl26 	{font-size:8.0pt; 	font-family:Calibri; 	mso-generic-font-family:auto; 	mso-font-charset:0; 	vertical-align:top; 	white-space:normal;} .xl27 	{font-size:8.0pt; 	font-family:Calibri; 	mso-generic-font-family:auto; 	mso-font-charset:0; 	text-align:center; 	vertical-align:top; 	white-space:normal;} ruby 	{ruby-align:left;} rt 	{color:windowtext; 	font-size:8.0pt; 	font-weight:400; 	font-style:normal; 	text-decoration:none; 	font-family:Verdana; 	mso-generic-font-family:auto; 	mso-font-charset:0; 	mso-char-type:none; 	display:none;} --></p>
<table style="border-collapse:collapse;height:1022px;" border="0" cellspacing="0" cellpadding="0" width="420">
<col width="164"></col>
<col width="32"></col>
<col width="224"></col>
<tbody>
<tr>
<td width="164" height="13"></td>
<td width="32"></td>
<td width="224"></td>
</tr>
<tr>
<td width="164" height="13"><strong>Item</strong></td>
<td width="32"><strong>A/D</strong></td>
<td width="224"><strong>Justificativa</strong></td>
</tr>
<tr>
<td width="164" height="44">Videodisc laser (LD)</td>
<td width="32">A</td>
<td width="224">Apesar do nome, o processo de gravação e de   reprodução ainda era analógico. O processo era ótico e baseado na velocidade   de rotação do disco, similar aos LPs mas com uma roupagem mais   &#8220;high-tech&#8221; para a época.</td>
</tr>
<tr>
<td width="164" height="13"></td>
<td width="32"></td>
<td width="224"></td>
</tr>
<tr>
<td width="164" height="33">Relógio de pulso &#8220;made in   China&#8221;, com mostrador de ponteiros e movido a pilha</td>
<td width="32">A</td>
<td width="224">O movimento dos ponteiros era (e ainda é) feito de   forma mecânica, não havendo digitalização de nenhum dado. A metáfora entre o   espaço físico (360º) e o ciclo de 12 horas é usado até hoje.</td>
</tr>
<tr>
<td width="164" height="13"></td>
<td width="32"></td>
<td width="224"></td>
</tr>
<tr>
<td width="164" height="38">Monitor de vídeo do computador (tubo de   raios catódicos)</td>
<td width="32">A</td>
<td width="224">Confesso que tive que pesquisar esse item. Acabei   descobrindo que nesse tipo de monitor a reproduçnao se dá pela passagem de   luz por um gás, não havendo qualquer tipo de digitalização no processo.</td>
</tr>
<tr>
<td width="164" height="38"></td>
<td width="32"></td>
<td width="224"></td>
</tr>
<tr>
<td width="164" height="44">Monitor de vídeo do notebook</td>
<td width="32">D</td>
<td width="224">Os notebooks possuem monitores de cristal líquido   (LCD) entre duas chapas de vidro, o que ainda tornaria o processo analógico,   não sendo o fato de que as informações são transmitidas para o monitor   através da digitalização dos dados.</td>
</tr>
<tr>
<td width="164" height="13"></td>
<td width="32"></td>
<td width="224"></td>
</tr>
<tr>
<td width="164" height="44">Aparelho de TV convencional</td>
<td width="32">A</td>
<td width="224">Assim como no monitor de computador mais antigo, a   reprodução se dá pela emissão de luz de um tubo. Nesse caso, as informações   chegam a ele por meio de ondas eletromagnéticas da torre emissora (por isso o   nome Emissora de TV).</td>
</tr>
<tr>
<td width="164" height="13"></td>
<td width="32"></td>
<td width="224"></td>
</tr>
<tr>
<td width="164" height="22">Telefone acionado por tom</td>
<td width="32">D</td>
<td width="224">Também tive que pesquisar na wikipedia. O   &#8220;tom&#8221; significa o número digitalizado.</td>
</tr>
<tr>
<td width="164" height="13"></td>
<td width="32"></td>
<td width="224"></td>
</tr>
<tr>
<td width="164" height="77">Catraca mecânica para contagem de pessoas</td>
<td width="32">A/D</td>
<td width="224">Depende do ponto de vista. A catraca converte os   giros (ação mecânica) em números, o que por si só já seria um processo de   digitalização. Mas pensando nas catracas onde o mostrador é formado por uma   sequência de discos numerados, pode-se pensar que tudo se passa através de um   processo mecânico, e que a interpretação humana dos valores mostrados nesses   discos é que o transformam em dígitos.</td>
</tr>
<tr>
<td width="164" height="13"></td>
<td width="32"></td>
<td width="224"></td>
</tr>
<tr>
<td width="164" height="55">Termômetro de mercúrio</td>
<td width="32">A/D</td>
<td width="224">Há a metáfora entre o espaço físico (milimetros   percorridos pelo mercúrio com sua expansão devida ao calor) e a informação   numérica (a graduação de graus mostradas na régua do termômetro). Novamente,   é a interpretação humana que converte essa informação em dígitos.</td>
</tr>
<tr>
<td width="164" height="13"></td>
<td width="32"></td>
<td width="224"></td>
</tr>
<tr>
<td width="164" height="33">Conexão a Internet via MODEM e linha   telefônica</td>
<td width="32">A</td>
<td width="224">Confesso que fiquei na dúvida. As informações são   transmitidas pela linha telefônica de forma analógica, e somente quando   chegam ao servidor são digitalizadas.</td>
</tr>
<tr>
<td width="164" height="13"></td>
<td width="32"></td>
<td width="224"></td>
</tr>
<tr>
<td width="164" height="22">Telefone Celular</td>
<td width="32">D</td>
<td width="224">Os telefones mais modernos transmitem dados de forma   digital (GSM, TDMA).</td>
</tr>
<tr>
<td width="164" height="13"></td>
<td width="32"></td>
<td width="224"></td>
</tr>
<tr>
<td width="164" height="22">Conexão de rede por fibra óptica</td>
<td width="32">D</td>
<td width="224">O sinal é transmitido de uma fonte digital a outra   fonte digital através das fibras óticas da fiação.</td>
</tr>
<p><!--EndFragment--></p>
</tbody>
</table>
<br />Posted in Fundamentos Tecnológicos para Mídias Digitais Tagged: analógico, digital <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/midiasinterativas.wordpress.com/231/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/midiasinterativas.wordpress.com/231/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/midiasinterativas.wordpress.com/231/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/midiasinterativas.wordpress.com/231/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/midiasinterativas.wordpress.com/231/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/midiasinterativas.wordpress.com/231/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/midiasinterativas.wordpress.com/231/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/midiasinterativas.wordpress.com/231/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/midiasinterativas.wordpress.com/231/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/midiasinterativas.wordpress.com/231/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/midiasinterativas.wordpress.com/231/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/midiasinterativas.wordpress.com/231/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/midiasinterativas.wordpress.com/231/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/midiasinterativas.wordpress.com/231/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=231&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://midiasinterativas.wordpress.com/2009/10/19/tecnologias-digitais-e-analogicas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1d018b905cab5db2e92e845e5f224fdf?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">Fabricio Teixeira</media:title>
		</media:content>
	</item>
		<item>
		<title>Proposta de Roteiro Interativo &#8211; Parte 2 &#8211; Ambientização</title>
		<link>http://midiasinterativas.wordpress.com/2009/10/17/proposta-de-roteiro-interativo-parte-2-ambientizacao/</link>
		<comments>http://midiasinterativas.wordpress.com/2009/10/17/proposta-de-roteiro-interativo-parte-2-ambientizacao/#comments</comments>
		<pubDate>Sat, 17 Oct 2009 17:25:36 +0000</pubDate>
		<dc:creator>Fabricio Teixeira</dc:creator>
				<category><![CDATA[Roteiro e narrativas interativas]]></category>
		<category><![CDATA[ambientização]]></category>
		<category><![CDATA[interativo]]></category>
		<category><![CDATA[roteiro]]></category>

		<guid isPermaLink="false">http://midiasinterativas.wordpress.com/?p=229</guid>
		<description><![CDATA[Problematização 2009, World Wide Web. Um grupo de sociólogos brasileiros foi contratado pelo FBI para selecionar um futuro detetive para a polícia especial norte-americana. Em uma espécie de jogo interativo digital, eles identificarão possíveis candidatos ao cargo, enquanto investigam o poder de propagação das redes sociais e a habilidade das pessoas em lidar com a [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=229&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><strong>Problematização</strong><br />
2009, World Wide Web. Um grupo de sociólogos brasileiros foi contratado pelo FBI para selecionar um futuro detetive para a polícia especial norte-americana. Em uma espécie de jogo interativo digital, eles identificarão possíveis candidatos ao cargo, enquanto investigam o poder de propagação das redes sociais e a habilidade das pessoas em lidar com a informação publicada nesses meios. Nesse jogo, as pistas são reveladas aos poucos, em diferentes sites e em diferentes formatos (texto, imagem, áudio e vídeo) de forma que somente os participantes mais atentos consigam captar as mensagens escondidas e seguir para o próximo passo do desafio.</p>
<p><strong>Personagens</strong><br />
Eugênio Diggio, sociólogo graduado em Ciências Sociais pela Unicamp e mestre em Comunicação e Semiótica pela Universidade de Toronto, é quem faz a interface entre o GTDI (Grupo de Treinamento de Detetives Interativos, nome dado ao grupo de sociólogos) e os possíveis candidatos à vaga de detetive internacional. É ele quem administra a publicação de conteúdo nos diferentes sites que serão utilizados ao longo do jogo.<br />
Outros participantes do GTDI: Maria Clara Siqueira, Eduardo Ribas e Dionísio Brandão.</p>
<p><strong>Ambientes</strong><br />
- Blog do GTDI<br />
Utilizando uma ferramenta online de publicação de conteúdo, o Blog do GTDI é o ponto de partida para o desafio. Foi criado especificamente para o projeto e é nele que as instruções iniciais estão publicadas. Quem assina os posts é Eugênio Diggio, o interlocutor entre o grupo e os possíveis participantes. Nele encontram-se algumas informações sobre o projeto, sobre o FBI e sobre o grupo, além de algumas reflexões sobre o poder das mídias sociais e como ela pode ser utilizada para publicar informações ultra-secretas.</p>
<p>- Twitter do GTDI<br />
É o segundo ambiente de contato dos participantes. Só será descoberto pelos participantes que conseguirem resolver o primeiro enigma proposto no Blog do GTDI. Conterá alguns microposts que darão algumas dicas para que os participantes consigam chegar até o Flickr do GTDI, o próximo passo do desafio.</p>
<p>- Flickr do GTDI<br />
Conterá algumas fotos que, à primeira vista, serão aleatórias e sem conexão entre si. No entando, o participante mais atento conseguirá encontrar ali as dicas necessárias para conhecer a URL do primeiro vídeo do YouTube e prosseguir no desafio.</p>
<p>- YouTube<br />
Serão publicados alguns vídeos, em perfis diferentes de publicador, que possuem links entre si e que permitirão que os participantes participem da última etapa do jogo interativo. Algumas decisões devem ser tomadas pelos participantes, e somente quem escolher o caminho certo chegará ao vídeo final, congratulando os vitoriosos e informando o endereço de e-mail do FBI, onde as negociações sobre a vaga serão concluídas.</p>
<br />Posted in Roteiro e narrativas interativas Tagged: ambientização, interativo, roteiro <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/midiasinterativas.wordpress.com/229/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/midiasinterativas.wordpress.com/229/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/midiasinterativas.wordpress.com/229/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/midiasinterativas.wordpress.com/229/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/midiasinterativas.wordpress.com/229/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/midiasinterativas.wordpress.com/229/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/midiasinterativas.wordpress.com/229/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/midiasinterativas.wordpress.com/229/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/midiasinterativas.wordpress.com/229/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/midiasinterativas.wordpress.com/229/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/midiasinterativas.wordpress.com/229/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/midiasinterativas.wordpress.com/229/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/midiasinterativas.wordpress.com/229/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/midiasinterativas.wordpress.com/229/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=229&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://midiasinterativas.wordpress.com/2009/10/17/proposta-de-roteiro-interativo-parte-2-ambientizacao/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1d018b905cab5db2e92e845e5f224fdf?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">Fabricio Teixeira</media:title>
		</media:content>
	</item>
		<item>
		<title>Proposta de Roteiro Interativo &#8211; Parte 1 &#8211; Argumento</title>
		<link>http://midiasinterativas.wordpress.com/2009/10/07/proposta-de-roteiro-interativo-parte-1-argumento/</link>
		<comments>http://midiasinterativas.wordpress.com/2009/10/07/proposta-de-roteiro-interativo-parte-1-argumento/#comments</comments>
		<pubDate>Thu, 08 Oct 2009 01:18:19 +0000</pubDate>
		<dc:creator>Fabricio Teixeira</dc:creator>
				<category><![CDATA[Roteiro e narrativas interativas]]></category>
		<category><![CDATA[interativo]]></category>
		<category><![CDATA[jogo]]></category>
		<category><![CDATA[redes sociais]]></category>
		<category><![CDATA[roteiro]]></category>

		<guid isPermaLink="false">http://midiasinterativas.wordpress.com/?p=226</guid>
		<description><![CDATA[Proposta de Roteiro Interativo: &#8220;GTDI&#8221; Argumento Um grupo de sociólogos brasileiros deseja investigar o poder de propagação das redes sociais e a habilidade das pessoas em lidar com a informação publicada nesses meios. Para isso, criaram uma espécie de jogo interativo onde as pistas são reveladas aos poucos nos diferentes sites que usamos diariamente: Blog, [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=226&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><strong>Proposta de Roteiro Interativo: &#8220;GTDI&#8221;</strong></p>
<p><strong>Argumento</strong><br />
Um grupo de sociólogos brasileiros deseja investigar o poder de propagação das redes sociais e a habilidade das pessoas em lidar com a informação publicada nesses meios. Para isso, criaram uma espécie de jogo interativo onde as pistas são reveladas aos poucos nos diferentes sites que usamos diariamente: Blog, Twitter, Flickr e YouTube. O grupo, auto-intitulado GTDI (Grupo de Treinamento de Detetives Interativos), promete como recompensa uma vaga de detetive no FBI, a polícia secreta norte-americana. O objetivo do grupo é questionar o quanto as informações podem passar despercebidas nesses sites e como eles podem ser usados para transmitir mensagens secretas de espionagem internacional.</p>
<p><strong>Ferramentas utilizadas</strong><br />
- WordPress<br />
- Twitter<br />
- Flickr<br />
- YouTube<br />
O desafio será lançado no Blog do GTDI e, a partir daí, as pistas estarão espalhadas em perfis secretos no Twitter, Flickr e YouTube. No Twitter, o conteúdo será publicado no formato de tweets. No Flickr, serão álbuns e fotos que contêm mensagens escondidas dentro delas ou dentro de suas tags. A última ferramenta será o YouTube, onde será utilizada a ferramenta de link entre vídeos para permitir a derivação de diferentes caminhos da narrativa.<br />
A escolha das ferramentas se justifica pelo tema do game. A proposta de abordar a temática das redes sociais será suportada pela publicação do conteúdo do jogo nas próprias redes, numa metalinguagem interativa que permitirá diversos &#8220;finais&#8221; e caminhos.</p>
<p><strong>Objetivo do Trabalho</strong><br />
O objetivo do trabalho é verificar a audácia das pessoas em investigar informações nessas redes e o nível de envolvimento que a curiosidade humana permite durante o processo investigativo. Além disso, explorar a narrativa em diversos formatos: texto, microtexto, foto e vídeo, para aplicar os conceitos vistos em aula.</p>
<br />Posted in Roteiro e narrativas interativas Tagged: interativo, jogo, redes sociais, roteiro <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/midiasinterativas.wordpress.com/226/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/midiasinterativas.wordpress.com/226/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/midiasinterativas.wordpress.com/226/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/midiasinterativas.wordpress.com/226/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/midiasinterativas.wordpress.com/226/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/midiasinterativas.wordpress.com/226/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/midiasinterativas.wordpress.com/226/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/midiasinterativas.wordpress.com/226/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/midiasinterativas.wordpress.com/226/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/midiasinterativas.wordpress.com/226/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/midiasinterativas.wordpress.com/226/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/midiasinterativas.wordpress.com/226/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/midiasinterativas.wordpress.com/226/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/midiasinterativas.wordpress.com/226/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=226&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://midiasinterativas.wordpress.com/2009/10/07/proposta-de-roteiro-interativo-parte-1-argumento/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1d018b905cab5db2e92e845e5f224fdf?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">Fabricio Teixeira</media:title>
		</media:content>
	</item>
		<item>
		<title>Obra interativa Ultra-Nature</title>
		<link>http://midiasinterativas.wordpress.com/2009/10/06/obra-interativa-ultra-nature/</link>
		<comments>http://midiasinterativas.wordpress.com/2009/10/06/obra-interativa-ultra-nature/#comments</comments>
		<pubDate>Wed, 07 Oct 2009 00:51:14 +0000</pubDate>
		<dc:creator>Fabricio Teixeira</dc:creator>
				<category><![CDATA[Arte nas Mídias Digitais]]></category>
		<category><![CDATA[arte]]></category>
		<category><![CDATA[interativa]]></category>
		<category><![CDATA[miguel chevalier]]></category>
		<category><![CDATA[obra interativa]]></category>

		<guid isPermaLink="false">http://midiasinterativas.wordpress.com/?p=221</guid>
		<description><![CDATA[Ultra-nature, de Miguel Chevalier, México, 2008. Tive a oportunidade de visitar a instalação na exposição Emoção Art.ficial, no Itau Cultural, aqui em São Paulo. Trata-se de um grande telão onde são projetadas representações de plantas e flores vetoriais que reagem de acordo com a presença do público. Uma câmera capta o movimento das pessoas que [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=221&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p style="text-align:left;"><span style="text-align:center; display: block;"><a href="http://midiasinterativas.wordpress.com/2009/10/06/obra-interativa-ultra-nature/"><img src="http://img.youtube.com/vi/3yrrxOkq7hg/2.jpg" alt="" /></a></span></p>
<p>Ultra-nature, de Miguel Chevalier, México, 2008.</p>
<p>Tive a oportunidade de visitar a instalação na exposição Emoção Art.ficial, no Itau Cultural, aqui em São Paulo. Trata-se de um grande telão onde são projetadas representações de plantas e flores vetoriais que reagem de acordo com a presença do público.</p>
<p><img class="alignnone size-full wp-image-222" title="Ultra-nature, de Miguel Chevalier" src="http://midiasinterativas.files.wordpress.com/2009/10/imagem3.png?w=510&#038;h=281" alt="Ultra-nature, de Miguel Chevalier" width="510" height="281" /></p>
<p>Uma câmera capta o movimento das pessoas que passam em frente à obra e envia as informações a um computador, que as processa e manipula as imagens exibidas, simulando a reação das plantas aos movimentos dos visitantes.</p>
<p>As cores das projeções também são baseadas nas cores das roupas das pessoas, enriquecendo a experiência visual da instalação.</p>
<p>É interessante que as plantas por si só já realizam movimentos aleatórios, como se estivessem reagindo às interferências da própria natureza (vento, ruídos, insetos). Mas somente com a ação dos interatores é que a reação se intensifica, reforçando a ideia de ecossistema que a sala tenta simular. A obra passa a fazer muito mais sentido com a ação das pessoas, o que a caracteriza como obra interativa.</p>
<p>O artista possui diversas outras obras com caráter interativo, que já foram expostas em várias cidades diferentes em todo o mundo. O trabalho completo de Miguel Chevalier pode ser visto em seu site: <a href="http://www.miguel-chevalier.com/site/pages/sommaire_en/somm.htm">http://www.miguel-chevalier.com/site/pages/sommaire_en/somm.htm</a></p>
<br />Posted in Arte nas Mídias Digitais Tagged: arte, interativa, miguel chevalier, obra interativa <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/midiasinterativas.wordpress.com/221/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/midiasinterativas.wordpress.com/221/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/midiasinterativas.wordpress.com/221/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/midiasinterativas.wordpress.com/221/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/midiasinterativas.wordpress.com/221/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/midiasinterativas.wordpress.com/221/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/midiasinterativas.wordpress.com/221/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/midiasinterativas.wordpress.com/221/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/midiasinterativas.wordpress.com/221/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/midiasinterativas.wordpress.com/221/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/midiasinterativas.wordpress.com/221/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/midiasinterativas.wordpress.com/221/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/midiasinterativas.wordpress.com/221/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/midiasinterativas.wordpress.com/221/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=221&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://midiasinterativas.wordpress.com/2009/10/06/obra-interativa-ultra-nature/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1d018b905cab5db2e92e845e5f224fdf?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">Fabricio Teixeira</media:title>
		</media:content>

		<media:content url="http://midiasinterativas.files.wordpress.com/2009/10/imagem3.png" medium="image">
			<media:title type="html">Ultra-nature, de Miguel Chevalier</media:title>
		</media:content>
	</item>
		<item>
		<title>Relação arte/corpo e tecnologia</title>
		<link>http://midiasinterativas.wordpress.com/2009/10/05/relacao-artecorpo-e-tecnologia/</link>
		<comments>http://midiasinterativas.wordpress.com/2009/10/05/relacao-artecorpo-e-tecnologia/#comments</comments>
		<pubDate>Tue, 06 Oct 2009 01:20:32 +0000</pubDate>
		<dc:creator>Fabricio Teixeira</dc:creator>
				<category><![CDATA[Arte nas Mídias Digitais]]></category>
		<category><![CDATA[arte]]></category>
		<category><![CDATA[corpo]]></category>
		<category><![CDATA[Donna Haraway]]></category>
		<category><![CDATA[Lucia Santaella]]></category>
		<category><![CDATA[tecnologia]]></category>

		<guid isPermaLink="false">http://midiasinterativas.wordpress.com/?p=218</guid>
		<description><![CDATA[&#8220;O corpo sempre foi objeto de estudo e representação nas práticas artísticas tradicionais. Quais as novidades colocadas no mundo da arte e sua interface com as novas tecnologias na forma de representação/discussão do corpóreo?&#8221; Fiquei bastante interessado no assunto, e visitei alguns sites e trabalhos de artistas que lidam com a questão. A bioarte nos [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=218&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><em>&#8220;O corpo sempre foi objeto de estudo e representação nas práticas artísticas tradicionais. Quais as novidades colocadas no mundo da arte e sua interface com as novas tecnologias na forma de representação/discussão do corpóreo?&#8221;</em></p>
<p>Fiquei bastante interessado no assunto, e visitei alguns sites e trabalhos de artistas que lidam com a questão. A bioarte nos faz questionar alguns pontos bastante polêmicos sobre tecnologia e sobre o comportamento humano. Vivemos em uma sociedade bombardeada por padrões estéticos de beleza e saúde e estamos, em nossa maioria, sempre preocupados em pertencer a alguns desses padrões. A tecnologia possibilita intervenções em nosso corpo (cirúrgicas, cosméticas, químicas) em busca de modificações não-naturais em nossa aparência. Até que ponto esse tipo de interferência é saudável?</p>
<p>Além das questões estéticas, há a questão dos limites humanos que vão sendo superados a cada dia com o apoio de novas tecnologias. Fiquei imaginando como seria o texto do Manifesto Ciborgue, de Donna Haraway, caso fosse escrito hoje, na era mobile. Um dos argumentos do Manifesto é que simples aparelhos, como os óculos, são mecanismos tecnológicos que visam ampliar a capacidade natural do ser humano. Dessa forma, e de muitas outras, a tecnologia vem modificando a forma como o homem lida com sua natureza. Já não temos os mesmos instintos de outrora, já que muitas de nossas habilidades são dependentes de tais aparelhos.</p>
<p>Podemos considerar esse tipo de evolução uma evolução natural do ser humano? De certa forma, todas as evoluções da humanidade (inclusive tais aparatos tecnológicos) só são possíveis pela materialização da própria inteligência humana, habilidade natural da espécie. Será que atingimos tal ponto de maturidade biológica que passaremos a evoluir apenas tecnologicamente?</p>
<p>A arte, nesse, ponto, é um eloquente questionador dessa realidade. Dentre as obras de arte vistas em aula, percebi que em muitas delas o principal objetivo é o exercício reflexivo do quanto a tecnologia está influenciando nosso comportamento, hábito e rotina. Estamos nos transformando no que Lucia Santaella chama de seres &#8220;biocibernéticos&#8221; (Cultura tecnológica &amp; corpo biocibernético):</p>
<blockquote><p>&#8220;A consciência de um novo estatuto do corpo humano, que se ramifica crescentemente em variados sistemas de extensões tecnológicas, foi gradativamente emergindo até adquirir uma forma de expressão em atributos similares a este que escolhi empregar: &#8216;biocibernético&#8217;.&#8221;</p></blockquote>
<p>Segundo a autora, a própria criação dos signos é um sintoma da evolução do neo-córtex humano, que passa a exigir um equilíbrio não apenas físico, mas psíquico dos seres da espécie. Ela chama essa nova era de &#8220;pós-biológica&#8221;, fazendo referência ao momento em que paramos de evoluir (ou ao menos de notar) biologicamente e passamos a construir outro tipo de evolução.</p>
<blockquote><p>&#8220;Neste século, mais acentuadamente neste final de século, quando nossos corpos atingem um nível de plasticidade extrema e de dissolução de suas fronteiras físicas, sensíveis, cognitivas, não é de se estranhar que o corpo tenha se tornado o grande tema, foco, representação, objeto performático e objeto simulado das artes.&#8221;</p></blockquote>
<p>Estou lendo mais sobre o assunto, mas confesso que fiquei bastante tempo refletindo sobre ele e sobre como será a realidade humana daqui a algumas décadas. E o principal: como será sua manifestação artística. Se continuarmos evoluindo enquanto seres pós-biológicos, imagino que o corpóreo ainda será assunto de manifestações artísticas por muitos e muitos anos.</p>
<br />Posted in Arte nas Mídias Digitais Tagged: arte, corpo, Donna Haraway, Lucia Santaella, tecnologia <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/midiasinterativas.wordpress.com/218/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/midiasinterativas.wordpress.com/218/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/midiasinterativas.wordpress.com/218/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/midiasinterativas.wordpress.com/218/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/midiasinterativas.wordpress.com/218/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/midiasinterativas.wordpress.com/218/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/midiasinterativas.wordpress.com/218/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/midiasinterativas.wordpress.com/218/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/midiasinterativas.wordpress.com/218/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/midiasinterativas.wordpress.com/218/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/midiasinterativas.wordpress.com/218/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/midiasinterativas.wordpress.com/218/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/midiasinterativas.wordpress.com/218/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/midiasinterativas.wordpress.com/218/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=218&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://midiasinterativas.wordpress.com/2009/10/05/relacao-artecorpo-e-tecnologia/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1d018b905cab5db2e92e845e5f224fdf?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">Fabricio Teixeira</media:title>
		</media:content>
	</item>
		<item>
		<title>Tipos de narrativas</title>
		<link>http://midiasinterativas.wordpress.com/2009/09/29/tipos-de-narrativas/</link>
		<comments>http://midiasinterativas.wordpress.com/2009/09/29/tipos-de-narrativas/#comments</comments>
		<pubDate>Wed, 30 Sep 2009 01:14:55 +0000</pubDate>
		<dc:creator>Fabricio Teixeira</dc:creator>
				<category><![CDATA[Roteiro e narrativas interativas]]></category>
		<category><![CDATA[descontínua]]></category>
		<category><![CDATA[espaciais]]></category>
		<category><![CDATA[narrativas]]></category>
		<category><![CDATA[paralela]]></category>
		<category><![CDATA[tipos de narrativa]]></category>

		<guid isPermaLink="false">http://midiasinterativas.wordpress.com/?p=216</guid>
		<description><![CDATA[(com leitura-base de Vicente Gosciola) Narrativa descontínua É a narrativa que obedece uma sequência nem sempre lógica de acontecimentos, ou quando a lógica está desassociada de uma compreensão convencional. A página inicial do Twitter é o grande expoente de narrativa descontínua da atualidade. Você vê os posts de pessoas diferentes ordenados por critério temporal, mas [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=216&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>(com leitura-base de Vicente Gosciola)</p>
<p><span style="font-weight:bold;">Narrativa descontínua</span><br />
É a narrativa que obedece uma sequência nem sempre lógica de acontecimentos, ou quando a lógica está desassociada de uma compreensão convencional.</p>
<p>A página inicial do Twitter é o grande expoente de narrativa descontínua da atualidade. Você vê os posts de pessoas diferentes ordenados por critério temporal, mas sem ligação entre eles. Pessoas diferentes, falando de assuntos diferentes. São fragmentos de informação que, no todo, mapeiam as ações e pensamentos dessas pessoas com o passar do tempo, mas que quando transportadas para a home do site criam um verdadeiro caos narrativo. No entanto, quando analisamos o perfil de um usuário individualmente, percebemos uma narrativa algumas vezes contínua, que obedece uma ordem lógica de raciocínio, espaço ou tempo.</p>
<p><span style="font-weight:bold;">Narrativa paralela</span><br />
É a narrativa de várias histórias que acontecem simultaneamente em um mesmo espaço, cabendo ao espectador determinar qual delas deseja acompanhar (ou em alguns casos, acompanhando mais de uma ao mesmo tempo).</p>
<p>A home de um portal de notícias é um bom exemplo. Nela, narrativas paralelas são contadas simultaneamente, congelando várias histórias diferentes em um determinado ponto no tempo. Vemos a última notícia sobre o assalto que aconteceu em um banco carioca e vemos última notícia sobre a votação de uma lei no Congresso. Histórias sendo contadas em paralelo, em um mesmo espaço-pixel, dentro de um mesmo contexto de navegação.</p>
<p>Um outro exemplo que desenvolvi no último mês e que trata explicitamente de narrativas paralelas é o hotsite criado para a Nova Strada Cabine Dupla, da Fiat. Nele, 4 histórias paralelas são narradas ao mesmo tempo, cruzando-se em determinados momentos.<br />
<a href="http://www.novastrada.com.br/cabinedupla/">http://www.novastrada.com.br/cabinedupla/</a></p>
<p><span style="font-weight:bold;">Narrativa por profundidade de campo</span><br />
É aquela narrativa que se apropria da metáfora do espaço para trazer o espectador para &#8220;dentro&#8221; da obra. Nos ambientes digitais, a metáfora do espaço pode ser apresentada de várias formas.</p>
<p>Os jogos são bons exemplos desse tipo de narrativa. Entendo que, apesar do nome &#8220;profundidade de campo&#8221;, esse tipo de narrativa é válida para ambientes tridimensionais ou bidimensionais, como no caso de Samorost, um jogo interativo que vimos recentemente em aula: <a href="http://amanita-design.net/samorost-1/">http://amanita-design.net/samorost-1/</a></p>
<p>Em alguns casos a narrativa requer uma experiência mais imersiva, criando um espaço tridimensional para os acontecimentos. Alguns exemplos:<br />
<a href="http://www.hondanewfit.com.br/#/experiencia">http://www.hondanewfit.com.br/#/experiencia</a><br />
<a href="http://www.vrmag.org/">http://www.vrmag.org/</a></p>
<br />Posted in Roteiro e narrativas interativas Tagged: descontínua, espaciais, narrativas, paralela, tipos de narrativa <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/midiasinterativas.wordpress.com/216/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/midiasinterativas.wordpress.com/216/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/midiasinterativas.wordpress.com/216/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/midiasinterativas.wordpress.com/216/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/midiasinterativas.wordpress.com/216/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/midiasinterativas.wordpress.com/216/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/midiasinterativas.wordpress.com/216/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/midiasinterativas.wordpress.com/216/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/midiasinterativas.wordpress.com/216/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/midiasinterativas.wordpress.com/216/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/midiasinterativas.wordpress.com/216/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/midiasinterativas.wordpress.com/216/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/midiasinterativas.wordpress.com/216/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/midiasinterativas.wordpress.com/216/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=216&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://midiasinterativas.wordpress.com/2009/09/29/tipos-de-narrativas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1d018b905cab5db2e92e845e5f224fdf?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">Fabricio Teixeira</media:title>
		</media:content>
	</item>
		<item>
		<title>Sobre níveis de conteúdo</title>
		<link>http://midiasinterativas.wordpress.com/2009/09/19/sobre-niveis-de-conteudo/</link>
		<comments>http://midiasinterativas.wordpress.com/2009/09/19/sobre-niveis-de-conteudo/#comments</comments>
		<pubDate>Sat, 19 Sep 2009 14:11:54 +0000</pubDate>
		<dc:creator>Fabricio Teixeira</dc:creator>
				<category><![CDATA[Roteiro e narrativas interativas]]></category>
		<category><![CDATA[linearidade]]></category>
		<category><![CDATA[narrativas]]></category>
		<category><![CDATA[níveis de conteúdo]]></category>

		<guid isPermaLink="false">http://midiasinterativas.wordpress.com/?p=214</guid>
		<description><![CDATA[Anotações rápidas para diferenciar níveis de conteúdo. Nível 1 &#8211; Horizontal Links que atuam em linearidade, onde uma ação corresponde a uma ordem simples dentro do funcionamento do sistema. Exemplo: Botão de play/pause de um player de vídeo. Independente do estado do sistema, esse botão realiza sempre a mesma ação: iniciar/pausar o vídeo no exato [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=214&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Anotações rápidas para diferenciar níveis de conteúdo.</p>
<p><strong>Nível 1 &#8211; Horizontal</strong><br />
Links que atuam em linearidade, onde uma ação corresponde a uma ordem simples dentro do funcionamento do sistema.<br />
Exemplo:<br />
Botão de play/pause de um player de vídeo. Independente do estado do sistema, esse botão realiza sempre a mesma ação: iniciar/pausar o vídeo no exato ponto onde ele está.</p>
<p><strong>Nível 2 &#8211; Não-linear</strong><br />
Links que atuam fora de linearidade, onde uma ação corresponde a uma ordem mais detalhada dentro do funcionamento do sistema.<br />
Exemplo:<br />
Pular para determinado ponto do vídeo em um player. Ao realizar esta ação, você está fugindo da linearidade proposta pela timeline e indo direto a um ponto específico da narrativa.</p>
<p><strong>Nível 3 &#8211; Níveis de aprofundamento</strong><br />
Links que atuam modificando o padrão narrativo, onde a ação cria novas possibilidades de ações e novas linhas narrativas dentro do sistema.<br />
Exemplo:<br />
Em um game, determinada ação pode desencadear uma mudança de roteiros a ativação de uma série de novas ações disponíveis. A narração depende dessa ação para acontecer, e é somente através dela que a narrativa se desenvolve.</p>
<br />Posted in Roteiro e narrativas interativas Tagged: linearidade, narrativas, níveis de conteúdo <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/midiasinterativas.wordpress.com/214/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/midiasinterativas.wordpress.com/214/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/midiasinterativas.wordpress.com/214/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/midiasinterativas.wordpress.com/214/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/midiasinterativas.wordpress.com/214/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/midiasinterativas.wordpress.com/214/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/midiasinterativas.wordpress.com/214/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/midiasinterativas.wordpress.com/214/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/midiasinterativas.wordpress.com/214/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/midiasinterativas.wordpress.com/214/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/midiasinterativas.wordpress.com/214/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/midiasinterativas.wordpress.com/214/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/midiasinterativas.wordpress.com/214/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/midiasinterativas.wordpress.com/214/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=214&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://midiasinterativas.wordpress.com/2009/09/19/sobre-niveis-de-conteudo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1d018b905cab5db2e92e845e5f224fdf?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">Fabricio Teixeira</media:title>
		</media:content>
	</item>
		<item>
		<title>Breve reflexão sobre a autoria na net art e arte colaborativa</title>
		<link>http://midiasinterativas.wordpress.com/2009/09/15/breve-reflexao-sobre-a-autoria-na-net-art-e-arte-colaborativa/</link>
		<comments>http://midiasinterativas.wordpress.com/2009/09/15/breve-reflexao-sobre-a-autoria-na-net-art-e-arte-colaborativa/#comments</comments>
		<pubDate>Wed, 16 Sep 2009 00:58:43 +0000</pubDate>
		<dc:creator>Fabricio Teixeira</dc:creator>
				<category><![CDATA[Arte nas Mídias Digitais]]></category>
		<category><![CDATA[arte]]></category>
		<category><![CDATA[colaboração]]></category>
		<category><![CDATA[colaborativa]]></category>
		<category><![CDATA[direitos autorais]]></category>
		<category><![CDATA[mídias interativas]]></category>
		<category><![CDATA[net art]]></category>

		<guid isPermaLink="false">http://midiasinterativas.wordpress.com/2009/09/15/212/</guid>
		<description><![CDATA[&#8220;Uma das grandes colaborações da net-arte é criar trabalhos colaborativos, permitindo, dessa forma, romper com o conceito de gênio defendido no Romantismo.&#8221; As plataformas das mídias interativas possibilitam criações e recriações artísticas nunca antes imaginadas; as ferramentas permitem que essas criações sejam facilitadas ao máximo e estejam acessíveis a cada vez mais pessoas. O que [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=212&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<blockquote><p>&#8220;Uma das grandes colaborações da net-arte é criar trabalhos colaborativos, permitindo, dessa forma, romper com o conceito de gênio defendido no Romantismo.&#8221;</p></blockquote>
<p>As plataformas das mídias interativas possibilitam criações e recriações artísticas nunca antes imaginadas; as ferramentas permitem que essas criações sejam facilitadas ao máximo e estejam acessíveis a cada vez mais pessoas. O que vemos, então, é uma avalanche de obras de arte sendo realizadas todos os dias, por pessoas dos mais diversos lugares. A internet torna-se também o grande museu para expor suas próprias obras e torná-las reprodutíveis em qualquer computador com acesso à www.</p>
<p>Um assunto que me interessa bastante são as obras de arte colaborativas onde várias pessoas contribuem para a composição da peça. Deparo-me diariamente com pelo menos uma delas, incluindo algumas iniciativas publicitárias de apropriação do conceito.</p>
<p>Mas quando o conceito de genialidade do artista se perde, quem leva o mérito?</p>
<p>Muito bem lembrado o exemplo da Luciana do Mil Casmurros, projeto colaborativo onde as pessoas enviavam narrações de trechos de Dom Casmurro e, apoiadas pelo aparato técnico do site, ajudavam a construir, facilmente, uma obra riquíssima, plural e inovadora. Ou mesmo iniciativas mais passionais, como o site <a title="Eternal Moonwalk" href="http://eternalmoonwalk.com/">Eternal Moonwalk</a>, onde as pessoas enviam vídeos fazendo moonwalk e criam uma &#8220;dança infinita&#8221; na web, apoiados pela trilha sonora da música de Michael Jackson e intervenções em áudio de suas famosas interjeições vocais. Neste caso vemos o conceito de autoria fragmentado entre o artista &#8220;idealizador&#8221; e o artista &#8220;colaborador&#8221;, convivendo em uma relação simbiótica de confiança. O autor idealizador confia no crowdsourcing e no poder coletivo e espontâneo de criação de conteúdo, enquanto o colaborador confia em seu conteúdo e na iniciativa coletiva para a conclusão do projeto.</p>
<p>Trago ao fórum um outro tipo de arte colaborativa, um pouco diferente dos dois exemplos citados, onde as pessoas são involuntárias na composição da obra. O site <a title="Twistori" href="http://twistori.com/#i_feel">Twistori</a>, por exemplo, promove um apanhado instantâneo dos sentimentos humanos no ambiente virtual através de posts que as pessoas publicam no Twitter. Nesse caso, pode-se atribuir a genialidade ao desenvolvedor do site, apesar do conteúdo todo ter sido escrito por milhares de pessoas que talvez nem saibam da existência do projeto. O novo sistema de &#8220;tornar público&#8221; permitido pelas novas mídias (neste caso, pela ferramenta de microblogging) traz uma nova visão sobre propriedade intelectual e autoria.</p>
<br />Posted in Arte nas Mídias Digitais Tagged: arte, colaboração, colaborativa, direitos autorais, mídias interativas, net art <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/midiasinterativas.wordpress.com/212/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/midiasinterativas.wordpress.com/212/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/midiasinterativas.wordpress.com/212/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/midiasinterativas.wordpress.com/212/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/midiasinterativas.wordpress.com/212/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/midiasinterativas.wordpress.com/212/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/midiasinterativas.wordpress.com/212/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/midiasinterativas.wordpress.com/212/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/midiasinterativas.wordpress.com/212/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/midiasinterativas.wordpress.com/212/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/midiasinterativas.wordpress.com/212/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/midiasinterativas.wordpress.com/212/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/midiasinterativas.wordpress.com/212/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/midiasinterativas.wordpress.com/212/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=212&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://midiasinterativas.wordpress.com/2009/09/15/breve-reflexao-sobre-a-autoria-na-net-art-e-arte-colaborativa/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1d018b905cab5db2e92e845e5f224fdf?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">Fabricio Teixeira</media:title>
		</media:content>
	</item>
		<item>
		<title>Percursos da artemídia na contemporaneidade</title>
		<link>http://midiasinterativas.wordpress.com/2009/09/09/percursos-da-artemidia-na-contemporaneidade/</link>
		<comments>http://midiasinterativas.wordpress.com/2009/09/09/percursos-da-artemidia-na-contemporaneidade/#comments</comments>
		<pubDate>Thu, 10 Sep 2009 02:00:04 +0000</pubDate>
		<dc:creator>Fabricio Teixeira</dc:creator>
				<category><![CDATA[Arte nas Mídias Digitais]]></category>
		<category><![CDATA[arte]]></category>
		<category><![CDATA[artemídia]]></category>
		<category><![CDATA[hibridismo]]></category>

		<guid isPermaLink="false">http://midiasinterativas.wordpress.com/?p=209</guid>
		<description><![CDATA[Anotações sobre o texto de Priscila Arantes, Percursos da artemídia(1) na contemporaneidade: da computer arte à arte viva. Posted in Arte nas Mídias Digitais Tagged: arte, artemídia, hibridismo<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=209&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Anotações sobre o texto de Priscila Arantes, <strong>Percursos da artemídia(1) na contemporaneidade: da computer arte à arte viva.</strong></p>
<object type='application/x-shockwave-flash' wmode='opaque' data='http://static.slideshare.net/swf/ssplayer2.swf?id=1975791&doc=amd-aula4-ativ2-fabricioteixeira-090909205812-phpapp01' width='510' height='418'><param name='movie' value='http://static.slideshare.net/swf/ssplayer2.swf?id=1975791&doc=amd-aula4-ativ2-fabricioteixeira-090909205812-phpapp01' /><param name='allowFullScreen' value='true' /></object>
<br />Posted in Arte nas Mídias Digitais Tagged: arte, artemídia, hibridismo <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/midiasinterativas.wordpress.com/209/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/midiasinterativas.wordpress.com/209/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/midiasinterativas.wordpress.com/209/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/midiasinterativas.wordpress.com/209/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/midiasinterativas.wordpress.com/209/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/midiasinterativas.wordpress.com/209/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/midiasinterativas.wordpress.com/209/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/midiasinterativas.wordpress.com/209/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/midiasinterativas.wordpress.com/209/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/midiasinterativas.wordpress.com/209/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/midiasinterativas.wordpress.com/209/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/midiasinterativas.wordpress.com/209/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/midiasinterativas.wordpress.com/209/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/midiasinterativas.wordpress.com/209/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=209&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://midiasinterativas.wordpress.com/2009/09/09/percursos-da-artemidia-na-contemporaneidade/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1d018b905cab5db2e92e845e5f224fdf?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">Fabricio Teixeira</media:title>
		</media:content>
	</item>
		<item>
		<title>Roteirizando e construindo links &#8211; um exercício</title>
		<link>http://midiasinterativas.wordpress.com/2009/09/07/roteirizando-e-construindo-links-um-exercicio/</link>
		<comments>http://midiasinterativas.wordpress.com/2009/09/07/roteirizando-e-construindo-links-um-exercicio/#comments</comments>
		<pubDate>Tue, 08 Sep 2009 02:34:45 +0000</pubDate>
		<dc:creator>Fabricio Teixeira</dc:creator>
				<category><![CDATA[Roteiro e narrativas interativas]]></category>
		<category><![CDATA[links]]></category>
		<category><![CDATA[o Cravo e a Rosa]]></category>
		<category><![CDATA[roteiro]]></category>

		<guid isPermaLink="false">http://midiasinterativas.wordpress.com/?p=206</guid>
		<description><![CDATA[Roteiro &#8211; O cravo e a rosa PERSONAGENS O Cravo &#8211; Flor da espécie Cravo, usa sempre uma gravata preta e possui olhos pequenos e unidos. Referência: http://images.google.com.br/images?hl=pt-BR&#38;safe=off&#38;q=cravo&#38;um=1&#38;ie=UTF-8&#38;sa=N&#38;tab=wi A Rosa &#8211; Flor da espécie Rosa, usa um vestido rosado e possui grandes olhos negros. Referência: http://images.google.com.br/images?hl=pt-BR&#38;safe=off&#38;um=1&#38;sa=1&#38;q=rosa&#38;btnG=Pesquisar+imagens&#38;aq=&#38;oq=ro REFERÊNCIA VISUAL PARA A PRODUÇÃO: http://cersibon.interbarney.com/ Seria interessante utilizar [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=206&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Roteiro &#8211; O cravo e a rosa</p>
<p><strong>PERSONAGENS</strong><br />
O Cravo &#8211; Flor da espécie Cravo, usa sempre uma gravata preta e possui olhos pequenos e unidos.<br />
Referência: http://images.google.com.br/images?hl=pt-BR&amp;safe=off&amp;q=cravo&amp;um=1&amp;ie=UTF-8&amp;sa=N&amp;tab=wi</p>
<p>A Rosa &#8211; Flor da espécie Rosa, usa um vestido rosado e possui grandes olhos negros.<br />
Referência: http://images.google.com.br/images?hl=pt-BR&amp;safe=off&amp;um=1&amp;sa=1&amp;q=rosa&amp;btnG=Pesquisar+imagens&amp;aq=&amp;oq=ro</p>
<p><strong>REFERÊNCIA VISUAL PARA A PRODUÇÃO:</strong></p>
<p>http://cersibon.interbarney.com/</p>
<p>Seria interessante utilizar essa linguagem visual desconstruída, despreocupada, quase infantil.<br />
O fundo do cenário é sempre branco, com o mínimo possível de elementos decorativos.</p>
<p><strong>ROTEIRO</strong></p>
<p><strong>TELA 1 &#8211; O Cravo brigou com a Rosa debaixo de uma sacada</strong><br />
Descrição da cena:<br />
Os dois personagens, o Cravo e a Rosa, estão debaixo de uma sacada &#8211; o Cravo à esquerda e a rosa à direita. Eles discutem um com o outro, enquanto balões de fala com palavras irreconhecíveis saem de suas bocas. Nota-se a expressão de raiva nos dois personagens.</p>
<p>Legenda:<br />
1. &#8220;O Cravo brigou com a Rosa debaixo de uma sacada&#8221; &#8211; aparece abaixo da cena, centralizada.</p>
<p>Links:<br />
1. A legenda 1 possui um link que leva à TELA 2.</p>
<p><strong>TELA 2 &#8211; O Cravo saiu ferido e a Rosa despedaçada</strong><br />
Descrição da cena:<br />
O Cravo está à esquerda, ferido e entristecido. A Rosa está à direita, despedaçada e chorando bastante. A distância entre eles é notavelmente maior do que na TELA 1. Entre os dois personagens, bem no centro da tela, há uma rachadura que os separa.</p>
<p>Legenda:<br />
1. &#8220;O Cravo saiu ferido&#8221; &#8211; aparece à esquerda, abaixo do Cravo.<br />
2. &#8220;e a Rosa despedaçada&#8221; &#8211; aparede à direita, abaixo da Rosa.</p>
<p>Links:<br />
1. A legenda 1 possui um link que leva à TELA 3.<br />
2. A legenda 2 possui um link que leva à TELA 4.</p>
<p><strong>TELA 3 &#8211; O Cravo ficou doente</strong><br />
Descrição da cena:<br />
O Cravo está sozinho em sua casa, entristecido pela discussão com a Rosa e com uma aparência doentia.</p>
<p>Legenda:<br />
1. &#8220;O Cravo ficou doente&#8221;.</p>
<p>Links:<br />
1. A legenda 1 possui link para a TELA 5.</p>
<p><strong>TELA 4 &#8211; A Rosa despedaçada</strong><br />
Descrição da cena:<br />
A Rosa está em sua casa, entristecida pela recente briga com o Cravo. Ela aparece à direita da tela, com um olhar triste e cabisbaixo.</p>
<p>Legenda:<br />
1. &#8220;(A Rosa está despedaçada)&#8221; &#8211; aparece centralizada, abaixo da cena.<br />
2. &#8220;Ela bate à porta do Cravo?&#8221; &#8211; aparece centralizada, abaixo da legenda 1.<br />
3. &#8220;Sim&#8221;<br />
4. &#8220;Não&#8221; &#8211; essas duas legendas aparecem centralizadas, uma ao lado da outra, abaixo da legenda 2.</p>
<p>Links:<br />
1. A legenda 3 possui link para a TELA 5.<br />
2. A legenda 4 possui link para a TELA 6.</p>
<p><strong>TELA 5 &#8211; A Rosa bate à porta do Cravo</strong><br />
Descrição da cena:<br />
O Cravo está em sua casa, à esquerda, e percebe que há alguém batendo à sua porta. É a Rosa, que aparece à direita da cena, arrependida. Há uma parede que separa os dois personagens.</p>
<p>Legenda:<br />
1. &#8220;(A Rosa bate à porta do Cravo)&#8221; &#8211; aparece centralizada, abaixo da cena.<br />
2. &#8220;Ele atende?&#8221; &#8211; aparece centralizada, abaixo da legenda 1.<br />
3. &#8220;Sim&#8221;<br />
4. &#8220;Não&#8221; &#8211; essas duas opções aparecem centralizadas, abaixo da legenda 2.</p>
<p>Links:<br />
1. A legenda 3 possui um link para a TELA 8.<br />
2. A legenda 4 possui um link para a TELA 9.</p>
<p><strong>TELA 6 &#8211; A Rosa abandona o cravo</strong><br />
Descrição da cena:<br />
A Rosa está em sua casa, sentada em sua poltrona, fumando um cigarro e assistindo televisão.</p>
<p>Legenda:<br />
1. &#8220;A Rosa abandona o cravo e vive solitária o resto de sua vida&#8221; &#8211; aparece centralizada, abaixo da cena.<br />
2. &#8220;FIM&#8221; &#8211; aparece centralizada, abaixo da legenda 1.<br />
3. &#8220;(Você acabou com a cantiga, não percebeu?) &#8211; aparece centralizada, abaixo da legenda 2.<br />
4. &#8220;Ver novamente&#8221; &#8211; aparece centralizada, abaixo da legenda 3.<br />
5. &#8220;&lt; Voltar atrás na rude decisão&#8221; &#8211; aparece centralizada, abaixo da legenda 4.</p>
<p>Links:<br />
1. A legenda 4 possui um link para a TELA 1.<br />
2. A legenda 5 possui um link para a TELA 4.</p>
<p><strong>TELA 7 &#8211; O Cravo atende à Rosa</strong><br />
Descrição da cena:<br />
O Cravo abriu a porta para a Rosa. O Cravo continua à esquerda, com um olhar bastante assustado, e a Rosa continua à direita, com um olhar arrependido. Os personagens estão mais próximos que na TELA 5.</p>
<p>Legenda:<br />
1. &#8220;(O Cravo atende à Rosa e a cantiga, enfim, continua)&#8221;</p>
<p>Links:<br />
1. A legenda 1 possui link para a TELA 9.</p>
<p><strong>TELA 8 &#8211; O Cravo deixou a Rosa plantada</strong><br />
Descrição da cena:<br />
O Cravo está em sua casa, sozinho, à esquerda, sentado em sua poltrona e assistindo televisão. A Rosa está sentada à direita, do lado de fora da casa, chorando. Há uma parede que separa os dois personagens.</p>
<p>Legenda:<br />
1. &#8220;O Cravo deixou a Rosa plantada&#8221; &#8211; aparece centralizada, abaixo da cena.<br />
2. &#8220;(Você acabou com a cantiga, não percebeu?)&#8221; &#8211; aparece centralizada, abaixo da legenda 1.<br />
3. &#8220;Ver novamente&#8221; &#8211; aparece centralizada, abaixo da legenda 2.<br />
4. &#8220;&lt; Voltar atrás na rude decisão&#8221; &#8211; aparece centralizada, abaixo da legenda 3.</p>
<p>Links:<br />
1. A legenda 3 possui link para a TELA 1.<br />
2. A legenda 4 possui link para a TELA 5.</p>
<p><strong>TELA 9 &#8211; O Cravo teve um desmaio e a Rosa pôs-se a chorar</strong><br />
Descrição da cena:<br />
O Cravo está desmaiado no centro da tela e a Rosa está logo ao lado, acariciando o Cravo e chorando.</p>
<p>Legenda:<br />
1. &#8220;O Cravo teve um desmaio e a Rosa pôs-se a chorar&#8221; &#8211; aparece centralizada, abaixo da cena.<br />
2. FIM &#8211; aparece centralizada, abaixo da legenda 1.<br />
3. (Aplausos)<br />
4. Ver novamente &#8211; aparece centralizada, abaixo da legenda 2.</p>
<p>Links:<br />
1. A legenda 4 possui link para a TELA 1.</p>
<p><strong>ESQUEMA VISUAL</strong></p>
<p><img class="alignnone size-full wp-image-207" title="Esquema visual do Cravo e a Rosa" src="http://midiasinterativas.files.wordpress.com/2009/09/roteiro.jpg?w=510&#038;h=357" alt="Esquema visual do Cravo e a Rosa" width="510" height="357" /></p>
<br />Posted in Roteiro e narrativas interativas Tagged: links, o Cravo e a Rosa, roteiro <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/midiasinterativas.wordpress.com/206/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/midiasinterativas.wordpress.com/206/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/midiasinterativas.wordpress.com/206/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/midiasinterativas.wordpress.com/206/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/midiasinterativas.wordpress.com/206/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/midiasinterativas.wordpress.com/206/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/midiasinterativas.wordpress.com/206/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/midiasinterativas.wordpress.com/206/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/midiasinterativas.wordpress.com/206/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/midiasinterativas.wordpress.com/206/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/midiasinterativas.wordpress.com/206/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/midiasinterativas.wordpress.com/206/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/midiasinterativas.wordpress.com/206/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/midiasinterativas.wordpress.com/206/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=206&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://midiasinterativas.wordpress.com/2009/09/07/roteirizando-e-construindo-links-um-exercicio/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1d018b905cab5db2e92e845e5f224fdf?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">Fabricio Teixeira</media:title>
		</media:content>

		<media:content url="http://midiasinterativas.files.wordpress.com/2009/09/roteiro.jpg" medium="image">
			<media:title type="html">Esquema visual do Cravo e a Rosa</media:title>
		</media:content>
	</item>
		<item>
		<title>Teste de vídeo-arte</title>
		<link>http://midiasinterativas.wordpress.com/2009/09/02/teste-de-video-arte/</link>
		<comments>http://midiasinterativas.wordpress.com/2009/09/02/teste-de-video-arte/#comments</comments>
		<pubDate>Wed, 02 Sep 2009 13:00:16 +0000</pubDate>
		<dc:creator>Fabricio Teixeira</dc:creator>
				<category><![CDATA[Arte nas Mídias Digitais]]></category>

		<guid isPermaLink="false">http://midiasinterativas.wordpress.com/?p=202</guid>
		<description><![CDATA[Música: Devotchka &#8211; How it ends Posted in Arte nas Mídias Digitais<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=202&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<span style="text-align:center; display: block;"><a href="http://midiasinterativas.wordpress.com/2009/09/02/teste-de-video-arte/"><img src="http://img.youtube.com/vi/9oTCOGyTAAE/2.jpg" alt="" /></a></span>
<p>Música: Devotchka &#8211; How it ends</p>
<br />Posted in Arte nas Mídias Digitais  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/midiasinterativas.wordpress.com/202/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/midiasinterativas.wordpress.com/202/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/midiasinterativas.wordpress.com/202/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/midiasinterativas.wordpress.com/202/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/midiasinterativas.wordpress.com/202/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/midiasinterativas.wordpress.com/202/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/midiasinterativas.wordpress.com/202/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/midiasinterativas.wordpress.com/202/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/midiasinterativas.wordpress.com/202/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/midiasinterativas.wordpress.com/202/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/midiasinterativas.wordpress.com/202/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/midiasinterativas.wordpress.com/202/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/midiasinterativas.wordpress.com/202/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/midiasinterativas.wordpress.com/202/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=202&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://midiasinterativas.wordpress.com/2009/09/02/teste-de-video-arte/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1d018b905cab5db2e92e845e5f224fdf?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">Fabricio Teixeira</media:title>
		</media:content>
	</item>
		<item>
		<title>Tipos de links</title>
		<link>http://midiasinterativas.wordpress.com/2009/09/01/tipos-de-links/</link>
		<comments>http://midiasinterativas.wordpress.com/2009/09/01/tipos-de-links/#comments</comments>
		<pubDate>Wed, 02 Sep 2009 00:33:53 +0000</pubDate>
		<dc:creator>Fabricio Teixeira</dc:creator>
				<category><![CDATA[Roteiro e narrativas interativas]]></category>

		<guid isPermaLink="false">http://midiasinterativas.wordpress.com/?p=200</guid>
		<description><![CDATA[Lexia-lexia unidirecional O tipo mais simples de conexão, entre dois pontos de um hipertexto. Usado com frequência quando nos referimos a um documento externo ao texto. Deve ser pensado com cautela, pois não permite que o usuário volte ao local de origem. Um exemplo: link dentro de um texto que referencia o download de um [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=200&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><strong>Lexia-lexia unidirecional</strong><br />
O tipo mais simples de conexão, entre dois pontos de um hipertexto. Usado com frequência quando nos referimos a um documento externo ao texto. Deve ser pensado com cautela, pois não permite que o usuário volte ao local de origem.<br />
Um exemplo: link dentro de um texto que referencia o download de um arquivo pdf.</p>
<p><strong>Lexia-lexia bidirecional</strong><br />
Semelhante à ligação unidirecional, mas com a possibilidade do usuário voltar ao link de origem. Muito utilizados em sistemas de navegação.<br />
Exemplos: botão &#8220;próximo passo&#8221; em um formulário, breadcrumb trails em sites de e-commerce.</p>
<p><strong>Linha-linha</strong><br />
Leva o leitor de um ponto específico de um texto a outro ponto específico de outro texto. Permite maior assertividade no link e facilita o entendimento do termo linkado.<br />
Um exemplo: links com âncora para determinado trecho de um texto.</p>
<p><strong>Conexão um-a-vários</strong><br />
Leva o leitor de um ponto a um ou mais pontos dentro de outros hipertextos. Deve ser utilizado com cuidado, para que não cause a impressão de complexidade em demasia.<br />
Exemplos: menus, submenus, links com múltiplas opções.</p>
<p><strong>Conexão vários-a-um</strong><br />
Diversos pontos em diversos textos que levam a um mesmo local. Muito utilizado na maioria dos sites que vemos hoje, onde um assunto é referenciado várias vezes em diferentes pontos.<br />
Exemplos: glossários, páginas de ajuda no rodapé de um site, explicações sobre o frete em uma loja virtual.</p>
<p><strong>Personalizada</strong><br />
O link tem um relacionamento específico com o conteúdo ao qual ele leva (autoria, fonte, download, visualização, ampliação de imagem).<br />
Exemplos: link para rankear um conteúdo, link para ampliar uma imagem.</p>
<p>Fonte: GOSCIOLA, Vicente &#8211; <span dir="ltr">ROTEIRO PARA AS NOVAS MIDIAS: DO GAME A TV INTERATIVA (Senac, 2008)<br />
</span></p>
<br />Posted in Roteiro e narrativas interativas  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/midiasinterativas.wordpress.com/200/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/midiasinterativas.wordpress.com/200/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/midiasinterativas.wordpress.com/200/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/midiasinterativas.wordpress.com/200/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/midiasinterativas.wordpress.com/200/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/midiasinterativas.wordpress.com/200/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/midiasinterativas.wordpress.com/200/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/midiasinterativas.wordpress.com/200/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/midiasinterativas.wordpress.com/200/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/midiasinterativas.wordpress.com/200/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/midiasinterativas.wordpress.com/200/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/midiasinterativas.wordpress.com/200/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/midiasinterativas.wordpress.com/200/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/midiasinterativas.wordpress.com/200/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=200&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://midiasinterativas.wordpress.com/2009/09/01/tipos-de-links/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1d018b905cab5db2e92e845e5f224fdf?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">Fabricio Teixeira</media:title>
		</media:content>
	</item>
		<item>
		<title>Vídeo-arte</title>
		<link>http://midiasinterativas.wordpress.com/2009/08/31/video-arte/</link>
		<comments>http://midiasinterativas.wordpress.com/2009/08/31/video-arte/#comments</comments>
		<pubDate>Tue, 01 Sep 2009 01:23:17 +0000</pubDate>
		<dc:creator>Fabricio Teixeira</dc:creator>
				<category><![CDATA[Arte nas Mídias Digitais]]></category>
		<category><![CDATA[anticristo]]></category>
		<category><![CDATA[arte]]></category>
		<category><![CDATA[lars von trier]]></category>
		<category><![CDATA[tecnologia]]></category>
		<category><![CDATA[vídeo]]></category>
		<category><![CDATA[vídeo-arte]]></category>
		<category><![CDATA[video-art]]></category>

		<guid isPermaLink="false">http://midiasinterativas.wordpress.com/?p=198</guid>
		<description><![CDATA[&#8220;De que forma a vídeo-arte inova e se diferencia das práticas artísticas tradicionais?&#8221; Depois de passar pelo estudo de diferentes manifestações artísticas, em diversos meios, e chegar à vídeo-arte, fica visível a mudança de paradigmas que acompanhou sua propagação ao redor do mundo. Ela possibilitou uma nova visão do fazer artístico, agora munido de recursos [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=198&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>&#8220;De que forma a vídeo-arte inova e se diferencia das práticas artísticas tradicionais?&#8221;</p>
<p>Depois de passar pelo estudo de diferentes manifestações artísticas, em diversos meios, e chegar à vídeo-arte, fica visível a mudança de paradigmas que acompanhou sua propagação ao redor do mundo. Ela possibilitou uma nova visão do fazer artístico, agora munido de recursos multimídia para ser realizado. A expressão do autor da obra pode ser explorada por uma multiplicidade de métodos, formas, técnicas e recursos tecnológicos que, combinados, exponencializam a variedade da obra de arte.</p>
<p>A mudança foi percebida tão grandiosamente porque era a primeira vez que visão e audição eram somadas à sensibilidade humana com tantos fatores técnicos a seu favor.</p>
<p>Em uma instalação com vídeo, por exemplo, os recursos multimídia permitem maior ambientação do espectador, novos experimentos sinestésicos (já que este tipo de arte atinge um número maior de sentidos humanos simultaneamente), maior riqueza visual e maior liberdade de roteiro.</p>
<p>Interessante observar que, mesmo passadas muitas décadas após o advento deste tipo de arte, sinto que ela ainda não foi esgotada. Novos recursos tecnológicos (e interativos) vão somando força e multiplicidade à vídeo-arte e consolidando-a como uma das mais inovadoras formas de arte da atualidade. Estudei, durante a semana, o trabalho de Bill Viola, que me impressionou bastante pelo visual &#8211; simples, intenso e humano. No fim de semana, assisti à mais recente obra de Lars Von Trier, O Anticristo, e vi um recurso semelhante sendo usado logo nas primeiras cenas do filme &#8211; mas agora com outros recursos tecnológicos, outra aparência, outro contexto. Cada dia mais a video-arte se renova e se torna infinita.</p>
<br />Posted in Arte nas Mídias Digitais Tagged: anticristo, arte, lars von trier, tecnologia, vídeo, vídeo-arte, video-art <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/midiasinterativas.wordpress.com/198/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/midiasinterativas.wordpress.com/198/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/midiasinterativas.wordpress.com/198/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/midiasinterativas.wordpress.com/198/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/midiasinterativas.wordpress.com/198/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/midiasinterativas.wordpress.com/198/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/midiasinterativas.wordpress.com/198/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/midiasinterativas.wordpress.com/198/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/midiasinterativas.wordpress.com/198/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/midiasinterativas.wordpress.com/198/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/midiasinterativas.wordpress.com/198/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/midiasinterativas.wordpress.com/198/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/midiasinterativas.wordpress.com/198/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/midiasinterativas.wordpress.com/198/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=198&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://midiasinterativas.wordpress.com/2009/08/31/video-arte/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1d018b905cab5db2e92e845e5f224fdf?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">Fabricio Teixeira</media:title>
		</media:content>
	</item>
		<item>
		<title>Rumos da arte interativa no Brasil &#8211; Os dispositivos de telecomunicação e a nova arte</title>
		<link>http://midiasinterativas.wordpress.com/2009/08/31/rumos-da-arte-interativa-no-brasil-os-dispositivos-de-telecomunicacao-e-a-nova-arte/</link>
		<comments>http://midiasinterativas.wordpress.com/2009/08/31/rumos-da-arte-interativa-no-brasil-os-dispositivos-de-telecomunicacao-e-a-nova-arte/#comments</comments>
		<pubDate>Tue, 01 Sep 2009 01:06:14 +0000</pubDate>
		<dc:creator>Fabricio Teixeira</dc:creator>
				<category><![CDATA[Arte nas Mídias Digitais]]></category>
		<category><![CDATA[arte]]></category>
		<category><![CDATA[arte interativa]]></category>
		<category><![CDATA[autoria]]></category>
		<category><![CDATA[colaboração]]></category>
		<category><![CDATA[interatividade]]></category>
		<category><![CDATA[telecomunicação]]></category>

		<guid isPermaLink="false">http://midiasinterativas.wordpress.com/?p=196</guid>
		<description><![CDATA[Muito interessante alguns comentários que li sobre o assunto em pesquisa para a aula. Os novos meios de expressão da arte, em especial os interativos, trazem uma nova visão para os conceitos de autoria, co-autoria e participação. &#8220;O novo espectador— se podemos chamá-lo assim— é um agente na realização da obra: ele interage, contribui, transforma [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=196&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Muito interessante alguns comentários que li sobre o assunto em pesquisa para a aula. Os novos meios de expressão da arte, em especial os interativos, trazem uma nova visão para os conceitos de autoria, co-autoria e participação. &#8220;O novo espectador— se podemos chamá-lo assim— é um agente na realização da obra: ele interage, contribui, transforma e por vezes conclui.&#8221;, citando as palavras da Christiane.</p>
<p>Só acho importante tomarmos cuidado com alguns conceitos. Em algumas obras, a participação dos &#8220;novos espectadores&#8221; não fazem deles necessariamente co-autores da obra. Por exemplo em um filme interativo, onde há a participação do interator na decisão da ordem em que as cenas serão exibidas, ele nem sempre acrescenta algo ao produto. O que ele cria é uma outra instância da mesma obra, que na maioria das vezes já foi prevista pelo autor. Proponho, nesses caso, nos referirmos ao participante como &#8220;ator&#8221; e não como &#8220;autor&#8221; ou &#8220;co-autor&#8221;.</p>
<p>Mas voltando ao assunto inicial, também parei para pensar um pouco no conceito de &#8220;direitos autorais&#8221; e no quanto ele se torna obsoleto quando lidamos com um ambiente tão dinâmico quanto a internet. Ao contrário do que acontecia no século passado, o interator é um participante ativo na construção e adaptação da obra de arte. A obra chega a ser reconstruída e adaptada tantas vezes e em escala tão geometricamente progressiva, que perde-se o controle sobre a autoria e, muitas vezes, a referência da obra original. É nesse cenário que foram criadas as licenças Creative Commons, por exemplo, que acreditam no uso da obra original como base para a produção de muitas outras variantes.</p>
<p>Atualmente estou envolvido em um projeto que utiliza essas licenças para criar (não uma obra de arte, mas) um carro colaborativo para a Fiat e para qualquer outra montadora que queira usar o conhecimento coletivo no desenvolvimento de seu próprio carro. Vejo como isso é sintomático de uma época onde os conceitos de autoria vão, aos poucos, sendo revisitados. http://fiatmio.cc</p>
<br />Posted in Arte nas Mídias Digitais Tagged: arte, arte interativa, autoria, colaboração, interatividade, telecomunicação <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/midiasinterativas.wordpress.com/196/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/midiasinterativas.wordpress.com/196/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/midiasinterativas.wordpress.com/196/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/midiasinterativas.wordpress.com/196/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/midiasinterativas.wordpress.com/196/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/midiasinterativas.wordpress.com/196/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/midiasinterativas.wordpress.com/196/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/midiasinterativas.wordpress.com/196/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/midiasinterativas.wordpress.com/196/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/midiasinterativas.wordpress.com/196/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/midiasinterativas.wordpress.com/196/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/midiasinterativas.wordpress.com/196/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/midiasinterativas.wordpress.com/196/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/midiasinterativas.wordpress.com/196/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=196&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://midiasinterativas.wordpress.com/2009/08/31/rumos-da-arte-interativa-no-brasil-os-dispositivos-de-telecomunicacao-e-a-nova-arte/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1d018b905cab5db2e92e845e5f224fdf?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">Fabricio Teixeira</media:title>
		</media:content>
	</item>
		<item>
		<title>Samorost &#8211; Análise do game</title>
		<link>http://midiasinterativas.wordpress.com/2009/08/25/samorost-analise-do-game/</link>
		<comments>http://midiasinterativas.wordpress.com/2009/08/25/samorost-analise-do-game/#comments</comments>
		<pubDate>Wed, 26 Aug 2009 00:31:34 +0000</pubDate>
		<dc:creator>Fabricio Teixeira</dc:creator>
				<category><![CDATA[Roteiro e narrativas interativas]]></category>
		<category><![CDATA[áudio]]></category>
		<category><![CDATA[game]]></category>
		<category><![CDATA[jogabilidade]]></category>
		<category><![CDATA[online]]></category>
		<category><![CDATA[samorost]]></category>

		<guid isPermaLink="false">http://midiasinterativas.wordpress.com/?p=193</guid>
		<description><![CDATA[Naveguei e testei o jogo e fiquei fascinado com a capacidade da produtora de sair das fórmulas convencionais de jogos e propor uma narrativa mais inteligente e complexa do que estamos acostumados. O visual do game é bastante interessante. Cria-se um cenário lúdico, inexplicável à primeira vista, tentando fazer o usuário imergir no mundo pouco [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=193&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Naveguei e testei o jogo e fiquei fascinado com a capacidade da produtora de sair das fórmulas convencionais de jogos e propor uma narrativa mais inteligente e complexa do que estamos acostumados.</p>
<p>O visual do game é bastante interessante. Cria-se um cenário lúdico, inexplicável à primeira vista, tentando fazer o usuário imergir no mundo pouco comum criado por seus idealizadores. Os personagens, apesar de exóticos, têm comportamentos semelhantes ao de homens e animais, tornando a lógica toda um pouco mais previsível &#8211; talvez uma tentativa de aumentar a jogabilidade e facilitar o entendimento das ações a serem tomadas.</p>
<p>O som é uma importante ferramenta para climatizar o jogo. Muitos games subutilizam o potencial dos feedbacks sonoros, mas não é o caso de Samorost. A existência desse tipo de efeito sonoro ajuda o usuário a perceber que seus cliques foram realmente efetivos e incitaram uma reação dentro da interface.</p>
<p>Comecei a pensar sobre a roteirização do game, e como os produtores trabalharam para pensar a história que ocorre ali dentro. &#8220;A história&#8221; não, &#8220;as histórias&#8221;. São várias histórias que se cruzam, e é justamente essa a lógica do game: fazer as histórias se cruzarem no momento exato, para que outros acontecimentos ainda desconhecidos venham à tona. Apesar disso o roteiro é controlado, pois há, na maoria das telas, apenas uma forma de prosseguir para a próxima etapa do jogo.</p>
<p>Sadismos à parte, adorei os comentários da Chris e da Luciana dizendo que não conseguiram completar o jogo. Luciana diz algo bacana, que vale a pena replicar aqui:</p>
<blockquote><p>Talvez eu não seja o público alvo, talvez seja uma usuária muito mal acostumada. Preciso de mais informações, os passos não são claros o suficiente para mim. Provavelmente meu perfil seja demasiadamente lógico e ter que ir atrás dos elementos clicáveis, para executá-los e a ação desses não desencadear qualquer reação me frustra.</p></blockquote>
<p>Uma coisa que aprendi durante anos de trabalho como arquiteto de informação e designer de interação foi: o usuário nunca está errado (talvez uma variante da máxima &#8220;o cliente sempre tem razão&#8221;). Ponho aqui a seguinte reflexão: será que um jogo como esses tem realmente um perfil de público específico, ou será que não são os problemas de jogabilidade que acabam restringindo a experiência para um determinado grupo de pessoas (talvez aqueles que tenham experiência com PS2, Wii e outros consoles, como citou a Chris em sua réplica)?</p>
<p>Muitos jogos que vejo pela internet contam com algumas artimanhas para tentar abranger o maior número de jogadores possível: pré-seleção do nível de dificuldade (easy, medium, hard), seção ajuda, tutorial na primeira fase do jogo, ajudas contextuais que aparecem quando o jogo entende que o usuário está tendo dificuldades etc. Tudo vai da estratégia da criação do game: estamos projetando o jogo para um público heavy user de games, ou o estamos desenhando para os usuários da 3ª idade que citou Carolina?</p>
<p>Excelente exercício. O link do game: <a title="Samorost" href="http://amanitadesign.com/samorost/">Samorost</a></p>
<br />Posted in Roteiro e narrativas interativas Tagged: áudio, game, jogabilidade, online, samorost <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/midiasinterativas.wordpress.com/193/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/midiasinterativas.wordpress.com/193/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/midiasinterativas.wordpress.com/193/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/midiasinterativas.wordpress.com/193/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/midiasinterativas.wordpress.com/193/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/midiasinterativas.wordpress.com/193/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/midiasinterativas.wordpress.com/193/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/midiasinterativas.wordpress.com/193/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/midiasinterativas.wordpress.com/193/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/midiasinterativas.wordpress.com/193/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/midiasinterativas.wordpress.com/193/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/midiasinterativas.wordpress.com/193/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/midiasinterativas.wordpress.com/193/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/midiasinterativas.wordpress.com/193/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=midiasinterativas.wordpress.com&amp;blog=7592115&amp;post=193&amp;subd=midiasinterativas&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://midiasinterativas.wordpress.com/2009/08/25/samorost-analise-do-game/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1d018b905cab5db2e92e845e5f224fdf?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">Fabricio Teixeira</media:title>
		</media:content>
	</item>
	</channel>
</rss>
