<?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; ciencia</title>
	<atom:link href="http://www.mauriciogiraldo.com/blog/category/ciencia/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.mauriciogiraldo.com/blog</link>
	<description>ISSN 2011-0146</description>
	<lastBuildDate>Thu, 26 Jan 2012 16:03:16 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>pop goes the weasel</title>
		<link>http://www.mauriciogiraldo.com/blog/2009/10/20/pop-goes-the-weasel/</link>
		<comments>http://www.mauriciogiraldo.com/blog/2009/10/20/pop-goes-the-weasel/#comments</comments>
		<pubDate>Wed, 21 Oct 2009 01:31:38 +0000</pubDate>
		<dc:creator>mga</dc:creator>
				<category><![CDATA[ciencia]]></category>
		<category><![CDATA[general]]></category>
		<category><![CDATA[programación]]></category>
		<category><![CDATA[visualización]]></category>

		<guid isPermaLink="false">http://www.mauriciogiraldo.com/blog/?p=479</guid>
		<description><![CDATA[Inventando el agua que moja Para hacer funcionar el código, cree un nuevo documento de Flash ActionScript 3 y meta tres textfields con nombre de instancia status_txt, link_txt, y weasel_txt. Puede cambiar el texto objetivo (variable target) por cualquier otro que tenga letras de la A a la Z (mayúsculas), espacio, punto y signo de [...]]]></description>
			<content:encoded><![CDATA[<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="500" height="150" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2009/10/weasel.swf" /><embed type="application/x-shockwave-flash" width="500" height="150" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2009/10/weasel.swf"></embed></object></p>
<p><a href="http://en.wikipedia.org/wiki/Weasel_program">Inventando el agua que moja</a></p>
<p>Para hacer funcionar el código, cree un nuevo documento de Flash ActionScript 3 y meta tres textfields con nombre de instancia <code>status_txt</code>, <code>link_txt</code>, y <code>weasel_txt</code>. Puede cambiar el texto objetivo (variable <code>target</code>) por cualquier otro que tenga letras de la A a la Z (mayúsculas), espacio, punto y signo de exclamación. Si quiere más letras tiene que modificar la funcion <code>randomLetter()</code>.</p>
<p>El máximo número de generaciones que me ha generado para este texto es de 1452.</p>
<p>El código (AS3):</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;color: #000; font-family:Inconsolata,"Andale Mono","Courier New",Courier,Mono"><span style="color: #6699cc; font-weight: bold;color: #060;">var</span> <span style="color: #004993;">target</span><span style="color: #000066; font-weight: bold;color: #000;">:</span><span style="color: #004993;">String</span> = <span style="color: #990000;color: #f00;">&quot;O TRUE APOTHECARY! THY DRUGS ARE QUICK. THUS WITH A KISS I DIE.&quot;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
<span style="color: #6699cc; font-weight: bold;color: #060;">var</span> current<span style="color: #000066; font-weight: bold;color: #000;">:</span><span style="color: #004993;">String</span> = <span style="color: #990000;color: #f00;">&quot;&quot;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
<span style="color: #6699cc; font-weight: bold;color: #060;">var</span> numSiblings<span style="color: #000066; font-weight: bold;color: #000;">:</span><span style="color: #004993;">Number</span> = <span style="color: #000000; font-weight:bold;color: #f00;">100</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
<span style="color: #6699cc; font-weight: bold;color: #060;">var</span> variation<span style="color: #000066; font-weight: bold;color: #000;">:</span><span style="color: #004993;">Number</span> = <span style="color: #000000; font-weight:bold;color: #f00;">5</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
<span style="color: #6699cc; font-weight: bold;color: #060;">var</span> stepsNeeded<span style="color: #000066; font-weight: bold;color: #000;">:</span><span style="color: #004993;">Number</span> = <span style="color: #000000; font-weight:bold;color: #f00;">0</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
<span style="color: #6699cc; font-weight: bold;color: #060;">var</span> generation<span style="color: #000066; font-weight: bold;color: #000;">:</span><span style="color: #004993;">Array</span> = <span style="color: #000000;color: #000;">&#91;</span><span style="color: #000000;color: #000;">&#93;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
<span style="color: #6699cc; font-weight: bold;color: #060;">var</span> <span style="color: #004993;">timer</span><span style="color: #000066; font-weight: bold;color: #000;">:</span><span style="color: #004993;">Timer</span> = <span style="color: #0033ff; font-weight: bold;color: #00f;">new</span> <span style="color: #004993;">Timer</span><span style="color: #000000;color: #000;">&#40;</span><span style="color: #000000; font-weight:bold;color: #f00;">10</span><span style="color: #000000;color: #000;">&#41;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
&nbsp;
<span style="color: #339966; font-weight: bold;color: #00f;">function</span> newGeneration<span style="color: #000000;color: #000;">&#40;</span><span style="color: #000000;color: #000;">&#41;</span><span style="color: #000066; font-weight: bold;color: #000;">:</span><span style="color: #004993;">Array</span> <span style="color: #000000;color: #000;">&#123;</span>
	<span style="color: #6699cc; font-weight: bold;color: #060;">var</span> i<span style="color: #000066; font-weight: bold;color: #000;">:</span><span style="color: #004993;">Number</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
	<span style="color: #6699cc; font-weight: bold;color: #060;">var</span> thisGeneration<span style="color: #000066; font-weight: bold;color: #000;">:</span><span style="color: #004993;">Array</span> = <span style="color: #000000;color: #000;">&#91;</span><span style="color: #000000;color: #000;">&#93;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
	<span style="color: #0033ff; font-weight: bold;color: #00f;">for</span> <span style="color: #000000;color: #000;">&#40;</span>i=<span style="color: #000000; font-weight:bold;color: #f00;">0</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>i <span style="color: #000066; font-weight: bold;color: #000;">&lt;</span> numSiblings<span style="color: #000066; font-weight: bold;color: #000;">;++</span>i<span style="color: #000000;color: #000;">&#41;</span> <span style="color: #000000;color: #000;">&#123;</span>
		thisGeneration<span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">push</span><span style="color: #000000;color: #000;">&#40;</span>createSibling<span style="color: #000000;color: #000;">&#40;</span>current<span style="color: #000000;color: #000;">&#41;</span><span style="color: #000000;color: #000;">&#41;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
	<span style="color: #000000;color: #000;">&#125;</span>
	<span style="color: #0033ff; font-weight: bold;color: #00f;">return</span> thisGeneration<span style="color: #000066; font-weight: bold;color: #000;">;</span>
<span style="color: #000000;color: #000;">&#125;</span>
&nbsp;
<span style="color: #339966; font-weight: bold;color: #00f;">function</span> newParent<span style="color: #000000;color: #000;">&#40;</span><span style="color: #000000;color: #000;">&#41;</span><span style="color: #000066; font-weight: bold;color: #000;">:</span><span style="color: #004993;">String</span> <span style="color: #000000;color: #000;">&#123;</span>
	<span style="color: #6699cc; font-weight: bold;color: #060;">var</span> i<span style="color: #000066; font-weight: bold;color: #000;">:</span><span style="color: #004993;">Number</span><span style="color: #000066; font-weight: bold;color: #000;">,</span> r<span style="color: #000066; font-weight: bold;color: #000;">:</span><span style="color: #004993;">String</span> = <span style="color: #990000;color: #f00;">&quot;&quot;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
	<span style="color: #0033ff; font-weight: bold;color: #00f;">for</span> <span style="color: #000000;color: #000;">&#40;</span>i=<span style="color: #000000; font-weight:bold;color: #f00;">0</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>i <span style="color: #000066; font-weight: bold;color: #000;">&lt;</span> <span style="color: #004993;">target</span><span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">length</span><span style="color: #000066; font-weight: bold;color: #000;">;++</span>i<span style="color: #000000;color: #000;">&#41;</span> <span style="color: #000000;color: #000;">&#123;</span>
		r <span style="color: #000066; font-weight: bold;color: #000;">+</span>= randomLetter<span style="color: #000000;color: #000;">&#40;</span><span style="color: #000000;color: #000;">&#41;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
	<span style="color: #000000;color: #000;">&#125;</span>
	<span style="color: #0033ff; font-weight: bold;color: #00f;">return</span> r<span style="color: #000066; font-weight: bold;color: #000;">;</span>
<span style="color: #000000;color: #000;">&#125;</span>
&nbsp;
<span style="color: #339966; font-weight: bold;color: #00f;">function</span> createSibling<span style="color: #000000;color: #000;">&#40;</span>dad<span style="color: #000066; font-weight: bold;color: #000;">:</span><span style="color: #004993;">String</span><span style="color: #000000;color: #000;">&#41;</span><span style="color: #000066; font-weight: bold;color: #000;">:</span><span style="color: #004993;">String</span> <span style="color: #000000;color: #000;">&#123;</span>
	<span style="color: #6699cc; font-weight: bold;color: #060;">var</span> i<span style="color: #000066; font-weight: bold;color: #000;">:</span><span style="color: #004993;">Number</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
	<span style="color: #6699cc; font-weight: bold;color: #060;">var</span> sibling<span style="color: #000066; font-weight: bold;color: #000;">:</span><span style="color: #004993;">String</span> = <span style="color: #990000;color: #f00;">&quot;&quot;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
	<span style="color: #0033ff; font-weight: bold;color: #00f;">for</span> <span style="color: #000000;color: #000;">&#40;</span>i=<span style="color: #000000; font-weight:bold;color: #f00;">0</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>i <span style="color: #000066; font-weight: bold;color: #000;">&lt;</span> dad<span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">length</span><span style="color: #000066; font-weight: bold;color: #000;">;++</span>i<span style="color: #000000;color: #000;">&#41;</span> <span style="color: #000000;color: #000;">&#123;</span>
		<span style="color: #0033ff; font-weight: bold;color: #00f;">if</span> <span style="color: #000000;color: #000;">&#40;</span><span style="color: #004993;">Math</span><span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">random</span><span style="color: #000000;color: #000;">&#40;</span><span style="color: #000000;color: #000;">&#41;</span><span style="color: #000066; font-weight: bold;color: #000;">*</span><span style="color: #000000; font-weight:bold;color: #f00;">100</span><span style="color: #000066; font-weight: bold;color: #000;">&lt;</span>variation<span style="color: #000000;color: #000;">&#41;</span> <span style="color: #000000;color: #000;">&#123;</span>
			sibling <span style="color: #000066; font-weight: bold;color: #000;">+</span>= randomLetter<span style="color: #000000;color: #000;">&#40;</span><span style="color: #000000;color: #000;">&#41;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
		<span style="color: #000000;color: #000;">&#125;</span> <span style="color: #0033ff; font-weight: bold;color: #00f;">else</span> <span style="color: #000000;color: #000;">&#123;</span>
			sibling <span style="color: #000066; font-weight: bold;color: #000;">+</span>= dad<span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">charAt</span><span style="color: #000000;color: #000;">&#40;</span>i<span style="color: #000000;color: #000;">&#41;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
		<span style="color: #000000;color: #000;">&#125;</span>
	<span style="color: #000000;color: #000;">&#125;</span>
	<span style="color: #0033ff; font-weight: bold;color: #00f;">return</span> sibling<span style="color: #000066; font-weight: bold;color: #000;">;</span>
<span style="color: #000000;color: #000;">&#125;</span>
&nbsp;
<span style="color: #339966; font-weight: bold;color: #00f;">function</span> randomLetter<span style="color: #000000;color: #000;">&#40;</span><span style="color: #000000;color: #000;">&#41;</span><span style="color: #000066; font-weight: bold;color: #000;">:</span><span style="color: #004993;">String</span> <span style="color: #000000;color: #000;">&#123;</span>
	<span style="color: #6699cc; font-weight: bold;color: #060;">var</span> r<span style="color: #000066; font-weight: bold;color: #000;">:</span><span style="color: #004993;">String</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
	<span style="color: #6699cc; font-weight: bold;color: #060;">var</span> n<span style="color: #000066; font-weight: bold;color: #000;">:</span><span style="color: #004993;">Number</span> = <span style="color: #004993;">Math</span><span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">floor</span><span style="color: #000000;color: #000;">&#40;</span><span style="color: #004993;">Math</span><span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">random</span><span style="color: #000000;color: #000;">&#40;</span><span style="color: #000000;color: #000;">&#41;</span><span style="color: #000066; font-weight: bold;color: #000;">*</span><span style="color: #000000; font-weight:bold;color: #f00;">28</span><span style="color: #000000;color: #000;">&#41;</span><span style="color: #000066; font-weight: bold;color: #000;">+</span><span style="color: #000000; font-weight:bold;color: #f00;">62</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
	<span style="color: #0033ff; font-weight: bold;color: #00f;">if</span> <span style="color: #000000;color: #000;">&#40;</span>n==<span style="color: #000000; font-weight:bold;color: #f00;">62</span><span style="color: #000000;color: #000;">&#41;</span> <span style="color: #000000;color: #000;">&#123;</span>
		r = <span style="color: #990000;color: #f00;">&quot; &quot;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
	<span style="color: #000000;color: #000;">&#125;</span> <span style="color: #0033ff; font-weight: bold;color: #00f;">else</span> <span style="color: #0033ff; font-weight: bold;color: #00f;">if</span> <span style="color: #000000;color: #000;">&#40;</span>n==<span style="color: #000000; font-weight:bold;color: #f00;">63</span><span style="color: #000000;color: #000;">&#41;</span> <span style="color: #000000;color: #000;">&#123;</span>
		r = <span style="color: #990000;color: #f00;">&quot;.&quot;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
	<span style="color: #000000;color: #000;">&#125;</span> <span style="color: #0033ff; font-weight: bold;color: #00f;">else</span> <span style="color: #0033ff; font-weight: bold;color: #00f;">if</span> <span style="color: #000000;color: #000;">&#40;</span>n==<span style="color: #000000; font-weight:bold;color: #f00;">64</span><span style="color: #000000;color: #000;">&#41;</span> <span style="color: #000000;color: #000;">&#123;</span>
		r = <span style="color: #990000;color: #f00;">&quot;!&quot;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
	<span style="color: #000000;color: #000;">&#125;</span> <span style="color: #0033ff; font-weight: bold;color: #00f;">else</span> <span style="color: #000000;color: #000;">&#123;</span>
		r = <span style="color: #004993;">String</span><span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">fromCharCode</span><span style="color: #000000;color: #000;">&#40;</span>n<span style="color: #000000;color: #000;">&#41;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
	<span style="color: #000000;color: #000;">&#125;</span>
	<span style="color: #0033ff; font-weight: bold;color: #00f;">return</span> r<span style="color: #000066; font-weight: bold;color: #000;">;</span>
<span style="color: #000000;color: #000;">&#125;</span>
&nbsp;
<span style="color: #339966; font-weight: bold;color: #00f;">function</span> qualifyGeneration<span style="color: #000000;color: #000;">&#40;</span><span style="color: #000000;color: #000;">&#41;</span><span style="color: #000066; font-weight: bold;color: #000;">:</span><span style="color: #004993;">Number</span> <span style="color: #000000;color: #000;">&#123;</span>
	<span style="color: #6699cc; font-weight: bold;color: #060;">var</span> i<span style="color: #000066; font-weight: bold;color: #000;">:</span><span style="color: #004993;">Number</span><span style="color: #000066; font-weight: bold;color: #000;">,</span> j<span style="color: #000066; font-weight: bold;color: #000;">:</span><span style="color: #004993;">Number</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
	<span style="color: #6699cc; font-weight: bold;color: #060;">var</span> qualification<span style="color: #000066; font-weight: bold;color: #000;">:</span><span style="color: #004993;">Array</span> = <span style="color: #000000;color: #000;">&#91;</span><span style="color: #000000;color: #000;">&#93;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
	<span style="color: #6699cc; font-weight: bold;color: #060;">var</span> tempQ<span style="color: #000066; font-weight: bold;color: #000;">:</span><span style="color: #004993;">Number</span> = <span style="color: #000000; font-weight:bold;color: #f00;">0</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
	<span style="color: #0033ff; font-weight: bold;color: #00f;">for</span> <span style="color: #000000;color: #000;">&#40;</span>i=<span style="color: #000000; font-weight:bold;color: #f00;">0</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>i <span style="color: #000066; font-weight: bold;color: #000;">&lt;</span> generation<span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">length</span><span style="color: #000066; font-weight: bold;color: #000;">;++</span>i<span style="color: #000000;color: #000;">&#41;</span> <span style="color: #000000;color: #000;">&#123;</span>
		tempQ = <span style="color: #000000; font-weight:bold;color: #f00;">0</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
		<span style="color: #0033ff; font-weight: bold;color: #00f;">for</span> <span style="color: #000000;color: #000;">&#40;</span>j=<span style="color: #000000; font-weight:bold;color: #f00;">0</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>j<span style="color: #000066; font-weight: bold;color: #000;">&lt;</span>generation<span style="color: #000000;color: #000;">&#91;</span>i<span style="color: #000000;color: #000;">&#93;</span><span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">length</span><span style="color: #000066; font-weight: bold;color: #000;">;++</span>j<span style="color: #000000;color: #000;">&#41;</span> <span style="color: #000000;color: #000;">&#123;</span>
			<span style="color: #0033ff; font-weight: bold;color: #00f;">if</span> <span style="color: #000000;color: #000;">&#40;</span>generation<span style="color: #000000;color: #000;">&#91;</span>i<span style="color: #000000;color: #000;">&#93;</span><span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">charAt</span><span style="color: #000000;color: #000;">&#40;</span>j<span style="color: #000000;color: #000;">&#41;</span>==<span style="color: #004993;">target</span><span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">charAt</span><span style="color: #000000;color: #000;">&#40;</span>j<span style="color: #000000;color: #000;">&#41;</span><span style="color: #000000;color: #000;">&#41;</span> <span style="color: #000000;color: #000;">&#123;</span>
				tempQ <span style="color: #000066; font-weight: bold;color: #000;">+</span>= <span style="color: #000000; font-weight:bold;color: #f00;">1</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
			<span style="color: #000000;color: #000;">&#125;</span>
		<span style="color: #000000;color: #000;">&#125;</span>
		qualification<span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">push</span><span style="color: #000000;color: #000;">&#40;</span>tempQ<span style="color: #000000;color: #000;">&#41;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
	<span style="color: #000000;color: #000;">&#125;</span>
	<span style="color: #6699cc; font-weight: bold;color: #060;">var</span> maxQIndex = <span style="color: #000000; font-weight:bold;color: #f00;">0</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
	<span style="color: #6699cc; font-weight: bold;color: #060;">var</span> maxQ = <span style="color: #000000; font-weight:bold;color: #f00;">0</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
	<span style="color: #0033ff; font-weight: bold;color: #00f;">for</span> <span style="color: #000000;color: #000;">&#40;</span>i=<span style="color: #000000; font-weight:bold;color: #f00;">0</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>i <span style="color: #000066; font-weight: bold;color: #000;">&lt;</span> qualification<span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">length</span><span style="color: #000066; font-weight: bold;color: #000;">;++</span>i<span style="color: #000000;color: #000;">&#41;</span> <span style="color: #000000;color: #000;">&#123;</span>
		<span style="color: #0033ff; font-weight: bold;color: #00f;">if</span> <span style="color: #000000;color: #000;">&#40;</span>qualification<span style="color: #000000;color: #000;">&#91;</span>i<span style="color: #000000;color: #000;">&#93;</span><span style="color: #000066; font-weight: bold;color: #000;">&gt;</span>maxQ<span style="color: #000000;color: #000;">&#41;</span> <span style="color: #000000;color: #000;">&#123;</span>
			maxQ = qualification<span style="color: #000000;color: #000;">&#91;</span>i<span style="color: #000000;color: #000;">&#93;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
			maxQIndex = i<span style="color: #000066; font-weight: bold;color: #000;">;</span>
		<span style="color: #000000;color: #000;">&#125;</span>
	<span style="color: #000000;color: #000;">&#125;</span>
	<span style="color: #0033ff; font-weight: bold;color: #00f;">return</span> maxQIndex<span style="color: #000066; font-weight: bold;color: #000;">;</span>
<span style="color: #000000;color: #000;">&#125;</span>
&nbsp;
<span style="color: #339966; font-weight: bold;color: #00f;">function</span> parseGeneration<span style="color: #000000;color: #000;">&#40;</span>event<span style="color: #000066; font-weight: bold;color: #000;">:</span><span style="color: #004993;">TimerEvent</span><span style="color: #000000;color: #000;">&#41;</span> <span style="color: #000000;color: #000;">&#123;</span>
	status_txt<span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">htmlText</span> = <span style="color: #990000;color: #f00;">&quot;GENERACIONES: &quot;</span> <span style="color: #000066; font-weight: bold;color: #000;">+</span> stepsNeeded<span style="color: #000066; font-weight: bold;color: #000;">;</span>
	generation = newGeneration<span style="color: #000000;color: #000;">&#40;</span><span style="color: #000000;color: #000;">&#41;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
	current = generation<span style="color: #000000;color: #000;">&#91;</span>qualifyGeneration<span style="color: #000000;color: #000;">&#40;</span><span style="color: #000000;color: #000;">&#41;</span><span style="color: #000000;color: #000;">&#93;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
	weasel_txt<span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">text</span> = current<span style="color: #000066; font-weight: bold;color: #000;">;</span>
	<span style="color: #0033ff; font-weight: bold;color: #00f;">if</span> <span style="color: #000000;color: #000;">&#40;</span>current == <span style="color: #004993;">target</span><span style="color: #000000;color: #000;">&#41;</span> <span style="color: #000000;color: #000;">&#123;</span>
		<span style="color: #004993;">timer</span><span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">stop</span><span style="color: #000000;color: #000;">&#40;</span><span style="color: #000000;color: #000;">&#41;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
		status_txt<span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">htmlText</span> = <span style="color: #990000;color: #f00;">&quot;COMPLETADO LUEGO DE &quot;</span> <span style="color: #000066; font-weight: bold;color: #000;">+</span> stepsNeeded <span style="color: #000066; font-weight: bold;color: #000;">+</span> <span style="color: #990000;color: #f00;">&quot; GENERACIONES&quot;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
		link_txt<span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">htmlText</span> = <span style="color: #990000;color: #f00;">&quot;&lt;a href=<span style="">\&quot;</span>event:restart<span style="">\&quot;</span>&gt;OTRA VEZ&lt;/a&gt;&quot;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
	<span style="color: #000000;color: #000;">&#125;</span> <span style="color: #0033ff; font-weight: bold;color: #00f;">else</span> <span style="color: #000000;color: #000;">&#123;</span>
		stepsNeeded<span style="color: #000066; font-weight: bold;color: #000;">++;</span>
	<span style="color: #000000;color: #000;">&#125;</span>
<span style="color: #000000;color: #000;">&#125;</span>
&nbsp;
<span style="color: #339966; font-weight: bold;color: #00f;">function</span> doClick <span style="color: #000000;color: #000;">&#40;</span>e<span style="color: #000066; font-weight: bold;color: #000;">:</span><span style="color: #004993;">TextEvent</span><span style="color: #000000;color: #000;">&#41;</span> <span style="color: #000000;color: #000;">&#123;</span>
	<span style="color: #0033ff; font-weight: bold;color: #00f;">if</span> <span style="color: #000000;color: #000;">&#40;</span>e<span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">text</span>==<span style="color: #990000;color: #f00;">&quot;stop&quot;</span><span style="color: #000000;color: #000;">&#41;</span> <span style="color: #000000;color: #000;">&#123;</span>
		link_txt<span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">htmlText</span> = <span style="color: #990000;color: #f00;">&quot;&lt;a href=<span style="">\&quot;</span>event:continue<span style="">\&quot;</span>&gt;CONTINUAR&lt;/a&gt;&quot;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
		<span style="color: #004993;">timer</span><span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">stop</span><span style="color: #000000;color: #000;">&#40;</span><span style="color: #000000;color: #000;">&#41;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
	<span style="color: #000000;color: #000;">&#125;</span> <span style="color: #0033ff; font-weight: bold;color: #00f;">else</span> <span style="color: #0033ff; font-weight: bold;color: #00f;">if</span> <span style="color: #000000;color: #000;">&#40;</span>e<span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">text</span>==<span style="color: #990000;color: #f00;">&quot;continue&quot;</span><span style="color: #000000;color: #000;">&#41;</span> <span style="color: #000000;color: #000;">&#123;</span>
		link_txt<span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">htmlText</span> = <span style="color: #990000;color: #f00;">&quot;&lt;a href=<span style="">\&quot;</span>event:stop<span style="">\&quot;</span>&gt;DETENER&lt;/a&gt;&quot;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
		<span style="color: #004993;">timer</span><span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">start</span><span style="color: #000000;color: #000;">&#40;</span><span style="color: #000000;color: #000;">&#41;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
	<span style="color: #000000;color: #000;">&#125;</span> <span style="color: #0033ff; font-weight: bold;color: #00f;">else</span> <span style="color: #0033ff; font-weight: bold;color: #00f;">if</span> <span style="color: #000000;color: #000;">&#40;</span>e<span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">text</span>==<span style="color: #990000;color: #f00;">&quot;restart&quot;</span><span style="color: #000000;color: #000;">&#41;</span> <span style="color: #000000;color: #000;">&#123;</span>
		<span style="color: #004993;">init</span><span style="color: #000000;color: #000;">&#40;</span><span style="color: #000000;color: #000;">&#41;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
	<span style="color: #000000;color: #000;">&#125;</span>
<span style="color: #000000;color: #000;">&#125;</span>
&nbsp;
<span style="color: #339966; font-weight: bold;color: #00f;">function</span> <span style="color: #004993;">init</span> <span style="color: #000000;color: #000;">&#40;</span><span style="color: #000000;color: #000;">&#41;</span> <span style="color: #000000;color: #000;">&#123;</span>
	stepsNeeded = <span style="color: #000000; font-weight:bold;color: #f00;">0</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
	current = newParent<span style="color: #000000;color: #000;">&#40;</span><span style="color: #000000;color: #000;">&#41;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
	<span style="color: #004993;">timer</span><span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">start</span><span style="color: #000000;color: #000;">&#40;</span><span style="color: #000000;color: #000;">&#41;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
&nbsp;
	<span style="color: #6699cc; font-weight: bold;color: #060;">var</span> style<span style="color: #000066; font-weight: bold;color: #000;">:</span><span style="color: #004993;">StyleSheet</span> = <span style="color: #0033ff; font-weight: bold;color: #00f;">new</span> <span style="color: #004993;">StyleSheet</span><span style="color: #000000;color: #000;">&#40;</span><span style="color: #000000;color: #000;">&#41;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
	<span style="color: #6699cc; font-weight: bold;color: #060;">var</span> <span style="color: #004993;">link</span><span style="color: #000066; font-weight: bold;color: #000;">:</span><span style="color: #004993;">Object</span> = <span style="color: #0033ff; font-weight: bold;color: #00f;">new</span> <span style="color: #004993;">Object</span><span style="color: #000000;color: #000;">&#40;</span><span style="color: #000000;color: #000;">&#41;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
	<span style="color: #004993;">link</span><span style="color: #000066; font-weight: bold;color: #000;">.</span>textDecoration = <span style="color: #990000;color: #f00;">&quot;underline&quot;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
	style<span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">setStyle</span><span style="color: #000000;color: #000;">&#40;</span><span style="color: #990000;color: #f00;">&quot;a:hover&quot;</span><span style="color: #000066; font-weight: bold;color: #000;">,</span> <span style="color: #004993;">link</span><span style="color: #000000;color: #000;">&#41;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
	link_txt<span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">styleSheet</span> = style<span style="color: #000066; font-weight: bold;color: #000;">;</span>
	link_txt<span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">htmlText</span> = <span style="color: #990000;color: #f00;">&quot;&lt;a href=<span style="">\&quot;</span>event:stop<span style="">\&quot;</span>&gt;DETENER&lt;/a&gt;&quot;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
<span style="color: #000000;color: #000;">&#125;</span>
&nbsp;
link_txt<span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">addEventListener</span><span style="color: #000000;color: #000;">&#40;</span><span style="color: #004993;">TextEvent</span><span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">LINK</span><span style="color: #000066; font-weight: bold;color: #000;">,</span> doClick<span style="color: #000000;color: #000;">&#41;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
<span style="color: #004993;">timer</span><span style="color: #000066; font-weight: bold;color: #000;">.</span><span style="color: #004993;">addEventListener</span><span style="color: #000000;color: #000;">&#40;</span><span style="color: #990000;color: #f00;">&quot;timer&quot;</span><span style="color: #000066; font-weight: bold;color: #000;">,</span>parseGeneration<span style="color: #000000;color: #000;">&#41;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span>
&nbsp;
<span style="color: #004993;">init</span><span style="color: #000000;color: #000;">&#40;</span><span style="color: #000000;color: #000;">&#41;</span><span style="color: #000066; font-weight: bold;color: #000;">;</span></pre></div></div>

<p><a href="http://www.mauriciogiraldo.com/blog/2009/10/20/pop-goes-the-weasel/" rel="bookmark">pop goes the weasel</a> originalmente escrito en <a href="http://www.mauriciogiraldo.com/blog">mga/blog</a> en October 20, 2009.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mauriciogiraldo.com/blog/2009/10/20/pop-goes-the-weasel/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>el Señor de los tesoros</title>
		<link>http://www.mauriciogiraldo.com/blog/2008/12/15/el-senor-de-los-tesoros/</link>
		<comments>http://www.mauriciogiraldo.com/blog/2008/12/15/el-senor-de-los-tesoros/#comments</comments>
		<pubDate>Mon, 15 Dec 2008 22:08:06 +0000</pubDate>
		<dc:creator>mga</dc:creator>
				<category><![CDATA[arte]]></category>
		<category><![CDATA[ciencia]]></category>
		<category><![CDATA[general]]></category>
		<category><![CDATA[historia]]></category>
		<category><![CDATA[información]]></category>
		<category><![CDATA[juegos]]></category>
		<category><![CDATA[literatura]]></category>
		<category><![CDATA[visualización]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.mauriciogiraldo.com/blog/?p=128</guid>
		<description><![CDATA[(ese fue el título más ñoño que pude pensar para este post) Entre otras cosas, las mudanzas sirven para encontrar tesoros olvidados, recuerdos agradables (y otros no tanto). Entre dichos tesoros encontré cuatro de los libros que componen la saga (¿serie?) de El Señor de los anillos de J. R. R. Tolkien. Antes de que [...]]]></description>
			<content:encoded><![CDATA[<p>(ese fue el título más ñoño que pude pensar para este post)</p>
<p><img class="size-full wp-image-145" title="Dragón" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2008/12/dnd1.jpg" alt="Dragón" width="465" height="209" /></p>
<p>Entre otras cosas, las mudanzas sirven para encontrar <strong>tesoros olvidados</strong>, recuerdos agradables (y otros no tanto). Entre dichos tesoros encontré cuatro de los libros que componen la saga (¿serie?) de <a href="http://www.amazon.com/dp/0345340426/maurigiral-20/"><em>El Señor de los anillos</em></a> de <a href="http://en.wikipedia.org/wiki/J._R._R._Tolkien">J. R. R. Tolkien</a>.</p>
<p><strong>Antes de que existiera un tal Harry Potter había un grupo conocido como <em>The Fellowship of the Ring</em></strong>, y el cual es el nombre del primer libro de la saga (junto con un &#8220;prefacio&#8221; titulado <em>The Hobbit</em>) los cuales leí relativamente rápido mientras que <em>The Two Towers</em> fue demasiado lento para mi gusto adolescente (luego lo leí junto con <em>The Return of the King</em> a tiempo para ir a ver <a href="http://www.amazon.com/dp/B000654ZK0/maurigiral-20/">la película</a> en cine).</p>
<div id="attachment_153" class="wp-caption alignnone" style="width: 475px"><a href="http://www.amazon.com/dp/0345340426/maurigiral-20/"><img class="size-full wp-image-153" title="La serie de The Lord of the Rings" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2008/12/tolkien.jpg" alt="La serie de The Lord of the Rings" width="465" height="180" /></a><p class="wp-caption-text">La serie de The Lord of the Rings</p></div>
<p><strong>Tolkien (1892&#8211;1973), surafricano y profesor de Literatura y Lenguas en Oxford</strong>, no solo escribió los cuatro libros mencionados sino que creó en otras obras toda una mitología ficticia sobre la que desarrollan estos: creó <strong>idiomas completos</strong> con sus construcciones de lenguaje y pronunciaciones particulares, creó <strong>un mundo ficticio</strong> donde habitaban sus personajes al que llamó <em>Middle-earth</em>, creó <strong>miles de años de genealogías familiares</strong>&#8230; A esta forma de creación literaria la llamó <a href="http://en.wikipedia.org/wiki/Mythopoeia_(genre)">Mythopoeia</a>.</p>
<p><strong>Mitologías y medievo</strong></p>
<p>Tolkien combina mitologías nórdicas, germanas y medievales (que siempre me han fascinado y obviamente no soy el único ya que la trilogía en cine <a href="http://www.boxofficemojo.com/franchises/chart/?id=lordoftherings.htm">recaudó más de mil millones de dólares a nivel mundial</a>) y ahora, gracias a la Internet (¿cuántas veces se dirá eso hasta que simplemente se asuma?), puede uno encontrar la <a href="http://www.glyphweb.com/arda/default.asp"><em>Enciclopedia de Arda</em></a>, un compendio de todo lo relacionado con la <em>mitopoeia tolkieniana</em> construido por fanáticos en todo el mundo. Si usted siempre quiso saber quién es Galadriel, no busque más que <a href="http://www.glyphweb.com/arda/g/galadriel.html">acá está esa información</a>.</p>
<p>Hace seis años casi exactos (si no se ha notado, estoy como en ese <em>mood</em> reflexivo del pasado&#8230; debe ser porque es diciembre) me crucé con <a href="http://dir.salon.com/story/ent/feature/2002/12/17/tolkien_brin/index.html">este artículo en Salon.com</a> (de pronto sale publicidad, haga clic en &#8220;enter Salon&#8221;) por <a href="http://www.davidbrin.com/">David Brin</a> que tiene un <strong>interesante análisis sobre la saga</strong> de <em>El Señor de los anillos</em>:</p>
<blockquote><p>Calling the scientific worldview &#8220;soul-less,&#8221; he [Tolkien] joined Keats and Shelley, Sir Walter Scott, Henry James and many European-trained philosophers in spurning the modern emphasis on pragmatic experimentation, production, universal literacy, progress, cooperative enterprise, democracy, city life and flattened social orders.</p>
<p>In contrast to these &#8220;sterile&#8221; pursuits, Romantics extolled the traditional, the personal, the particular, the subjective, the rural, the hierarchical and the metaphorical.</p>
<p>[...]</p>
<p>Moreover, Enlightenment can never completely replace older modes of thinking. The need for stirring, illogical tales and images runs deep within us all. (Some of us earn a good living that way.) Without romance, we&#8217;d be sorry creatures, indeed.</p>
<p>Still, scientific/progressive society has been known to listen to its critics, and not just now and then. Name one feudal society whose leaders did that.</p>
<p>Were any orcs or &#8220;dark men&#8221; offered coalition positions in King Aragorn&#8217;s cabinet, at the end of the War of the Ring? Was Mordor given a benign Marshall Plan?</p>
<p>I think not.</p></blockquote>
<p>Vale la pena <a href="http://dir.salon.com/story/ent/feature/2002/12/17/tolkien_brin/index.html">leer el artículo completo</a>.</p>
<p>El trabajo de Tolkien ha inspirado a millones y sus libros hoy día se encuentran entre los más vendidos (además del <em>boom</em> que recibieron gracias a su adaptación al cine por parte de Peter Jackson). Como dato aparte y en línea con los encuentros de antaño está <a href=" http://www.slate.com/?id=2073627"><em>Harry Potter: fraud</em></a> por <a href="http://www.suellentrop.com/">Chris Suellentrop</a>, <strong>un artículo y crítica a Harry Potter</strong> del cual, a falta de haberme leído cualquiera de esos libros (aunque me he visto un par de películas) solo me limito a poner la cita:</p>
<blockquote><p>Like most heroes, Harry Potter possesses the requisite Boy Scout virtues: trustworthy, loyal, helpful, friendly, courteous, kind, obedient, cheerful, thrifty, brave, clean, and reverent. But so do lots of boys and girls, and they don&#8217;t get books and movies named after them. Why isn&#8217;t the movie that comes out next week titled <em>Ron Weasley and the Chamber of Secrets</em>? Why isn&#8217;t its sequel dubbed <em>Hermione Granger and the Prisoner of Azkaban</em>? Why Harry? What makes him so special?</p>
<p>Simple: He&#8217;s a glory hog who unfairly receives credit for the accomplishments of others and who skates through school by taking advantage of his inherited wealth and his establishment connections.</p></blockquote>
<p>Debo admitir que, basado únicamente en las películas, estoy de acuerdo en buena parte de lo que dice el señor Suellentrop. Espero la cita sirva de motivación para que los <em>harrypotterunos</em> <a href="http://www.slate.com/?id=2073627">le den una leída</a> :)</p>
<div id="attachment_169" class="wp-caption alignnone" style="width: 475px"><img class="size-full wp-image-169" title="Set de dados para juego de rol" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2008/12/dados.jpg" alt="Estos dados son el núcleo numérico/aleatorio de los juegos de rol. Se componen de los cinco sólidos platónicos y un sexto sólido. De izquierda a derecha: seis caras (hexaedro), veinte caras (icosaedro), ocho caras (octaedro), cuatro caras (tetraedro), diez caras, doce caras (dodecaedro)." width="465" height="176" /><p class="wp-caption-text">Estos dados son el núcleo numérico/aleatorio de los juegos de rol. Se componen de los </p></div>
<p><strong>Juegos de rol</strong></p>
<p>Volviendo a Tolkien, dentro de mis tesoros perdidos tambien encontré mi <strong>set de reglas y monstruos de </strong><strong><a href="http://en.wikipedia.org/wiki/Dungeons_&amp;_Dragons"><em>Dungeons &amp; Dragons</em></a></strong>. Para los que no conocen D&amp;D, se trata de un juego de mesa, con o sin tablero y por lo general con papel y lápiz que suele jugarse lanzando <strong>dados de una variada cantidad de caras</strong> (hay dados desde cuatro hasta veinte caras); el juego está basado en un <strong>sistema de reglas claramente definido dentro del cual los jugadores tienen la posibilidad de improvisar</strong> y afectar el desenvolvimiento del mismo. Un &#8220;maestro de juego&#8221; narra los acontecimientos del ambiente y sus habitantes mientras que los demás jugadores describen las respuestas y actividades de sus personajes a dicho ambiente.</p>
<div id="attachment_148" class="wp-caption alignnone" style="width: 475px"><img class="size-full wp-image-148" title="Dungeons &amp; Dragons" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2008/12/dnd2.jpg" alt="El set de reglas experto de D&amp;D (este set era de una serie &quot;básica&quot; ya descontinuada)" width="465" height="142" /><p class="wp-caption-text">El set de reglas experto de D&amp;D (este set era de una serie &quot;básica&quot; ya descontinuada)</p></div>
<p>Este tipo de juego se conoce como <a title="Role-playing Game según Wikipedia en inglés" href="http://en.wikipedia.org/wiki/Role-playing_game">juego de rol</a> (RPG por sus siglas en inglés) y tiene la peculiaridad de <strong>existir únicamente en la imaginación de sus jugadores</strong>; sí, hay un manual de juego con un reglamento y &#8220;compendios de monstruos&#8221; (una suerte de enciclopedia que incluye la descripción y estadísticas de los enemigos que un personaje puede encontrar en sus aventuras) y guías para aventuras, pero en realidad toda la dinámica del juego sucede con un par de hojas de papel (usadas principalmente para realizar <strong>cálculos de probabilidad</strong> de que una u otra cosa suceda en función de un lanzamiento de dados); pero en buena medida el nivel de entretenimiento o diversión está determinado por la <strong>capacidad del maestro de juego de narrar los acontecimientos y de los jugadores en asumir el rol de sus personajes</strong> y reaccionar ante dichos sucesos. Es realmente un <strong>juego social</strong>. Una sesión puede durar horas o días e incluso puede interrumpirse durante un tiempo para reanudarse luego. El juego <strong>no cuenta con un objetivo definido ni un ganador</strong>; cada jugador tiene sus propios objetivos: conseguir objetos o equipo valioso, ganar reputación, explorar incansablemente, aprender la mayor cantidad de hechizos. Los personajes adquieren &#8220;puntos de experiencia&#8221; y conocimiento a medida que descubren nuevos lugares o derrotan enemigos, que son determinantes en la capacidad de este para tener éxito en futuras expediciones.</p>
<div id="attachment_150" class="wp-caption alignnone" style="width: 475px"><img class="size-full wp-image-150" title="Mapa de aventura" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2008/12/dnd4.jpg" alt="Uno de los mapas que hice para una aventura D&amp;D. El maestro de juego usa esos mapas (que nadie más puede ver) para narrar y determinar el curso de acontecimientos." width="465" height="346" /><p class="wp-caption-text">Uno de los mapas que hice para una aventura D&amp;D. El maestro de juego usa esos mapas (que nadie más puede ver) para narrar y determinar el curso de acontecimientos.</p></div>
<p><strong>La verdad nunca fui muy bueno jugando D&amp;D.</strong> Se necesita que el maestro de juego sea buen narrador y que los participantes estén &#8220;metidos en el cuento&#8221; y, aún así, <strong>la dinámica puede ser bastante lenta</strong> mientras uno está lanzando dados y calculando: por ejemplo para determinar el efecto de un hechizo <em>Magic Missile</em> realizado por un mago (mi personaje preferido) había que lanzar un dado de cuatro caras (en sintaxis D&amp;D esto se escribe 1d4) y al resultado sumarle 1 (esto genera un número entre 2 y 5 que corresponde al daño realizado por el misil); luego se determina cual de los enemigos están dentro del rango de acción del misil (que varía según el nivel de experiencia del mago); si el mago es nivel 3 o superior podrá lanzar más de un misil en un conjuro; combine esto con la probabilidad de que el misil llegue o no exitosamente a su blanco (todo lo anterior depende de la edición que esté usando de las reglas de juego puesto que hay variaciones). Súmele a esto que haya tres o cuatro personajes más en el <em>party</em> (grupo de jugadores) y uno o dos monstruos/enemigos cada uno tomando turnos para decidir que sucederá luego. Olvidaba mencionar que <em>antes</em> de empezar toca <em>crear el personaje</em> lo requiere de una <a href="http://blog.wired.com/underwire/2008/05/exclusive-dd--1.html">hoja especial</a> y un buen rato lanzando dados para cada una de sus características como fuerza, agilidad, carisma y demás.</p>
<div id="attachment_149" class="wp-caption alignnone" style="width: 475px"><img class="size-full wp-image-149" title="Mapa de calabozo" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2008/12/dnd3.jpg" alt="Parte de un mapa de un calabozo para una aventura que creé. Nótese como el mapa está descrito sobre una retícula acompañado de una leyenda para los elementos importantes como monstruos y trampas." width="465" height="271" /><p class="wp-caption-text">Parte de un mapa de un calabozo para una aventura que creé. Nótese como el mapa está descrito sobre una retícula acompañado de una leyenda para los elementos importantes como monstruos y trampas.</p></div>
<p>Sin embargo lo que siempre me ha llamado la atención de los juegos de rol es la <strong>posibilidad de uno crear escenarios</strong> (así sean imaginarios) que un maestro de juego puede utilizar para desarrollar una aventura. No me gusta ser el protagonista de la aventura tanto como <strong>crear la base sobre la cual cualquier aventura pueda desarrollarse</strong> (de pronto es por eso que me gusta el <a href="http://www.mauriciogiraldo.com/blog/2008/02/19/%c2%bfque-es-diseno-web/">diseño web</a> pero ese es ya otro cuento). En las fotos se pueden ver pedazos de mapas y guías que hice para una aventura hace varios años (por allá en los ochentas).</p>
<p>La mitología que rodea a D&amp;D está fuertemente inspirada en el trabajo de J. R. R. Tolkien (aunque su creador <a href="http://www.wired.com/gaming/virtualworlds/news/2008/03/ff_gygax?currentPage=2">admitió odiar a Frodo</a> lo cual es entendible). El sistema de reglas fue creado por <a href="http://en.wikipedia.org/wiki/Gary_Gygax">E. Gary Gygax</a> y publicado en 1974. Aunque no es el único juego de rol, sí es el más popular y el primero en ser comercializado. Gygax murió en marzo de 2008 dejando un importante legado para jugadores en todo el mundo. La revista Wired hizo <a title="Dungeon Master: The Life and Legacy of Gary Gygax" href="http://www.wired.com/gaming/virtualworlds/news/2008/03/ff_gygax">un artículo sobre Gygax y su legado</a> que coincidiría con la <a href="http://www.amazon.com/dp/0786948671/maurigiral-20/">nueva edición del sistema de reglas</a> y que, en ocasión de su muerte, sirvió de homenaje:</p>
<blockquote><p>Dungeons &amp; Dragons — D&amp;D to fans — isn&#8217;t a straightforward board game like Monopoly or Clue. It&#8217;s more like an operating system, an elaborate framework on which players can build their own scenarios: Anyone with creativity and imagination can become a game designer.</p>
<p>[...]</p>
<p>Most aspects of the game can be expressed numerically, from attributes like strength and health and intelligence to the power of a weapon and the probability that it will successfully connect with an enemy and the amount of damage it would inflict. But one player has to paint a picture with words: That person assumes the role of the dungeon master and describes for other players what they see and hear in this imaginary world, and what effects their actions have. The game is played primarily in your head, using graph paper maps to represent environments, figurines to represent your character, a die to determine probability, and a few rulebooks for reference.</p>
<p>Gygax forged an industry around D&amp;D and made a small fortune in the process. His home-brew publishing company, Tactical Studies Rules, went from a basement enterprise to a thriving corporation with 600 employees in less than a decade. D&amp;D sold millions of copies and has been translated into more than a dozen languages in at least 50 countries.</p>
<p>His creation is the cornerstone of geek culture, but it&#8217;s also had a profound and far-reaching impact on people who have never touched a 20-sided die.</p></blockquote>
<p><strong>Las aventuras de los <em>nerds</em></strong></p>
<p>Hay que admitir que, por lo general, los jugadores de juegos de rol son (¿somos?) <em>nerds</em>. Esa <em>nerditud</em> también se encuentra entre programadores (hay una gran correlación entre los dos, pero <a href="http://en.wikipedia.org/wiki/Correlation_does_not_imply_causation">no todo programador es <em>nerd</em> y vice-versa</a>) y no tardó mucho en que alguno uniera los dos en lo que se conocería como <a href="http://en.wikipedia.org/wiki/MUD">Multi-User Dungeon/Domain o MUD</a>. Dicha creación se le atribuye a <a href="http://en.wikipedia.org/wiki/Richard_Bartle">Richard Bartle</a> (<a href="http://mud.co.uk/richard/">sitio personal</a>), matemático, programador, jugador de rol (y <em>nerd</em>, aunque no lo conozco personalmente pero un tipo que hace un doctorado en inteligencia artificial, crea el primer MUD y <a href="http://mud.co.uk/richard/biog.htm">en su autobiografía menciona su vida social como &#8220;inexistente&#8221;</a> puede ameritar dicho calificativo&#8230; y lo uso con el respeto que merece recibirlo)</p>
<p><img class="size-full wp-image-158" title="Sneezy MUD" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2008/12/sneezy1.gif" alt="Sneezy MUD, el MUD que solía jugar cuando empecé la universidad. Más información en www.sneezymud.com" width="465" height="282" /></p>
<p><strong>Un MUD es un juego de rol que reside en un computador central al que se conectan los jugadores por medio de una red</strong> (antes de la red unificada que ahora conocemos como Internet había redes pequeñas a las que también se accedía por módem). Toda interacción está reducida a <strong>comandos tecleados en una pantalla</strong> en la que se leen los resultados de dichos comandos y las descripciones del mundo que ha sido creado por quien lo programó. Si usted ha estado en una sala de chat de texto ya tiene una idea de cómo es un MUD. Súmele a eso una descripción (en texto, claramente) del lugar donde su personaje está en un momento dado y ya tiene una idea completa. <strong>En un MUD, el programa asume el papel de maestro de juego</strong>. La descripción de todas las habitaciones, lugares, monstruos y personajes del mundo ha sido previamente incluida. <strong>El sistema de reglas puede estar basado en D&amp;D o en cualquier otra mitología/franquicia</strong> que usted quiera (hay MUDs de Star Wars, Star Trek, X-MEN y cuanta cosa). <a href="http://www.sneezymud.com">Sneezy MUD</a>, el MUD que yo jugaba en mis épocas universitarias, tenía (&#8220;tiene&#8221; porque aún funciona en play.sneezymud.com puerto 7900) una interfaz similar a esto:</p>
<div id="attachment_160" class="wp-caption alignnone" style="width: 475px"><img class="size-full wp-image-160" title="Sneezy MUD" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2008/12/sneezy2.gif" alt="Una pantalla normal en Sneezy MUD" width="465" height="353" /><p class="wp-caption-text">Una pantalla normal en Sneezy MUD... aunque cuando yo jugaba no tenían colores</p></div>
<p><strong>El juego inicia como todo juego de rol: creando el personaje</strong> y, como todo juego de rol, dicho proceso podía tardar unos segundos o decenas de minutos dependiendo de lo detallado que uno quería ser (en algunos MUDs existe la opción de usar personajes creados aleatoriamente). Una vez adentro, al jugador se le presenta la descripción de la habitación donde se encuentra junto con las posibles salidas o caminos de esta (&#8220;You can see exits to the north, south, west, and up&#8221;). El jugador teclea el comando deseado ya sea este un comando de movimiento (&#8220;north&#8221; para ir en sentido norte), un comando de interacción con el entorno (&#8220;pick trash&#8221; para tomar la basura del suelo o &#8220;kill mouse&#8221; para hacer de las suyas con un enemigo peligroso) o un comando de interacción con otros personajes (&#8220;say hello&#8221; para decir &#8220;hello&#8221; y que otros personajes en la habitación lean esto). Esta forma de interacción con comandos de texto fue inspirada por <a href="http://en.wikipedia.org/wiki/Colossal_Cave_Adventure">Adventure! creado por Will Crowther</a> y ha sido ampliamente utilizada en otros juegos, entre los que se encuentran los <em>quests</em> de Sierra Online: <a href="http://en.wikipedia.org/wiki/King%27s_Quest">King&#8217;s Quest</a>, <a href="http://en.wikipedia.org/wiki/Space_Quest">Space Quest</a> y <a href="http://en.wikipedia.org/wiki/Leisure_Suit_Larry">Leisure Suit Larry</a>.</p>
<div id="attachment_178" class="wp-caption alignnone" style="width: 475px"><img class="size-full wp-image-178" title="Una pelea con un ratón en Sneezy MUD" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2008/12/sneezy-fight.gif" alt="Una pelea con un ratón en Sneezy MUD" width="465" height="276" /><p class="wp-caption-text">Una pelea con un ratón en Sneezy MUD</p></div>
<p><strong>Parte del secreto de un buen MUD está en balancear bien las descripciones de los lugares y las respuestas a los comandos</strong> (no demasiado detalladas que implique leer incansablemente pero tampoco demasiado simples de forma que el jugador pierda interés). Un MUD se parece a un libro en cuanto a que, dado que es <strong>completamente carente de gráficas</strong> (bueno, si no contamos como &#8220;gráfica&#8221; el <a href="http://en.wikipedia.org/wiki/ASCII_art">dibujo ASCII</a> que aparece más arriba en la introducción a Sneezy MUD), todos los elementos son imaginados por el jugador; es <a href="http://en.wikipedia.org/wiki/Interactive_fiction"><strong>ficción interactiva</strong></a> y toda <strong>la narrativa la construye el jugador de forma no-lineal</strong> aunque a partir de textos preexistentes. Esta serie de elementos narrativos/interactivos/mitológicos convierten al MUD en un juego <strong>increíblemente adictivo</strong> (las cuentas de teléfono en mi casa llegaron a niveles inesperados por mis padres).</p>
<p>La ausencia de gráficas en los MUDs tiene su encanto y un <em>feeling</em> romántico (dele una leída al artículo sobre <a href="http://dir.salon.com/story/ent/feature/2002/12/17/tolkien_brin/index.html"><em>El Señor de los anillos</em></a> mencionado arriba) pero esto se debe a las <strong>limitaciones técnicas</strong> del momento: las líneas telefónicas (o mejor los módems) manejaban velocidades muy bajas de transmisión de datos (para que se haga una idea, cualquiera de las imágenes que hay en este artículo fácilmente tardaría al menos un minuto en cargar en esa época) por lo cual enviar información gráfica a través de la red no era viable. Con la llegada de computadores y módems cada vez más poderosos y rápidos, <strong>se hizo viable la posibilidad de que varios jugadores participaran en un ambiente gráfico</strong>.</p>
<p>En el grupo de videojuegos RPG gráficos vale la pena destacar <a href="http://en.wikipedia.org/wiki/Diablo_(video_game)"><em>Diablo</em></a>, lanzado al mercado en enero de 1997. <em>Diablo</em> no es un RPG en sentido estricto ya que su dinámica de juego excluye muchos aspectos de estos, pero maneja suficientes elementos RPG para que el jugador se sienta inmerso en la historia y aventura. Otra diferencia importante entre <em>Diablo</em> y otros RPG gráficos como <a href="http://en.wikipedia.org/wiki/Baldur%27s_Gate"><em>Baldur&#8217;s Gate</em></a> es que no se juega por turnos y se simplifica la dinámica de juego (con el <em>mouse</em> y un par de clics se hacen hechizos, se lucha, corre, salta) lo cual lo convierte en un juego muy entretenido, rápido de aprender y jugar.</p>
<div id="attachment_180" class="wp-caption alignnone" style="width: 475px"><img class="size-full wp-image-180" title="Diablo II" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2008/12/diablo.jpg" alt="Nótese cómo Diablo conserva los elementos de diseño de calabozos de D&amp;D (pero usando una perspectiva isométrica) con el mini-mapa que se aprecia arriba a la izquierda." width="465" height="195" /><p class="wp-caption-text">Nótese cómo Diablo conserva los elementos de diseño de calabozos de D&amp;D (pero usando una perspectiva isométrica) con el mini-mapa que se aprecia arriba a la izquierda.</p></div>
<p>No obstante, <strong><em>Diablo</em> es principalmente para un jugador</strong>. La parte multi-jugador es muy básica y no refleja completamente la sensación de un juego de rol o un MUD. <strong>Lo que el MUD fue a D&amp;D lo es <a href="http://www.worldofwarcraft.com/index.xml"><em>World of Warcraft</em></a> al MUD</strong>. Aunque no fue el primero, <em>World of Warcraft</em> (WoW) es el RPG en línea más popular con <a href="http://www.wowinsider.com/2008/01/22/world-of-warcraft-hits-10-million-subscribers/">más de diez millones de suscriptores</a> que pagan de a US$15 mensuales cada uno (!) representando <a href="http://www.mmogchart.com/Chart7.html">más del 60% del mercado de videojuegos de este tipo</a>. El nombre completo para este género de videojuegos es <a href="http://en.wikipedia.org/wiki/MMORPG">Massively multiplayer online role-playing game o MMORPG</a>, acuñado originalmente por Richard Garriot, reconocido <a href="http://www.wired.com/techbiz/people/magazine/16-09/ff_starcity?currentPage=all">turista espacial</a> y creador de la <a href="http://www.gamespot.com/features/ultima/01.html">serie de juegos Ultima</a> entre los que se encuentra el MMORPG <a href="http://en.wikipedia.org/wiki/Ultima_online">Ultima Online</a>.</p>
<p><strong><em>World of Warcraft</em> consigue ser un MUD gráfico llevando la idea aún más allá</strong>: con un vasto mundo por explorar (actualmente cuenta con cuatro &#8220;continentes&#8221; cada uno con docenas de &#8220;países&#8221; que se pueden explorar por tierra o por aire&#8230; en algunos países uno puede tardar horas en llegar caminando de un extremo a otro); infinidad de historias y misiones por realizar (uno selecciona las misiones que realiza y estas varían según el tipo de personaje); profesiones (joyería mágica, ingeniería/construcción, confección de armaduras, alquimia y demás) que cada personaje puede aprender para complementar su personaje o su grupo; habilidades donde se aprovechan recursos naturales para usar en las diferentes profesiones (minería, recolección de hierbas para alquimia, pesca&#8230;). En un momento dado, en un servidor cualquiera de WoW <a href="http://www.worldofwarcraft.com/info/faq/realms.html">puede haber miles de usuarios conectados</a> explorando, batallando, creando o simplemente conversando. <strong>Un jugador promedio tiene que poder visualizar la montaña de información a la que se ve enfrentado en cualquier momento</strong>:</p>
<ol>
<li>Información personal: nombre, vida, maná (energía para realizar hechizos), experiencia actual y restante para el siguiente nivel</li>
<li>Si tiene mascota: nombre, vida, maná, poderes que pueda tener la mascota y el estado en que se encuentran (no siempre puede uno hacer uso de sus poderes o los de su mascota)</li>
<li>Información de poderes y su estado</li>
<li>Dependiendo del equipo que tenga se deben hacer visible extra-poderes: por ejemplo, una espada que haga daño extra de fuego tendrá una ligera llama humeante en la hoja</li>
<li>Si está en combate:
<ol>
<li>nombre, tipo, vida, maná y poder del enemigo</li>
<li>cantidad de daño realizado al enemigo y realizado por este al jugador</li>
<li>en caso de estar realizando un hechizo de duración, el tiempo restante del mismo</li>
<li>el daño realizado por y a su mascota</li>
<li>si ha sido afectado por un poder positivo o negativo: el veneno se vería como una nube verdosa rodeando al jugador, o si ha sido congelado estará rodeado por hielo</li>
</ol>
</li>
<li>Si está en un grupo: nombre, vida, maná y poder que está ejecutando cada uno de los integrantes junto con sus respectivas mascotas</li>
<li>Información del entorno: dónde estoy, dónde está mi grupo, dónde hay monstruos, etc.</li>
<li>Conversaciones que se están sosteniendo con el grupo, el <em>guild</em> (un meta-grupo al que se puede pertenecer), con quienes le rodean, privadas y las notificaciones generales de la zona en que se encuentra</li>
</ol>
<p>La anterior es una lista incompleta pero relativamente detallada para hacer una idea del <strong>problema de diseño de información</strong> al que se enfrentan quienes crean la interfaz de un juego como este. Un juego de video abarca una gran cantidad de elementos (narrativos, de diseño, artísticos, de ingeniería, de información) y WoW es un excelente ejemplo de solución (aunque no es el único pero si el <a href="http://es.wikipedia.org/wiki/Estado_del_arte">estado del arte</a>) y, lo mejor de todo, <strong>hace evidente ese núcleo numérico de los juegos de rol</strong> que se originaron con el trabajo de Gygax y que construyeron sus narrativas y mitologías inspirados en trabajos como el de Tolkien.</p>
<div id="attachment_168" class="wp-caption alignnone" style="width: 475px"><a href="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2008/12/wow.jpg"><img class="size-full wp-image-168" title="World of Warcraft es un MUD gráfico y hace evidente el núcleo numérico detrás de los juegos de rol. Clic en la imagen para verla en tamaño completo (474.59 KB)." src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2008/12/wow_th.jpg" alt="World of Warcraft es un MUD gráfico y hace evidente el núcleo numérico detrás de los juegos de rol. Clic en la imagen para verla en tamaño completo (474.59 KB)." width="465" height="170" /></a><p class="wp-caption-text">World of Warcraft es un MUD gráfico y hace evidente el núcleo numérico detrás de los juegos de rol. Clic en la imagen para verla en tamaño completo (474.59 KB).</p></div>
<p>En noviembre 13 de 2008 salió al mercado un complemento a <em>World of Warcraft</em> llamado <em>Wrath of the Lich King</em> y en cuestión de 24 horas <a href="http://www.edge-online.com/news/lich-king-sales-top-28m">se vendieron más de 2.8 millones de unidades</a> (a US$40, haga sus cuentas) por lo cual no es de sorprenderse cuando se estima que <strong>en poco tiempo el negocio de los videojuegos superará lejos a todos los demás negocios del entretenimiento</strong> (si es que no los ha superado ya). Gente <a href="http://news.bbc.co.uk/1/hi/technology/7725328.stm">esperó horas en fila</a> para ser los primeros en comprar <em>Wrath of the Lich King</em> (de hecho el tipo que estaba de primero en Londres se desmayó debido al cansancio y no pudo comprar su copia sino una vez recuperó el conocimiento).</p>
<p><em>World of Warcraft</em> y <strong>los juegos de rol ya son parte de la cultura global</strong>: WoW fue tema de un capítulo completo de South Park (si no pudo verlo trate <a href="http://video.google.com/videosearch?q=make+love+not+warcraft">buscando en Google Video</a>), han sido <a href="http://en.wikipedia.org/wiki/Marge_Gamer">satirizados en Los Simpson</a> y hay <a href="http://datenform.de/1heng.html">artistas haciendo <em>performance</em></a> basados en estos además de la &#8220;explosión de la fantasía épica&#8221; que generaron las películas de <em>El Señor de los anillos</em> con producciones como <em>Narnia</em> y <em>Spiderwick</em> (que no he visto) aunque me quedo con el señor Tolkien, así sea <a href="http://dir.salon.com/story/ent/feature/2002/12/17/tolkien_brin/index.html">el enemigo del progreso</a>.</p>
<p>Links relacionados:</p>
<ul>
<li><a href="http://www.amazon.com/dp/0131018167/maurigiral-20/">Designing Virtual Worlds</a> de Richard Bartle</li>
<li><a href="http://www.guardian.co.uk/technology/gamesblog/2007/jul/17/idcloseworld">Entrevista realizada a Richard Bartle y su opinión respecto a World of Warcraft</a></li>
<li><a href="http://www.machinima.com/article/view&amp;id=459">Entrevista con los creadores de South Park</a> con motivo del capítulo basado en <em>World of Warcraft</em></li>
<li><a href="http://blog.wired.com/underwire/2008/06/dungeons-dragon.html">La reseña de Wired sobre la nueva edición de reglas de D&amp;D</a></li>
<li><a href="http://designblog.uniandes.edu.co/blogs/dise3223/">Videojuegos: historia y diseño</a>, un curso que dicto en el <a href="http://design.uniandes.edu.co">Departamento de Diseño</a> de la Universidad de los Andes</li>
<li><a href="http://blog.wired.com/underwire/2008/03/wired-readers-s.html">Un curioso concurso de diseño del logo de Wired al estilo D&amp;D</a></li>
</ul>
<p><a href="http://www.mauriciogiraldo.com/blog/2008/12/15/el-senor-de-los-tesoros/" rel="bookmark">el Señor de los tesoros</a> originalmente escrito en <a href="http://www.mauriciogiraldo.com/blog">mga/blog</a> en December 15, 2008.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mauriciogiraldo.com/blog/2008/12/15/el-senor-de-los-tesoros/feed/</wfw:commentRss>
		<slash:comments>11</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>1</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>
		<item>
		<title>En busca de una vida programable</title>
		<link>http://www.mauriciogiraldo.com/blog/2007/04/27/en-busca-de-una-vida-programable/</link>
		<comments>http://www.mauriciogiraldo.com/blog/2007/04/27/en-busca-de-una-vida-programable/#comments</comments>
		<pubDate>Fri, 27 Apr 2007 23:59:54 +0000</pubDate>
		<dc:creator>mga</dc:creator>
				<category><![CDATA[arte]]></category>
		<category><![CDATA[ciencia]]></category>
		<category><![CDATA[general]]></category>
		<category><![CDATA[programación]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.mauriciogiraldo.com/blog/2007/04/27/en-busca-de-una-vida-programable/</guid>
		<description><![CDATA[Todas las actividades que hacemos se pueden descomponer en una serie de pasos. Si repetimos dichos pasos, bajo condiciones similares a las originales, los resultados tenderán a ser los mismos de la original. Frecuentemente nos enfrentamos a listados de pasos para lograr objetivos (recetas, manuales, direcciones) que luego memorizamos y modificamos según nos convenga. Los [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.instructables.com/id/ERK1ZODLCBEP286KBZ/" title="Electro-Graf en Instructables"><img src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2007/04/instructable1.jpg" alt="Instructables 1" /></a></p>
<p>Todas las actividades que hacemos se pueden descomponer en una serie de pasos. Si repetimos dichos pasos, bajo condiciones similares a las originales, los resultados tenderán a ser los mismos de la original. Frecuentemente nos enfrentamos a listados de pasos para lograr objetivos (recetas, manuales, direcciones) que luego memorizamos y modificamos según nos convenga. Los lingüistas llaman a estas <em>recetas</em> <a href="http://es.wikipedia.org/wiki/Algoritmo" title="Algoritmo en Wikipedia">algoritmos</a>: una lista finita de instrucciones para lograr una tarea que, dado un estado inicial, terminará en una estado final determinado.</p>
<p><a href="http://www.instructables.com/id/ERK1ZODLCBEP286KBZ/" title="Electro-Graf en Instructables"><img src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2007/04/instructable2.jpg" alt="Instructables 2" /></a></p>
<p>Los algoritmos fueron inicialmente definidos y utilizados por los matemáticos para lograr cálculos complejos (como <a href="http://mathworld.wolfram.com/ArchimedesAlgorithm.html" title="Algoritmo de Arquímedes">encontrar aproximaciones a Pi</a>, <a href="http://mathworld.wolfram.com/EuclideanAlgorithm.html" title="Algoritmo de Euclides">encontrar el máximo común denominador</a> y <a href="http://mathworld.wolfram.com/NewtonsMethod.html" title="Método de Newton">encontrar raí­ces de números</a>). Los algoritmos también son usados por programadores para desarrollar software como el que ahora les permite leer este artí­culo. Inspirados por esto y por <a href="http://www.theatlantic.com/doc/194507/bush" title="artículo en The Atlantic"><em>As We May Think</em></a>, un legendario artí­culo publicado en 1945 por <a href="http://en.wikipedia.org/wiki/Vannevar_Bush" title="Vannevar Bush en Wikipedia">Vannevar Bush</a> (y el cual vale la pena <a href="http://www.theatlantic.com/doc/194507/bush" title="As We May Think">leer</a>), la gente de <a href="http://www.squid-labs.com/">Squid-Labs</a> creó <a href="http://www.instructables.com/">Instructables</a>:</p>
<blockquote><p>We like to think about the physical world as something that is programmable. We like to think of objects or stuff you make as &#8216;code&#8217;. In other words, we are approaching the physical world as something that is describable and replicable. CAD files are obviously part of this. The CAD file I use to design and cut out my bicycle parts is the same file that you can use to cut similar bicycle parts. However this is not everything, CAD descriptions alone don&#8217;t fully describe heating schedules, or filing methods&#8230; the art involved in certain processes of making things. [...] We are trying to think about the &#8216;art&#8217; or &#8216;skills&#8217; required to actually build things as defineable, sequential sub-routines that can be well illustrated with words and pictures. Cooking is an excellent example, processes like sauteeing, frying, filleting, and mashing are generic subroutines that have specific instances which require other detail for different meats. If you are writing a recipe, why not call upon the generic sauteeing subroutine and just add the unique details specific to your recipe. [<a href="http://www.instructables.com/about/fullstory.jsp" title="About Instructables">texto completo</a>]</p></blockquote>
<p><a href="http://www.instructables.com/id/ERK1ZODLCBEP286KBZ/" title="Electro-Graf en Instructables"><img src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2007/04/instructable3.jpg" alt="Instructables 3" /></a></p>
<p>En Instructables se pueden encontrar instrucciones para hacer cualquier cosa en diferentes categorí­as como <a href="http://www.instructables.com/tag/type:instructable/category:art/">arte</a>, <a href="http://www.instructables.com/tag/type:instructable/category:tech/">tecnologí­a</a> y <a href="http://www.instructables.com/tag/type:instructable/category:food/">comida</a>. Si no encuentra lo que quiere construir puede contribuir sus propias instrucciones. Contribuciones notables incluyen <a href="http://www.instructables.com/id/E897F4SS6AEP28750F/">instrucciones para hacer cerveza</a>, <a href="http://www.instructables.com/id/EP4I4EWF05IO1YO/">para hacer un <em>bananófono</em>?</a> y <a href="http://www.instructables.com/ex/i/95C0F26AF25910288451001143E7E506/">para crear <em>graffitis</em> electrónicos</a>, o Electro-Grafs (las imágenes de este artí­culo son de este último). Los Electro-Grafs son una idea original de <a href="http://a.parsons.edu/~roth/thesis/TEMP_graf_analysis/index.html">Evan Roth</a> y <a href="http://a.parsons.edu/~jk/thesis/">Joshua Kinberg</a> desarrollada durante sus estudios en el Parsons School of Design. El <a href="http://graffitiresearchlab.com/">Graffiti Research Lab</a>, un grupo de diseñadores/artistas/<em>geeks</em> que forma parte del <a href="http://research.eyebeam.org/">Eyebeam OpenLab</a> y que experimentan e investigan con diversas tecnologías, adoptó los Electro-Grafs:</p>
<blockquote><p>The Graffiti Research Lab is dedicated to outfitting graffiti writers, artists and protesters with open source tools for urban communication. The goal of the G.R.L. is to technologically empower individuals to creatively alter and reclaim their surroundings from commercial and corporate culture.</p></blockquote>
<p>Hay un <a href="http://graffitiresearchlab.com/?page_id=13#video">video</a> del proceso (algoritmo :) ) de elaboración de un Electro-Graf:</p>
<p><a href="http://graffitiresearchlab.com/?page_id=13#video" title="Electro-Graf en Instructables"><img src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2007/04/electrograf.jpg" alt="Electro-Graf" /></a></p>
<p>Gracias a <a href="http://www.fritolandia.com">Leonardo Parra</a> por sus aclaraciones sobre los Electro-Grafs.</p>
<p><a href="http://www.mauriciogiraldo.com/blog/2007/04/27/en-busca-de-una-vida-programable/" rel="bookmark">En busca de una vida programable</a> originalmente escrito en <a href="http://www.mauriciogiraldo.com/blog">mga/blog</a> en April 27, 2007.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mauriciogiraldo.com/blog/2007/04/27/en-busca-de-una-vida-programable/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Complejidad y visualización</title>
		<link>http://www.mauriciogiraldo.com/blog/2007/04/24/complejidad-y-visualizacion/</link>
		<comments>http://www.mauriciogiraldo.com/blog/2007/04/24/complejidad-y-visualizacion/#comments</comments>
		<pubDate>Wed, 25 Apr 2007 04:28:23 +0000</pubDate>
		<dc:creator>mga</dc:creator>
				<category><![CDATA[ciencia]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[información]]></category>
		<category><![CDATA[programación]]></category>
		<category><![CDATA[visualización]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.mauriciogiraldo.com/blog/2007/04/24/complejidad-y-visualizacion/</guid>
		<description><![CDATA[El clima, el tráfico terrestre y aéreo, las interacciones sociales, son todos ejemplos de sistemas complejos. La complejidad hace parte de nuestra cotidianidad y la mayorí­a de la veces no somos conscientes de ello. Un ejemplo reciente de visualización de información compleja (y el debate asociado que puede llegar a generarse por discrepancia de opiniones) [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.visualcomplexity.com/"><img src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2007/04/visualcomplexitycom.jpg" alt="visualcomplexity.com" /></a></p>
<p>El clima, el tráfico terrestre y aéreo, las interacciones sociales, son todos ejemplos de <a href="http://es.wikipedia.org/wiki/Sistema_complejo" title="sistemas complejos en Wikipedia">sistemas complejos</a>. La <a href="http://en.wikipedia.org/wiki/Complexity" title="complejidad en Wikipedia (inglÃ©s)">complejidad</a> hace parte de nuestra cotidianidad y la mayorí­a de la veces no somos conscientes de ello. Un ejemplo reciente de visualización de información compleja (y el debate asociado que puede llegar a generarse por discrepancia de opiniones) es el documental ganador del Oscar <a href="http://www.climatecrisis.net/" title="sitio web oficial">An Inconvenient Truth</a>. El documental busca encender una alarma a nivel mundial respecto al problema del calentamiento global. Al margen de la controversia como tal está la <strong>eficacia del uso de gráficos e imágenes al comunicar un mensaje</strong>. Sobre este tema hay <a href="http://www.adobe.com/designcenter/thinktank/womack.html" title="Seeing is believing: Information visualization and the debate over global warming">un interesante artí­culo en Adobe.com</a>:</p>
<blockquote><p>Information visualization is able to communicate the intricacies of global warming in a way no other discipline can. Its messages can be immediate and powerful, without sacrificing the level of detail necessary to represent the complex subject accurately.</p></blockquote>
<p><a href="http://www.visualcomplexity.com/">VisualComplexity.com</a> es un sitio web que recopila y clasifica numerosos ejemplos de visualización de información compleja. <a href="http://www.visualcomplexity.com/vc/index.cfm?domain=Art">Arte</a>, <a href="http://www.visualcomplexity.com/vc/index.cfm?domain=Biology">biologí­a</a>, <a href="http://www.visualcomplexity.com/vc/index.cfm?domain=Social%20Networks">redes sociales</a> y <a href="http://www.visualcomplexity.com/vc/index.cfm?domain=Music">música</a> son algunas de sus categorí­as:</p>
<blockquote><p>VisualComplexity.com intends to be a unified resource space for anyone interested in the visualization of complex networks. The project&#8217;s main goal is to leverage a critical understanding of different visualization methods, across a series of disciplines, as diverse as Biology, Social Networks or the World Wide Web. [<a href="http://www.visualcomplexity.com/vc/about.cfm" title="About VC">texto completo</a>]</p></blockquote>
<p><a href="http://www.mauriciogiraldo.com/blog/2007/04/24/complejidad-y-visualizacion/" rel="bookmark">Complejidad y visualización</a> originalmente escrito en <a href="http://www.mauriciogiraldo.com/blog">mga/blog</a> en April 24, 2007.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mauriciogiraldo.com/blog/2007/04/24/complejidad-y-visualizacion/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

