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

<channel>
	<title>mga/blog &#187; interacción</title>
	<atom:link href="http://www.mauriciogiraldo.com/blog/category/interaccion/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.mauriciogiraldo.com/blog</link>
	<description>ISSN 2011-0146</description>
	<lastBuildDate>Sat, 10 Jul 2010 07:41:55 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>The Thought Factory</title>
		<link>http://www.mauriciogiraldo.com/blog/2010/03/28/the-thought-factory/</link>
		<comments>http://www.mauriciogiraldo.com/blog/2010/03/28/the-thought-factory/#comments</comments>
		<pubDate>Sun, 28 Mar 2010 22:13:59 +0000</pubDate>
		<dc:creator>mga</dc:creator>
				<category><![CDATA[arte]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[interacción]]></category>
		<category><![CDATA[programación]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[visualización]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.mauriciogiraldo.com/blog/?p=713</guid>
		<description><![CDATA[I was invited by my colleagues Hernando Barragán and Annelie Franke to collaborate with the Thought Factory, a project that started in their Design Studio 6 course for the second semester 2009. The project was commisioned by the XII Iberoamerican Theatre Festival in Bogotá, one of the most important festivals of its type in the [...]]]></description>
			<content:encoded><![CDATA[<p>I was invited by my colleagues Hernando Barragán and Annelie Franke to collaborate with the <em><a href="http://loquesefabrica.com">Thought Factory</a></em>, a project that started in their <a href="http://designblog.uniandes.edu.co/blogs/dise3135/">Design Studio 6</a> course for the second semester 2009. The project was commisioned by the XII Iberoamerican Theatre Festival in Bogotá, one of the most important festivals of its type in the world. The idea was to create a collaborative work that would allow people to interact with the festival.</p>
<p>With this in mind, the <em>Thought Factory</em> was created and its main purpose was to save and classify the thoughts of festival visitors. Thoughts are abstract and intangible notions (we can&#8217;t read minds&#8230; yet). The Factory was made to make those thoughts somewhat tangible, &#8220;saving&#8221; them in bottles that can later be opened and their contents made visible as the genius in the lamp.</p>
<p><object classid="clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b" width="450" height="288" codebase="http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0"><param name="autoplay" value="false" /><param name="loop" value="false" /><param name="controller" value="true" /><param name="src" value="/blog/wp-content/uploads/2010/03/visualizador.m4v" /><embed type="video/quicktime" width="450" height="288" src="/blog/wp-content/uploads/2010/03/visualizador.m4v"  controller="true" loop="false" autoplay="false"></embed></object></p>
<p>Each bottle represents an inquiry made by festival organizers. Every hour and a half a new bottle is placed in the filling station:</p>
<div id="attachment_705" class="wp-caption alignnone" style="width: 460px"><img src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/03/fill.jpg" alt="" title="A bottle being filled" width="450" height="236" class="size-full wp-image-705" /><p class="wp-caption-text">A bottle being filled</p></div>
<p>From that moment, and during the next ninety minutes, that bottle will be filled with thoughts from people who type them in the input stations:</p>
<div id="attachment_703" class="wp-caption alignnone" style="width: 460px"><img src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/03/input.jpg" alt="" title="Thought input machine" width="450" height="276" class="size-full wp-image-703" /><p class="wp-caption-text">Thought input machine</p></div>
<p>Thoughts can also be sent as an SMS message via mobile phone.</p>
<p>Since the Festival as for all ages it was necessary to curate these thoughts (basically removing obscene ones&#8230; let&#8217;s be honest, there&#8217;s plenty of obscenities in our thoughts :P).</p>
<div id="attachment_710" class="wp-caption alignnone" style="width: 460px"><img src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/03/curaduria.jpg" alt="" title="Curating machine" width="450" height="224" class="size-full wp-image-710" /><p class="wp-caption-text">Curating machine</p></div>
<p>Once approved, the message enters the bottle in the filling station:</p>
<p><object classid="clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b" width="450" height="288" codebase="http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0"><param name="autoplay" value="false" /><param name="loop" value="false" /><param name="controller" value="true" /><param name="src" value="/blog/wp-content/uploads/2010/03/llenado.m4v" /><embed type="video/quicktime" width="450" height="288" src="/blog/wp-content/uploads/2010/03/llenado.m4v" controller="true" loop="false" autoplay="false"></embed></object></p>
<p>When removed from the filling station, the bottle is labelled and placed with the rest of the full bottles so its thoughts can be read in the viewing station.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="450" height="253" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="data" value="http://www.flickr.com/apps/video/stewart.swf?v=71377" /><param name="flashvars" value="intl_lang=en-us&amp;photo_secret=721f3e0226&amp;photo_id=4470994212" /><param name="bgcolor" value="#000000" /><param name="allowFullScreen" value="true" /><param name="src" value="http://www.flickr.com/apps/video/stewart.swf?v=71377" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="450" height="253" src="http://www.flickr.com/apps/video/stewart.swf?v=71377" allowfullscreen="true" bgcolor="#000000" flashvars="intl_lang=en-us&amp;photo_secret=721f3e0226&amp;photo_id=4470994212" data="http://www.flickr.com/apps/video/stewart.swf?v=71377"></embed></object></p>
<p>At the end of the Festival (in april 4, 2010) there will be sixty bottles full of thoughts that can be read in the <a href="http://loquesefabrica.com">project website</a>.</p>
<p>My main tasks were developing the visual interfaces (thought input, thought curating, filling station, bottle visualization), the database that manages thoughts and inquiries and all communication happening between these and the bottles. SMS message service was kindly provided by <a href="http://www.contactosms.com.co">Contacto SMS</a>.</p>
<p>If you are curious about the tech side of the project: interfaces are made with Adobe Flash which communicate with a MySQL database via PHP and AMFPHP. Filling and viewing stations communicate with the bottles via <a href="http://wiring.org.co/">Wiring</a> using sockets and an RFID tag. ActionScript programming was made in <a href="http://www.fdt.powerflasher.com/">FDT</a>.</p>
<p><a href="http://www.mauriciogiraldo.com/blog/2010/03/28/the-thought-factory/" rel="bookmark">The Thought Factory</a> originalmente escrito en <a href="http://www.mauriciogiraldo.com/blog">mga/blog</a> en March 28, 2010.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mauriciogiraldo.com/blog/2010/03/28/the-thought-factory/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>La Fábrica de Pensamientos</title>
		<link>http://www.mauriciogiraldo.com/blog/2010/03/28/fabrica-de-pensamientos/</link>
		<comments>http://www.mauriciogiraldo.com/blog/2010/03/28/fabrica-de-pensamientos/#comments</comments>
		<pubDate>Sun, 28 Mar 2010 20:30:37 +0000</pubDate>
		<dc:creator>mga</dc:creator>
				<category><![CDATA[arte]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[interacción]]></category>
		<category><![CDATA[programación]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[visualización]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.mauriciogiraldo.com/blog/?p=676</guid>
		<description><![CDATA[Fui invitado por mis colegas Hernando Barragán y Annelie Franke a participar en la Fábrica de Pensamientos, un proyecto que se deprendió de su curso Estudio 6 del segundo semestre de 2009. El proyecto fue comisionado por el XII Festival Iberoamericano de Teatro de Bogotá, uno de los festivales de este tipo más importantes del [...]]]></description>
			<content:encoded><![CDATA[<p>Fui invitado por mis colegas Hernando Barragán y Annelie Franke a  participar en la <em><a href="http://loquesefabrica.com">Fábrica de Pensamientos</a></em>, un  proyecto que se deprendió de su <a href="http://designblog.uniandes.edu.co/blogs/dise3135/">curso  Estudio 6</a> del segundo semestre de 2009. El proyecto fue comisionado por el XII  Festival Iberoamericano de Teatro de Bogotá, uno de los festivales de este tipo más importantes del mundo. La idea era hacer una obra  colaborativa que permitiera a la gente interactuar con el festival.</p>
<p>A partir de esa premisa, se realizó la <em>Fábrica de Pensamientos</em> cuya  idea principal es guardar y clasificar los pensamientos de los  visitantes al festival. Los pensamientos son nociones abstractas e  intangibles (aún no podemos leer la mente). Con la Fábrica se busca  hacer esos pensamientos tangibles de alguna forma, &#8220;guardándolos&#8221; en  botellas que luego pueden ser abiertas y su contenido se hace visible  como el genio de la lámpara.</p>
<p><object classid="clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b" width="450" height="288" codebase="http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0"><param name="autoplay" value="false" /><param name="loop" value="false" /><param name="controller" value="true" /><param name="src" value="/blog/wp-content/uploads/2010/03/visualizador.m4v" /><embed type="video/quicktime" width="450" height="288" src="/blog/wp-content/uploads/2010/03/visualizador.m4v"  controller="true" loop="false" autoplay="false"></embed></object></p>
<p>Cada botella representa una inquietud planteada por el festival. Cada  hora y media se pone una nueva botella en la base de llenado:</p>
<div id="attachment_705" class="wp-caption alignnone" style="width: 460px"><img src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/03/fill.jpg" alt="" title="Una botella en proceso de ser llenada" width="450" height="236" class="size-full wp-image-705" /><p class="wp-caption-text">Una botella en proceso de ser llenada</p></div>
<p>A partir de ese momento, y durante los siguientes noventa minutos, se  llenará esa botella con los pensamientos que la gente escribe en las  máquinas de entrada:</p>
<div id="attachment_703" class="wp-caption alignnone" style="width: 460px"><img src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/03/input.jpg" alt="" title="Máquina de entrada de pensamiento" width="450" height="276" class="size-full wp-image-703" /><p class="wp-caption-text">Máquina de entrada de pensamiento</p></div>
<p>Pensamientos también pueden entrar en la botella vía mensaje de texto  de teléfono celular.</p>
<p>Dado que el Festival es un evento para toda la familia es necesario  hacer una curaduría de los pensamientos (básicamente prevenir el ingreso  de obscenidades&#8230; seamos honestos, hay <em>mucho</em> pensamiento  obsceno sucediendo en nuestras cabezas :P ).</p>
<div id="attachment_710" class="wp-caption alignnone" style="width: 460px"><img src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/03/curaduria.jpg" alt="" title="Máquina de curaduría" width="450" height="224" class="size-full wp-image-710" /><p class="wp-caption-text">Máquina de curaduría</p></div>
<p>Una vez aprobado, el mensaje entra a la botella que se encuentra en  la base de llenado:</p>
<p><object classid="clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b" width="450" height="288" codebase="http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0"><param name="autoplay" value="false" /><param name="loop" value="false" /><param name="controller" value="true" /><param name="src" value="/blog/wp-content/uploads/2010/03/llenado.m4v" /><embed type="video/quicktime" width="450" height="288" src="/blog/wp-content/uploads/2010/03/llenado.m4v" controller="true" loop="false" autoplay="false"></embed></object></p>
<p>Cuando se retira la botella de la base, se etiqueta y se guarda para  luego ser consultada por los visitantes en cualquier momento en la estación de visualización.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="450" height="253" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="data" value="http://www.flickr.com/apps/video/stewart.swf?v=71377" /><param name="flashvars" value="intl_lang=en-us&amp;photo_secret=721f3e0226&amp;photo_id=4470994212" /><param name="bgcolor" value="#000000" /><param name="allowFullScreen" value="true" /><param name="src" value="http://www.flickr.com/apps/video/stewart.swf?v=71377" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="450" height="253" src="http://www.flickr.com/apps/video/stewart.swf?v=71377" allowfullscreen="true" bgcolor="#000000" flashvars="intl_lang=en-us&amp;photo_secret=721f3e0226&amp;photo_id=4470994212" data="http://www.flickr.com/apps/video/stewart.swf?v=71377"></embed></object></p>
<p>Al finalizar el Festival en abril 4 de 2010 habrá sesenta botellas llenas de pensamientos que podrán ser visualizadas en el <a href="http://loquesefabrica.com">sitio web del proyecto</a>.</p>
<p>Mi labor principal fue desarrollar la parte visual (interfaz de  entrada de pensamientos, interfaz de moderación, interfaz de llenado,  interfaz de visualización, sitio web), la base de datos que soporta el sistema de pensamientos e inquietudes y toda la comunicación que sucede entre estas y  las botellas. El sistema de mensajes de texto fue amablemente provisto  por <a href="http://www.contactosms.com.co">Contacto SMS</a>.</p>
<p>Si tiene curiosidad de saber qué tecnologías están involucradas: las  interfases están hechas en Adobe Flash y se comunican con la base de  datos MySQL usando PHP y AMFPHP. Las interfases de llenado y  visualización de botellas se comunican vía <em>sockets</em> con <a href="http://wiring.org.co/">Wiring</a> usando un  tag RFID.</p>
<p><a href="http://www.mauriciogiraldo.com/blog/2010/03/28/fabrica-de-pensamientos/" rel="bookmark">La Fábrica de Pensamientos</a> originalmente escrito en <a href="http://www.mauriciogiraldo.com/blog">mga/blog</a> en March 28, 2010.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mauriciogiraldo.com/blog/2010/03/28/fabrica-de-pensamientos/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>The videogame history timeline</title>
		<link>http://www.mauriciogiraldo.com/blog/2010/01/30/the-videogame-history-timeline/</link>
		<comments>http://www.mauriciogiraldo.com/blog/2010/01/30/the-videogame-history-timeline/#comments</comments>
		<pubDate>Sat, 30 Jan 2010 21:40:49 +0000</pubDate>
		<dc:creator>mga</dc:creator>
				<category><![CDATA[diseño]]></category>
		<category><![CDATA[general]]></category>
		<category><![CDATA[información]]></category>
		<category><![CDATA[interacción]]></category>
		<category><![CDATA[juegos]]></category>
		<category><![CDATA[visualización]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.mauriciogiraldo.com/blog/?p=634</guid>
		<description><![CDATA[This is an english translation of a previous post. I believe english readers could be interested in this project. For a long time I have wanted to do a videogame history timeline. It would combine several of my interests: information visualization, history, time and, of course, videogames. Currently I have a class on videogame history [...]]]></description>
			<content:encoded><![CDATA[<p><em>This is an english translation of <a href="http://www.mauriciogiraldo.com/blog/2010/01/25/una-linea-de-tiempo-de-videojuegos/">a previous post</a>. I believe english readers could be interested in this project.</em></p>
<p>For a long time I have wanted to do a videogame history timeline. It would combine several of my interests: <strong>information visualization, history, time </strong>and, of course,<strong> videogames</strong>. Currently I have a <a title="blog del curso" href="http://designblog.uniandes.edu.co/blogs/dise3223/">class on videogame history</a> (class blog in spanish) as a lecturer in the Design Department at the Universidad de los Andes and such a timeline would be useful (and neat).</p>
<p>I had the opportunity of creating a history timeline for a client and decided to use that code as the starting point for my timeline. This is why I can now present (<em>drumroll</em>):</p>
<h3>The videogame history timeline</h3>
<p>The URL is: <a href="http://www.mauriciogiraldo.com/vgline/beta/">http://www.mauriciogiraldo.com/vgline/beta/</a></p>
<div id="attachment_620" class="wp-caption alignnone" style="width: 310px"><a href="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/www.mauriciogiraldo.com-screen-capture-2010-1-25-0-29-53.png"><img class="size-medium wp-image-620" title="principal" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/www.mauriciogiraldo.com-screen-capture-2010-1-25-0-29-53-300x190.png" alt="" width="300" height="190" /></a><p class="wp-caption-text">clic para ver imagen completa</p></div>
<p>The timeline showcases <strong>eight types of events</strong>:</p>
<ol>
<li><strong>people</strong> (birthdates) of relevance: game designers and developers, scientists, artists, entrepreneurs.</li>
<li><strong>business</strong>: companies or important business events.</li>
<li><strong>consoles</strong> (or hardware such as PCs) where videogames are executed.</li>
<li><strong>games</strong></li>
<li><strong>accessories and controls</strong>: peripherals that are connected to consoles.</li>
<li><strong>technologies</strong> of importance.</li>
<li><strong>cultural</strong>: events that have somehow influenced the world of videogames (books, movies, ideas or theories, etc.).</li>
<li><strong>other</strong> events that contextualize what was happening worldwide when the other types of events happened.</li>
</ol>
<p>Every event can be <strong>related to other events</strong> in three ways:</p>
<ul>
<li><strong>creation</strong> (event A created event B): mostly used to relate a person with the games he/she created</li>
<li><strong>inspiration</strong> (event A was inspired or is &#8220;plainly&#8221; related to event B)</li>
<li><strong>series</strong> (event A precedes event B): for &#8220;sequences&#8221; of events (eg.: the &#8220;Mario&#8221; series by Nintendo are assumed to be sequential editions even though they were developed for different consoles)</li>
</ul>
<p>Presenting this information clearly to the user is rather complicated. <em>Not to say that I am finished with the interface. </em>It still needs work and I want to explore more possibilities.<em> </em></p>
<p>You need to press SPACEBAR in order to see the relationships between events:</p>
<div id="attachment_621" class="wp-caption alignnone" style="width: 310px"><a href="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/www.mauriciogiraldo.com-screen-capture-2010-1-25-0-29-57.png"><img class="size-medium wp-image-621 " title="relations between events" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/www.mauriciogiraldo.com-screen-capture-2010-1-25-0-29-57-300x190.png" alt="" width="300" height="190" /></a><p class="wp-caption-text">relations between events</p></div>
<p>Given that you see <em>a lot</em> of relations between events in the default display mode (and even more events are missing from the timeline) I decided to allow the user <strong>to turn on/off event types and relation types</strong>. This way, if I turn off all events except people and games, I can see the screen with less &#8220;noise&#8221;:</p>
<div id="attachment_622" class="wp-caption alignnone" style="width: 310px"><a href="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/www.mauriciogiraldo.com-screen-capture-2010-1-25-0-30-15.png"><img class="size-medium wp-image-622 " title="people and games" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/www.mauriciogiraldo.com-screen-capture-2010-1-25-0-30-15-300x190.png" alt="" width="300" height="190" /></a><p class="wp-caption-text">people and games</p></div>
<p>It&#8217;s difficult (maybe even impossible) to plot all events and relations while completely avoiding superposed lines (or maybe I need to investigate a little more). However, I believe that the current solution is easy to understand once you have played with it for a few minutes (I didn&#8217;t set out to create a conventional interface; I wanted to experiment a little).</p>
<p>This is what I see if I turn on <em>series</em> and games:</p>
<div id="attachment_623" class="wp-caption alignnone" style="width: 310px"><a href="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/www.mauriciogiraldo.com-screen-capture-2010-1-25-0-30-57.png"><img class="size-medium wp-image-623 " title="game series" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/www.mauriciogiraldo.com-screen-capture-2010-1-25-0-30-57-300x190.png" alt="" width="300" height="190" /></a><p class="wp-caption-text">game series</p></div>
<p>You can see that <a title="Doom II en la línea de tiempo" href="http://www.mauriciogiraldo.com/vgline/beta/#/338">Doom II</a> goes after <a title="Doom en la línea de tiempo" href="http://www.mauriciogiraldo.com/vgline/beta/#/323">Doom</a> and that there is <a title="Doom III en la línea de tiempo" href="http://www.mauriciogiraldo.com/vgline/beta/#/342">another later game</a> in the series. <a title="Riven en la línea de tiempo" href="http://www.mauriciogiraldo.com/vgline/beta/#/267">Riven</a> goes after <a title="Myst en la línea de tiempo" href="http://www.mauriciogiraldo.com/vgline/beta/#/265">Myst</a>, etc.</p>
<h3>Search</h3>
<p>Users are lazy (okay, all but you) and if they don&#8217;t find what they are looking for in a few seconds they will go somewhere else. Also, in large sets of information (even though the timeline currently has only a few hundred events) it is difficult to predict how a user expects to find some particular data point. This is why the timeline has a search box:</p>
<div id="attachment_624" class="wp-caption alignnone" style="width: 310px"><a href="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/www.mauriciogiraldo.com-screen-capture-2010-1-25-2-4-28.png"><img class="size-medium wp-image-624 " title="search results" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/www.mauriciogiraldo.com-screen-capture-2010-1-25-2-4-28-300x190.png" alt="" width="300" height="190" /></a><p class="wp-caption-text">search results for &quot;nintendo&quot;</p></div>
<h3>Viva la <em>open source</em>!</h3>
<p>In my web developing years I have benefitted from a large amount of open source libraries/programs/content and, <a title="Digital Media Courseware, proyecto en colaboración con Hernando Barragán" href="http://sourceforge.net/projects/dmcourseware/">every time</a> <a title="SPAW-CF, una versión ColdFusion de un editor de texto web" href="http://sourceforge.net/projects/spaw-cf">I can</a>, I try to <a title="mi perfil en Stack Overflow" href="http://stackoverflow.com/users/160933/mga">give something back</a>. In this case I have created a <a href="http://code.google.com/p/vgline/">Google Code project</a> so, whoever knows ActionScript 3 and Flash, can take a look and see what benefits he/she can find there (I don&#8217;t plan on supporting this code, use under your own risk).</p>
<h3>Things to do</h3>
<p>The timeline is far from finished. Among the things I want to do:</p>
<ul>
<li><strong>content in spanish</strong>: I am using this timeline in my <a title="class blog" href="http://designblog.uniandes.edu.co/blogs/dise3223/programa-del-curso/">Videogame history class</a> and I want the content to be fully translated</li>
<li><strong>complete content</strong>: a lot of information is missing or incomplete</li>
<li><strong>experiment</strong>: this basic information setup can be explored in many different ways</li>
<li><strong>share</strong>: there is an <a href="http://www.mauriciogiraldo.com/vgline/rss/event/feed">RSS feed with the whole content</a> so anyone can use it to visualize it (an <a href="http://en.wikipedia.org/wiki/Application_programming_interface">API</a> would be more elegant) although my current server is a little unsteady at the moment</li>
</ul>
<h3>Technical stuff (and other)</h3>
<p>Several people have collaborated, inputting data or with their opinion. Among them: Nicolás Arteaga, Vanessa Gómez, Andrea D&#8217;Macedo, Manuel Piñeros, Sebastián Ramírez, Rafael Tudela y Cárlos López. If you want to collaborate or <strong>if you find any innaccuracies</strong>, please <a href="../../vgline/contact">contact me</a>.</p>
<p>If you want to know what powers the timeline: content is fed via <a href="http://drupal.org/">Drupal</a> (which works on top of PHP, MySQL and Apache) to which I connect from Flash using <a href="http://www.amfphp.org/">AMFPHP</a> (Drupal has a <a href="http://drupal.org/project/amfphp">module for AMFPHP</a> which I had to modify a bit). This has the benefit of automagically generating a <a href="http://www.mauriciogiraldo.com/vgline/">plain text version of the content</a>. The server is a little bit slow (the whole database is loaded in the first request&#8230; that&#8217;s why you see the quiz). Any performance ideas are welcome. Keep in mind it is a <a href="http://www.mediatemple.net">shared hosting environment</a>.</p>
<p>This project has been supported by Powerflasher, the people behind <a href="http://www.fdt.powerflasher.com/">FDT</a> (the cool software I use to write <a title="un pocotón de ActionScript" href="http://code.google.com/p/vgline/source/browse/trunk/src/com/pingpongestudio/timeline/Timeline.as">all the ActionScript</a> you see in Google Code).</p>
<p><a href="http://www.mauriciogiraldo.com/blog/2010/01/30/the-videogame-history-timeline/" rel="bookmark">The videogame history timeline</a> originalmente escrito en <a href="http://www.mauriciogiraldo.com/blog">mga/blog</a> en January 30, 2010.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mauriciogiraldo.com/blog/2010/01/30/the-videogame-history-timeline/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Una línea de tiempo de videojuegos</title>
		<link>http://www.mauriciogiraldo.com/blog/2010/01/25/una-linea-de-tiempo-de-videojuegos/</link>
		<comments>http://www.mauriciogiraldo.com/blog/2010/01/25/una-linea-de-tiempo-de-videojuegos/#comments</comments>
		<pubDate>Mon, 25 Jan 2010 05:25:36 +0000</pubDate>
		<dc:creator>mga</dc:creator>
				<category><![CDATA[diseño]]></category>
		<category><![CDATA[general]]></category>
		<category><![CDATA[información]]></category>
		<category><![CDATA[interacción]]></category>
		<category><![CDATA[juegos]]></category>
		<category><![CDATA[visualización]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.mauriciogiraldo.com/blog/?p=619</guid>
		<description><![CDATA[Hace rato que quiero hacer una línea de tiempo de la historia de los videojuegos. Combinaría varios de mis intereses: visualización de información, historia, tiempo y videojuegos. Actualmente dicto un curso de historia de los videojuegos en el Departamento de Diseño de la Universidad de los Andes y una línea de tiempo sería útil y [...]]]></description>
			<content:encoded><![CDATA[<p>Hace rato que quiero hacer una línea de tiempo de la historia de los videojuegos. Combinaría varios de mis intereses: <strong>visualización de información, historia, tiempo y videojuegos</strong>. Actualmente dicto un curso de <a title="blog del curso" href="http://designblog.uniandes.edu.co/blogs/dise3223/">historia de los videojuegos</a> en el Departamento de Diseño de la Universidad de los Andes y una línea de tiempo sería útil y elegante.</p>
<p>Por cosas de la vida un cliente me comisionó un trabajo de una línea de tiempo (que luego linkearé una vez esté terminado) y decidí usar ese proyecto como punto de partida para mi línea de tiempo. Es por esto que puedo ahora presentar (<em>drumroll</em>):</p>
<h3>La línea de tiempo de la historia de los videojuegos</h3>
<p>El link es: <a href="http://www.mauriciogiraldo.com/vgline/beta/">http://www.mauriciogiraldo.com/vgline/beta/</a></p>
<div id="attachment_620" class="wp-caption alignnone" style="width: 310px"><a href="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/www.mauriciogiraldo.com-screen-capture-2010-1-25-0-29-53.png"><img class="size-medium wp-image-620" title="principal" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/www.mauriciogiraldo.com-screen-capture-2010-1-25-0-29-53-300x190.png" alt="" width="300" height="190" /></a><p class="wp-caption-text">clic para ver imagen completa</p></div>
<p>Decidí destacar <strong>ocho tipos de eventos</strong> en la historia de los videojuegos:</p>
<ol>
<li><strong>personas</strong> (a partir de su nacimiento) de importancia: creadores de juegos, científicos, artistas, empresarios.</li>
<li><strong>negocios</strong>: empresas o eventos corporativos relevantes.</li>
<li><strong>consolas</strong> o soportes (<em>hardware</em>) sobre el cual se ejecutan los videojuegos.</li>
<li><strong>juegos</strong></li>
<li><strong>accesorios y controles</strong> que funcionan o se conectan a las consolas.</li>
<li><strong>tecnologías</strong> relevantes.</li>
<li><strong>culturales</strong>: eventos que han influenciado de diferentes formas el mundo de los videojuegos (libros, películas, ideas o teorías científicas, etc.).</li>
<li><strong>otros</strong> eventos que sirven para contextualizar los anteriores con respecto al mundo en su momento.</li>
</ol>
<p>Cada tipo de evento puede estar <strong>relacionado a otros</strong> de tres formas:</p>
<ul>
<li><strong>creación</strong> (evento A creó evento B): por lo general usado para relacionar una persona con los juegos que ha realizado</li>
<li><strong>inspiración/relación</strong> (evento A está relacionado o fue inspirado por evento B)</li>
<li><strong>series</strong> (evento A precede a evento B): para &#8220;secuencias&#8221; de eventos (ej.: los diferentes &#8220;Marios&#8221; de Nintendo se asumen como sucesiones secuenciales)</li>
</ul>
<p>Toda esa información presenta el problema de cómo visualizarla de la forma más clara para el usuario. Para hacer visibles las relaciones se oprime la tecla SPACEBAR:</p>
<div id="attachment_621" class="wp-caption alignnone" style="width: 310px"><a href="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/www.mauriciogiraldo.com-screen-capture-2010-1-25-0-29-57.png"><img class="size-medium wp-image-621" title="relaciones" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/www.mauriciogiraldo.com-screen-capture-2010-1-25-0-29-57-300x190.png" alt="" width="300" height="190" /></a><p class="wp-caption-text">relaciones entre eventos</p></div>
<p>En el estado inicial aparecen <em>muchas</em> relaciones y aún falta poner muchísimos eventos. Es por esto que decidí <strong>permitir al usuario encender/apagar eventos y líneas de relación</strong> (puede usar el teclado). De esta forma, si apago todos los eventos menos personas y juegos puedo ver la misma pantalla con menos &#8220;ruido&#8221;:</p>
<div id="attachment_622" class="wp-caption alignnone" style="width: 310px"><a href="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/www.mauriciogiraldo.com-screen-capture-2010-1-25-0-30-15.png"><img class="size-medium wp-image-622" title="relaciones entre personas y juegos" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/www.mauriciogiraldo.com-screen-capture-2010-1-25-0-30-15-300x190.png" alt="" width="300" height="190" /></a><p class="wp-caption-text">relaciones juegos - personas</p></div>
<p>Es difícil (hasta diría que imposible) hacer que la interfaz grafique automáticamente todos los eventos y relaciones evitando que líneas se superpongan. Sin embargo creo que la actual solución es agradable y fácil de entender una vez uno le ha metido un par de minutos a jugar (no era la idea hacer una interfaz convencional, quería experimentar un poco con eso).</p>
<p>Esto es lo que se ve si prendo solamente las relaciones tipo <em>serie</em> junto con los juegos:</p>
<div id="attachment_623" class="wp-caption alignnone" style="width: 310px"><a href="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/www.mauriciogiraldo.com-screen-capture-2010-1-25-0-30-57.png"><img class="size-medium wp-image-623" title="series de juegos" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/www.mauriciogiraldo.com-screen-capture-2010-1-25-0-30-57-300x190.png" alt="" width="300" height="190" /></a><p class="wp-caption-text">series de juegos</p></div>
<p>Se puede apreciar que <a title="Doom II en la línea de tiempo" href="http://www.mauriciogiraldo.com/vgline/beta/#/338">Doom II</a> va después de <a title="Doom en la línea de tiempo" href="http://www.mauriciogiraldo.com/vgline/beta/#/323">Doom</a> y que hay <a title="Doom III en la línea de tiempo" href="http://www.mauriciogiraldo.com/vgline/beta/#/342">otro juego posterior</a> en la serie. <a title="Riven en la línea de tiempo" href="http://www.mauriciogiraldo.com/vgline/beta/#/267">Riven</a> es posterior a <a title="Myst en la línea de tiempo" href="http://www.mauriciogiraldo.com/vgline/beta/#/265">Myst</a>, etc.</p>
<h3>Buscador</h3>
<p>Los usuarios son flojos (bueno, todos menos usted) y si no logran encontrar lo que están buscando en un par de segundos, desistirán e irán a otro sitio web. Adicionalmente, en grandes cantidades de información es difícil predecir por dónde van a llegar a un dato en particular. Es por esto que la línea de tiempo cuenta con un buscador:</p>
<div id="attachment_624" class="wp-caption alignnone" style="width: 310px"><a href="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/www.mauriciogiraldo.com-screen-capture-2010-1-25-2-4-28.png"><img class="size-medium wp-image-624" title="resultado de búsqueda" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/www.mauriciogiraldo.com-screen-capture-2010-1-25-2-4-28-300x190.png" alt="" width="300" height="190" /></a><p class="wp-caption-text">resultado para &quot;nintendo&quot;</p></div>
<h3>¡Viva el <em>open source</em>!</h3>
<p>En mis años de trabajo web me he apoyado en gran cantidad de librerías/programas/contenidos web libres (conocidos en inglés como <em>open source</em>) y, <a title="Digital Media Courseware, proyecto en colaboración con Hernando Barragán" href="http://sourceforge.net/projects/dmcourseware/">cada vez</a> <a title="SPAW-CF, una versión ColdFusion de un editor de texto web" href="http://sourceforge.net/projects/spaw-cf">que puedo</a>, procuro <a title="mi perfil en Stack Overflow" href="http://stackoverflow.com/users/160933/mga">colaborar</a> de vuelta. En este caso he abierto un <a href="http://code.google.com/p/vgline/">proyecto en Google Code</a> para que, el que sepa de ActionScript 3 y Flash, mire a ver que puede sacar de ahí (no pienso dar soporte a ese código, úselo bajo su propio riesgo).</p>
<h3>Cosas por hacer</h3>
<p>La línea de tiempo está lejos de terminarse, pero es un comienzo. Entre las cosas que quiero hacer:</p>
<ul>
<li><strong>contenido en español</strong>: desafortunadamente la gran mayoría del contenido sobre videojuegos disponible en la web se encuentra en inglés, y quisiera tener todo al menos en inglés y español</li>
<li><strong>contenido completo</strong>: falta una gran cantidad de información (¿quién dijo SEGA?) y quisiera que fuera una línea exhaustiva y precisa (fechas)</li>
<li><strong>experimentar</strong>: una vez haya muchos más eventos será interesante jugar visualmente con el contenido</li>
<li><strong>compartir</strong>: hay un <a href="http://www.mauriciogiraldo.com/vgline/rss/event/feed">RSS con todo el contenido</a> de la línea y la idea es que quien quiera hacer su propia visualización pueda usar ese contenido (un <a href="http://en.wikipedia.org/wiki/Application_programming_interface">API</a> sería más elegante) aunque la verdad mi servidor es un poco precario para aguantar mucho tráfico</li>
</ul>
<h3>Detalles técnicos (y demás)</h3>
<p>Varias personas han colaborado, ya sea ingresando eventos o dando su opinión. Entre ellos: Nicolás Arteaga, Vanessa Gómez, Andrea D&#8217;Macedo, Manuel Piñeros, Sebastián Ramírez, Rafael Tudela y Cárlos López. Si quiere colaborar o si encuentra alguna impresición en el contenido de la línea, no dude en <a href="../../vgline/contact">contactarme</a>.</p>
<p>Si quiere saber qué hay detrás de todo, la línea funciona sobre <a href="http://drupal.org/">Drupal</a> (que, a su vez funciona sobre PHP, MySQL y Apache) al que me conecto desde Flash usando <a href="http://www.amfphp.org/">AMFPHP</a> (Drupal tiene un <a href="http://drupal.org/project/amfphp">módulo para AMFPHP</a> pero igual ha tocado meterle algo de mano para que funcione con las relaciones). Esto tiene la ventaja que se genera automáticamente una <a href="http://www.mauriciogiraldo.com/vgline/">versión texto plano del contenido</a>. El servidor está un poco lento (en la primera cargada ya que trae toda la base de datos) y tengo que ver como optimizar mejor todo para que ande mejor (se reciben ideas).</p>
<p>El proyecto ha sido apoyado por Powerflasher, la gente detrás de <a href="http://www.fdt.powerflasher.com/">FDT</a> (el programa que uso para escribir <a title="un pocotón de ActionScript" href="http://code.google.com/p/vgline/source/browse/trunk/src/com/pingpongestudio/timeline/Timeline.as">todo ese ActionScript</a> que ve en Google Code).</p>
<p><a href="http://www.mauriciogiraldo.com/blog/2010/01/25/una-linea-de-tiempo-de-videojuegos/" rel="bookmark">Una línea de tiempo de videojuegos</a> originalmente escrito en <a href="http://www.mauriciogiraldo.com/blog">mga/blog</a> en January 25, 2010.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mauriciogiraldo.com/blog/2010/01/25/una-linea-de-tiempo-de-videojuegos/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>El chef recomienda: Johnny Lee y el Wii</title>
		<link>http://www.mauriciogiraldo.com/blog/2008/01/17/el-chef-recomienda-johnny-lee-y-el-wii/</link>
		<comments>http://www.mauriciogiraldo.com/blog/2008/01/17/el-chef-recomienda-johnny-lee-y-el-wii/#comments</comments>
		<pubDate>Thu, 17 Jan 2008 23:42:10 +0000</pubDate>
		<dc:creator>mga</dc:creator>
				<category><![CDATA[arte]]></category>
		<category><![CDATA[ciencia]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[interacción]]></category>
		<category><![CDATA[juegos]]></category>
		<category><![CDATA[música]]></category>
		<category><![CDATA[programación]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[visualización]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.mauriciogiraldo.com/blog/2008/01/17/el-chef-recomienda-johnny-lee-y-el-wii/</guid>
		<description><![CDATA[Varios meses sin publicar acá (un poco distraído en general) pero regreso con unos buenos links. Sin más rodeos: Johnny Wii Johnny Lee es un estudiante de doctorado del Human-Computer Interaction Institute de la Carnegie Mellon University. Lee posee varias patentes y trabaja desarrollando versiones simples y económicas de tecnologías usualmente costosas. Como él mismo [...]]]></description>
			<content:encoded><![CDATA[<p>Varios meses sin publicar acá (un poco distraído en general) pero regreso con unos buenos links. Sin más rodeos:</p>
<p><strong>Johnny Wii</strong></p>
<p><strong><a href="http://www.johnnylee.net">Johnny Lee</a></strong> es un estudiante de doctorado del <a href="http://www.hcii.cmu.edu/">Human-Computer Interaction Institute</a> de la Carnegie Mellon University. Lee posee varias patentes y trabaja desarrollando versiones simples y económicas de tecnologías usualmente costosas. Como él mismo menciona en su <a href="http://www.cs.cmu.edu/~johnny/academic/Research%20Statement.pdf">enunciado de investigación</a>:</p>
<blockquote><p>My work solves real world problems of applying research concepts by simplifying implementation and reducing system cost. This does two things: first, it enables more researchers to explore the domain advancing the state of research; second, it results in a more practical commercialization increasing distribution, adoption, and overall impact.</p></blockquote>
<p>Entre los proyectos de Lee se destaca el trabajo que hace con el <strong>Nintendo Wii</strong>. Usando la tecnología presente en el control del Wii, Lee ha creado desde interfases similares a las que se vieron en la película Minority Report, hasta ambientes inmersivos tridimensionales. Lee <a href="http://www.cs.cmu.edu/~johnny/projects/wii/">documenta sus proyectos Wii en su sitio web</a>. El software requerido para uno implementar esas interfases, si es que tiene un Wii, yo tengo el mío :), está <strong>disponible para descarga</strong>. Sin embargo lo que más descresta es la simplicidad como explica y presenta los proyectos, como se puede ver en el siguiente video:</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="373" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="wmode" value="transparent" /><param name="src" value="http://www.youtube.com/v/Jd3-eiid-Uw&amp;rel=1&amp;border=1" /><embed type="application/x-shockwave-flash" width="425" height="373" src="http://www.youtube.com/v/Jd3-eiid-Uw&amp;rel=1&amp;border=1" wmode="transparent"></embed></object><br />
vía <a href="http://gizmodo.com/337068/wii-headtracking-creates-3d-window-display">Gizmodo</a></p>
<p>Hay otro <a href="http://youtube.com/watch?v=0awjPUkBXOU">video de la interfaz tipo Minority Report</a>, un <a href="http://youtube.com/watch?v=5s5EvhHy7eQ">video de un pizarrón electrónico</a> y <a href="http://youtube.com/watch?v=nhSR_6-Y5Kg">un impresionante video de pantallas plegables</a>, todos muy recomendados.</p>
<p><strong>Recomendaciones del chef</strong></p>
<p>Nos gustan las recomendaciones. A pesar de tener una amplia selección en un menú, algunos restaurantes tienen &#8220;menú del día&#8221; o &#8220;el chef recomienda&#8221;. ¿Por qué destacan un producto sobre otro? ¿Acaso no todos los platos son igual de buenos? <strong><a href="http://www.swarthmore.edu/SocSci/bschwar1/">Barry Schwartz</a></strong>, psicólogo y profesor en Swarthmore College plantea en su libro <a href="http://www.amazon.com/dp/0060005688/maurigiral-20">The Paradox of Choice: Why More Is Less</a> que la multiplicidad de opciones no necesariamente nos beneficia:</p>
<blockquote><p>Infinite choice is paralyzing, Schwartz argues, and exhausting to the human psyche. It leads us to set unreasonably high expectations, question our choices before we even make them and blame our failures entirely on ourselves.</p></blockquote>
<p>En <a href="http://www.ted.com/index.php/talks/view/id/93">su charla en TED Talks</a> Schwarz menciona ejemplos que aclaran su idea que <strong>muchas opciones en realidad perjudican nuestro bienestar generándonos un estrés innecesario</strong>. En un restaurante contamos con un mesero que, esperamos, nos va a dar una buena recomendación basada en la información que proveamos: &#8220;no puedo comer pescado y no me gustan los pepinillos&#8221;. En internet, sitios web como Amazon se basan en <strong>millones de clics</strong> que hacen los compradores para encontrar <strong>patrones</strong> que sivan como punto de partida para recomendaciones: de los que compraron la última película de Harry Potter una gran cantidad compró Piratas del Caribe. Entre más compras se hagan (y más compras haga usted) más precisa es la recomendación&#8230; o por lo menos eso creemos; si compra un regalo para alguien con gustos muy diferentes a usted estará &#8220;dañando&#8221; futuras recomendaciones.</p>
<p><img src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2008/01/lastfm.gif" alt="Last.fm" /></p>
<p><strong>¿Qué me recomienda?</strong></p>
<p>¿Cómo generar un sistema de recomendación más preciso? <strong>Entre más acertada sea la recomendación, más valioso será el sistema.</strong> Precisamente fue esta la razón por la que Google prevaleció sobre Altavista, AskJeeves y otros buscadores que estuvieron primero: daba mejores resultados a las búsquedas (hoy día algunos pueden debatir eso pero ya Google está en una posición ultra dominante que ha sabido explotar). En el mundo musical la cosa es más complicada: ¿si me gusta &#8220;Let It Be&#8221; me van a gustar todas las canciones de los Beatles? ¿solamente las escritas por Paul McCartney? ¿sólo las baladas? ¿sólo las que son dedicadas a alguien cercano al autor? ¿las que tienen determinado patrón compositivo? Todos quisiéramos tener una emisora personalizada que pusiera los <em>hits</em> que más nos gustan pero que también nos sugiera nueva música: que no suene un reguetón después de &#8220;Hey&#8221; de Pixies&#8230; de hecho que no suene <em>nunca</em> un reguetón. Hasta el momento la mayoría de sistemas de recomendación, como los de Amazon y Google, se basan en modelos matemáticos. <a href="http://www.techcrunch.com/2007/08/01/meemix-a-new-breed-of-music-personalization-is-born/">Este artículo</a> cubre (superficialmente) tres aproximaciones a este problema que se reflejan en tres sitios web: MeeMix, Pandora y Last.fm. Para los últimos dos sitios hay <a href="http://www.stevekrause.org/steve_krause_blog/2006/01/pandora_and_las.html">mayor detalle en este otro artículo</a>:</p>
<blockquote><p>Algorithmically, Pandora versus Last.fm is something like the <strong>nature versus nurture</strong> debate. Taking the <strong>nature side</strong>, Pandora&#8217;s recommendations are based on the inherent qualities of the music. Give Pandora an artist or song, and it will find similar music in terms of melody, harmony, lyrics, orchestration, vocal character and so on. Pandora likes to call these musical attributes &#8220;genes&#8221; and its database of songs, classified against hundreds of such attributes, the &#8220;Music Genome Project.&#8221;</p>
<p>On the <strong>nurture side</strong> (as in, it&#8217;s all about the people around you), Last.fm is a social recommender. It knows little about songs&#8217; inherent qualities. It just assumes that if you and a group of other people enjoy many of the same artists, you will probably enjoy other artists popular with that group.</p></blockquote>
<p>Otros están experimentando con la aplicación de algoritmos matemáticos ya no a la recomendación sino a la creación. Dichos algoritmos se inspiran en la evolución biológica (<a href="http://en.wikipedia.org/wiki/Evolutionary_algorithm">reproducción, mutación, recombinación y selección</a>):</p>
<blockquote><p>EAs take two parent designs &#8211; for a boat hull, say &#8211; and blend components of each, perhaps taking the surface area of one and the curvature of another, to produce multiple hull offspring that combine the features of the parents in different ways. Then the algorithm selects those offspring it considers are worth re-breeding &#8211; in this case those with the right combination of parameters to make a better hull. The EA then repeats the process. Although many offspring will be discarded, after thousands of generations or more, useful features accumulate in the same design, and get combined in ways that likely would not have occurred to a human designer.</p>
<p>[...]</p>
<p>To encourage more of this kind of work, SIGEVO runs the annual <a href="http://www.genetic-programming.org/hc2007/cfe2007.html" target="nsarticle">Human Competitiveness Awards</a>, dubbed the &#8220;Humies&#8221;. The idea is to reward designs produced by EAs that are &#8220;competitive with the work of creative and inventive humans&#8221;.</p>
<p>[...]</p>
<p>Celebrated UK innovator James Dyson, inventor of the bagless vacuum cleaner, has a more emotional objection. &#8220;Evolutionary algorithms will mean the end of those exciting stories about how people made great inventions by accident,&#8221; he says. &#8220;Human ingenuity and intuition should remain crucial in making a success of any product.&#8221;</p></blockquote>
<p>El chef recomienda estos otros posts anteriores relacionados:</p>
<ul>
<li><a href="http://www.mauriciogiraldo.com/blog/2007/01/30/wii-rule/">Wii rule</a></li>
<li><a href="http://www.mauriciogiraldo.com/blog/2007/01/25/soundflavor-las-obras-completas-de-charles-darwin/">Soundflavor, las obras completas de Charles Darwin…</a></li>
<li><a href="http://www.mauriciogiraldo.com/blog/2007/04/27/en-busca-de-una-vida-programable/">En busca de una vida programable</a></li>
</ul>
<p><strong>Actualización 2/6/2009:</strong></p>
<p>Desde su salto a la fama, Johnny Lee ha <a href="http://www.ted.com/talks/johnny_lee_demos_wii_remote_hacks.html">hablado en las TED Talks</a> y consiguió trabajo en Microsoft donde está trabajando en Natal, un proyecto que pueden <a href="http://procrastineering.blogspot.com/2009/06/project-natal.html">ver mejor en su blog</a> y en este video:</p>
<p><a href="http://www.mauriciogiraldo.com/blog/2008/01/17/el-chef-recomienda-johnny-lee-y-el-wii/"><em>Click here to view the embedded video.</em></a></p>
<p>Pueden ver una demostración de las diferentes tecnologías disponibles en Natal en la <a href="http://e3.gamespot.com/press-conference/microsoft-e3/">rueda de prensa de Microsoft en E3</a> (fijarse en la parte final del video).</p>
<p><a href="http://www.mauriciogiraldo.com/blog/2008/01/17/el-chef-recomienda-johnny-lee-y-el-wii/" rel="bookmark">El chef recomienda: Johnny Lee y el Wii</a> originalmente escrito en <a href="http://www.mauriciogiraldo.com/blog">mga/blog</a> en January 17, 2008.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mauriciogiraldo.com/blog/2008/01/17/el-chef-recomienda-johnny-lee-y-el-wii/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web design patterns, Will Wright y Spore</title>
		<link>http://www.mauriciogiraldo.com/blog/2007/08/20/web-design-patterns-will-wright-y-spore/</link>
		<comments>http://www.mauriciogiraldo.com/blog/2007/08/20/web-design-patterns-will-wright-y-spore/#comments</comments>
		<pubDate>Mon, 20 Aug 2007 08:39:12 +0000</pubDate>
		<dc:creator>mga</dc:creator>
				<category><![CDATA[ciencia]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[general]]></category>
		<category><![CDATA[información]]></category>
		<category><![CDATA[interacción]]></category>
		<category><![CDATA[juegos]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.mauriciogiraldo.com/blog/2007/08/20/web-design-patterns-will-wright-y-spore/</guid>
		<description><![CDATA[Un problema de diseño web puede tener muchas soluciones, no todas necesariamente correctas (lo correcto o apropiado de la solución depende en buena medida del contexto en el que se utiliza). Esto lo había mencionado antes, pero vale la pena ampliar. Tomemos, por ejemplo, algo aparentemente muy sencillo: la restricción de acceso a un sitio. [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Un problema de diseño web puede tener muchas soluciones</strong>, no todas necesariamente correctas (lo correcto o apropiado de la solución depende en buena medida del contexto en el que se utiliza). Esto lo había <a title="mga/blog: Visualización de información, diseño de interfaces, naturaleza y código" href="http://www.mauriciogiraldo.com/blog/2007/04/03/visualizacion-de-informacion-diseno-de-interfaces-naturaleza-y-codigo/">mencionado antes</a>, pero vale la pena ampliar. Tomemos, por ejemplo, algo aparentemente muy sencillo: la restricción de acceso a un sitio. ¿Cuándo es el momento apropiado para pedir el <em>login</em> del visitante? Algunos sitios web permiten que el usuario los utilice sin exigir un registro a menos que éste quiera interactuar con otros usuarios:</p>
<p><img class="withborder" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2007/08/flickr.gif" alt="En Flickr.com el usuario puede ver casi todo el contenido sin necesidad de registrarse" /></p>
<p>&#8230; otros, en cambio, excluyen por completo a usuarios nuevos:</p>
<p><img class="withborder" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2007/08/facebook.gif" alt="Facebook.com está completamente restringido a usuarios no registrados" /></p>
<p>&#8230; y también hay casos donde el tipo de servicio que ofrece el sitio hace obligatoria la identificación del usuario:</p>
<p><img class="withborder" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2007/08/hotmail.gif" alt="No queremos que otras personas lean nuestro correo en Hotmail.com" /></p>
<p>Eso sin tener en cuenta <strong>si es necesario exigir que el usuario se registre</strong> ni los detalles que se pueden ver en las imágenes como el link “¿olvidó su clave?”, la casilla “recordar mi identidad en este computador” y otros elementos que cambian de un sitio a otro. La “respuesta correcta” depende de diferentes factores como el modelo de negocio del sitio, el carácter costo/beneficio de ese paso (o pasos) adicional (suele ser dispendioso registrarse en un sitio web, al punto de perder potenciales usuarios en ese punto a menos que el contenido o servicio que ofrezca sea valioso para el usuario), el tipo de servicio que se ofrece, y más.</p>
<p>El caso del <em>login</em>, a pesar de aparentemente ya “estar inventado”, muestra la gran cantidad de consideraciones que deben tenerse en cuenta al crear interfases web (o de cualquier tipo). Pero bueno, como <a title="¿y ahora... quién podrá defendernos?" href="http://www.youtube.com/watch?v=bmEMXqj1UHM">diría</a> el <a title="... en Wikipedia" href="http://en.wikipedia.org/wiki/El_Chapul%C3%ADn_Colorado">Chapulín Colorado</a>: ¡que no panda el cúnico! ya que existen lo que llaman:</p>
<p><strong>Patrones de diseño web</strong></p>
<p>Un patrón de diseño web (<em>web design pattern</em>) describe la solución óptima a un problema común de diseño web en un contexto específico:</p>
<blockquote><p>Patterns are optimal solutions to common problems. As common problems are tossed around a community and are resolved, common solutions often spontaneously emerge. Eventually, the best of these rise above the din and self-identify and become refined until they reach the status of a Design Pattern. [<a title="Yahoo! Design Pattern Library - What's a Pattern?" href="http://developer.yahoo.com/ypatterns/page.php?page=lifecycle">1</a>]</p></blockquote>
<p>Una definición bastante <a title="mga/blog: Charles Darwin" href="http://www.mauriciogiraldo.com/blog/2007/01/25/soundflavor-las-obras-completas-de-charles-darwin/">darwiniana</a>. Los patrones se generan a partir de una especie de evolución, donde la mejor solución tiende a prevalecer. Los problemas pueden ser muy simples: <a href="http://developer.yahoo.com/ypatterns/pattern.php?pattern=alphafilterlinks">cómo presentar grandes cantidades de información que viene organizada alfabéticamente</a>; o muy complejos: <a href="http://developer.yahoo.com/ypatterns/parent.php?pattern=transition">cómo manejar cambios de estado por medio de transiciones</a>. En internet hay muchas inciativas por agrupar y categorizar esos patrones, algunas de las cuales enumero a continuación:</p>
<ul>
<li> <a href="http://developer.yahoo.com/ypatterns/">Yahoo! Design Pattern Library</a>: En Yahoo! tienen un impresionante listado categorizado de patrones que usan en sus propios proyectos acompañados de imágenes, descripción y recomendaciones. Cada patrón está complementado por una entrada en el <a href="http://yuiblog.com/">blog de interfases</a>.</li>
<li><a href="http://www.welie.com/">A Pattern Library for Interaction Design</a>: De Martijn van Welie, holandés, PhD en Human Computer Interaction y quien ha recopilado y organizado una gran cantidad de patrones e incluye links a otros sitios similares.</li>
<li><a href="http://www.ui-designpatterns.org/">Web Patterns Project</a>: Iniciativa de unos estudiantes de U. C. Berkeley que se preguntaron “Our primary motivation for this project was to consider why user experience, particularly around web-based user interfaces, is so poor across the Berkeley domain.  Why is a good user interface so difficult to create?  <em>Why is it that at U.C. Berkeley, a leader in technology research, a place of high academic achievement and innovation, good web user experience is hard to come by?</em>”.  Este suele ser un sentimiento generalizado.</li>
</ul>
<p>Adicionalmente está <a href="http://www.uie.com/">User Interface Engineering</a>,  una firma de investigación en usabilidad de interfaces. Tienen una gran cantidad de <a href="http://www.uie.com/articles/web_forms/">artículos en el tema</a>.</p>
<p><a href="http://www.spore.com/"><img src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2007/08/spore.jpg" alt="Spore - © 2006 Electronic Arts, Inc." /></a></p>
<p><strong>SPORE</strong></p>
<p>En otra área del diseño (juegos en este caso) pero muy afín con la teoría de la evolución está <strong><a title="Will Wright en Wikipedia" href="http://en.wikipedia.org/wiki/Will_Wright">Will Wright</a></strong>. Mundialmente conocido por ser el diseñador de <a title="SimCity en Wikipedia" href="http://en.wikipedia.org/wiki/SimCity">SimCity</a> y <a title="The Sims en Wikipedia" href="http://en.wikipedia.org/wiki/The_Sims">The Sims</a>, exitosos juegos de video: el primero creó un nuevo paradigma (no se pierde ni gana) y el segundo es uno de los más vendidos. Wright fue <a title="Wired 14.04 - Dream Machines" href="http://www.wired.com/wired/archive/14.04/wright.html">portada y protagonista</a> de una edición dedicada a juegos de la revista Wired en la que habla de <a title="sitio web oficial" href="http://www.spore.com/">Spore</a>, un juego que permitirá al jugador simular la evolución de una especie (desde un organismo unicelular hasta la conquista del espacio). El juego aún no ha sido lanzado pero las expectativas son altas. En Marzo de 2007 Wright fue invitado a las <a title="mga/blog: TED Talks" href="http://www.mauriciogiraldo.com/blog/2007/01/25/hillman-curtis-ted-talks/">TED Talks</a> donde hizo una breve presentación de ese juego:</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="432" height="285" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="name" value="VE_Player" /><param name="bgcolor" value="#FFFFFF" /><param name="align" value="middle" /><param name="flashvars" value="bgColor=FFFFFF&amp;file=http://static.videoegg.com/ted/movies/WILLWRIGHT-2007_high.flv&amp;autoPlay=false&amp;fullscreenURL=http://static.videoegg.com/ted/flash/fullscreen.html&amp;forcePlay=false&amp;logo=&amp;allowFullscreen=true" /><param name="src" value="http://static.videoegg.com/ted/flash/loader.swf" /><param name="wmode" value="window" /><param name="quality" value="high" /><embed type="application/x-shockwave-flash" width="432" height="285" src="http://static.videoegg.com/ted/flash/loader.swf" quality="high" wmode="window" flashvars="bgColor=FFFFFF&amp;file=http://static.videoegg.com/ted/movies/WILLWRIGHT-2007_high.flv&amp;autoPlay=false&amp;fullscreenURL=http://static.videoegg.com/ted/flash/fullscreen.html&amp;forcePlay=false&amp;logo=&amp;allowFullscreen=true" align="middle" bgcolor="#FFFFFF" name="VE_Player"></embed></object></p>
<p><a href="http://www.mauriciogiraldo.com/blog/2007/08/20/web-design-patterns-will-wright-y-spore/" rel="bookmark">Web design patterns, Will Wright y Spore</a> originalmente escrito en <a href="http://www.mauriciogiraldo.com/blog">mga/blog</a> en August 20, 2007.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mauriciogiraldo.com/blog/2007/08/20/web-design-patterns-will-wright-y-spore/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>¿El fin de las interfaces aburridas?</title>
		<link>http://www.mauriciogiraldo.com/blog/2007/06/11/%c2%bfel-fin-de-las-interfaces-aburridas/</link>
		<comments>http://www.mauriciogiraldo.com/blog/2007/06/11/%c2%bfel-fin-de-las-interfaces-aburridas/#comments</comments>
		<pubDate>Mon, 11 Jun 2007 18:49:46 +0000</pubDate>
		<dc:creator>mga</dc:creator>
				<category><![CDATA[ciencia]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[información]]></category>
		<category><![CDATA[interacción]]></category>
		<category><![CDATA[juegos]]></category>
		<category><![CDATA[visualización]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.mauriciogiraldo.com/blog/2007/06/11/%c2%bfel-fin-de-las-interfaces-aburridas/</guid>
		<description><![CDATA[Hay que admitirlo: la mayoría de las interfaces humano-computador son aburridas. Desde el lanzamiento del Mac OS en 1984 hasta el Windows Vista en 2007, empresas han intentado redefinir el paradigma de interacción. Sin embargo hasta el momento seguimos usando los mismos dispositivos de hace treinta años. En Kiss Boring Interfaces Goodbye, la revista Wired [...]]]></description>
			<content:encoded><![CDATA[<p>Hay que admitirlo: la mayoría de las interfaces humano-computador son aburridas. Desde el lanzamiento del Mac OS en 1984 hasta el Windows Vista en 2007, empresas han intentado redefinir el paradigma de interacción. Sin embargo hasta el momento seguimos usando los mismos dispositivos de hace treinta años. En <a href="http://www.wired.com/software/coolapps/news/2007/06/core_anim">Kiss Boring Interfaces Goodbye</a>, la revista Wired describe Leopard, la próxima generación del Mac OS que proveerá a diseñadores de interfaces con <em>Core Animation</em>, una librería de programación y animación nativa del sistema operativo.</p>
<p>Pero aún seguimos con el <em>mouse</em> y el teclado. En los setentas y ochentas, antes del auge de las consolas de juego, existían unas mesitas con uno o varios juegos de video incluidos. Juegos como Space Invaders en esas mesas tenían un aspecto similar a este:</p>
<p><a href="http://www.bornrich.org/entry/retro-arcade-machine-coffee-table/"><img src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2007/06/retro_arcade_machine_coffee_table.jpg" alt="Retro Arcade Machine Coffee Table" /></a></p>
<p>Uno se podía tomar una gaseosa mientras retaba a sus amigos y esperaba la pizza. Esas mesas eran un televisor de 14 pulgadas dentro de una caja de la cual salían los <em>joysticks</em> y botones por un lado. Hoy día se pueden conseguir esas mismas mesas en tiendas de antigüedades (la foto tiene un link a una tienda&#8230; se reciben regalos). Hace poco Microsoft anunció <a title="Microsoft Surface" href="http://www.microsoft.com/surface/"><em>Surface</em></a>, una mesa con una pantalla (un poco) más grande, sensible a múltiples puntos de contacto (similar a las que <a title="mga/blog: Interfases táctiles, serpientes, Metal Gear Solid" href="http://www.mauriciogiraldo.com/blog/2007/03/11/interfases-tactiles-serpientes-hideo-kojima/">ya se habían mencionado antes</a>) y que piensan instalar en bares y tiendas por todo el mundo. Hay unos ejemplos interesantes de esa mesa en uso:</p>
<p><a href="http://www.microsoft.com/surface/"><img src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2007/06/mssurface.jpg" alt="Microsoft Surface" /></a></p>
<p>Por otro lado, <strong>Jonathan Harris, Marcos Weskamp y Aaron Koblin</strong>, tres expertos en visualización de datos, han sido reunidos por 37signals en <a title="Parte 1" href="http://www.37signals.com/svn/posts/445-fireside-chat-jonathan-harris-aaron-koblin-and-marcos-weskamp-part-1-of-2">este chat donde hablan de sus proyectos</a>.</p>
<p>Finalmente, hay una presentación muy buena en TED de <a href="http://labs.live.com/photosynth/">Photosynth</a>, un grupo de investigación de Microsoft en el análisis de fotografías para construir modelos tridimensionales. Vale la pena verlo:</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="432" height="285" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="name" value="VE_Player" /><param name="bgcolor" value="#FFFFFF" /><param name="align" value="middle" /><param name="flashvars" value="bgColor=FFFFFF&amp;file=http://static.videoegg.com/ted/movies/BLAISEAGUERAYARCAS-2007_high.flv&amp;autoPlay=false&amp;fullscreenURL=http://static.videoegg.com/ted/flash/fullscreen.html&amp;forcePlay=false&amp;logo=&amp;allowFullscreen=true" /><param name="src" value="http://static.videoegg.com/ted/flash/loader.swf" /><param name="wmode" value="window" /><param name="quality" value="high" /><embed type="application/x-shockwave-flash" width="432" height="285" src="http://static.videoegg.com/ted/flash/loader.swf" quality="high" wmode="window" flashvars="bgColor=FFFFFF&amp;file=http://static.videoegg.com/ted/movies/BLAISEAGUERAYARCAS-2007_high.flv&amp;autoPlay=false&amp;fullscreenURL=http://static.videoegg.com/ted/flash/fullscreen.html&amp;forcePlay=false&amp;logo=&amp;allowFullscreen=true" align="middle" bgcolor="#FFFFFF" name="VE_Player"></embed></object></p>
<p><a href="http://www.mauriciogiraldo.com/blog/2007/06/11/%c2%bfel-fin-de-las-interfaces-aburridas/" rel="bookmark">¿El fin de las interfaces aburridas?</a> originalmente escrito en <a href="http://www.mauriciogiraldo.com/blog">mga/blog</a> en June 11, 2007.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mauriciogiraldo.com/blog/2007/06/11/%c2%bfel-fin-de-las-interfaces-aburridas/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>AddArt, OK?</title>
		<link>http://www.mauriciogiraldo.com/blog/2007/06/02/addart-ok/</link>
		<comments>http://www.mauriciogiraldo.com/blog/2007/06/02/addart-ok/#comments</comments>
		<pubDate>Sat, 02 Jun 2007 18:15:27 +0000</pubDate>
		<dc:creator>mga</dc:creator>
				<category><![CDATA[arte]]></category>
		<category><![CDATA[ciencia]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[general]]></category>
		<category><![CDATA[interacción]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.mauriciogiraldo.com/blog/2007/06/02/addart-ok/</guid>
		<description><![CDATA[AddArt es un plug-in para Mozilla Firefox (actualmente en desarrollo) que cambia los molestos banners publicitarios de las páginas que usted navega con obras creadas por artistas. Pero no son cualquier obra; su navegador funcionará como una galería de arte que ha sido curada por alguien AddArt is a subversive Firefox add-on currently being developed [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.guerrilla-innovation.com/archives/2007/04/000591.php">AddArt</a> es un <em>plug-in</em> para Mozilla Firefox (actualmente en desarrollo) que cambia los molestos <em>banners</em> publicitarios de las páginas que usted navega con obras creadas por artistas. Pero no son cualquier obra; <strong>su navegador funcionará como una galería de arte</strong> que ha sido curada por alguien</p>
<blockquote><p>AddArt is a subversive Firefox add-on currently being developed by the American artist Steve Lambert.</p>
<p>The concept is inspired by the popular Adblock add-on which removes ads from web pages. The main difference between the two is that AddArt will not just block ads, it will replace them with new images &#8211; images created by artists. So, the more ads you surf, the more art you&#8217;ll get!</p>
<p>The idea is to run the AddArt concept somewhat like an art gallery with different curators responsible for organizing the shows.</p></blockquote>
<p>Pueden enterarse del transcurso del proyecto en <a href="http://www.addart.eyebeam.org/">el sitio web oficial</a>.</p>
<p><img src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2007/06/ok.gif" alt="OK" /></p>
<p>Estoy seguro que alguna vez se ha preguntado <strong>¿por qué el botón OK se llama así?</strong></p>
<p>&#8230;</p>
<p>Bueno yo tampoco me lo había preguntado, hasta <a href="http://folklore.org/StoryView.py?&amp;story=Do_It.txt" title="Do It por Andy Hertzfeld">leer este artículo</a> escrito por <a href="http://en.wikipedia.org/wiki/Andy_Hertzfeld" title="Andy Hertzfeld en Wikipedia">Andy Hertzfeld</a>, uno de los personajes clave en la creación del Apple Macintosh y su sistema operativo. <a href="http://folklore.org/StoryView.py?&amp;story=Do_It.txt" title="Do It por Andy Hertzfeld">El artículo</a> es un divertido recordatorio que las interfases no siempre son usadas como uno espera.</p>
<p>Cerrando con algunas citas de personajes destacados en el diseño:</p>
<p>“A picture is worth a thousand words. An interface is worth a thousand pictures.”<br />
<a href="http://www.cs.umd.edu/%7Eben/">—Ben Shneiderman, 2003</a></p>
<p>“Design is not just what it looks like and feels like. Design is how it works.”<br />
<a href="http://www.nytimes.com/2003/11/30/magazine/30IPOD.html">—Steve Jobs, 2003</a></p>
<p>“Interactive design [is] a seamless blend of graphic arts, technology, and psychology.”<br />
<a href="http://www.wired.com/wired/archive/10.12/headlines.html">—Brad Wieners, 2002</a></p>
<p><a href="http://www.lukew.com/resources/quotes.asp">Ver todas las citas</a></p>
<p><strong>Actualización</strong> Una cita de <a href="http://www.quotationspage.com/quotes/Federico_Fellini/">Federico Fellini</a>:</p>
<p>“I don&#8217;t believe in total freedom for the artist. Left on his own, free to do anything he likes, the artist ends up doing nothing at all. If there&#8217;s one thing that&#8217;s dangerous for an artist, it&#8217;s precisely this question of total freedom, waiting for inspiration and all the rest of it.”</p>
<p><a href="http://www.mauriciogiraldo.com/blog/2007/06/02/addart-ok/" rel="bookmark">AddArt, OK?</a> originalmente escrito en <a href="http://www.mauriciogiraldo.com/blog">mga/blog</a> en June 2, 2007.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mauriciogiraldo.com/blog/2007/06/02/addart-ok/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Para que brilles con luz propia</title>
		<link>http://www.mauriciogiraldo.com/blog/2007/05/22/para-que-brilles-con-luz-propia/</link>
		<comments>http://www.mauriciogiraldo.com/blog/2007/05/22/para-que-brilles-con-luz-propia/#comments</comments>
		<pubDate>Tue, 22 May 2007 20:48:45 +0000</pubDate>
		<dc:creator>mga</dc:creator>
				<category><![CDATA[arte]]></category>
		<category><![CDATA[ciencia]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[interacción]]></category>
		<category><![CDATA[programación]]></category>

		<guid isPermaLink="false">http://www.mauriciogiraldo.com/blog/2007/05/22/para-que-brilles-con-luz-propia/</guid>
		<description><![CDATA[Leah Buechley es investigadora en el Departamento de Computer Science de la Universidad de Colorado en Boulder. Investiga con tejidos y joyas buscando una intersección entre los textiles y la tecnologí­a. Un problema común al tratar unir circuitos con textiles son las restricciones que presenta el característico rectángulo rígido de una tarjeta electrónica. Con esto [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.cs.colorado.edu/~buechley/engineering/fabric_PCB.html"><img src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2007/05/iron-on-circuit.jpg" alt="iron-on circuits" /></a></p>
<p><font class="H2"><a href="http://www.cs.colorado.edu/~buechley/about_me.html">Leah Buechley</a> es investigadora en el </font><font class="P">Departamento de Computer Science     de la Universidad de Colorado en Boulder. Investiga con tejidos y joyas buscando una <strong>intersección entre los textiles y la tecnologí­a</strong>. Un problema común al tratar unir circuitos con textiles son las restricciones que presenta el característico rectángulo rígido de una tarjeta electrónica. Con esto en mente, Buecheley ha desarrollado una <a href="http://www.cs.colorado.edu/~buechley/engineering/fabric_PCB.html" title="fabric PCBs or iron-on circuits">técnica de fijación de circuitos a telas a base de calor</a> (algo como esos estampados que uno puede <a href="http://science.howstuffworks.com/question322.htm" title="How does silk-screening work?">imprimir en casa y pegar con una plancha</a>). Sin las limitaciones de tamaño y rigidez se pueden crear <strong>prendas cómodas, interactivas, programables</strong>. Uno de sus proyectos es el <a href="http://www.cs.colorado.edu/~buechley/projects/e-textile_kit/e-textile_kit2.html" title="e-textile construction kit version 2.0">e-textile construction kit</a>, que explora nuevas posibilidades estéticas para la electrónica y consiste en una serie de &#8220;parches&#8221; como este:  </font></p>
<p><a href="http://www.cs.colorado.edu/~buechley/projects/e-textile_kit/e-textile_kit2.html"><img src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2007/05/e-textile-kit.jpg" alt="e-textile construction kit 2.0" /></a></p>
<p>&#8230; que se utilizan para crear prendas como esta:</p>
<p><a href="http://www.cs.colorado.edu/~buechley/projects/wearable/tank.html" title="Camiseta de LEDs por Leah Buechley"><img src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2007/05/wearable.jpg" alt="Camiseta de LEDs" /></a></p>
<p><font class="H2">&#8230; donde los <strong>LEDs en la prenda son controlados desde el parche</strong>. Hay un <a href="http://www.cs.colorado.edu/~buechley/movies/Buechley_ETextiles.mov">video que muestra la prenda en acción</a>. [<a href="http://www.we-make-money-not-art.com/archives/009509.php" title="we make money not art">ví­a</a>]</font></p>
<p><a href="http://www.mauriciogiraldo.com/blog/2007/05/22/para-que-brilles-con-luz-propia/" rel="bookmark">Para que brilles con luz propia</a> originalmente escrito en <a href="http://www.mauriciogiraldo.com/blog">mga/blog</a> en May 22, 2007.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mauriciogiraldo.com/blog/2007/05/22/para-que-brilles-con-luz-propia/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://www.cs.colorado.edu/~buechley/movies/Buechley_ETextiles.mov" length="13741241" type="video/quicktime" />
		</item>
		<item>
		<title>Enciclopedia de la Vida</title>
		<link>http://www.mauriciogiraldo.com/blog/2007/05/14/enciclopedia-de-la-vida/</link>
		<comments>http://www.mauriciogiraldo.com/blog/2007/05/14/enciclopedia-de-la-vida/#comments</comments>
		<pubDate>Tue, 15 May 2007 04:19:51 +0000</pubDate>
		<dc:creator>mga</dc:creator>
				<category><![CDATA[ciencia]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[general]]></category>
		<category><![CDATA[información]]></category>
		<category><![CDATA[interacción]]></category>
		<category><![CDATA[visualización]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.mauriciogiraldo.com/blog/2007/05/14/enciclopedia-de-la-vida/</guid>
		<description><![CDATA[En las ya mencionadas TED Talks se hace entrega de tres premios TED anualmente. Quienes son galardonados con el premio, además de recibir los US$100,000 que le corresponden, tienen la oportunidad de pedir un deseo que cambie al mundo. Entre los ganadores del TED Prize están Bill Clinton y Bono (ganadores un poco aburridos yo [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.ted.com/talks/view/id/83" title="E.O. Wilson - Encyclopedia of Life"><img src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2007/05/eowilson.jpg" alt="TED Talks - E. O. Wilson" /></a></p>
<p>En las <a href="http://www.mauriciogiraldo.com/blog/2007/01/25/hillman-curtis-ted-talks/" title="mga/blog: TED Talks">ya mencionadas TED Talks</a> se hace entrega de tres premios TED anualmente. Quienes son galardonados con el premio, además de recibir los US$100,000 que le corresponden, tienen la oportunidad de pedir un deseo que cambie al mundo. Entre los ganadores del TED Prize están Bill Clinton y Bono (ganadores un poco aburridos yo sé&#8230; pueden <a href="http://www.ted.com/index.php/pages/view/id/100">nominar a alguien</a> si así­ lo desean). En esta ocasión quiero destacar la entrega del premio a <a href="http://en.wikipedia.org/wiki/Edward_Osborne_Wilson" title="E.O. Wilson en Wikipedia">E. O. Wilson</a>, un reconocido entomólogo, cuyo deseo fue crear la <a href="http://www.eol.org/">Enciclopedia de la Vida</a>. <a href="http://www.ted.com/talks/view/id/83">El video donde Wilson hace público su deseo está en el sitio web de TED</a>. La Enciclopedia de la Vida busca ser un meta-documento que incluya la totalidad de la información sobre todos los organismos vivos en este planeta. Cada organismo podrá tener infinita información (fotos, textos, videos) ingresada por cualquier persona en cualquier lugar (algo similar a Wikipedia pero enteramente dedicado a la biologí­a). Dicho proyecto de acceso completamente gratuito nos permitirá entender la naturaleza y nuestro lugar en ella.</p>
<p>La presentación de Wilson fue tan convincente que varias empresas tomaron iniciativa en el desarrollo de la Enciclopedia: un personaje donó el dominio eol.org, otros empezaron a diseñar interfases y crearon un video promocional para &#8220;vender&#8221; la idea a grandes organizaciones que pudieran donar recursos al proyecto. El video propone unas ideas interesantes para la visualización y organización de información tan compleja como la biológica.</p>
[There is a video that cannot be displayed in this feed. <a href="http://www.mauriciogiraldo.com/blog/2007/05/14/enciclopedia-de-la-vida/">Visit the blog entry to see the video.]</a>
<p><a href="http://www.nationalgeographic.com/genographic/"><img src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2007/05/genographic.gif" alt="Genographic Project" /></a></p>
<p>Otra interesante iniciativa es el <a href="http://www.nationalgeographic.com/genographic/">Genographic Project</a> de IBM y National Geographic. El proyecto busca establecer un mapa genético completo de la humanidad y rastrear el recorrido del <em>homo-sapiens</em> desde sus orí­genes en África hace tan solo 60,000 años. En este caso la colaboración se hace donando información genética personal para el beneficio del proyecto (entre más diversa y numerosa la muestra genética, mejor se puede determinar el mapa).</p>
<p>Para contribuir es necesario enviar al proyecto una muestra de saliva propia. <a href="http://www.nationalgeographic.com/genographic/participate.html" title="¿Cómo participar en Genographic?">Hay un kit completo</a> que incluye información impresa y en DVD sobre el proyecto y los elementos necesarios para tomar la muestra de saliva; a vuelta de correo el donante recibe su mapa genético el cual se va enriqueciendo en el sitio web a medida que otros donantes envían su muestra. Cabe anotar que el proceso de donación es completamente anónimo: no se entregan datos personales, únicamente datos generales como lugar de nacimiento y año.</p>
<p>En el sitio web hay un <a href="http://www.nationalgeographic.com/genographic/atlas.html" title="Atlas of the Human Journey">Atlas de la Expedición Humana</a> que muestra el recorrido genético que se ha podido determinar con la información que ha sido recopilada hasta el momento.</p>
<p><a href="http://www.mauriciogiraldo.com/blog/2007/05/14/enciclopedia-de-la-vida/" rel="bookmark">Enciclopedia de la Vida</a> originalmente escrito en <a href="http://www.mauriciogiraldo.com/blog">mga/blog</a> en May 14, 2007.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mauriciogiraldo.com/blog/2007/05/14/enciclopedia-de-la-vida/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
