<?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; arte</title>
	<atom:link href="http://www.mauriciogiraldo.com/blog/category/arte/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.mauriciogiraldo.com/blog</link>
	<description>ISSN 2011-0146</description>
	<lastBuildDate>Thu, 26 Jan 2012 16:03:16 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Presentando Stereogranimator</title>
		<link>http://www.mauriciogiraldo.com/blog/2012/01/26/presentando-stereogranimator/</link>
		<comments>http://www.mauriciogiraldo.com/blog/2012/01/26/presentando-stereogranimator/#comments</comments>
		<pubDate>Thu, 26 Jan 2012 16:03:16 +0000</pubDate>
		<dc:creator>mga</dc:creator>
				<category><![CDATA[arte]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[historia]]></category>
		<category><![CDATA[interacción]]></category>
		<category><![CDATA[programación]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.mauriciogiraldo.com/blog/?p=872</guid>
		<description><![CDATA[GIF made with the NYPL Labs Stereogranimator Publico esta foto hecha con el Stereogranimator como abrebocas para un post que publicaré más adelante sobre mi trabajo en la Biblioteca Pública de New York.]]></description>
			<content:encoded><![CDATA[<p><a href="http://stereo.nypl.org/view/210"><img alt="GIF made with the NYPL Labs Stereogranimator - view more at http://stereo.nypl.org/gallery/index" src="http://stereo.nypl.org/view/210.gif" /><br />GIF made with the NYPL Labs Stereogranimator</a></p>
<p>Publico esta foto hecha con el <a href="http://stereo.nypl.org">Stereogranimator</a> como abrebocas para un post que publicaré más adelante sobre mi trabajo en la <a href="http://nypl.org">Biblioteca Pública de New York</a>.</p>
<p><a href="http://www.mauriciogiraldo.com/blog/2012/01/26/presentando-stereogranimator/" rel="bookmark">Presentando Stereogranimator</a> originalmente escrito en <a href="http://www.mauriciogiraldo.com/blog">mga/blog</a> en January 26, 2012.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mauriciogiraldo.com/blog/2012/01/26/presentando-stereogranimator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Body Type</title>
		<link>http://www.mauriciogiraldo.com/blog/2011/06/29/body-type/</link>
		<comments>http://www.mauriciogiraldo.com/blog/2011/06/29/body-type/#comments</comments>
		<pubDate>Thu, 30 Jun 2011 00:49:20 +0000</pubDate>
		<dc:creator>mga</dc:creator>
				<category><![CDATA[arte]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[interacción]]></category>
		<category><![CDATA[kinect]]></category>
		<category><![CDATA[programación]]></category>
		<category><![CDATA[tipografí­a]]></category>

		<guid isPermaLink="false">http://www.mauriciogiraldo.com/blog/?p=856</guid>
		<description><![CDATA[Update: I have released most of the code for this project so that you can take a look. Send any improvements! ;) A typeface is an environment for someone&#8217;s expression: using typefaces we write documents, create posters and subtitle movies. We follow the type creator&#8217;s restrictions and design decisions (kerning, spacing, proportion) when using her [...]]]></description>
			<content:encoded><![CDATA[<p><em>Update: I have released most of the <a href="http://code.google.com/p/bodytype/">code for this project</a> so that you can take a look. Send any improvements! ;)</em></p>
<p><iframe src="http://player.vimeo.com/video/25793769?title=0&amp;byline=0&amp;portrait=0&amp;color=80ceff" width="475" height="356" frameborder="0"></iframe></p>
<p>A typeface is an environment for someone&#8217;s expression: using typefaces we write documents, create posters and subtitle movies. We follow the type creator&#8217;s restrictions and design decisions (kerning, spacing, proportion) when using her fonts. Good typefaces are created by highly-skilled people and can take several years to create. <em>Body Type</em> aims to allow anyone to create a highly expressive and personal typeface using only their body and hand gestures.</p>
<p><em>Body Type</em> is an excercise on freestyle computing and was built using OpenFrameworks, the Microsoft Kinect sensor, OpenNI, FontForge, Potrace, ImageMagick, PHP, TouchOSC and the Apple iPhone.</p>
<p><strong>Background</strong></p>
<p>This project builds on a <a href="http://golancourses.net/2011spring/03/23/project-4-body-font-mauricio-giraldo/">previous exercise on generative art</a> that made use of the Kinect OpenNI skeleton system to create letterforms. I decided to take the idea further and create a self-contained application that would allow anyone to create a <a href="http://en.wikipedia.org/wiki/TrueType">TrueType</a> font using their body and gestures. The software should allow people to create type using their body in a way evocative of light painting photography:</p>
<p><a href="http://www.flickr.com/photos/sovietuk/1780992565/" title="love more. by tricky ™, on Flickr"><img src="http://farm3.static.flickr.com/2357/1780992565_e1c5a92c89.jpg" width="500" height="333" alt="love more."/></a></p>
<p><strong>Technical information</strong></p>
<p><em>Body Type</em> was created using the Microsoft Kinect sensor which was controlled by a C++ application created using <a href="http://www.openframeworks.cc/">openFrameworks</a> and its OpenNI extension. This allowed for the 3D input received from the sensor to be converted into variable-width outlines and skeletons. The next issue was creating a TrueType font (.TTF file) from these silhouettes. The font-generation process goes through several stages in order to achieve this:</p>
<ol>
<li>Using openFrameworks to generate a black and white bitmap representation of each letter.</li>
<li><a href="http://www.imagemagick.org/">ImageMagick</a> is used to convert the image to a format compatible with <a href="http://fontforge.sourceforge.net/">FontForge</a>.</li>
<li>FontForge makes use of <a href="http://potrace.sourceforge.net/">Potrace</a> to vectorize the bitmap and then generates the final letterform and font.</li>
<li>Since <em>Body Type</em> was displayed in the STUDIO for Creative Inquiry as part of an exhibition, web functionality was added so that font-creators could send themselves the resulting files. PHP was used to create a compressed ZIP file of all image and TTF files and send it to the specified email address.</li>
</ol>
<p>The created font has six different possible parameters to determine a letterform&#8217;s visual attributes: skeleton lines, skeleton dots, line width, upper body, lower body and hand trails. Since controlling these parameters would be quite complicated to do by using gestures or on-screen menus, a <a href="http://hexler.net/software/touchosc">TouchOSC</a> iOS overlay was created to allow remote control via <a href="http://opensoundcontrol.org/">Open Sound Control</a>:</p>
<p><a href="http://www.flickr.com/photos/mgiraldo/5668581588/" title="Body Type iPhone console by m g a, on Flickr"><img src="http://farm6.static.flickr.com/5030/5668581588_c26cbbce13.jpg" width="320" height="480" alt="Body Type iPhone console"/></a></p>
<p><strong>Results</strong></p>
<p>During the STUDIO exhibition dozens of fonts were created. Below are samples of some of them.</p>
<p><a href="http://www.flickr.com/photos/mgiraldo/5709784934/" title="meta 2 by m g a, on Flickr"><img src="http://farm4.static.flickr.com/3579/5709784934_d9d729f449.jpg" width="500" height="142" alt="meta 2"/></a><br />
By <a href="http://www.design.cmu.edu/show_person.php?t=f&#038;id=TerryIrwin">Terry Irwin</a></p>
<p><a href="http://www.flickr.com/photos/mgiraldo/5678372426/" title="shawn sims outline by m g a, on Flickr"><img src="http://farm6.static.flickr.com/5104/5678372426_38c38f3276.jpg" width="500" height="142" alt="shawn sims outline"/></a><br />
By <a href="http://twitter.com/shawn_sims_">Shawn Sims</a></p>
<p><a href="http://www.flickr.com/photos/mgiraldo/5678620912/" title="heather knight flower alphabet by m g a, on Flickr"><img src="http://farm6.static.flickr.com/5302/5678620912_ba6e33fe5c.jpg" width="500" height="94" alt="heather knight flower alphabet"/></a><br />
By <a href="http://www.marilynmonrobot.com/">Heather Knight</a> (dingbats)</p>
<p><a href="http://www.flickr.com/photos/mgiraldo/5688023016/" title="chinese whispers by m g a, on Flickr"><img src="http://farm6.static.flickr.com/5266/5688023016_213c687672.jpg" width="500" height="98" alt="chinese whispers"/></a><br />
By <a href="http://www.facebook.com/#!/profile.php?id=643284734">Cong Ma</a> (chinese characters)</p>
<p><a href="http://www.flickr.com/photos/mgiraldo/5688066958/" title="faste bold by m g a, on Flickr"><img src="http://farm6.static.flickr.com/5228/5688066958_67535fb7e7.jpg" width="500" height="144" alt="faste bold"/></a><br />
By <a href="http://www.haakonfaste.com/">Haakon Faste</a></p>
<p>Creating the font is just part of the process. A font is made to be used. This project acknowledges the limitations of the fonts created both technically (since they lack proper letter spacing) and alphabetically  (since they contain only representations for letters A to Z and numbers 0 to 9). However, these fonts allow for &#8220;freestyle&#8221; graphic experimentation:</p>
<p><a href="http://golancourses.net/2011spring/wp-content/uploads/blue.jpg"><img src="http://golancourses.net/2011spring/wp-content/uploads/blue-300x300.jpg" alt="" title="by Paulo Pinto" width="300" height="300" class="alignnone size-medium wp-image-6884" /></a><br />
By <a href="http://www.axxostudio.com/">Paulo Pinto</a></p>
<p><a href="http://golancourses.net/2011spring/wp-content/uploads/nadia.jpeg"><img src="http://golancourses.net/2011spring/wp-content/uploads/nadia-300x300.jpg" alt="" title="By Juan Carlos Cammaert" width="300" height="300" class="alignnone size-medium wp-image-6885" /></a><br />
By <a href="http://welovebooks.net/">Juan Carlos Cammaert</a></p>
<p><a href="http://www.flickr.com/photos/mgiraldo/5663272807/" title="Body Type by m g a, on Flickr"><img src="http://farm6.static.flickr.com/5030/5663272807_ca505eab13.jpg" width="324" height="500" alt="Body Type"/></a><br />
By <a href="http://www.mauriciogiraldo.com/blog">Mauricio Giraldo Arteaga</a></p>
<p>Further work can be explored creating complete characters sets.</p>
<p>This project was done as part of the requirements to complete the <a href="http://golancourses.net/2011spring/">Spring 2011 Interactive Art and Computational Design course</a> with Professor Golan Levin in Carnegie Mellon University.</p>
<p><a href="http://www.mauriciogiraldo.com/blog/2011/06/29/body-type/" rel="bookmark">Body Type</a> originalmente escrito en <a href="http://www.mauriciogiraldo.com/blog">mga/blog</a> en June 29, 2011.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mauriciogiraldo.com/blog/2011/06/29/body-type/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Body Type</title>
		<link>http://www.mauriciogiraldo.com/blog/2011/03/26/body-font/</link>
		<comments>http://www.mauriciogiraldo.com/blog/2011/03/26/body-font/#comments</comments>
		<pubDate>Sat, 26 Mar 2011 21:54:27 +0000</pubDate>
		<dc:creator>mga</dc:creator>
				<category><![CDATA[arte]]></category>
		<category><![CDATA[interacción]]></category>
		<category><![CDATA[kinect]]></category>
		<category><![CDATA[programación]]></category>
		<category><![CDATA[tipografí­a]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://www.mauriciogiraldo.com/blog/?p=838</guid>
		<description><![CDATA[UPDATE: &#8220;Light painting&#8221; test: NUEVO: Prueba con &#8220;dibujo con luz&#8221;: &#8211; Body Type is a body-based font generator using OpenFrameworks, OpenNI and the Kinect sensor. Project for the Spring 2011 Interactive Art &#38; Computational Design course in Carnegie Mellon University golancourses.net/2011spring/ &#8211; Body Type es un generador de tipografías basadas en el cuerpo que usa [...]]]></description>
			<content:encoded><![CDATA[<p>UPDATE: &#8220;Light painting&#8221; test:<br />
<em>NUEVO: Prueba con &#8220;dibujo con luz&#8221;:</em></p>
<p><iframe src="http://player.vimeo.com/video/22129794?title=0&amp;byline=0&amp;portrait=0&amp;color=80ceff" width="475" height="356" frameborder="0"></iframe></p>
<p>&#8211;</p>
<p><iframe src="http://player.vimeo.com/video/21396223?title=0&amp;byline=0&amp;portrait=0&amp;color=80ceff" width="475" height="356" frameborder="0"></iframe></p>
<p>Body Type is a body-based font generator using OpenFrameworks, OpenNI and the Kinect sensor.</p>
<p>Project for the Spring 2011 Interactive Art &amp; Computational Design course in Carnegie Mellon University<br />
<a href="http://golancourses.net/?2011spring/" rel="nofollow">golancourses.net/2011spring/</a></p>
<p>&#8211;</p>
<p><em>Body Type es un generador de tipografías basadas en el cuerpo que usa OpenFrameworks, OpenNI y el Kinect.</p>
<p>Proyecto para el curso Interactive Art &amp; Computational Design en Carnegie Mellon University<br />
<a href="http://golancourses.net/?2011spring/" rel="nofollow">golancourses.net/?2011spring/</a></em></p>
<p><a title="mga bold by m g a, on Flickr" href="http://www.flickr.com/photos/mgiraldo/5552701652/"><img src="http://farm6.static.flickr.com/5256/5552701652_0af5068126.jpg" alt="mga bold" width="500" height="374" /></a><br />
<strong>mga bold</strong></p>
<p>&nbsp;</p>
<p><a title="mga outline by m g a, on Flickr" href="http://www.flickr.com/photos/mgiraldo/5552701624/"><img src="http://farm6.static.flickr.com/5027/5552701624_b2336f86fa.jpg" alt="mga outline" width="500" height="375" /></a><br />
<strong>mga outline</strong></p>
<p><a href="http://www.mauriciogiraldo.com/blog/2011/03/26/body-font/" rel="bookmark">Body Type</a> originalmente escrito en <a href="http://www.mauriciogiraldo.com/blog">mga/blog</a> en March 26, 2011.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mauriciogiraldo.com/blog/2011/03/26/body-font/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>2D </title>
		<link>http://www.mauriciogiraldo.com/blog/2011/03/19/2d-v-3d/</link>
		<comments>http://www.mauriciogiraldo.com/blog/2011/03/19/2d-v-3d/#comments</comments>
		<pubDate>Sat, 19 Mar 2011 16:39:20 +0000</pubDate>
		<dc:creator>mga</dc:creator>
				<category><![CDATA[arte]]></category>
		<category><![CDATA[interacción]]></category>
		<category><![CDATA[juegos]]></category>
		<category><![CDATA[kinect]]></category>
		<category><![CDATA[programación]]></category>
		<category><![CDATA[visualización]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.mauriciogiraldo.com/blog/?p=828</guid>
		<description><![CDATA[&#8211;Texto en inglés como parte de mi estudio en Carnegie Mellon University. Eventualmente haré una versión en español.&#8211; 2D &#60;3 3D is a Kinect-based online multiuser interactive environment. The project is still under development and currently allows multiple web-based users to interact with and augment the physical space of the Kinect participants with virtual objects. [...]]]></description>
			<content:encoded><![CDATA[<p><em>&#8211;Texto en inglés como parte de<a href="http://www.hcii.cmu.edu"> mi estudio en Carnegie Mellon University</a>. Eventualmente haré una versión en español.&#8211;</em></p>
<p><iframe src="http://player.vimeo.com/video/20320187?title=0&amp;byline=0&amp;portrait=0&amp;color=80ceff" width="475" height="356" frameborder="0"></iframe></p>
<p><em>2D &lt;3 3D</em> is a Kinect-based online multiuser interactive environment. The project is still under development and currently allows multiple web-based users to interact with and augment the physical space of the Kinect participants with virtual objects.</p>
<p><strong>Background</strong></p>
<p>3D is the talk of the hour. From cinema to the living room, 3D is becoming simultaneously a selling and a divisive point. The point of this project is to mesh both points of view and make a commentary about the banality of this &#8220;issue&#8221;. The project is inspired by many previous works including:</p>
<p><img class="alignnone size-full wp-image-4282" title="Bauhaus theatre outfits" src="http://golancourses.net/2011spring/wp-content/uploads/bauhaus.jpg" alt="" width="475" height="307" /></p>
<p>The Bauhaus school of art, architecture and design also explored theatre. I was mostly interested in its highly geometric and formal qualities.</p>
<p><img class="alignnone size-full wp-image-4283" title="Sledgehammer" src="http://golancourses.net/2011spring/wp-content/uploads/sledge.jpg" alt="" width="475" height="354" /></p>
<p>Peter Gabriel&#8217;s <em>Sledgehammer</em> video demonstrated an interesting optical phenomenon: human shapes may be inferred by the sole movement of points.</p>
<p><img class="alignnone size-full wp-image-4284" title="uyuyuy" src="http://golancourses.net/2011spring/wp-content/uploads/uyuyuy.jpg" alt="" width="475" height="267" /></p>
<p><em>UYUYUY</em> is a short film by Santiago Caicedo which, while designed to be watched with 3D glasses, is mostly composed of 2D elements.</p>
<p><img class="alignnone size-full wp-image-4285" title="Red" src="http://golancourses.net/2011spring/wp-content/uploads/red.jpg" alt="" width="475" height="294" /></p>
<p>The web has always been a medium of my interest. I try to include web-related functionality in my projects. The <a href="http://www.ff0000.com/">Red Agency website</a> has an interesting chat functionality mixed with navigation and 2D parallax scrolling interface.</p>
<p><strong>Technical exploration</strong></p>
<p>I wanted to have a multiuser conversation between the physical and the virtual; 3D and 2D. This was my first C++ project so the learning curve was quite steep and full of obstacles. I started exploring the networking possibilities in <a href="http://openframeworks.cc/">openFrameworks</a> including ofxOsc and ofxNetwork deciding upon the latter communicating with the web via a <a href="http://www.giantflyingsaucer.com/blog/?p=205">Java-based XMLSocket server</a> (I know &#8220;basic&#8221; web sockets perform better but not enough time to explore that).</p>
<p>The project also uses ofxOpenNI for skeleton detection and ofxBox2d for physics/collision detection. An initial attempt was made to use ofxMSAPhysics but for some reason I could not make it work well with ofxOpenNI. The web interface uses Flash.</p>
<p>One challenge was how to visualize and represent the activity in either end (Flash being the 2D environment and openFrameworks the 3D). Further exploration must be made in order to have a more interesting visual representation in both ends.</p>
<p><strong>Interdependence</strong></p>
<p>The two main components of this project are mutually dependent: the 3D-interacting users require that web users are present and creating objects they can interact with. 2D web users require the &#8220;presence&#8221; of 3D skeletons for them to observe and affect. This &#8220;conversation&#8221; between 2D and 3D is the main element of the project.</p>
<p><object type="application/x-shockwave-flash" width="475" height="373" data="http://www.flickr.com/apps/video/stewart.swf?v=71377" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param name="flashvars" value="intl_lang=en-us&#038;photo_secret=127bd54a1f&#038;photo_id=5466749473"></param><param name="movie" value="http://www.flickr.com/apps/video/stewart.swf?v=71377"></param><param name="bgcolor" value="#000000"></param><param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/video/stewart.swf?v=71377" bgcolor="#000000" allowfullscreen="true" flashvars="intl_lang=en-us&#038;photo_secret=127bd54a1f&#038;photo_id=5466749473" height="373" width="475"></embed></object></p>
<p><object type="application/x-shockwave-flash" width="475" height="373" data="http://www.flickr.com/apps/video/stewart.swf?v=71377" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param name="flashvars" value="intl_lang=en-us&#038;photo_secret=d85d89c0a1&#038;photo_id=5467690556"></param><param name="movie" value="http://www.flickr.com/apps/video/stewart.swf?v=71377"></param><param name="bgcolor" value="#000000"></param><param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/video/stewart.swf?v=71377" bgcolor="#000000" allowfullscreen="true" flashvars="intl_lang=en-us&#038;photo_secret=d85d89c0a1&#038;photo_id=5467690556" height="373" width="475"></embed></object></p>
<p><object type="application/x-shockwave-flash" width="475" height="354" data="http://www.flickr.com/apps/video/stewart.swf?v=71377" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param name="flashvars" value="intl_lang=en-us&#038;photo_secret=6cab811431&#038;photo_id=5469179613"></param><param name="movie" value="http://www.flickr.com/apps/video/stewart.swf?v=71377"></param><param name="bgcolor" value="#000000"></param><param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/video/stewart.swf?v=71377" bgcolor="#000000" allowfullscreen="true" flashvars="intl_lang=en-us&#038;photo_secret=6cab811431&#038;photo_id=5469179613" height="354" width="475"></embed></object></p>
<p><a href="http://www.mauriciogiraldo.com/lab/2v3/2D%20%3C3%203D.zip"><strong>Download the code</strong></a> (ZIP 20 MB) which is completely unsupported. Contains:</p>
<ul>
<li>Flash CS5 .FLA file (for the web-based interface)</li>
<li>Eclipse Java project folder (for the socket server)</li>
<li>openFrameworks project folder</li>
</ul>
<p><a href="http://golancourses.net/2011spring/wp-content/uploads/a3-preso.pdf"><strong>Presentation</strong></a> (PDF 471 KB)</p>
<p>This project was done as part of the requirements to complete the <a href="http://golancourses.net/2011spring/">Spring 2011 Interactive Art and Computational Design course</a> with Professor Golan Levin in Carnegie Mellon University.</p>
<p><a href="http://www.mauriciogiraldo.com/blog/2011/03/19/2d-v-3d/" rel="bookmark">2D <3 3D</a> originalmente escrito en <a href="http://www.mauriciogiraldo.com/blog">mga/blog</a> en March 19, 2011.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mauriciogiraldo.com/blog/2011/03/19/2d-v-3d/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New Faces</title>
		<link>http://www.mauriciogiraldo.com/blog/2011/03/18/new-faces-carnegie-mellon/</link>
		<comments>http://www.mauriciogiraldo.com/blog/2011/03/18/new-faces-carnegie-mellon/#comments</comments>
		<pubDate>Sat, 19 Mar 2011 03:34:19 +0000</pubDate>
		<dc:creator>mga</dc:creator>
				<category><![CDATA[arte]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[información]]></category>
		<category><![CDATA[interacción]]></category>
		<category><![CDATA[programación]]></category>
		<category><![CDATA[visualización]]></category>

		<guid isPermaLink="false">http://www.mauriciogiraldo.com/blog/?p=794</guid>
		<description><![CDATA[&#8211;Texto en inglés como parte de mi estudio en Carnegie Mellon University. Eventualmente haré una versión en español.&#8211; New Faces is a project that began in 2009 after I got fed up with Colombia’s online newspapers’ (one site, another site) high emphasis in sports and celebtrity-related news. I decided to take a screenshot of the [...]]]></description>
			<content:encoded><![CDATA[<p><em>&#8211;Texto en inglés como parte de <a href="http://www.hcii.cmu.edu">mi estudio en Carnegie Mellon University</a>. Eventualmente haré una versión en español.&#8211;</em></p>
<p><img src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2011/03/faces.png" alt="" title="faces" width="450" height="252" class="alignnone size-full wp-image-803" /></p>
<p><em>New Faces</em> is a project that began in 2009 after I got fed up with Colombia’s online newspapers’ (<a href="http://www.eltiempo.com/">one site</a>, <a href="http://www.elespectador.com/">another site</a>) high emphasis in sports and celebtrity-related news.  I decided to take a screenshot of the offending website and remove this  information (along with advertising) in order to see <a href="http://www.flickr.com/photos/mgiraldo/4083937501/">what was left</a>.</p>
<p>Clearly sports, advertising and celebrity news have a relatively high  importance for this colombian newspaper (at least in its online  incarnation). This led me to wonder if this was the same across  different countries. I decided to create a Python script that makes use  of <a href="http://www.paulhammond.org/2009/03/webkit2png-0.5/">webkit2png-0.5</a> to take a screenshot of eleven news websites every night at 8pm. This  script has been ran almost every night since November 8, 2009.</p>
<p><strong>New faces</strong></p>
<p>After seeing Rutherford Chang’s work with the New York Times where he blacks-out every element in the page <em>except</em> faces (no link available, sorry) I thought it would be an interesting  idea to execute this same process in my dataset of more than 3,000 files  and 10 GB.</p>
<p>I tested various technical solution for this process and decided upon using the <a href="http://ubaa.net/shared/processing/opencv/">OpenCV library for Processing</a>.</p>
<p>After that it was a matter of applying it to my dataset and see if it worked. I tried several parameters for the <code>detect()</code> method since   there were many false positives (text selected as face) and false   negatives (face undetected when there should be) but could not get 100%   accuracy. These errors provide an interesting outcome anyway.</p>
<p>The faces are extracted from the screenshots and saved as separate  files along with their original location in x,y and number of total  faces in the screenshot. There were 28,000+ faces deteced (less than 10  faces per screenshot).</p>
<p>With this new subset I then created a Flash interface to view the  faces in their original x,y coordinates with buttons to toggle the  visibility of individual news sites. Next to the buttons a <strong>blue line indicates average face area</strong>, a <strong>green line indicates how many screenshots</strong> (individual days captured) and a <strong>red line indicates total amount of faces</strong> in that site.</p>
<p><strong><a href="http://www.mauriciogiraldo.com/lab/newfaces/">View the Flash interface online in your browser</a></strong>. <strong>F for fullscreen</strong> (click the interface to give it focus). CAUTION: ~30,000 images files   loaded might clog up your browser (although they’re about 2kb each   only).	Interface	is	not optimized for low-end computers.</p>
<p><strong>Future work</strong></p>
<p>From this initial work some superficial conclusions could be made  (see photo captions). Further analysis could provide some interesting  information such as:</p>
<ul>
<li>dominant race or skin color</li>
<li>gender distribution</li>
<li>dominant face expression (sad, happy, angry, etc.)</li>
<li>average face area</li>
<li>preferred location in the page</li>
<li>how the above change over time</li>
</ul>
<p>The interface makes use of <a href="http://www.minimalcomps.com/">Bit-101?s Minimal Comps</a>.</p>
<p>This project was done as part of the requirements to complete the <a href="http://golancourses.net/2011spring/">Spring 2011 Interactive Art and Computational Design course</a> with Professor Golan Levin in Carnegie Mellon University.</p>
<p><a href="http://www.mauriciogiraldo.com/blog/2011/03/18/new-faces-carnegie-mellon/" rel="bookmark">New Faces</a> originalmente escrito en <a href="http://www.mauriciogiraldo.com/blog">mga/blog</a> en March 18, 2011.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mauriciogiraldo.com/blog/2011/03/18/new-faces-carnegie-mellon/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>socially nervous</title>
		<link>http://www.mauriciogiraldo.com/blog/2011/03/18/socially-nervous/</link>
		<comments>http://www.mauriciogiraldo.com/blog/2011/03/18/socially-nervous/#comments</comments>
		<pubDate>Sat, 19 Mar 2011 02:06:29 +0000</pubDate>
		<dc:creator>mga</dc:creator>
				<category><![CDATA[arte]]></category>
		<category><![CDATA[crítica]]></category>
		<category><![CDATA[interacción]]></category>
		<category><![CDATA[programación]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.mauriciogiraldo.com/blog/?p=806</guid>
		<description><![CDATA[&#8211;Texto en inglés como parte de mi estudio en Carnegie Mellon University. Eventualmente haré una versión en español.&#8211; Description Social network services[1] enable people to communicate with each other in ways that would be considered science fiction only a few years ago. This enablement has been welcome by people at large, with some criticisms concerning [...]]]></description>
			<content:encoded><![CDATA[<p><em>&#8211;Texto en inglés como parte de <a href="http://www.hcii.cmu.edu">mi estudio en Carnegie Mellon University</a>. Eventualmente haré una versión en español.&#8211;</em></p>
<p><strong>Description<br />
				</strong><a href="http://www.mauriciogiraldo.com/img/pfolio/sneagle.png" title="EAGLE circuit schematic" rel="lightbox[p7]"><img align="right" src="/img/pfolio/sneaglet.png" /></a><em>Social network services</em>[<a title="definition in Wikipedia" href="http://en.wikipedia.org/wiki/Social_network_service">1</a>]  enable people to communicate with each other in ways that would be  considered science fiction only a few years ago. This enablement has  been welcome by people at large, with some criticisms concerning  personal privacy and how well (or not) the networks they model reflect  real life (offline) relationships.<em> socially nervous</em> is a commentary on how these services have affected our way we perceive these relationships.</p>
<p><strong>The object<br />
				</strong><br />
 <a href="http://www.mauriciogiraldo.com/img/pfolio/sn3dmodel.png" title="Partial 3D model of the final version" rel="lightbox[p7]"><img align="right" src="/img/pfolio/sn3dmodelt.png" /></a>An electronic &ldquo;pet&rdquo; with movement and audiovisual actuation  capabilities.  The pet will communicate wirelessly with a host computer  which in turn will receive information from the owner&rsquo;s personal  &ldquo;identities&rdquo; in two social network services: Facebook and Twitter. Only  incoming information to these profiles will be taken into account  (information generated by the user&rsquo;s &ldquo;friends&rdquo;).</p>
<p>
This information will be manifested physically by the pet&rsquo;s behavior  (movement, sound, light). As information is accumulated by the pet manifestations become more  intense and erratic. As soon as someone touches the pet, it &ldquo;forgets&rdquo;  any information stored and &ldquo;sleeps&rdquo;. The process begins again as soon as  physical contact is lost.</p>
<p><strong>Awkwardness<br />
				</strong><a href="http://www.mauriciogiraldo.com/img/pfolio/snpcb.png" title="PCB diagram based on SparkFun #PRT-08812 ProtoBoard - Rectangle Wired 3&quot;" rel="lightbox[p7]"><img align="right" src="/img/pfolio/snpcbt.png" alt=" " /></a>The pet&#8217;s shape is informed by the awkwardness inherent in the process of virtual socialization. The object could easily be a teddy bear or some other more familiar shape which would make the observer <em>want</em> to interact with it. Instead, I decided to create a non-familiar, even agressive, shape with sharp edges and non-symmetrical. An observer would notice an erratically-behaving object wandering about in response to virtual interactions. By touching it, the user &ldquo;calms&rdquo; the pet; physical interaction &ldquo;defeats&rdquo; virtual interaction.</p>
<p><strong>Behavior states</strong><br />
					<a href="http://www.mauriciogiraldo.com/img/pfolio/snassembly.gif" title="Animation of initial assembly" rel="lightbox[p7]"><img align="right" src="/img/pfolio/snassemblyt.gif" /></a>Any information received by the pet will provoke behaviors in any of  these types: physical, visual, auditive.<br />
The stimulus is always  represented in the 5×7 matrix as an icon followed by the username/alias  of the person who provoked it. Below is a table of the different stimuli the pet receives along with the type of behavior it provokes:</p>
<table border="0" width="100%">
<tbody>
<tr>
<td><strong>Stimulus</strong></td>
<td><strong>Icon</strong></td>
<td><strong>Vibration</strong></td>
<td><strong>Movement</strong></td>
<td><strong>Lights</strong></td>
<td><strong>Auditive</strong></td>
</tr>
<tr>
<td>New tweet</td>
<td>?</td>
<td></td>
<td></td>
<td></td>
<td>x</td>
</tr>
<tr>
<td>New follow</td>
<td>?</td>
<td>x</td>
<td>x</td>
<td></td>
<td>x</td>
</tr>
<tr>
<td>New mention</td>
<td>!</td>
<td></td>
<td>x</td>
<td>x</td>
<td>x</td>
</tr>
<tr>
<td>New direct message</td>
<td>?</td>
<td>x</td>
<td>x</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Tagged in a photo</td>
<td>[ . ]</td>
<td>x</td>
<td></td>
<td></td>
<td>x</td>
</tr>
<tr>
<td>Tagged in a video</td>
<td>&gt;</td>
<td>x</td>
<td></td>
<td></td>
<td>x</td>
</tr>
<tr>
<td>Being touched</td>
<td>?</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<p>
A video of the behaviors working  (indirect stimulus received  via Bluetooth from a computer not in video). Initial/passive message  was later changed to &ldquo;please hug me&rdquo;:</p>
<p>
					<object type="application/x-shockwave-flash" width="280" height="210" data="http://www.flickr.com/apps/video/stewart.swf?v=71377" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param name="flashvars" value="intl_lang=en-us&#038;photo_secret=1da017c9a9&#038;photo_id=5249779670" /><param name="movie" value="http://www.flickr.com/apps/video/stewart.swf?v=71377" /><param name="bgcolor" value="#000000" /><param name="allowFullScreen" value="true" /><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/video/stewart.swf?v=71377" bgcolor="#000000" allowfullscreen="true" flashvars="intl_lang=en-us&#038;photo_secret=1da017c9a9&#038;photo_id=5249779670" height="210" width="280"></embed></object>
				</p>
<p><strong>Part list</strong></p>
<ul>
<li>1 x <a href="http://wiring.org.co/">Wiring Mini</a></li>
<li>1 x <a href="http://www.sparkfun.com/products/8812">Generic PCB Protoboard</a></li>
<li>Several <a href="http://www.sparkfun.com/products/116">Break away headers (straight)</a></li>
<li>1 x <a href="http://www.sparkfun.com/products/7918">Capacitive sensor board</a></li>
<li>1 x <a href="http://www.sparkfun.com/products/526">3.3V regulator</a></li>
<li>Lots of <a href="http://www.sparkfun.com/products/8430">F/F jumper wires</a></li>
<li>2 x <a href="http://www.sparkfun.com/products/98">snap action switch</a></li>
<li>3 x <a href="https://www.allelectronics.com/index.php?page=item&amp;id=LED-912&amp;extra=a%3A2%3A%7Bi%3A0%3Bs%3A40%3A%2203823345592a403b2f4a37a59384e7ab28f02be1%22%3Bi%3A1%3Bs%3A0%3A%22%22%3B%7D">super bright red LED</a></li>
<li>1 x 100 microF capacitor</li>
<li>2 x standard LED</li>
<li>7 x 100 ohm resistor</li>
<li>2 x 10 Kohm resistor</li>
<li>1 x <a href="http://www.sparkfun.com/products/158">BlueSmirf antenna</a></li>
<li>2 x DC motor</li>
<li>1 x <a href="http://www.jameco.com/webapp/wcs/stores/servlet/Product_10001_10001_2005420_-1">Lite-on LTP 747 5×7 LED matrix</a></li>
<li>1 x <a href="http://www.sparkfun.com/products/8449">vibration motor</a></li>
<li>1 x <a href="http://www.sparkfun.com/products/7950">buzzer</a></li>
<li>9V battery (although I later learned this battery should be avoided for this type of project)</li>
</ul>
<p>I used 3mm laser-cut acrylic for the box (<a href="http://www.mauriciogiraldo.com/lab/nervous/stuff/nervous_scheme3mm.skp">Sketchup 3D file</a>).</p>
<p>
A Processing-based visual interface will be developed to manage Facebook and Twitter profile settings.</p>
<p><strong>Code</strong><br />
The <a href="http://www.mauriciogiraldo.com/lab/nervous/stuff/mti_messages.zip">Processing code</a> uses random stimuli to show all possible behavior states. Modifications must be made in order to accomodate a particular social network service user. The <a href="http://www.mauriciogiraldo.com/lab/nervous/stuff/mti13.zip">Wiring code</a> is quite elaborate (~2k lines of code) but you are welcome to look into it.</p>
<p>This project was done as part of the requirements to complete the <a href="http://mtifall10.wordpress.com/">Fall 2010 Making Things Interact course</a> with Professor Mark Gross in Carnegie Mellon University.</p>
<p><a href="http://www.mauriciogiraldo.com/blog/2011/03/18/socially-nervous/" rel="bookmark">socially nervous</a> originalmente escrito en <a href="http://www.mauriciogiraldo.com/blog">mga/blog</a> en March 18, 2011.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mauriciogiraldo.com/blog/2011/03/18/socially-nervous/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New Faces</title>
		<link>http://www.mauriciogiraldo.com/blog/2011/01/28/new-faces/</link>
		<comments>http://www.mauriciogiraldo.com/blog/2011/01/28/new-faces/#comments</comments>
		<pubDate>Sat, 29 Jan 2011 01:38:57 +0000</pubDate>
		<dc:creator>mga</dc:creator>
				<category><![CDATA[arte]]></category>
		<category><![CDATA[crítica]]></category>
		<category><![CDATA[información]]></category>
		<category><![CDATA[visualización]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.mauriciogiraldo.com/blog/?p=785</guid>
		<description><![CDATA[No. No se trata de la banda de Rod Stewart y Ron Wood. Es un nuevo proyecto que hice y del cual escribí un breve post en este otro blog. Si quiere saber qué tienen en común Python, Processing, OpenCV y Flash, debería darle una leída y jugar con la interfaz.]]></description>
			<content:encoded><![CDATA[<div id="attachment_786" class="wp-caption alignnone" style="width: 310px"><a href="http://golancourses.net/2011spring/01/26/project-2-new-faces-mauricio-giraldo/"><img class="size-medium wp-image-786 " title="New Faces interface" src="http://www.mauriciogiraldo.com/blog/wp-content/uploads/2011/01/Screen-shot-2011-01-26-at-9.12.08-AM-300x216.png" alt="" width="300" height="216" /></a><p class="wp-caption-text">¿Le gustan las caras?</p></div>
<p>No. No se trata de <a href="http://en.wikipedia.org/wiki/Faces_(band)">la banda de Rod Stewart y Ron Wood</a>. Es un nuevo proyecto que hice y del cual escribí un <a href="http://golancourses.net/2011spring/01/26/project-2-new-faces-mauricio-giraldo/">breve post en este otro blog</a>. Si quiere saber qué tienen en común Python, Processing, OpenCV y Flash, debería <a href="http://golancourses.net/2011spring/01/26/project-2-new-faces-mauricio-giraldo/">darle una leída</a> y <a href="http://www.mauriciogiraldo.com/lab/newfaces/">jugar con la interfaz</a>.</p>
<p><a href="http://www.mauriciogiraldo.com/blog/2011/01/28/new-faces/" rel="bookmark">New Faces</a> originalmente escrito en <a href="http://www.mauriciogiraldo.com/blog">mga/blog</a> en January 28, 2011.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mauriciogiraldo.com/blog/2011/01/28/new-faces/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<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>1</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>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>
	</channel>
</rss>

