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

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

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

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

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

		<guid isPermaLink="false">http://www.mauriciogiraldo.com/blog/?p=566</guid>
		<description><![CDATA[He sido cliente de Bancolombia desde 1998 cuando todavía se llamaba BIC. En 2008 (30 de abril para ser exactos) tuve un problema transfiriendo dinero por la Sucursal Virtual Personas que hasta el día de hoy (casi dos años después) sigue igual (ya no puedo transferir a otros bancos). Por esta razón me tocó adquirir [...]]]></description>
			<content:encoded><![CDATA[<p>He sido cliente de Bancolombia desde 1998 cuando todavía se llamaba BIC. En 2008 (30 de abril para ser exactos) tuve un problema transfiriendo dinero por la Sucursal Virtual Personas que hasta el día de hoy (casi dos años después) sigue igual (ya no puedo transferir a otros bancos). Por esta razón <strong>me tocó adquirir una cuenta nueva a nombre de mi empresa</strong> y hacer uso de la Sucursal Virtual Empresas. Las transferencias que usualmente hacía eran pagos a proveedores y empleados (de ahí que me acuerde que era el 30 de abril de 2008, pago de quincena) y, siendo el tipo organizado que soy, decidí que lo más sensato era tener una cuenta empresarial.</p>
<p>El servicio de Sucursal Virtual Empresas vale unos US$ 200 al año pero supuse que, por esa no despreciable cantidad, tendría un servicio muy superior a la que había tenido hasta el momento en la otra cuenta.</p>
<p>Cuán equivocado estaba&#8230;</p>
<h3>Login y clave</h3>
<p>Empecemos por el <em>login</em>:</p>
<div id="attachment_581" class="wp-caption alignnone" style="width: 310px"><a href="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/login.png"><img class="size-medium wp-image-581" title="login" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/login-300x228.png" alt="" width="300" height="228" /></a><p class="wp-caption-text">login fail</p></div>
<p>Algunos detalles:</p>
<ul>
<li>el NIT y el usuario se escriben con el teclado normal pero&#8230;</li>
<li>la clave toca ponerla con el tecladito ese que sale pintado</li>
<li>ese teclado pintado no funciona bien: el área sensible de los botones es la <strong>letra</strong> y no la <strong>tecla</strong> de forma que es muy fácil <strong>no dar clic en el lugar correcto</strong>&#8230;</li>
<li>porque uno está <strong>pendiente del tecladito y no de la caja</strong> no se fija si está &#8220;tecleando&#8221; bien&#8230; si no sale un puntico ahí es que no hizo clic donde era</li>
<li>solo funciona bien en Internet Explorer (raro) pero <strong>¡estamos en 2010 no en 1999!</strong> Este tipo de idioteces es imperdonable hoy día, en especial en un <strong>sitio web transaccional que uno debe pagar para usar</strong>.</li>
<li><strong>¿que significa eso de &#8220;contraste 1 2 3&#8243;?</strong> (¿no puede hacer el tecladito ese accesible a todo el mundo sin necesidad de calibrar el contraste? ¿por qué no asumir el mayor nivel de contraste y eliminar esos controles que solo distraen?)</li>
</ul>
<p>Ya sé lo que están pensando: &#8220;el punto del tecladito ese es para evitar <a href="http://es.wikipedia.org/wiki/Keylogger"><em>key loggers</em></a>&#8220;. La verdad <strong>no imagino que clase de imbécil se mete a la sucursal virtual de una empresa desde un web café</strong> (que es donde suele haber <em>key loggers</em>) pero digamos que es medianamente sensato (aunque estoy seguro que si hay <em>key loggers</em> será igual de facil instalar otro tipo de programas espías). Eso significa que la Sucursal Virtual Empresas mantiene esa seguridad en todos lados donde se solicita la clave. ¿Cierto? Por ejemplo, donde uno puede cambiar su clave:</p>
<div id="attachment_584" class="wp-caption alignnone" style="width: 310px"><a href="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/clave.png"><img class="size-medium wp-image-584" title="clave" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/clave-300x225.png" alt="" width="300" height="225" /></a><p class="wp-caption-text">¿y dónde está el teclado?</p></div>
<p>Dejemos de lado esto y más bien hablemos de lo servicios de la Sucursal Virtual Empresas Bancolombia (suena elegante ¿no?).</p>
<p>Cabe anotar que yo uso esta sucursal principalmente para transferir a otras cuentas (pagos a proveedores, empleados, etc.) y para pagar servicios (luz, teléfono, internet, celular, etc.) así que de pronto me estoy perdiendo de un montón de servicios maravillosos que solo nuestro amado Bancolombia tiene para sus clientes empresariales (hmmm&#8230; nah).</p>
<p>Dicho eso, veamos un par de casos:</p>
<h3>Navegación</h3>
<div id="attachment_585" class="wp-caption alignnone" style="width: 310px"><a href="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/navegacion.png"><img class="size-medium wp-image-585" title="navegacion" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/navegacion-300x193.png" alt="" width="300" height="193" /></a><p class="wp-caption-text">test de motricidad fina</p></div>
<p>Este bello menú anidado nos transporta a una época web donde todo parecía no tener límites (¿recuerdan la <a href="http://en.wikipedia.org/wiki/Dot-com_bubble">burbuja</a>?) pero en este caso a alguien se le ocurrió que era el menú el que no debía tener límites. Muy 1990&#8242;s, este menú me recuerda <a title="fijarse en el menú superior, mire a ver si puede llegar a discos duros SCSI" href="http://www.frys.com">otro que lo supera en su complejidad</a>. <strong>Un diseño de información adecuado debe poder organizarla de forma que evite este tipo de malabarismos</strong>.</p>
<p>Si doy clic en &#8220;saldos&#8221; veamos qué sale (no sé por qué toca hacer clic y no sale eso en la pantalla principal con un resumen general de lo más reciente pero bueno):</p>
<h3>Saldos y Movimientos</h3>
<div id="attachment_586" class="wp-caption alignnone" style="width: 310px"><a href="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/saldo-resumen.png"><img class="size-medium wp-image-586" title="saldo resumen" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/saldo-resumen-300x225.png" alt="" width="300" height="225" /></a><p class="wp-caption-text">óptimo uso del espacio disponible</p></div>
<p>En esta pantalla se nota que el diseñador tuvo un momento de lucidez destacable. <strong>Es un juego compositivo que busca darle un nuevo significado al espacio en blanco</strong>. Un par de clics más y vemos el detalle de una cuenta (sí, si quiero llegar a ver el detalle de movimientos de una cuenta todavía me falta ver dos pantallas que no quiero incluir para no aburrirlos):</p>
<div id="attachment_587" class="wp-caption alignnone" style="width: 310px"><a href="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/movimientos.png"><img class="size-medium wp-image-587" title="movimientos" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/movimientos-300x189.png" alt="" width="300" height="189" /></a><p class="wp-caption-text">¿qué prefiere, tablas o tablas?</p></div>
<p>Empezamos a ver un patrón (y no me refiero a <a title="Wikipedia: Pablo Escobar" href="http://en.wikipedia.org/wiki/Pablo_Escobar">ese patrón</a>) sino a un patrón que suelo llamar <em>Save as&#8230;</em> pero combinado con otro que suelo llamar <em>Plantilla predeterminada 1</em>. Todas las pantallas de la Sucursal Virtual Empresas Bancolombia (sí, voy a procurar escribir el nombre completo siempre para ver si recibo algo de <em>ranking</em> Google para esos términos) <strong>parecen sacadas de un <em>template </em>de Microsoft FrontPage o Visual Studio</strong>.</p>
<h3>Transferencias</h3>
<p>Hagamos una transferencia. Eso sí es un servicio. Todo lo anterior no ha sido más que presentación de datos. Supongamos que ya tengo una cuenta creada (ese formato también es bello pero me lo voy a saltar) y que voy a hacer un &#8220;pago a proveedores&#8221;:</p>
<div id="attachment_589" class="wp-caption alignnone" style="width: 310px"><a href="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/transferencias.png"><img class="size-medium wp-image-589" title="transferencias" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/transferencias-300x134.png" alt="" width="300" height="134" /></a><p class="wp-caption-text">formulario de creación de transferencia</p></div>
<p>En &#8220;tipo de pago&#8221; hay:</p>
<div id="attachment_590" class="wp-caption alignnone" style="width: 310px"><a href="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/pagos.png"><img class="size-medium wp-image-590" title="pagos" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/pagos-300x223.png" alt="" width="300" height="223" /></a><p class="wp-caption-text">¿cuál de estos es el formato correcto?</p></div>
<p>…no uno ni dos ni tres sino <strong>veintisiete tipos de &#8220;pagos a proveedores&#8221; diferentes</strong> (¿WTF?).</p>
<p>¿Por qué carajos hay formatos del 2003? De pronto es que mi empresa no es una Fortune 500 o yo debería saber más de esto.</p>
<p><strong>¿Por qué hay un pago a proveedores que se llama &#8220;pago a proveedores&#8221;?</strong> ¿no es ese el verdadero &#8220;pago a proveedores&#8221;? Ese es el que yo siempre uso… nunca he usado ninguno de los otros y no sé que significan… de hecho es en otro lado en la sucursal que uno paga TV por cable entonces no entiendo qué hace esa opción ahí.</p>
<p><strong>¿Me faltó una capacitación para poder usar la Sucursal Virtual Empresas de Bancolombia?</strong></p>
<p>Bueno selecciono &#8220;pago a proveedores&#8221;. Ahora solo debo ponerle un nombre al pago… algo que me sirva para luego recordar qué estaba pensando yo al mandarle plata a otra persona: &#8220;Pago Paulo Pinto 12/1/2010&#8243; es suficientemente claro y explícito (cualquier parecido con nombres de personas reales es pura coincidencia):</p>
<div id="attachment_591" class="wp-caption alignnone" style="width: 310px"><a href="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/limite-chars.png"><img class="size-medium wp-image-591" title="limite chars" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/limite-chars-300x198.png" alt="" width="300" height="198" /></a><p class="wp-caption-text">26 caracteres ya es demasiado</p></div>
<p>¡Pues no! ¿Quién dijo que podía usar más de 25 caracteres? ¡Bruto! ¡Lo que sea que le va a poner al nombre de la transferencia debe ser menos de 25 letras y espacios! ¡25 es más que suficiente!</p>
<p>Con lo costoso que es guardar, digamos, 64 caracteres… hay niños muriendo de hambre y usted pidiendo más de 25 caracteres. ¿<a href="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/queremosprohibicion.mp3">Alguien quiere pensar en los niños</a>? Supongo que si permitiera más caracteres el servicio no podría ser tan económico… 200 dólares al año son una <strong>ganga</strong> (ni mencionar la Sucursal Virtual Personas Bancolombia que <strong>cobra por cada login</strong>). Esto me recuerda la arbitrariedad que tenían (y tienen) algunos sistemas operativos con los nombres de los archivos (<a title="Why does MS-DOS use 8.3 filenames instead of, say, 11.2 or 16.16?" href="http://blogs.msdn.com/oldnewthing/archive/2009/06/10/9718865.aspx">8 caracteres debía ser suficiente</a>).</p>
<p>FAIL</p>
<p>Me tengo que conformar con algo más prudente, más sensato… no podemos desperdiciar tanto caracter… hay niños muriéndose en todo el mundo.</p>
<p>Olvidaba mencionar que <strong>los nombres de las transferencias deben ser únicos</strong> (no puede haber dos pagos con el mismo nombre). ¡El sistema es capaz de <strong>manejar billones de pesos y millones de clientes pero no es capaz de generar un nombre único interno de forma automática</strong>! Debe haber un lado donde yo pueda saber qué nombres he usado o si el nombre está tomado… pues no… de ahí que decidí usar fechas para los nombres de los pagos (que de hecho está dos renglones abajo pero no encontré otra forma de garantizar unicidad).</p>
<p>Seleccionemos una cuenta a la cual transferir:</p>
<div id="attachment_592" class="wp-caption alignnone" style="width: 310px"><a href="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/abono-ahorros.png"><img class="size-medium wp-image-592" title="abono ahorros" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/abono-ahorros-300x182.png" alt="" width="300" height="182" /></a><p class="wp-caption-text">¿pago en efectivo? ¿desde la Sucursal Virtual empresas de Bancolombia?</p></div>
<p>Arriba vemos &#8220;Benef&#8221; que, supongo, significa &#8220;Beneficiario&#8221; (alguien tiene que pensar en los niños).</p>
<p>Claramente <strong>el sistema sabe que es una cuenta de ahorros</strong> (arriba dice &#8220;ahorros&#8221; y además es una cuenta Bancolombia). Sin embargo, en &#8220;tipo de transacción&#8221; me pide seleccionar qué hacer con la plata que voy a mandar. Por alguna razón <strong>no es capaz de asumir que voy a &#8220;abonar a una cuenta de ahorros&#8221;</strong>. Nunca he usado &#8220;pago en efectivo&#8221; (si voy a pagar en efectivo pues voy al cajero y saco la plata… para eso no necesito una sucursal virtual… ¿o es que mandan un tipo con la plata a donde vive el dueño de la cuenta? lo mismo aplica para el cheque… si tuviera chequera) y no sé que carajos es &#8220;efectivo seguro&#8221;.</p>
<p><strong>El problema es que si usted selecciona algo que NO sea &#8220;abono a cuenta de ahorros&#8221;, ¡la transacción falla!</strong> Pero de eso usted no se entera sino cuando el proveedor lo está llamando a preguntar: ¿por qué no me ha pagado?</p>
<h3>La odisea continúa&#8230;</h3>
<p>No sigo porque me puedo quedar toda la noche pegando pantallazos pero la verdad es que no puedo creer cómo, con <a title="Superintendencia Financiera de Colombia: Resultados del Sistema Financiero Colombiano Noviembre 2009 (PDF)" href="http://www.superfinanciera.gov.co/ComunicadosyPublicaciones/comsectorfinanciero112009.pdf">$25,000,000,000,000 en <em>utilidades</em> del sector financiero</a> (un gran porcentaje de eso siendo de nuestro amigo Bancolombia) no son capaces de tener una Sucursal Virtual Empresarial <em>cobrada</em> decente… ¡es realmente molesto y descarado!</p>
<p>Yo no tengo problema con pagar si recibo un servicio adecuado, especialmente si la empresa que presta el servicio está repleta de dinero.</p>
<p>¿Cómo es la sucursal virtual de su banco? ¿Es mejor o peor que esto? ¿Cuál banco me recomiendan?</p>
<p><a href="http://www.mauriciogiraldo.com/blog/2010/01/13/%c2%bfpor-que-la-sucursal-virtual-de-bancolombia-apesta/" rel="bookmark">¿por qué la Sucursal Virtual de Bancolombia apesta?</a> originalmente escrito en <a href="http://www.mauriciogiraldo.com/blog">mga/blog</a> en January 13, 2010.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mauriciogiraldo.com/blog/2010/01/13/%c2%bfpor-que-la-sucursal-virtual-de-bancolombia-apesta/feed/</wfw:commentRss>
		<slash:comments>26</slash:comments>
<enclosure url="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2010/01/queremosprohibicion.mp3" length="303566" type="audio/mpeg" />
		</item>
		<item>
		<title>SOUR: &#8220;&#26085;&#12293;&#12398;&#38899;&#33394;&#8221;</title>
		<link>http://www.mauriciogiraldo.com/blog/2009/08/05/sour/</link>
		<comments>http://www.mauriciogiraldo.com/blog/2009/08/05/sour/#comments</comments>
		<pubDate>Thu, 06 Aug 2009 04:04:29 +0000</pubDate>
		<dc:creator>mga</dc:creator>
				<category><![CDATA[general]]></category>
		<category><![CDATA[música]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.mauriciogiraldo.com/blog/?p=410</guid>
		<description><![CDATA[&#8220;&#26085;&#12293;&#12398;&#38899;&#33394; (Hibi no neiro)&#8221; impresionante video de la descripción en YouTube: This music video was shot for Sour&#8217;s &#8216;Hibi no Neiro&#8217; (Tone of everyday) from their first mini album &#8216;Water Flavor EP&#8217;. The cast were selected from the actual Sour fan base, from many countries around the world. Each person and scene was filmed purely [...]]]></description>
			<content:encoded><![CDATA[<p>&#8220;&#26085;&#12293;&#12398;&#38899;&#33394; (Hibi no neiro)&#8221;</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="355" 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/WfBlUQguvyw&amp;rel=1&amp;border=0" /><embed type="application/x-shockwave-flash" width="425" height="355" src="http://www.youtube.com/v/WfBlUQguvyw&amp;rel=1&amp;border=0" wmode="transparent"></embed></object></p>
<p>impresionante video</p>
<p>de la <a href="http://www.youtube.com/watch?v=WfBlUQguvyw">descripción en YouTube</a>:</p>
<blockquote><p><span>This music video was shot for Sour&#8217;s &#8216;Hibi no Neiro&#8217; (Tone of everyday) from their first mini album &#8216;Water Flavor EP&#8217;. The cast were selected from the actual Sour fan base, from many countries around the world. Each person and scene was filmed purely via webcam.</span></p>
<p>Director: Masashi Kawamura + Hal Kirkland + Magico Nakamura + Masayoshi Nakamura</p></blockquote>
<p><a href="http://www.mauriciogiraldo.com/blog/2009/08/05/sour/" rel="bookmark">SOUR: &#8220;&#26085;&#12293;&#12398;&#38899;&#33394;&#8221;</a> originalmente escrito en <a href="http://www.mauriciogiraldo.com/blog">mga/blog</a> en August 5, 2009.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mauriciogiraldo.com/blog/2009/08/05/sour/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>¿su blog de WordPress está lento?</title>
		<link>http://www.mauriciogiraldo.com/blog/2009/08/03/tip-para-acelerar-su-blog-de-wordpress/</link>
		<comments>http://www.mauriciogiraldo.com/blog/2009/08/03/tip-para-acelerar-su-blog-de-wordpress/#comments</comments>
		<pubDate>Mon, 03 Aug 2009 23:02:55 +0000</pubDate>
		<dc:creator>mga</dc:creator>
				<category><![CDATA[tips]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.mauriciogiraldo.com/blog/?p=396</guid>
		<description><![CDATA[Desde hace rato estaba inconforme con la velocidad de este blog. Suponía que era un tema de hosting, pero MediaTemple ha sido mi proveedor para cualquier cantidad de sitios, propios y ajenos, desde 2001 (o aún antes) y nunca he tenido grandes inconvenientes con ellos. Supuse que era un tema de WordPress (el corazón detrás [...]]]></description>
			<content:encoded><![CDATA[<p>Desde hace rato estaba inconforme con la velocidad de este blog. Suponía que era un tema de hosting, pero <a href="http://www.mediatemple.net/go/order/?refdom=pingpongestudio.com">MediaTemple</a> ha sido mi proveedor para cualquier cantidad de sitios, propios y ajenos, desde 2001 (o aún antes) y nunca he tenido grandes inconvenientes con ellos. Supuse que era un tema de <a href="http://wordpress.org/">WordPress</a> (el corazón detrás de este blog) pero <strong>he visto muchos blogs WordPress que no son lentos</strong>. Reduje la cantidad de <em>posts</em> que salen en cada pantallazo a cinco y nada (igual me parece mejor dejar eso como está ahora&#8230; el <a href="http://feeds.feedburner.com/mgablog"><em>feed</em></a> sigue igual con diez <em>posts</em>). El blog ya estaba <em>demasiado</em> lento al punto de ser insoportable. Me puse a buscar y encontré este <a title="Nailing Down Slow Performance in WordPress" href="http://www.idano.net/nailing-down-slow-performance-in-wordpress-74.htm">listado de tips</a> para resolver problemas de velocidad que <em>finalmente</em> resolvió el problema. Como el listado está en inglés, acá publico mi versión en español:</p>
<ol>
<li>Para evitar que su presencia como usuario administrador afecte el desempeño del blog, abra la administración de WP en un navegador (Firefox por ejemplo) y el blog como tal, sin estar logueado, en otro (Opera por ejemplo).</li>
<li>Vuelva a uno de los temas predeterminados/básicos de WordPress.</li>
<li>Si esto no funciona, desactive todos los plug-ins que tenga instalados.</li>
<li>Pruebe que el blog funcione bien (sea rápido o más rápido que antes). Si esto no sucede, puede que simplemente sea un tema de hosting&#8230; de pronto es momento de <a href="http://www.mediatemple.net/go/order/?refdom=pingpongestudio.com">pasarse a MediaTemple</a> :)</li>
<li>Active uno a uno los <em>plug-ins</em>, verificando que la velocidad no se afecte demasiado.</li>
<li>Eventualmente encontrará uno que sea el culpable de la lentitud.</li>
</ol>
<p>Cuando encuentre al culpable, busque una versión actualizada del <em>plug-in</em> o de pronto habrá uno equivalente que funcione mejor. En mi caso era <strong>BC Enable</strong> (no pongo link porque no se los recomiendo) que permite incluir videos de <a href="http://www.brightcove.com/">BrightCove</a> (como un YouTube pero comercial/profesional) en el blog. Lo peor de todo es que <strong>ni siquiera estaba usando el maldito <em>plug-in</em></strong> (!) (simplemente lo tenía activado en la administración y ya). A veces es mejor simplemente usar el código &lt;embed&gt; de los sitios así no sea &#8220;<a title="Flash Satay: Embedding Flash While Supporting Standards" href="http://www.alistapart.com/articles/flashsatay">políticamente</a> <a title="Bye Bye Embed" href="http://www.alistapart.com/articles/byebyeembed">correcto</a>&#8220;.</p>
<p>En restrospectiva parece obvio que el problema fuera un <em>plug-in</em>, pero la verdad nunca pensé que pudieran afectar <em>tanto</em> la velocidad del blog.</p>
<p>Espero el blog sea nuevamente un poco más tolerable (en lo que concierne a velocidad, por lo demás si no respondo) y el <em>tip</em> le sirva a alguien más.</p>
<p><a href="http://www.mauriciogiraldo.com/blog/2009/08/03/tip-para-acelerar-su-blog-de-wordpress/" rel="bookmark">¿su blog de WordPress está lento?</a> originalmente escrito en <a href="http://www.mauriciogiraldo.com/blog">mga/blog</a> en August 3, 2009.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mauriciogiraldo.com/blog/2009/08/03/tip-para-acelerar-su-blog-de-wordpress/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>todos los derechos reservados ©</title>
		<link>http://www.mauriciogiraldo.com/blog/2009/07/18/todos-los-derechos-reservados-%c2%a9/</link>
		<comments>http://www.mauriciogiraldo.com/blog/2009/07/18/todos-los-derechos-reservados-%c2%a9/#comments</comments>
		<pubDate>Sat, 18 Jul 2009 20:48:47 +0000</pubDate>
		<dc:creator>mga</dc:creator>
				<category><![CDATA[arte]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[general]]></category>
		<category><![CDATA[historia]]></category>
		<category><![CDATA[música]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.mauriciogiraldo.com/blog/?p=290</guid>
		<description><![CDATA[Actualización 12/10/09: Resulta que NBC ha sido demandada por Font Bureau por piratería de fonts (tipos de letra). Sí, es la misma NBC que forma parte de NBC Universal, que a su vez forma parte de la RIAA, que a su vez es el lobby mundial anti-piratería musical. Ironías de la vida&#8230; &#8211; Cuando uno [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Actualización 12/10/09:</strong> Resulta que <a href="http://cityfile.com/dailyfile/7508">NBC ha sido demandada por Font Bureau</a> por piratería de <em>fonts</em> (tipos de letra). Sí, es la misma NBC que forma parte de <a href="http://www.nbcuni.com/">NBC Universal</a>, que a su vez forma parte de la <a href="http://www.riaa.com/">RIAA</a>, que a su vez es el lobby mundial anti-piratería musical. Ironías de la vida&#8230;</p>
<p>&#8211;</p>
<p><img title="copyright" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2009/07/copyright.gif" alt="copyright" width="110" height="110" align="left" /> Cuando uno piensa en abogados que son celebridades vienen a la cabeza nombres como <a href="http://en.wikipedia.org/wiki/Atticus_Finch">Atticus Finch</a>, <a href="http://en.wikipedia.org/wiki/Perry_mason">Perry Mason</a>, <a href="http://en.wikipedia.org/wiki/Johnnie_Cochran">Johnnie Cochran</a>, <a href="http://www.imdb.com/title/tt0107818/">Andrew Beckett</a> y, obviamente, <a href="http://www.imdb.com/title/tt0118254/">Ally McBeal</a>. La mayoría de esas celebridades, reales o ficticias, han participado en casos controversiales que encerraron criminales, atacaron prejuicios, cambiaron legislaciones o dejaron asesinos libres. Yo nunca quise ser abogado pero encuentro fascinante el tema: al final la ley no es más que código, eso sí, muchas veces confuso.</p>
<p><strong>Derechos de autor</strong></p>
<p>Una de las áreas (para mi) más confusas del derecho es la de <a href="http://es.wikipedia.org/wiki/Derecho_de_autor">derechos de autor</a> o <em>copyright</em> como se conoce en el mundo anglosajón. Este post no pretende explicar en detalle eso (ya dije que no soy abogado) pero basta con decir que establecen el &#8220;conjunto de normas y principios que regulan los derechos morales y patrimoniales que la ley concede a los autores (los derechos de autor), por el solo hecho de la creación de una obra literaria, artística, científica o didáctica, esté publicada o inédita.&#8221; [<a href="http://es.wikipedia.org/wiki/Derecho_de_autor">1</a>] Y tiene sentido, por lo menos a primera vista: <strong>si una creación no está debidamente protegida de su usurpación ilegal, ¿qué motivación tiene un artista/científico/escritor de realizarla?</strong> Digamos que el placer de la creación por sí misma no es suficiente ya que todos tenemos que <a href="http://en.wikipedia.org/wiki/TANSTAAFL">pagar nuestro almuerzo</a>.</p>
<p>En <em>muy</em> pocas palabras, los derechos de autor fueron creados para regular la <strong>copia</strong> de las obras (<em>copy right</em>&#8230; ¡ajá, seguro que usted no lo había pensado!). Si yo quiero una copia de una obra (o &#8220;la obra&#8221; en el caso de creaciones que no puedan ser copiadas) debo obtener autorización de su autor. El autor decidirá si simplemente me da una copia o, por lo general, requerirá que yo le dé una suma de dinero a cambio. La cantidad de dinero a intercambiar es arbitraria pero en el fondo está determinada por el <a href="http://en.wikipedia.org/wiki/Market">mercado</a>. Dicho proceso de autorización suele ser delegada por los autores a los <a href="http://en.wikipedia.org/wiki/Publisher">publicadores</a> quienes se encargan de diseminar la obra obteniendo, en el proceso, beneficio ecónomico (un buen autor no necesariamente es un buen vendedor y vice-versa).</p>
<p><em>Puede que en este punto ya se esté empezando a aburrir de leer pero créame que vienen cosas interesantes.</em></p>
<p><strong>Todos en el juego</strong></p>
<p>En principio, el modelo mencionado tiene todo el sentido del mundo: el autor se encarga de hacer sus obras, el publicador las difunde y, si la obra es buena, la gente la compra y todos contentos. <strong>El problema surge cuando entran en la ecuación la palabra <em>digital</em> y, especialmente, la <em>web</em>.</strong> El problema con lo digital es lo fácil (y, por consecuencia, económico) que es generar una copia idéntica al original (gracias, en parte, a la reducción de costos de los quemadores de CD). El problema con la web es lo fácil (sí, económico también) que es distribuir esa obra (gracias al crecimiento del ancho de banda de una conexión casera promedio, a programas como Napster, Kazaa y BitTorrent, y a formatos como el MP3 y el DivX que reducen el tamaño de las obras con muy poca pérdida de calidad). Para colmo de males hay <em>otro</em> detalle y es que <strong>cada vez que vemos un documento/archivo/video en la web, automáticamente se genera una copia local</strong> (también conocida como el <em>caché</em> del navegador) de aquello que estamos viendo (con algunas excepciones, claro). <strong>Básicamente estamos quebrantando la ley con el solo acto de navegar.</strong></p>
<p><img class="alignnone size-full wp-image-323" title="The Grey Album" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2009/07/dangermouse.gif" alt="The Grey Album" width="425" height="130" /></p>
<p>Adicionalmente, hoy día se pueden adquirir, por un costo relativamente bajo, las herramientas necesarias para crear obras de calidad técnica que rivaliza con producciones de grandes estudios cinematográficos o disqueras. Estas herramientas facilitan, a creadores no reconocidos (¿amateurs?), el acceso a obras de &#8220;profesionales&#8221; como punto de partida para sus propias creaciones (<em>remix</em>, <em>collage</em>, <em>sampling</em>, llámelo como quiera). Estas nuevas obras muchas veces poco o nada tienen que ver con la original pero igual sus creadores son perseguidos por abogados (los abogados también pueden ser los malos del paseo) y obligados a suspender su distribución; dos casos notables: el músico conocido como <a href="http://en.wikipedia.org/wiki/Danger_Mouse">Danger Mouse</a> (quien combinó la música del <em>White Album</em> de The Beatles y el <em>Black Album</em> de Jay-Z para crear el que llamó <em>Grey Album</em> [<a title="British DJ Mixed Jay Z's The Black Album Over The Beatles' The White Album" href="http://www.associatedcontent.com/article/361264/danger_mouses_the_grey_album_free_speech.html?cat=33">2</a>]) y <a href="http://en.wikipedia.org/wiki/Girl_Talk_(musician)">Girl Talk</a> (quien ha usado docenas de <em>samples</em> de diferentes artistas en una misma canción [<a title="Girl Talk's Feed the Animals: The Official Sample List" href="http://waxy.org/2008/10/feed_the_animals_official_sample_list/">3</a>]). Sin embargo, ellos dos no son los únicos que han usado música de otros artistas para hacer sus propias obras: <strong>artista que se respete se ha &#8220;inspirado&#8221; en el trabajo de otros</strong> (&#8220;un buen artista toma prestado, un gran artista roba&#8221;, frase que suele atribuírsele a Pablo Picasso).</p>
<p>Evitando llegar a mayores niveles de densidad, el punto principal es que <strong>la ley de derechos de autor claramente no fue concebida teniendo en cuenta la situación tecnológica que llegaría a suceder años después.</strong></p>
<p><strong>Persiguiendo a propios y extraños</strong></p>
<p>Otro de los creadores que fue <a href="http://twitter.com/lessig/status/1642654831">perseguido</a> por abogados por su uso no autorizado de obras de terceros es <a title="sitio web personal de Lawrence Lessig" href="http://www.lessig.org/">Lawrence Lessig</a>, filósofo, economista y (sorpresa) abogado, quien además es profesor de derecho en el <a href="http://lawschool.stanford.edu/">Stanford Law School</a> (y toda una &#8220;celebridad web&#8221;). Como toda celebridad <em>nerd</em>, Lessig suele dictar conferencias apoyado de material audiovisual. Lessig publica algunas de esas presentaciones <a title="Lessig: videos" href="http://www.lessig.org/content/av/">en su sitio personal</a> y en sitios como YouTube.</p>
<p><em>Antes de seguir por favor ver la presentación que motivó a los abogados a <a href="http://twitter.com/lessig/status/1642654831">perseguir a Lessig</a> por &#8220;violación a la ley de derechos de autor&#8221;:</em></p>
<p><object style="width: 400px; height: 330px;" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="330" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://blip.tv/play/lG326zWBolM" /><embed style="width: 400px; height: 330px;" type="application/x-shockwave-flash" width="400" height="330" src="http://blip.tv/play/lG326zWBolM"></embed></object></p>
<p><em>En serio&#8230; vea la presentación&#8230; yo espero&#8230; si no sabe inglés siéntese con alguien que sepa y le vaya traduciendo.<br />
</em></p>
<p><em>Cabe anotar que la ley anglosajona contiene un ítem que permite el uso no autorizado de obras llamado &#8220;<a href="http://http://en.wikipedia.org/wiki/Fair_use">fair use</a>&#8221; (principalmente para ámbitos académicos o críticos) pero que, por alguna razón, los persecutores de Lessig no tuvieron en cuenta al notificarlo.</em></p>
<p>La presentación en cuestión está llena de ejemplos de cómo artistas y amateurs (principalmente los últimos&#8230; asumiendo que un &#8220;artista&#8221; no es un &#8220;amateur&#8221;) han construido sobre el trabajo de otros y cómo esto ha sido benéfico para la creación de cultura.</p>
<p><img title="Creative Commons" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2009/07/cc.gif" alt="Creative Commons" width="110" height="110" align="left" />Lessig es mejor conocido en este medio por su trabajo con <a title="sitio oficial" href="http://creativecommons.org/">Creative Commons</a> (CC), organización que fundó y que busca facilitar ese proceso natural de intercambio y reutilización de obras. El punto principal de CC es eliminar la premisa principal del <em>copyright</em> en cuanto a que se asume la <strong>no copiabilidad</strong> de una obra (por definición, toda obra creada, registrada o no, se considera con <em>todos los derechos reservados</em>, impidiendo así cualquier posible copia no autorizada). Este &#8220;pequeño&#8221; obstáculo se elimina con unas <a title="listado en inglés de las licencias Creative Commons" href="http://creativecommons.org/about/licenses/">licencias</a> creadas por CC en las que se asume la <strong>sí copiabilidad</strong> de una obra <strong>bajo ciertas condiciones</strong> que el autor pone <strong>sin perder el derecho</strong> sobre la misma (se pasa de <em>todos los derechos reservados</em> a <em>algunos derechos reservados</em>). Otra de las ventajas de las licencias CC es que <strong>no se necesita ser un abogado para entenderlas</strong> (!).</p>
<p>De esta forma, CC busca motivar la creación (artística, científica, literaria) la cual considera necesaria para el desarrollo de la cultura (con lo cual estoy de acuerdo). Las licencias eliminan intermediarios, permitiendo a los creadores tener control del uso y destino final de sus obras. Estas licencias han sido traducidas y adoptadas en <a href="http://creativecommons.org/international/">más de cincuenta países</a> (incluido Colombia). Las licencias CC también han sido adoptadas por millones de sitios web entre los que se incluyen <a href="http://www.wikipedia.org/">Wikipedia</a>, <a title="sitio para compartir fotos" href="http://www.flickr.com/">Flickr</a> y <a title="sitio para compartir videos que permite obtener dinero por las obras" href="http://www.revver.com/">Revver</a>.</p>
<p><em>Es difícil de ignorar la ironía que hay en que, de todos los que han podido censurar, hayan escogido un video de Lawrence Lessig. Si quiere saber en que terminó todo ese cuento contra Warner Music, disquera demandante que al parecer no vió con buenos ojos que uno de los ejemplos mostrados usara <a title="ver video en YouTube" href="http://www.youtube.com/watch?v=ynjIoymWHvU">música de los Muppets</a>, puede <a title="Lessig vs Warner" href="http://www.lessig.org/blog/2009/04/update_on_warner_music.html">leer el blog de Lessig</a>.</em></p>
<p><em><img class="alignnone size-full wp-image-325" title="NIN: The Slip" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2009/07/ninslip.jpg" alt="NIN: The Slip" width="425" height="173" /><br />
</em></p>
<p><strong>NIN ©</strong></p>
<p>Mientras que disqueras y estudios de cine (y <a title="Wired: Metallica Rips Napster" href="http://www.wired.com/politics/law/news/2000/04/35670">uno que otro artista</a>) tratan de tapar el sol con las manos <a title="EFF: RIAA v. The People " href="http://www.eff.org/riaa-v-people">demandando a diestra y siniestra</a>, algunos han usado la oportunidad para establecer un contacto directo con sus seguidores. El caso más popular es <a title="sitio web oficial" href="http://www.nin.com/">Nine Inch Nails</a> (NIN), banda liderada por <a title="Biografía en Wikipedia" href="http://en.wikipedia.org/wiki/Trent_Reznor">Trent Reznor</a> (en realidad se puede decir que NIN <em>es</em> Reznor y vice-versa). Para promover sus más recientes discos y giras, Reznor ha usado todo tipo de estrategias: incluyó <a title="37 signals: &quot;Year Zero&quot; project = &quot;the way a viral campaign should be run&quot;" href="http://www.37signals.com/svn/posts/403-year-zero-project-the-way-a-viral-campaign-should-be-run">mensajes secretos</a> en el material publicitario de una gira que llevaba a los <em>fans</em> a sitios web &#8220;escondidos&#8221; donde podían descargar música; <a title="NIN con Jane's Addiction y Street Sweeper Social Club" href="http://www.ninja2009.com/">sale de gira con bandas</a> que no son del mismo género musical de NIN; su más reciente disco (de 2008) podía <a title="NIN: The Slip" href="http://theslip.nin.com/">descargarse gratis</a> (licencia CC, como no) y, sin embargo, <a title="The Guardian: Amazon's bestselling album of 2008 was available as a free download" href="http://www.guardian.co.uk/music/2009/jan/08/nine-inch-nails-amazon-bestseller">fue el más vendido en Amazon</a>; critica <a title="Tech Crunch: Trent Reznor Responds To Apple: You Want Obscene, I’ll Show You Obscene" href="http://www.techcrunch.com/2009/05/03/trent-reznor-responds-to-apple-you-want-obscene-ill-show-you-obscene/">abierta y explícitamente</a> las políticas de las empresas que distribuyen su música.</p>
<p>Esta combinación de habilidad artística y de mercadeo (¿quién dijo que un buen artista no era un buen vendedor? ¡duh!) le ha <a title="Wired: Secret Websites, Coded Messages: The New World of Immersive Games" href="http://www.wired.com/entertainment/music/magazine/16-01/ff_args">merecido reconocimiento y entrevistas</a>. Puede que le caiga bien o mal, que le guste o no su música, pero no cabe duda que Reznor es un tipo brillante. Reznor entiende digital y web y lo que esto implica en su producción artística (y no se trata de abrir una cuenta de MySpace/Facebook y empezar a agregar &#8220;amigos&#8221;).</p>
<p>Así como NIN sirve de ejemplo de innovación (odio esa palabra) en el <em>mainstream</em>, no debemos perder de vista que <strong>la premisa básica de los Creative Commons es permitir a creadores construir a partir del trabajo de otros y a la vez permitir que otros construyan a partir de su propio trabajo</strong>. Claro que esto <em>no fue</em> lo que sucedió en el caso de <a href="http://stewdio.org/work/stewdio/">Stewart Smith</a>, artista y programador. Smith oyó una canción de una banda llamada <a title="All Music: Grandaddy" href="http://www.allmusic.com/cg/amg.dll?p=amg&amp;sql=11:0iftxqwhldde">Grandaddy</a> que le gustó y decidió <a href="http://stewdio.org/jed/">hacerle un video</a>:</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="300" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=4707422&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="400" height="300" src="http://vimeo.com/moogaloop.swf?clip_id=4707422&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>El video (bueno, lo que <em>sale</em> en el video) tiene la particularidad que es completamente programado. Es <em>código</em>: usted se consigue un computador que pueda ejecutar ese código (un <a title="Wikipedia: Apple ][+" href="http://en.wikipedia.org/wiki/Apple_II_Plus">Apple ][+</a> como el que aparece en el video), le da RUN, y listo... puede ver el video (bueno tiene que conseguir la canción y ponerle PLAY simultáneamente). El problema es que, al publicar ese video en internet, Smith estaba violando la ley de derechos de autor (la canción y <a title="Amazon: Grandaddy - The Sophtware Slump" href="http://www.amazon.com/gp/product/B00004T02T/maurigiral-20/">disco</a> en cuestión no están cobijados por una licencia CC). V2 Records, la disquera de Grandaddy, en lugar de demandarlo, decidió firmar un contrato retroactivo donde lo contrataban para hacer el video de esa canción (convirtiéndolo así en el video oficial). Al parecer no siempre tratan de tapar el sol con las manos.</p>
<p><strong>Presentando a...</strong></p>
<p>Si vió la presentación de Lessig (más vale que lo haya hecho) se dará cuenta que es muy buen presentador (bueno el no <em>sale</em> en la presentación pero podemos oír su voz y ver las imágenes y videos). <strong>Nada peor que una presentación aburrida</strong> (y la mayoría lo son). Todos hemos estado ahí: alguien hablando interminablemente buscando descrestar a su audiencia con un montón de <em>bullets</em> y cifras que no se pueden leer bien, con transiciones visuales al mejor estilo PowerPoint o, peor aún, <em>leyendo</em> un párrafo de texto que sale en la presentación. Si le sumamos a eso que el tema a presentar sea difícil de entender o especializado, tenemos un mejor somnífero que <a href="http://en.wikipedia.org/wiki/Halcion">Halcion</a>.</p>
<p>No nos digamos mentiras, el derecho puede ser <em>muy</em> aburrido: yo no he estado en un juicio pero lo que vi en televisión <a href="http://en.wikipedia.org/wiki/O._J._Simpson_murder_case">del de O. J. Simpson</a> y <a href="http://en.wikipedia.org/wiki/Menendez_brothers">del de los hermanos Menendez</a> era bien aburrido. Las versiones cinematográficas que pueden hacerse seguro serían mucho más interesantes (empezando porque resumirían cuatro años de litigio en dos horas) y eso que son casos controversiales de asesinato.</p>
<p><em>No me mire así por estar hablando "de esta forma" de juicios por asesinato... usted entiende a lo que me refiero.</em></p>
<p><strong>El crédito de Lessig está en tener el interés del observador durante toda su charla a la vez que hace fáciles de entender conceptos e ideas que pueden ser difíciles de asimilar para personas no familiarizadas con el tema.</strong></p>
<p>Esa forma de presentar <a title="The &quot;Lessig Method&quot; of presentation" href="http://presentationzen.blogs.com/presentationzen/2005/10/the_lessig_meth.html">lleva su nombre</a> (dije que Lessig es una celebridad) en este <a title="Presentation Zen por Garr Reynolds" href="http://presentationzen.blogs.com/">blog dedicado a cómo hacer buenas presentaciones</a> (sí, hay un sitio web para todo). En ese blog mencionan <a title="OSCON 2005 Keynote - Identity 2.0" href="http://www.identity20.com/media/OSCON2005/">una presentación realizada al "estilo Lessig"</a> particularmente interesante y entretenida pero de otro tema completamente diferente (aunque es un tema web). No la puedo meter acá así que mejor <a title="OSCON 2005 Keynote - Identity 2.0" href="http://www.identity20.com/media/OSCON2005/">visite este link</a> y haga clic en la versión <em>Streaming (Flash)</em> que dice <em>Play Small (240x180, 100kbps)</em>.</p>
<p>Al final todo se reduce a la habilidad de una persona de hacerse entender.</p>
<p><strong>Actualización 28/09/09:</strong> Hablando de Trent Reznor, me enviaron <a href="http://www.joystiq.com/2009/09/24/interview-trent-reznor/">esta entrevista que le hace Joystiq</a>. Resulta que Reznor es, además, un ávido <em>gamer</em> y al parecer quiere desarrollar proyectos de ese tipo. Lectura recomendada (si le interesan los videojuegos).</p>
<p>Información relacionada:</p>
<ul>
<li><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/">mga/blog: Visualización de información, ...</a>: Post con algunos links al trabajo de Edward Tufte</li>
<li><a title="Wired: Sample the Future" href="http://www.wired.com/wired/archive/12.11/sample.html">Bájese este disco con licencia CC que incluye canciones de los Beastie Boys, David Byrne y Le Tigre</a></li>
<li><a title="Google Code: RA DIOHEA_D / HOU SE OF_C ARDS" href="http://code.google.com/creative/radiohead/">Vea y baje el video de House of Cards de Radiohead</a> (también es código y es de distribución libre)</li>
<li><a href="http://www.mauriciogiraldo.com/blog/2007/06/02/pixel-frenzy/">mga/blog: pixel-frenzy</a>: Post que hace mención de un video oficial de Modest Mouse hecho por fans</li>
<li><a href="http://en.wikipedia.org/wiki/RiP!:_A_Remix_Manifesto">RiP!: A Remix Manifesto</a>: Documental de 2008 sobre copyright (<a href="http://www.opensourcecinema.org/project/rip2.0">véalo acá</a>).</li>
<li><a href="http://74.124.198.47/illegal-art.net/__girl__talk___feed__the__anima.ls___/">Bájese el último disco de Girl Talk</a> (obviamente con licencia CC)</li>
<li><a title="10 Big Myths about copyright explained" href="http://www.templetons.com/brad/copymyths.html">Un buen FAQ de mitos sobre el <em>copyright</em></a> (en inglés) [vía <a href="http://flickr.com/nomeacuerdo">nomeacuerdo</a>]</li>
<li><a href="http://www.mauriciogiraldo.com/blog/2007/05/21/%c2%bfque-es-copyright/">mga/blog: ¿qué es copyright?</a>: Post anterior con un video <em>mashup</em> que usa material de Disney para explicar el concepto de <em>copyright</em></li>
</ul>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 4312px; width: 1px; height: 1px;">
<pre id="line1">Visualización de información, diseño de interfaces, naturaleza y código</pre>
</div>
<p><a href="http://www.mauriciogiraldo.com/blog/2009/07/18/todos-los-derechos-reservados-%c2%a9/" rel="bookmark">todos los derechos reservados ©</a> originalmente escrito en <a href="http://www.mauriciogiraldo.com/blog">mga/blog</a> en July 18, 2009.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mauriciogiraldo.com/blog/2009/07/18/todos-los-derechos-reservados-%c2%a9/feed/</wfw:commentRss>
		<slash:comments>3</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>¿qué es diseño web?</title>
		<link>http://www.mauriciogiraldo.com/blog/2008/02/19/%c2%bfque-es-diseno-web/</link>
		<comments>http://www.mauriciogiraldo.com/blog/2008/02/19/%c2%bfque-es-diseno-web/#comments</comments>
		<pubDate>Tue, 19 Feb 2008 06:32:47 +0000</pubDate>
		<dc:creator>mga</dc:creator>
				<category><![CDATA[diseño]]></category>
		<category><![CDATA[general]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.mauriciogiraldo.com/blog/2008/02/19/%c2%bfque-es-diseno-web/</guid>
		<description><![CDATA[Actualización (16/12/2008): Hoy SitePoint (reconocido sitio web dirigido a creadores web) anunció la muerte de Web 2.0. Ma alegrará ver como ese desagradable término finalmente se disipa en la nube de internet y todo vuelve a la &#8220;normalidad&#8221;. — Han pasado unos quince años desde que se masificó lo que hoy conocemos como Internet. Esa [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Actualización (16/12/2008):</strong> Hoy <a href="http://www.sitepoint.com/">SitePoint</a> (reconocido sitio web dirigido a creadores web) <a href="http://www.sitepoint.com/blogs/2008/12/17/the-day-web-20-died/">anunció la muerte de Web 2.0</a>. Ma alegrará ver como ese desagradable término finalmente se disipa en la nube de internet y todo vuelve a la &#8220;normalidad&#8221;.</p>
<p>—</p>
<p>Han pasado <a title="historia de Internet según Wikipedia (inglés)" href="http://en.wikipedia.org/wiki/History_of_the_Internet">unos quince años</a> desde que se masificó lo que hoy conocemos como Internet. Esa masificación se da en parte gracias a la <strong>distribución libre</strong> de dos elementos claves: <strong>el lenguaje HTML y el navegador web</strong>. Ambos son creación de <a href="http://en.wikipedia.org/wiki/Tim_Berners-Lee">Tim Berners-Lee</a> mientras trabajaba en el <a href="http://en.wikipedia.org/wiki/CERN">CERN</a>, un centro de investigación europeo. El primero es un <a href="http://en.wikipedia.org/wiki/HTML">lenguaje muy sencillo</a> que permite a personas sin conocimiento de programación realizar documentos de hipertexto mientras que el segundo es el programa que hace visible dichos documentos (evoluciones de dicho programa se pueden ver hoy en los numerosos navegadores disponibles). A esta combinación de tecnologías, por un lado la comunicación y transferencia de información vía red y por el otro el <a href="http://en.wikipedia.org/wiki/Hypertext">hipertexto</a>, Berners-Lee decidió llamarla World Wide Web (WWW). WWW no fue el primer proyecto que sacó provecho de la Internet (paralelo a este existen otros menos conocidos como FTP, Gopher y WAIS entre otros) pero hoy día es el más popular ya que permite moverse dentro de la información en un ambiente que combina texto e imágenes (&#8220;navegar&#8221;) y que luego se complementaría con video, sonido y posibilidades adicionales de interacción gracias a programas que se instalan en los navegadores: <em>plug-ins</em>.</p>
<p><img src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2008/02/construccion.gif" alt="Under Construction" /></p>
<p>La facilidad para crear documentos de hipertexto (páginas web) que permite el HTML dió lugar a que <strong>cualquier persona</strong> con un editor de texto simple (Notepad, SimpleText) pudiera &#8220;diseñar&#8221; sus propios sitios web (¿quién no conoce un primo de un amigo que &#8220;diseña páginas web&#8221;?). La WWW como la conocemos ahora empieza a surgir en los noventas con una gran incertidumbre; se sospechaba que sería un medio importante pero no se tenía certeza de cómo debía ser abordado. Pioneros como <strong>Jeff Bezos</strong> (Amazon), <strong>Jerry Yang y David Filo</strong> (Yahoo), Sabeer Bhatia y Jack Smith (Hotmail), Pierre Omidyar (eBay) daban las <strong>primeras pautas de diseño exitosas</strong> que luego serían imitadas por muchos y encapsuladas en lo que hoy conocemos como &#8220;comercio electrónico&#8221;, &#8220;portales&#8221; o &#8220;redes sociales&#8221;. Otros como <strong>Joshua Davis</strong> (praystation.com), <strong>Yugo Nakamura</strong> (yugop.com), ioResearch (theremediproject.com) y Eric Natzke (natzke.com) asumiendo la vanguardia web, experimentaban con el medio y las herramientas que se producían (Java, Flash, VRML, video). La anterior no pretende ser una lista exhaustiva ni esto una historia resumida de la WWW (para eso ya <a href="http://en.wikipedia.org/wiki/History_of_the_Internet">hay otros</a> <a href="http://www.ibiblio.org/pioneers/index.html">sitios web</a>).</p>
<p><a title="The Remedi Project" href="http://www.theremediproject.com/"><img src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2008/02/remedi.gif" alt="The Remedi Project" /></a></p>
<p><strong>El diseño web surge orgánicamente con el medio</strong>, con claras bases en otras disciplinas del diseño pero con sus particularidades y peculiaridades; se establecen nuevas estéticas y lenguajes. Un interesante análisis y recuento sobre la estética temprana (90s-00s) de la WWW se puede ver y leer en <em><a href="http://art.teleportacia.org/observation/vernacular/">La web vernácula: los indígenas y los bárbaros</a></em> (traducción propia del título en inglés), un artículo de Olia Lialina, rusa, artista y diseñadora web (no olvide hacer clic en el botón abajo a la derecha que parece decir &#8220;continuar&#8221; en ruso):</p>
<blockquote><p>So what was this culture? What do we mean by the web of the mid 90&#8242;s and when did it end?</p>
<p>To be blunt it was bright, rich, personal, slow and under construction. It was a web of sudden connections and personal links. Pages were built on the edge of tomorrow, full of hope for a faster connection and a more powerful computer. One could say it was the web of the indigenous&#8230;or the barbarians. In any case, it was a web of amateurs soon to be washed away by dot.com ambitions, professional authoring tools and guidelines designed by usability experts.</p></blockquote>
<p>Si no tuvo la oportunidad de ver esos sitios web como eran hace 10 años no se preocupe, <a href="http://www.archive.org/">existe la máquina del tiempo web</a>. Escriba un url y de clic en &#8220;take me back&#8221;&#8230; puede ver <a href="http://web.archive.org/web/19961220154510/http://www.yahoo.com/">cómo era Yahoo en 1996</a>.</p>
<p>Hoy día no nos libramos de esas &#8220;modas de diseño web&#8221;: ahora se habla de una tal Web 2.0 y un tal AJAX (y no es el héroe mitológico ni el detergente) y que en realidad no son más que apodos (también conocidos como <em><a href="http://www.tfd.com/buzzword">buzzwords</a></em>) a estilos de diseño, tecnologías o metodologías que existen desde hace rato (más de diez años en el caso de AJAX). No pongo links intencionalmente :). Al parecer no soy el único que detesta (sí, detesta) la compulsividad de algunos a reempaquetar conceptos/ideas/modas en &#8220;nuevos e innovadores&#8221; conceptos y de otros de seguirlos ciegamente: en 2007 se llevó a cabo la charla <a href="http://elliotjaystocks.com/blog/archive/2007/destroy-the-web-20-look-future-of-web-design-new-york/">Destroy The Web 2.0 Look</a>:</p>
<div id="__ss_160068" style="width: 425px; text-align: left;"><object style="margin:0px" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="355" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=fowd-november-2007-1194556763131314-1" /><param name="allowfullscreen" value="true" /><embed style="margin:0px" type="application/x-shockwave-flash" width="425" height="355" src="http://static.slideshare.net/swf/ssplayer2.swf?doc=fowd-november-2007-1194556763131314-1" allowscriptaccess="always" allowfullscreen="true"></embed></object></div>
<p>Lialina tiene también un artículo sobre la &#8220;nueva generación web&#8221;, aptamente llamado <em><a href="http://contemporary-home-computing.org/vernacular-web-2/">La web vernácula 2</a></em> que también vale la pena leer.</p>
<p>Pero el problema sigue ahí: <strong>aún no sabemos qué es &#8220;diseño web&#8221;</strong>. <a href="http://en.wikipedia.org/wiki/Web_design">Wikipedia hace un intento</a> pero se queda en una definición técnica. Recientemente encontré un <a href="http://alistapart.com/articles/understandingwebdesign">artículo de Jeffrey Zeldman</a> que podría ser lo que buscamos:</p>
<blockquote><p>We get better design when we understand our medium. Yet even at this late cultural hour, many people don’t understand web design. Among them can be found some of our most distinguished business and cultural leaders, including a few who possess a profound grasp of design—except as it relates to the web.</p>
<p>[...]</p>
<p>The trouble is, web design, although it employs elements of graphic design and illustration, does not map to them. If one must compare the web to other media, typography would be a better choice. For a web design, like a typeface, is an environment for someone else’s expression. Stick around and I’ll tell you which site design is like Helvetica.</p>
<p>Architecture (the kind that uses steel and glass and stone) is also an apt comparison—or at least, more apt than poster design. The architect creates planes and grids that facilitate the dynamic behavior of people. Having designed, the architect relinquishes control. Over time, the people who use the building bring out and add to the meaning of the architect’s design.</p></blockquote>
<p>Zeldman finalmente plantea su <strong>definición de diseño web</strong>:</p>
<blockquote><p>Web design is the creation of digital environments that facilitate and encourage human activity; reflect or adapt to individual voices and content; and change gracefully over time while always retaining their identity.</p></blockquote>
<p>Mi traducción: <strong>el diseño web es la creación de ambientes digitales que facilitan y motivan la actividad humana; reflejan o adaptan voces y contenidos individuales; cambia en el tiempo de forma agraciada pero siempre conservando su identidad</strong>. Acá está nuevamente el <a href="http://alistapart.com/articles/understandingwebdesign">link al artículo completo</a> porque realmente vale la pena leerlo.</p>
<p>Para terminar, ya que estamos en eso de las definiciones, veamos qué dice Paul Rand (logo de IBM y UPS entre otros) sobre su definición de diseño:</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="355" 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/4yOjts0tpco&amp;rel=1&amp;border=0" /><embed type="application/x-shockwave-flash" width="425" height="355" src="http://www.youtube.com/v/4yOjts0tpco&amp;rel=1&amp;border=0" wmode="transparent"></embed></object></p>
<p>Links relacionados en este mismo blog:</p>
<ul>
<li><a href="http://www.mauriciogiraldo.com/blog/2007/08/11/jeffrey-zeldman-milton-glaser-shigeru-miyamoto/">Jeffrey Zeldman, Milton Glaser, Shigeru Miyamoto</a></li>
</ul>
<p><a href="http://www.mauriciogiraldo.com/blog/2008/02/19/%c2%bfque-es-diseno-web/" rel="bookmark">¿qué es diseño web?</a> originalmente escrito en <a href="http://www.mauriciogiraldo.com/blog">mga/blog</a> en February 19, 2008.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mauriciogiraldo.com/blog/2008/02/19/%c2%bfque-es-diseno-web/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>
