<?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>Mosaic &#187; Número 096</title>
	<atom:link href="http://mosaic.uoc.edu/category/numero-096/feed/" rel="self" type="application/rss+xml" />
	<link>http://mosaic.uoc.edu</link>
	<description>tecnologías y comunicación multimedia</description>
	<lastBuildDate>Tue, 18 Jun 2013 07:04:03 +0000</lastBuildDate>
	<language>es-ES</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>Introducción a Processing</title>
		<link>http://mosaic.uoc.edu/2012/04/30/introduccion-a-processing/</link>
		<comments>http://mosaic.uoc.edu/2012/04/30/introduccion-a-processing/#comments</comments>
		<pubDate>Mon, 30 Apr 2012 16:27:04 +0000</pubDate>
		<dc:creator>Mosaic</dc:creator>
				<category><![CDATA[Número 096]]></category>
		<category><![CDATA[Quelic Berga]]></category>
		<category><![CDATA[Recursos]]></category>
		<category><![CDATA[animaciones]]></category>
		<category><![CDATA[diseño computacional]]></category>
		<category><![CDATA[imágenes]]></category>
		<category><![CDATA[interacciones]]></category>
		<category><![CDATA[interactivo]]></category>
		<category><![CDATA[lenguaje]]></category>
		<category><![CDATA[Processing]]></category>
		<category><![CDATA[programación]]></category>

		<guid isPermaLink="false">http://mosaic.uoc.edu/?p=9223</guid>
		<description><![CDATA[En este recurso se presenta el programa Processing. Se presentan sus orígenes, el contexto en el que se desarrolló, recursos y enlaces para ver ejemplos, aprender y ampliar las posibilidades de este.]]></description>
				<content:encoded><![CDATA[<h4>Introducción</h4>
<p>En este recurso se presenta el programa <a href="http://www.processing.org">Processing</a>. Se presentan sus orígenes, el contexto en el que se desarrolló, recursos y enlaces para ver ejemplos, aprender y ampliar las posibilidades de éste.</p>
<h4>¿Qué es Processing?</h4>
<p>Como dice de forma simple y clara la <a href="http://www.processing.org">página oficial</a>, se trata de un lenguaje de programación de código abierto para gente que quiere crear imágenes, animaciones e interacciones. Inicialmente desarrollado como software para crear bocetos de trabajo y enseñar los principios de la programación en un contexto visual, Processing ha evolucionado hacia una herramienta de producción profesional. Hoy hay decenas de miles de estudiantes, artistas, diseñadores, investigadores y aficionados que usan Processing para aprender, hacer prototipos y producir proyectos a diario.</p>
<p>Características del lenguaje:</p>
<ul>
<li>Gratuito y de código abierto.</li>
<li>Generación de programas interactivos con salida en formatos 2D, 3D y PDF.</li>
<li>Integración con OpenGL para usar aceleración 3D.</li>
<li>Compatible con GNU/Linux, Max OS X y Windows.</li>
<li>Los proyectos se pueden ejecutar como applets de JAVA en la red.</li>
<li>Más de 100 librerías que extienden el potencial del programa con sonido, vídeo, visión por computador y más&#8230;</li>
<li>Bien documentado y varios libros disponibles.</li>
</ul>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://mosaic.uoc.edu/wp-content/uploads/2012/04/ide.gif" rel="lightbox[9223]"><img class="aligncenter  wp-image-9327" title="ide" src="http://mosaic.uoc.edu/wp-content/uploads/2012/04/ide-450x203.gif" alt="" width="405" height="183" /></a></p>
<h4></h4>
<h4>Contexto: del diseño gráfico en papel al “diseño computacional”</h4>
<p>Es evidente que no es lo mismo hacer un diseño en papel que hacerlo para un dispositivo móvil. Asimismo, es evidente que la tecnología afecta nuestro modo de trabajar, pues hoy podemos hacer ciertas cosas que antes no podíamos, pero también tenemos un contexto mucho más complejo y más acelerado que condiciona la calidad de nuestro trabajo.</p>
<p>En la década de los 80, la aparición del ordenador personal con su interfaz gráfica, junto con programas para la generación de carteles, ilustraciones, retoques fotográficos y dibujos empezó a provocar cambios en el sector de las artes gráficas. Surgieron diseñadores gráficos que se adaptaron a las nuevas herramientas, así como retractores que lo consideraron un peligro para la disciplina. También surgieron un grupo creciente de diseñadores que tuvieron su primer contacto con la disciplina mediante los ordenadores, o más específicamente mediante el uso de las interfaces de los programas.</p>
<p>En todo este creciente maremoto de cambios provocados por las nuevas tecnologías en los 90, un personaje un tanto peculiar planteó una serie de postulados que influyeron en los actuales creadores de Processing.org. Estamos hablando de <a href="https://en.wikipedia.org/wiki/John_Maeda">John Maeda</a>, actual director del Rhode Island School of Design, ganador de prestigiosos premios de diseño gráfico y considerado un gurú en el ámbito del diseño y la tecnología.</p>
<p>John Maeda, japonés-americano, estudió computación en el prestigioso MIT, pero se doctoró en diseño en la escuela de arte de la Universidad de Tsukuba. Este recorrido cruzado entre ciencias computacionales y diseño gráfico ayudó a Maeda a convertirse en pionero en diseño computacional.</p>
<p>El éxito de herramientas como QuarkXpress, Photoshop o Freehand recayó en que usaron analogías, metáforas e iconos que mimetizaron las herramientas que ya usaban los diseñadores (tijeras, pluma, lupa&#8230; ). Estas metáforas son muy prácticas para aquéllos que ya conocen el oficio del diseñador gráfico y quieren ir más rápido con una nueva herramienta pero, como apuntó Maeda, quizás limita la imaginación y las posibilidades que la computación nos brinda. Así pues, entre 1995 y 1999 Maeda publicó Reactive Books (veas el siguiente <a href="http://www.maedastudio.com/2004/rbooks2k/index.php">vídeo expicativo</a>): cinco libros dedicados a explorar las fronteras del diseño en papel y el diseño en pantalla. Maeda nos habla con melancolía del papel, de la textura, de lo que se ha perdido con las nuevas tecnologías, pero también nos habla de las nuevas posibilidades que se abren al usar la computación en el diseño. En cada libro hace una propuesta gráfica y presenta un programa interactivo reflexionando así a nivel teórico-práctico sobre los fundamentos de la interactividad (el tiempo, el teclado, el ratón, el sonido y la webcam/vídeo). En ellos se habla de las distancias entre el papel y la interactividad, pero a su vez se juega con la relación que existe entre una y otra, creando páginas con diseños hechos mediante programación y buscando en la pantalla la calidez y textura del papel.</p>
<p>En 1999 crea un programa para enseñar los fundamentos de la programación/computación a diseñadores gráficos. Se trata de DBN (Design By Numbers), un sencillo programa con una ventana para escribir código de forma simple y usando un léxico parecido al de los diseñadores, y otra ventana para ver los resultados. Así consigue acercar a los diseñadores el mundo de las matemáticas y viceversa y a su vez, le permite ilustrar a sus alumnos el potencial del diseño computacional.</p>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://mosaic.uoc.edu/wp-content/uploads/2012/04/dbn.jpg" rel="lightbox[9223]"><img class="aligncenter  wp-image-9328" title="dbn" src="http://mosaic.uoc.edu/wp-content/uploads/2012/04/dbn-450x375.jpg" alt="" width="315" height="263" /></a></p>
<h4></h4>
<h4>El nacimiento de Processing.org</h4>
<p>Casey Reas y Benjamin Fry, autores de Processing.org, estudiaron con John Maeda en el MIT y conocieron de primera mano DBN y las teorías de Maeda. De hecho, el propio Reas confiesa en su <a href="http://reas.com/blog/archives/90">blog</a> que no habría Processing sin DBN. Para ellos, ver un programa tan simple, compatible con la red y a su vez estructurado para aprender y compartir el código fue clave. Así pues, respetando el trabajo de Maeda, iniciaron el proyecto de código abierto Processing.org.</p>
<p>El 2001, dentro del grupo de investigación de Aesthetics and Computation del MIT Media Lab, publicaron la primera versión de este lenguaje junto con un sencillo entorno de programación (IDE). El objetivo inicial de sus autores fue, continuando con el legado de DBN, mejorar el rendimiento y facilitar a artistas y creadores el poder hacer bocetos (sketches) de forma ágil y rápida, para después desarrollar con otros lenguajes sus proyecto.</p>
<p>La comunidad de artistas encontró en Processing una herramienta para experimentar con visuales interactivos, similar a Flash pero huyendo de las metáforas, mucho más orientada al código y pensada para hacer los primeros pasos en programación. La comunidad de programadores encontró una plataforma fácilmente extensible mediante librerías, bien documentada y activa. Estos dos hechos, junto con la excelente labor de profesores y profesionales que lo usan, han provocado que Processing se esté convirtiendo en una herramienta de referencia para el diseño computacional y el arte generativo.</p>
<p>Estamos a punto de ver el lanzamiento de la versión estable 2.0 que promete mejoras en el rendimiento 3D, compatibilidad y capacidad de exportar a Javascript (pudiendo usarse en cualquier navegador compatible con HTML5 mediante canvas), y capacidad de exportar a aplicaciones Android, además de las ya implementadas exportaciones a Linux, Mac OS X, Windows y applet de java.</p>
<h4>La comunidad</h4>
<p>Gracias a la propia naturaleza del proyecto, hablar de recursos de Processing es sin duda apuntar hacia las buenas labores que se están haciendo desde la propia comunidad. Uno de los mejores recursos es la <a href="http://www.processing.org">página oficial del proyecto</a>,  que además de permitir descargar la IDE, dispone de tutoriales, referencias al lenguaje, ejemplos, comentarios de libros, una selección de proyectos realizados con Processing y enlaces a las comunidades que apoyan el proyecto.</p>
<p>A continuación comentaremos algunos de estos recursos, añadiendo algunos en español y proponiendo algunos que no están en la página oficial.</p>
<h4>Recursos sobre processing.org</h4>
<h5>Bibliotecas de recursos, ejemplos, canales, y grupos</h5>
<ul>
<li>El primer recurso a analizar es el <a href="http://wiki.processing.org/w/Main_Page">wiki oficial</a>. Ahí encontrarás todo tipo de recursos actualizados y, si quieres ir por libre, en este espacio encontrarás todo lo que necesitas: tutoriales, cómo participar, ayuda técnica, entrevistas, comparativas de lenguajes de programación, etc.</li>
</ul>
<p>&nbsp;</p>
<p style="padding-left: 30px; text-align: center;"><a href="http://mosaic.uoc.edu/wp-content/uploads/2012/05/wiki-processing.png" rel="lightbox[9223]"><img class="aligncenter  wp-image-9269" title="wiki processing" src="http://mosaic.uoc.edu/wp-content/uploads/2012/05/wiki-processing-450x220.png" alt="" width="315" height="154" /></a></p>
<p>&nbsp;</p>
<ul>
<li>También dentro de la misma <a href="http://processing.org/exhibition/">página oficial de Processing</a> podrás encontrar muestras de proyectos finales que usan este lenguaje.</li>
</ul>
<p>&nbsp;</p>
<p style="padding-left: 30px; text-align: center;"><a href="http://mosaic.uoc.edu/wp-content/uploads/2012/05/Processing-Exhibition.png" rel="lightbox[9223]"><img class="aligncenter  wp-image-9271" title="Processing Exhibition" src="http://mosaic.uoc.edu/wp-content/uploads/2012/05/Processing-Exhibition-450x378.png" alt="" width="315" height="265" /></a></p>
<p>&nbsp;</p>
<ul>
<li> <a href="http://www.openprocessing.org">Openprocessing.org</a> es uno de los espacios más interesantes de la comunidad. Los profesores o centros educativos pueden generar aulas virtuales donde compartir los ejercicios con los alumnos. Como se mantiene en abierto, permite ver e incluso ejecutar directamente el código en la web. Los alumnos suben también sus ejercicios y se convierte en un buen sitio para ver muchas propuestas desde distintos puntos de vista.</li>
</ul>
<p>&nbsp;</p>
<p style="padding-left: 30px; text-align: center;"><a href="http://mosaic.uoc.edu/wp-content/uploads/2012/05/openprocessing.png" rel="lightbox[9223]"><img class="aligncenter  wp-image-9273" title="openprocessing" src="http://mosaic.uoc.edu/wp-content/uploads/2012/05/openprocessing-450x297.png" alt="" width="315" height="208" /></a></p>
<p>&nbsp;</p>
<ul>
<li>Una web curiosa e interesante es la de <a href="http://www.rmx.cz/monsters/">Lukas Vojir</a>, que nos propone descubrir distintos monstruos en blanco y negro que reaccionan al movimiento del cursor. Como siempre puedes ver el código, aportar tu propio monstruo y navegar en búsqueda de tu monstruo favorito.</li>
</ul>
<p>&nbsp;</p>
<p style="padding-left: 30px; text-align: center;"><a href="http://mosaic.uoc.edu/wp-content/uploads/2012/05/rmx_cz_monsters.png" rel="lightbox[9223]"><img class="aligncenter  wp-image-9274" title="rmx_cz_monsters" src="http://mosaic.uoc.edu/wp-content/uploads/2012/05/rmx_cz_monsters-450x397.png" alt="" width="315" height="278" /></a></p>
<p>&nbsp;</p>
<ul>
<li>Creative Applications Network es un blog que está haciendo una labor de alta calidad al recoger trabajos interesantes sobre diseño interactivo y creatividad. Os recomendamos echar un vistazo a la <a href="http://www.creativeapplications.net/category/processing/">categoría dedicada a Processing</a>.</li>
</ul>
<p>&nbsp;</p>
<p style="padding-left: 30px; text-align: center;"><a href="http://mosaic.uoc.edu/wp-content/uploads/2012/05/Creative-Applications-Network.png" rel="lightbox[9223]"><img class="aligncenter  wp-image-9276" title="Creative Applications Network" src="http://mosaic.uoc.edu/wp-content/uploads/2012/05/Creative-Applications-Network-450x291.png" alt="" width="315" height="204" /></a></p>
<p>&nbsp;</p>
<ul>
<li>Si lo que quieres es ver ejemplos de lo que hace la gente con Processing, lo mejor es que tomes un tiempo para ver las más de 150 páginas de <a href="http://vimeo.com/tag:processing.org/">vídeos en vimeo</a> con el tag processing.org o visites el grupo de <a href="http://www.flickr.com/groups/processing/">flickr </a>para ver imágenes generadas con este programa. Recuerda que muchas de estas muestras de proyectos vienen con los enlaces a las webs de los autores o con un mail de contacto que te puede ayudar a conocer mejor el proyecto e incluso entrar en colaboración.</li>
</ul>
<p>&nbsp;</p>
<p style="padding-left: 30px; text-align: center;"><a href="http://mosaic.uoc.edu/wp-content/uploads/2012/05/vimeo-processing_org.png" rel="lightbox[9223]"><img class="aligncenter  wp-image-9278" title="vimeo processing_org" src="http://mosaic.uoc.edu/wp-content/uploads/2012/05/vimeo-processing_org-450x440.png" alt="" width="315" height="308" /></a></p>
<p style="padding-left: 30px; text-align: center;"><a href="http://mosaic.uoc.edu/wp-content/uploads/2012/05/flickr_com_groups_processing.png" rel="lightbox[9223]"><img class="aligncenter  wp-image-9279" title="flickr_com_groups_processing" src="http://mosaic.uoc.edu/wp-content/uploads/2012/05/flickr_com_groups_processing-450x304.png" alt="" width="315" height="213" /></a></p>
<p>&nbsp;</p>
<h5>Tutoriales</h5>
<ul>
<li>De nuevo, un buen sitio para empezar con tutoriales es la misma página de Processing, con su apartado dedicado al <a href="http://processing.org/learning/">aprendizaje</a>. Al usar el IDE de Processing si seleccionas una palabra, con el botón derecho verás la opción de ir directamente a la <a href="http://processing.org/reference/">referencia del lenguaje</a> junto con algunos ejemplos.</li>
<li>Otro recurso muy interesante para empezar es la web de Daniel Shiffman, que a su vez tiene un libro. En este espacio encontrarás ejemplos, tutoriales y ejercicios para hacer un pequeño <a href="http://www.learningprocessing.com/">curso online</a>  (LearnProcessing_Web.png) y si prefieres basarte en una versión traducida al español puedes encontrar este <a href="https://sites.google.com/site/wikimedialabbogota/traducciones-terminadas">tutorial</a> en castellano.</li>
</ul>
<p>&nbsp;</p>
<p style="padding-left: 30px; text-align: center;"><a href="http://mosaic.uoc.edu/wp-content/uploads/2012/05/LearnProcessing_Web.png" rel="lightbox[9223]"><img class="aligncenter  wp-image-9280" title="LearnProcessing_Web" src="http://mosaic.uoc.edu/wp-content/uploads/2012/05/LearnProcessing_Web-450x304.png" alt="" width="315" height="213" /></a></p>
<p>&nbsp;</p>
<ul>
<li>Si no llevas muy bien las lenguas puedes encontrar un interesante tutorial realizado por Joan Soler en catalán y castellano haciendo clic <a href="http://processing.joan.cat/">aquí</a>.</li>
<li>Si lo que realmente te impresiona son la física y las mates, entonces estás de suerte porque Daniel Shiffman está desarrollando un <a href=" http://www.shiffman.net/teaching/nature/">nuevo proyecto</a> basado en este tema para aprender Processing, así que puedes conseguir dos cosas al precio de una&#8230; y siempre en abierto y gratuito.</li>
</ul>
<p>&nbsp;</p>
<p style="padding-left: 30px; text-align: center;"><a href="http://mosaic.uoc.edu/wp-content/uploads/2012/05/The-nature-of-code.png" rel="lightbox[9223]"><img class="aligncenter  wp-image-9281" title="The nature of code" src="http://mosaic.uoc.edu/wp-content/uploads/2012/05/The-nature-of-code-450x237.png" alt="" width="315" height="166" /></a></p>
<p>&nbsp;</p>
<h5>VideoTutoriales</h5>
<ul>
<li>Si lo tuyo no es leer sino mirar, y si andas un poco perdido con los conceptos básicos de programación, esta completa <a href="http://www.funprogramming.org">web</a> te ayudará a empezar de cero y conseguir buenos resultados con ejemplos, vídeos y ejercicios.</li>
</ul>
<p>&nbsp;</p>
<p style="padding-left: 30px; text-align: center;"><a href="http://mosaic.uoc.edu/wp-content/uploads/2012/05/Funprogramming.png" rel="lightbox[9223]"><img class="aligncenter  wp-image-9283" title="Funprogramming" src="http://mosaic.uoc.edu/wp-content/uploads/2012/05/Funprogramming-450x416.png" alt="" width="315" height="291" /></a></p>
<p>&nbsp;</p>
<ul>
<li>José Sánchez tiene una serie de vídeo tutoriales colgados en vimeo y en youtube, para encontrar un listado completo de estos vídeos puedes ir directamente al <a href="http://wiki.processing.org/w/Video_Tutorials_by_Jose_Sanchez">wiki de la página de Processing</a>.</li>
</ul>
<p>&nbsp;</p>
<p style="padding-left: 30px; text-align: center;"><a href="http://mosaic.uoc.edu/wp-content/uploads/2012/05/Video-Tutoriales-Jose-Sanchez.png" rel="lightbox[9223]"><img class="aligncenter  wp-image-9284" title="Video Tutoriales Jose Sanchez" src="http://mosaic.uoc.edu/wp-content/uploads/2012/05/Video-Tutoriales-Jose-Sanchez-450x363.png" alt="" width="315" height="254" /></a></p>
<p>&nbsp;</p>
<h5 style="text-align: left;">Libros</h5>
<ul>
<li><span style="text-align: left;">Puedes encontrar referencias de prácticamente todos los libros de Processing </span><a style="text-align: left;" href="http://processing.org/learning/books/">aquí</a><span style="text-align: left;">. Según tus intereses y necesidades te será más útil uno u otro. Si estás empezando con el tema de programar, te aconsejamos el último que ha publicado O&#8217;Reilly Media, de los propios autores de Processing y con un tono claramente informal y próximo: Getting Started with Processin, Casey Reas and Ben Fry, 2010, O&#8217;Reilly Media.</span></li>
</ul>
<p>&nbsp;</p>
<p style="padding-left: 30px; text-align: center;"><a href="http://mosaic.uoc.edu/wp-content/uploads/2012/05/Getting-Started-with-Processing.png" rel="lightbox[9223]"><img class="aligncenter  wp-image-9285" title="Getting Started with Processing" src="http://mosaic.uoc.edu/wp-content/uploads/2012/05/Getting-Started-with-Processing-304x450.png" alt="" width="213" height="315" /></a></p>
<p>&nbsp;</p>
<ul>
<li>De los mismos autores una guía más extensa con un prólogo de John Maeda y con una interesante introducción que habla de cómo la computación y el arte llevan desde el principio de la mano. El libro es el resumen de la experiencia pedagógica de los autores con tutoriales, ejemplos y pequeñas explicaciones teóricas que os darán un conocimiento sólido. Processing: A Programming Handbook for Visual Designers and Artists, Casey Reas and Ben Fry, 2007, MIT Press.</li>
</ul>
<p>&nbsp;</p>
<p style="padding-left: 30px; text-align: center;"><a href="http://mosaic.uoc.edu/wp-content/uploads/2012/05/Programming-Handbook.png" rel="lightbox[9223]"><img class="aligncenter  wp-image-9286" title="Programming Handbook" src="http://mosaic.uoc.edu/wp-content/uploads/2012/05/Programming-Handbook-388x450.png" alt="" width="272" height="315" /></a></p>
<p>&nbsp;</p>
<ul>
<li>Ira Greenberg hizo una excelente labor con este libro, parecido al comentado anteriormente, y en este caso publicado por la editorial FriendsofED, especializada en diseño, física y programación. Este libro está enfocado a perfiles pluridisciplinares que sienten interés por el diseño, arte, matemáticas, programación y parte siempre de cero para, con poco tiempo, empezar a hacer ejercicios prácticos. Processing: Creative Coding and Computational Art. Ira Greenberg, Friends of Ed.</li>
<li>Antes hemos hablado de un tutorial para aprender Processing de Daniel Shifmann, aquí tienes las coordenadas del libro que acompaña y extiende el proyecto web: Learning Processing: A Beginner&#8217;s Guide to Programming Images, Animation, and Interaction, Daniel Shiffman, 2008, Morgan Kaufmann.</li>
</ul>
<p>&nbsp;</p>
<p style="padding-left: 30px; text-align: center;"><a href="http://mosaic.uoc.edu/wp-content/uploads/2012/05/Lerning-Processing.png" rel="lightbox[9223]"><img class="aligncenter  wp-image-9287" title="Lerning Processing" src="http://mosaic.uoc.edu/wp-content/uploads/2012/05/Lerning-Processing-401x450.png" alt="" width="281" height="315" /></a></p>
<p>&nbsp;</p>
<h5 style="text-align: left;">Autores de referencia</h5>
<ul>
<li> <span style="text-align: left;">Hemos hablado de los creadores de Processing. Seguramente si quieres seguir el proyecto de cerca y ver su faceta más artística, lo mejor será echar una ojeada a sus páginas personales: </span><a style="text-align: left;" href="http://www.reas.com">Casey Reas</a><span style="text-align: left;"> y </span><a style="text-align: left;" href="http://benfry.com/">Ben Fry</a><span style="text-align: left;">.</span></li>
</ul>
<p>&nbsp;</p>
<p style="padding-left: 30px; text-align: center;"><a href="http://mosaic.uoc.edu/wp-content/uploads/2012/05/Reas.png" rel="lightbox[9223]"><img class="aligncenter  wp-image-9288" title="Reas" src="http://mosaic.uoc.edu/wp-content/uploads/2012/05/Reas-450x303.png" alt="" width="315" height="212" /></a></p>
<p>&nbsp;</p>
<p style="padding-left: 30px; text-align: center;"><a href="http://mosaic.uoc.edu/wp-content/uploads/2012/05/BenFry.png" rel="lightbox[9223]"><img class="aligncenter  wp-image-9290" title="BenFry" src="http://mosaic.uoc.edu/wp-content/uploads/2012/05/BenFry-450x319.png" alt="" width="315" height="223" /></a></p>
<p>&nbsp;</p>
<ul>
<li>También es interesante, sobre todo porque es uno de los desarrollados de librerías y escritor de documentos más activo de la comunidad, la <a href="http://www.shiffman.net/">web de Daniel Shiffman</a>.</li>
</ul>
<p>&nbsp;</p>
<h5></h5>
<h5><span style="text-align: left;">Herramientas online</span></h5>
<ul>
<li><span style="text-align: left;">El siguiente </span><a style="text-align: left;" href="http://sketch.processing.org">enlace</a><span style="text-align: left;"> permite ejecutar código directamente en la web y ver los resultados en directo.</span></li>
</ul>
<p>&nbsp;</p>
<p style="padding-left: 30px; text-align: center;"><a href="http://mosaic.uoc.edu/wp-content/uploads/2012/05/sketch_processing_org.png" rel="lightbox[9223]"><img class="aligncenter  wp-image-9291" title="sketch_processing_org" src="http://mosaic.uoc.edu/wp-content/uploads/2012/05/sketch_processing_org-450x393.png" alt="" width="315" height="275" /></a></p>
<p>&nbsp;</p>
<ul>
<li><a href="http://sketchpad.cc/">Esta otra página</a> permite además de escribir en tiempo real, hacerlo de modo colaborativo en un pad con la opción de chatear con los contribuidores en el mismo momento que se va modificando el código. Realmente interesante si quieres colaborar en la distancia con un equipo de programadores.</li>
</ul>
<p>&nbsp;</p>
<p style="padding-left: 30px; text-align: center;"><a href="http://mosaic.uoc.edu/wp-content/uploads/2012/05/sketchpadcc.png" rel="lightbox[9223]"><img class="aligncenter  wp-image-9292" title="sketchpadcc" src="http://mosaic.uoc.edu/wp-content/uploads/2012/05/sketchpadcc-450x247.png" alt="" width="315" height="173" /></a></p>
<p>&nbsp;</p>
<ul>
<li>Ya lo hemos comentado antes, pero <a href="http://www.openprocessing.org">Openprocessing</a> no es solo una comunidad de aprendizaje, sino también una forma de testear los sketches en tiempo real.</li>
</ul>
<p>&nbsp;</p>
<p style="padding-left: 30px; text-align: center;"><a href="http://mosaic.uoc.edu/wp-content/uploads/2012/05/openprocessing1.png" rel="lightbox[9223]"><img class="aligncenter  wp-image-9293" title="openprocessing" src="http://mosaic.uoc.edu/wp-content/uploads/2012/05/openprocessing1-450x297.png" alt="" width="315" height="208" /></a></p>
<p>&nbsp;</p>
<ul>
<li>En este caso, <a href="http://www.processingjs.org/">Processingjs</a> no es una herramienta on-line, sino una librería de javascript desarrollada por John Resig para que desde canvas se pueda ejecutar Processing, consiguiendo incrustar en cualquier web tus bocetos sin usar ningún plug-in adicional.</li>
</ul>
<p>&nbsp;</p>
<p style="padding-left: 30px; text-align: center;"><a href="http://mosaic.uoc.edu/wp-content/uploads/2012/05/processingjs.png" rel="lightbox[9223]"><img class="aligncenter  wp-image-9294" title="processingjs" src="http://mosaic.uoc.edu/wp-content/uploads/2012/05/processingjs-450x307.png" alt="" width="315" height="215" /></a></p>
<p>&nbsp;</p>
<h5 style="text-align: left;">Comunidad de desarrolladores</h5>
<p><span style="text-align: left;">Y finalmente, si todo esto te ha sabido a poco, entonces tu recurso favorito será entrar por la puerta grande y conocer y participar con la comunidad de desarrolladores. Para ello, haz clic </span><a style="text-align: left;" href="https://code.google.com/p/processing/">aquí</a><span style="text-align: left;">.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://mosaic.uoc.edu/2012/04/30/introduccion-a-processing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>De la ciudad de bits a las nuevas tecnologías urbanas</title>
		<link>http://mosaic.uoc.edu/2012/04/30/de-la-ciudad-de-bits-a-las-nuevas-tecnologias-urbanas/</link>
		<comments>http://mosaic.uoc.edu/2012/04/30/de-la-ciudad-de-bits-a-las-nuevas-tecnologias-urbanas/#comments</comments>
		<pubDate>Mon, 30 Apr 2012 14:39:14 +0000</pubDate>
		<dc:creator>Mosaic</dc:creator>
				<category><![CDATA[Artículos]]></category>
		<category><![CDATA[Número 096]]></category>
		<category><![CDATA[Paco González]]></category>
		<category><![CDATA[ciudad 2.0]]></category>
		<category><![CDATA[ciudad de bits]]></category>
		<category><![CDATA[Crowdsourcing]]></category>
		<category><![CDATA[email]]></category>
		<category><![CDATA[Open p2p Design]]></category>
		<category><![CDATA[redes sociales]]></category>
		<category><![CDATA[smart citizens]]></category>
		<category><![CDATA[smart city]]></category>
		<category><![CDATA[tecnologías urbanas]]></category>

		<guid isPermaLink="false">http://mosaic.uoc.edu/?p=9164</guid>
		<description><![CDATA[Puntos de acceso a una cartografía actual de las nuevas tecnologías urbanas. De Internet y navegar la ciudad de bits, a los artefactos de lo digital, las redes distribuidas de participación (y acción), y las infraestructuras de la red.]]></description>
				<content:encoded><![CDATA[<p>La tecnología siempre ha tenido un rol en el devenir de la ciudad. Desde su inicio con la agricultura, pasando por el automóvil, a los actuales dispositivos con conexión a Internet la tecnología ha influido e influye en la vida de los habitantes de las ciudades.</p>
<p>Uno de los primeros escenarios que dibuja el cambio de cómo se comprende la ciudad desde lo digital es el libro &#8220;<a href="http://mitpress.mit.edu/catalog/item/default.asp?ttype=2&amp;tid=4593" target="_blank">City of Bits. Space, Place, and the Infobahn.</a>” de <a href="http://en.wikipedia.org/wiki/William_J._Mitchell" target="_blank">William J. Mitchell</a>. Transcurridos más de 15 años desde su publicación, vemos como los medios de comunicación de masas utilizan conceptos como el de <em>smart city</em> o <em>smart citizens</em> <a href="#_edn1">[1]</a> o incluso cómo la ciudad 2.0 <a href="#_edn2">[2]</a> es premiada como protagonista del año.</p>
<p>Durante este tiempo, los cambios se sucedían en la ciudad y los agentes protagonistas han sido practicantes espaciales y hackers que han explorado y experimentando las transformaciones de la ciudad en este nuevo contexto cultural y tecnológico. En el 2012, para cualquier persona es innegable la influencia de Internet y la cultura de la red en muchos ámbitos de nuestra sociedad, incluidos la ciudad y el urbanismo.</p>
<p>La intención de compartir en este texto una selección de puntos de acceso a una cartografía de las nuevas tecnologías urbanas de la ciudad, no es otra que facilitar la incorporación e integración a quienes son los protagonistas de cualquier ciudad: sus habitantes.</p>
<h4>INTERNET, NAVEGANDO LA CIUDAD DE BITS</h4>
<p>Código fuente: <strong><a href="http://www.domusweb.it/en/architecture/from-line-to-hyperreality/" target="_blank">&#8220;From line to hyperreality&#8221; &#8211; Ethel Baraona</a></strong></p>
<p>La aparición de Internet y los dispositivos que dan acceso a ella (la computadora personal, los móviles, los portátiles, los <em>smartphones</em>, las <em>tablets</em>…) se han convertido en <em>leitmotiv</em> de sucesivos relatos y explicaciones que justifican los cambios en la ciudad que acontecen en el presente.</p>
<p>No hay discusión en que las nuevas tecnologías (NNTT) puedan llegar a cambiar la ciudad, de hecho lo hacen, sin embargo el relato en la mayoría de las ocasiones está sobre simplificado: aparece una nueva tecnología y por ende cambia la ciudad. Este relato construye una falacia: olvida tecnologías fallidas o no adoptadas, obvia los factores sociales, culturales y económicos que han permitido la adopción de la tecnología, no analiza en qué temas y cuánto ha cambiado la ciudad, etc. En definitiva, olvida que la ciudad son las personas, y que son las personas las que usan y adoptan o no las nuevas tecnologías.</p>
<p><strong>Conexión: del hyperlink al código Qr</strong></p>
<p>El código Qr se presenta como una revolución en el acceso a la información en la ciudad a través del móvil. Técnicamente es una matriz de código impresa en 2 dimensiones que al ser capturada su imagen en nuestro dispositivo ejecuta una orden de forma que accedemos o producimos información en ese dispositivo. En definitiva es como cualquier enlace del navegador de nuestra computadora, un hyperlink, que permite acceder a una web o aplicaciones al mismo tiempo que toma otros datos del dispositivo, por ejemplo: su geoposición.</p>
<ul>
<li><strong><a href="http://www.raspouteam.org/1871/" target="_blank">La Commune de Paris, 1871</a></strong> por Raspouteam muestra en Paris imágenes históricas de La Comuna en los mismos lugares de la ciudad en la que ocurrieron. En estas imágenes aparece un código Qr que da acceso al archivo digital de la web que se construyó al efecto para dar acceso al relato histórico.</li>
</ul>
<p><strong>Simulación: de Second Life a la realidad aumentada</strong></p>
<p>La realidad aumentada (Ar) es aquella tecnología que muestra una representación digital en imagen, audio o vídeo a través de un dispositivo que se superpone como una capa de información que aumenta (sic) &#8211; complementa o suplementa &#8211; la información del entorno. La realidad aumentada es heredera de la realidad virtual cuyo máximo exponente es el juego Second Life, un mundo virtual en el que los jugadores podían interactuar entre ellos y construir ex-novo nuevas relaciones con artefactos y avatares del propio videojuego.</p>
<ul>
<li><strong><a href="http://www.museumoflondon.org.uk/Resources/app/Streetmuseum-Londinium/index.html" target="_blank">Street Museum Londinium</a></strong> es la aplicación heredera del Street Museum del Museum of London. Permite recorrer algunas calles y espacios de la ciudad de Londres al mismo tiempo que se accede a representaciones históricas de la ciudad romana de Londinium.</li>
</ul>
<p><strong>Comunicación: del email a las redes sociales</strong></p>
<p>De la misma forma que el email cambió la forma de relacionarse o el trabajo, las redes sociales &#8211; plataformas tecnológicas de redes sociales &#8211; son el más claro ejemplo de cómo el acceso a la información y el conocimiento se han socializado generándose comunidades y colectivos en torno a asuntos compartidos o relaciones. Son los contenidos y las relaciones entre comunidades e individuos los que hacen posible que las redes sociales (sic) influyan en la ciudad, no la propia tecnología de la plataforma.</p>
<ul>
<li><strong><a href="http://15m.bifi.es/" target="_blank">Interacciones entre usuarios 15M</a></strong> por BIFI es un proyecto de visualización de la información que se propagó en torno al movimiento 15M (15 de Marzo) en el estado español en el año 2011 en la red social Twitter.</li>
</ul>
<p>Ninguna de las tres tecnologías que hemos mencionado como predecesoras (el enlace, Second Life, o el email) cambiaron por sí mismas la ciudad. Lo que hicieron es cambiar aspectos culturales y sociales vinculados a los conceptos de <strong>conexión, simulación y comunicación</strong> que se ven reflejados en la propia ciudad. El código Qr, la realidad aumentada, o las redes sociales abordan también estos tres conceptos y su influencia sobre la ciudad es relativa y referida al objeto que traten como en los tres casos de estudio compartidos anteriormente.</p>
<h4>ARTEFACTOS DE LO DIGITAL</h4>
<p>Código fuente: <strong><a href="http://www.wired.com/magazine/2010/01/ff_newrevolution/all/1" target="_blank">&#8220;Atoms are the new bits&#8221; &#8211; Chris Anderson</a></strong></p>
<p>El dispositivo móvil con conexión a Internet es el primer artefacto con el que tenemos amplia percepción de que lo digital y lo físico se funden, que se hibridan. Liberados del dispositivo fijo, atado a un espacio concreto, percibimos que Internet nos envuelve y tomamos consciencia de que la separación en dos esferas -digital y física &#8211; es sólo una construcción social de las personas que adoptamos como nuevas las tecnologías del presente <a href="#_edn3">[3]</a>.</p>
<p>Los dispositivos con conexión a Internet permiten producir muy fácilmente cápsulas de información (imagen, texto, audio y vídeo) o conocimiento &#8211; cuando pasamos a ordenar y organizar esta información con un sentido determinado y con reconocimiento de su valor &#8211; y si son difundidos y confeccionados colectivamente generan <em>memes</em> <a href="#_edn4">[4]</a> . No sólo nos permiten consumir, nos permiten producir: somos <em>prosumer</em> <a href="#_edn5">[5]</a> .</p>
<p><strong>Internet of Things</strong></p>
<p>El hecho es que no sólo las personas reciben, procesan y producen información y conocimiento a través de los dispositivos. Ya existen dispositivos que por sí mismos utilizan protocolos programados para comunicarse e interactuar entre sí con la web (www) como plataforma. El escenario futuro que se plantea es que cada objeto físico llegará a tener un identificador único en Internet que le permita comunicarse y transmitir información con otros objetos y/o personas. Es lo que se conoce como Internet of Things (IoS).</p>
<ul>
<li><strong><a href="https://pachube.com/" target="_blank">Pachube</a></strong> (&#8220;patch-bay&#8221;) es un servicio web construido para gestionar el mundo de los datos en tiempo real. Le da a las personas el poder de compartir, colaborar y hacer uso de la información generada por las conexiones entre personas, dispositivos y aplicaciones del Internet of Things.</li>
</ul>
<p><strong>Fabricación digital</strong></p>
<p>De igual forma los valores culturales de la reproducción de la información y el conocimiento en Internet (código abierto, compartir, autoría colectiva, etc.) se están reflejando en la fabricación de objetos físicos (artefactos y tecnologías), poniendo en cuestión los modelos de producción dominantes y sus correspondientes estructuras legales. Es el <em>fabbing</em> o fabricación digital, la producción a pequeña escala de objetos físicos en un taller laboratorio que incluye máquinas controladas por computadores, un <em>Fab Lab</em>.</p>
<ul>
<li><strong><a href="http://fffff.at/free-universal-construction-kit/" target="_blank">The Free Universal Construction Kit</a></strong> por F.A.T. Lab y Sy-Lab. Es un conjunto de 80 piezas que permiten la interoperatibilidad entre los diez juegos de construcción para niños más populares. Permite para los niños realizar nuevas construcciones que antes eran imposibles por ser cada uno de estos juegos sistemas cerrados.</li>
</ul>
<h4>REDES DISTRIBUIDAS DE PARTICIPACIÓN (Y ACCIÓN)</h4>
<p>Código fuente: <strong><a href="http://zzzinc.net/masacritica/2010/06/01/de-la-cultura-de-masas-a-la-cultura-participativa/" target="_blank">&#8220;De la cultura de masas a la cultura participativa&#8221; &#8211; #MASACRITICA</a></strong></p>
<p>Más allá del artefacto de lo digital encontramos aproximaciones que involucran no sólo a personas y dispositivos y que abordan el hecho urbano desde una escala territorial que supera en ocasiones los límites de la ciudad. Así se despliegan en el territorio redes distribuidas de participación y acción en las que colectivos y comunidades redefinen lo urbano y lo territorial.</p>
<p><strong>Crowdsourcing</strong></p>
<p>Internet y el desarrollo de las plataformas sociales ha permitido realizar trabajos en forma de colaboración masiva por parte de diferentes comunidades en torno a un tema. Estas tareas individuales, que en su mayoría son voluntarias y realizadas sin remuneración, sumadas una a una tienen menor valor que el total de su conjunto. Los agentes que participan en su desarrollo se ven beneficiadas de este valor de conjunto, y en la mayoría de las ocasiones el resultado es compartido con cualquier usuario. El caso más conocido es el de Wikipedia.</p>
<ul>
<li><strong><a href="http://www.openstreetmap.org/" target="_blank">Open Street Map</a></strong> es una iniciativa abierta para crear y proveer datos geográficos libres (mapas) por y para cualquiera (individuos, grupos, instituciones y empresas) que los quiera y para el fin que quiera (comercial o no) de forma pública o privada y en cualquier soporte o formato (digital, papel, etc.). Al igual que con Wikipedia el uso y generación de datos geográficos a partir de Open Street Map tiene que respetar la licencia CC by-sa <a href="#_edn6">[6]</a>.</li>
</ul>
<p><strong>Open p2p Design</strong></p>
<p>Detrás de estas plataformas de colaboración existen unos nuevos valores de diseño que adoptando la lógica de redes definen nuevos marcos de relación y trabajo entre los individuos, comunidades y colectivos. A estas propuestas de diseño que son abiertas en su proceso y acceso a los resultados, así como a la participación de cualquiera entre condición de iguales, se las conoce <em>Open p2p Design</em>.</p>
<ul>
<li><strong><a href="http://opensourceecology.org/" target="_blank">Open Source Ecology</a></strong> es una red granjeros, ingenieros y seguidores que han creado el Global Village Construction Set (GVCS). Este set de construcción de código abierto consta de una plataforma digital que permite el compartir el conocimiento que permite la construcción DIY <a href="#_edn7">[7]</a> de maquinaria industrial de bajo coste. El GVCS busca eliminar las barreras económicas de entrada y mantenimiento de las labores agrícola vinculadas al cultivo, construcción y manufactura en granjas. Lo hace promoviendo estas herramientas modulares, que del mismo modo que un Lego, son fabricadas combinando diferentes piezas. El objetivo último de Open Source Ecology es promover economías locales productivas y sostenibles vinculadas a lo agrícola tanto en zonas a reurbanizar en el mundo industrializado como en zonas en desarrollo.</li>
</ul>
<h4>INFRAESTRUCTURAS DE LA RED</h4>
<p>Código fuente: <strong><a href="http://www.ted.com/talks/kevin_slavin_how_algorithms_shape_our_world.html" target="_blank">&#8220;How algorithms shape our world&#8221; &#8211; Kevin Slavin</a></strong></p>
<p>En todo momento hemos hecho mención a Internet como el soporte que permite realizar cualquiera de los casos expuestos anteriormente. Sin embargo, este soporte no es inmaterial. Al conjunto de infraestructuras que posibilitan Internet se las conoce como infraestructuras de la red.</p>
<p>Por lo general, se las considera invisibles (sic) dado que no existe una consciencia material, tal y como ocurre como con las infraestructuras de transporte (vías y nodos) y sin embargo están presentes en la ciudad. Un claro ejemplo de esto es el campo de conexión satelital a través de antenas de telefonía móvil <a href="#_edn8">[8]</a> o de wifi <a href="#_edn9">[9]</a> que producen puntos de acceso inalámbrico a Internet. Conocemos su presencia por los marcadores de cobertura de nuestros dispositivos e influyen indudablemente en nuestra percepción y uso del espacio.</p>
<ul>
<li><strong><a href="http://www.nearfield.org/2011/02/wifi-light-painting" target="_blank">Immaterials: light painting WiFi</a></strong>. Este proyecto explora el territorio invisible de las redes WiFi en los espacios urbanos. Utiliza una barra con 80 puntos de luz que revela la sección de las señales WiFi al usar una técnica fotográfica de larga exposición conocida como light-painting.</li>
</ul>
<p>Por otro encontramos que estas infraestructuras están globalmente distribuidas. Existen HUB <a href="#_edn10">[10]</a> de servidores que alojan la información de la que hacemos uso en lo que ahora llamamos &#8220;la nube&#8221;. Estos HUB están situados en lugares estratégicos del territorio e interconectados por cable, incluso transoceánicamente entre continentes. Podría parece que es relativa la importancia de estos HUB dado que la conexión está distribuida por el globo, pero no es así porque existen marcadas diferencias en los tiempos de acceso y respuesta en función de la distancia física del nodo al HUB.</p>
<ul>
<li><strong><a href="http://www.submarinecablemap.com/" target="_blank">Submarine Cable Map</a></strong>. Es la cartografía de los cables y nodos de conexión submarinos internacionales que tienen una capcidad de al menos 5 Gbps. La representación de cables y nodos no refleja la localización real del cable ni se incluyen los cables terrestres.</li>
</ul>
<h4>LA CIUDAD DEL FUTURO</h4>
<blockquote><p>&#8216;La ciudad es el continente de la historia, el tiempo concentrado en el espacio, la condensación del pasado y la memoria, es decir, el lugar desde donde se “inventan” los proyectos de futuro que dan sentido al presente.&#8217; &#8211; Jordi Borja <a href="#_edn11">[11]</a>.</p></blockquote>
<p>Esta selección de puntos de acceso a una cartografía de las nuevas tecnologías urbanas es sólo eso, una puerta de entrada y un marco conceptual para poder realizar cada uno su propia labor de prospección e investigación. Es labor de todos el completar y ampliar esta cartografía de la ciudad actual porque la ciudad del futuro está siendo realizada hoy.</p>
<p><a href="http://pacogonzalez.info/about" target="_blank">Paco González</a>, es arquitecto, fundador de <a href="http://www.radarq.net/" target="_blank">radarq.net</a> y miembro de <a href="http://zzzinc.net/" target="_blank">ZZZINC Laboratorio de Innovación Cultural</a>.</p>
<p>&#8212;</p>
<h4>Notas</h4>
<p id="_edn1">[1] Smart City es el concepto que describe a una ciudad inteligente (sic) por el hecho de incorporar factores de la economía de las Tecnologías de la Información y la Comunicación (TIC). Es utilizado por las municipalidades o empresas del sector dentro de sus estrategias para sustentar la competitividad y el valor de marca entre ciudades. Comienza a ser habitual el uso del concepto de smart citizens de forma asociada al de smart city para integrar a la población en esa estrategia.</p>
<p id="_edn2">[2] Ver <a href="http://www.tedprize.org/announcing-the-2012-ted-prize-winner/" target="_blank">TED Prize 2012: City 2.0</a> y <a href="http://thecity2.org/" target="_blank">The City 2.0</a></p>
<p id="_edn3">[3] Puede que nos sorprenda, pero si observamos a nuestros niños percibimos que para ellos es una única esfera. Esto, no deja de reproducir la anterior aparición de otras tecnologías y su adopción. ¿Quién no recuerda el relato de nuestros mayores de cómo apareció la televisión en sus salones y era &#8220;lo otro&#8221; de la realidad?</p>
<p id="_edn4">[4] Meme es un neologismo que señala la capacidad de memoria y mímesis de la información cultural que es transmitida entre individuos y generaciones. Sería el equivalente cultural al gen. Ver <a href="http://en.wikipedia.org/wiki/Meme" target="_blank">en.wikipedia.org/wiki/Meme</a> y <a href="http://es.wikipedia.org/wiki/Meme" target="_blank">es.wikipedia.org/wiki/Meme</a></p>
<p id="_edn5">[5] Prosumidor. Del inglés prosumer. Es un acrónimo de la contracción de los vocablos ingleses producer (productor) y consumer (consumidor). Ver <a href="http://en.wikipedia.org/wiki/Prosumer" target="_blank">en.wikipedia.org/wiki/Prosumer</a></p>
<p id="_edn6">[6] <a href="http://creativecommons.org/licenses/by-sa/3.0/deed.es" target="_blank">CC by-sa</a> Licencia Creative Commons que libera cualquier uso a excepción de mencionar al autor y compartir bajo la misma licencia las obras derivadas.</p>
<p id="_edn7">[7] DIY. Expresión de Hazlo Tú Mismo, del inglés Do It Yourself.</p>
<p id="_edn8">[8] Redes GPRS, 3G, LTE (4G). Ver <a href="http://en.wikipedia.org/wiki/Mobile_network" target="_blank">en.wikipedia.org/wiki/Mobile_network</a> y <a href="http://en.wikipedia.org/wiki/Cellular_frequencies" target="_blank">en.wikipedia.org/wiki/Cellular_frequencies</a></p>
<p id="_edn9">[9] WiFi el nombre más extendido para las redes inalámbricas, del inglés Wirelessly (sin cables) y que originalmente incluía Fi en su logo por hacer referencia el meme HiFi, High Fidelity o alta fidelidad. Ver <a href="http://en.wikipedia.org/wiki/Wifi" target="_blank">en.wikipedia.org/wiki/Wifi</a></p>
<p id="_edn10">[10] HUB. Vocablo inglés equivalente al del buje en una rueda que significa nodo concentrador. Es utilizado en conexiones informáticas, web o de transporte. Ver <a href="http://en.wikipedia.org/wiki/HUB" target="_blank">en.wikipedia.org/wiki/HUB</a></p>
<p id="_edn11">[11] BORJA J., MUXI Z. (2000) &#8220;El espacio público y la ciudadanía&#8221;. Barcelona.</p>
]]></content:encoded>
			<wfw:commentRss>http://mosaic.uoc.edu/2012/04/30/de-la-ciudad-de-bits-a-las-nuevas-tecnologias-urbanas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creadores mediáticos inspirados por un pintor decimonónico</title>
		<link>http://mosaic.uoc.edu/2012/04/30/creadores-mediaticos-inspirados-por-un-pintor-decimononico/</link>
		<comments>http://mosaic.uoc.edu/2012/04/30/creadores-mediaticos-inspirados-por-un-pintor-decimononico/#comments</comments>
		<pubDate>Mon, 30 Apr 2012 14:38:45 +0000</pubDate>
		<dc:creator>Mosaic</dc:creator>
				<category><![CDATA[Experiencias]]></category>
		<category><![CDATA[Número 096]]></category>
		<category><![CDATA[Sabrina Giménez Espinosa]]></category>
		<category><![CDATA[arte visual]]></category>
		<category><![CDATA[creatividad]]></category>
		<category><![CDATA[influencia pictórica]]></category>
		<category><![CDATA[John William Waterhouse]]></category>

		<guid isPermaLink="false">http://mosaic.uoc.edu/?p=6889</guid>
		<description><![CDATA[TFG dedicado a la investigación y presentación interactiva de la influencia pictórica de John William Waterhouse en la obra multimedia.]]></description>
				<content:encoded><![CDATA[<p><strong>Asignatura: </strong><em>TFG Grado Multimedia</em></p>
<p><strong>Consultor y profesor: </strong><em>Antonia Monjo Palau y Laia Blasco Soplon</em></p>
<h4>Introducción</h4>
<p>Veamos, un tema original al que poder dedicar un TFG en el ámbito de la creatividad y la comunicación visual. ¿Y si recupero alguno de mis pintores favoritos y trato de plasmar aquella idea recurrente de &#8216;me recuerda a&#8217; que tengo al ver tal o cual película, fotografía o diseño web?</p>
<p>Es la oportunidad de demostrar la influencia pictórica de John William Waterhouse en la creación mediática. Desde sus orígenes: desde la fotografía, hasta la imagen de síntesis. Lo explicaríamos en imágenes, a modo de recorrido cronológico  y a partir de análisis comparativos. Y que fuera interactivo, para poder jugar&#8230;</p>
<h4>Etapas y retos</h4>
<p>Tras la debida planificación del proyecto, empiezo a documentarme. Tras algunas horas de investigación y bastantes más de rastreo en la red, llega el primer reto: el exceso de información (todos sabemos lo generosa que puede ser la red cuando se le pregunta y lo poco pacientes que somos sentados frente la pantalla).</p>
<p>Así que decido filtrar. La mayoría de descartes son fotomontajes (desde aquí dar las gracias a los artistas &#8216;online&#8217;, responsables de un enorme universo creativo y sorprendente), y al final, consigo elegir los casos que mejor ilustran la influencia de Waterhouse.</p>
<p>En paralelo trabajo en la conceptualización y elaboración del interactivo. Elijo Prezi como herramienta ideal para construir una visualización dinámica con la que constatar el influencia visual del pintor a partir del juego estético y la comparación.</p>
<p>Es en esta etapa creativa, cuando surge el otro gran reto del proyecto: el diseño del cronograma. Necesitaba un modelo que combinara variables tiempo y medio y que a la vez fuera dinámico y autoexplorable y en el que no se perdiera el contexto (hubo varias alternativas, entre ellas el boceto radial multivariable que puede verse a continuación y que descarté por ser demasiado complejo en composición y lectura).</p>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://mosaic.uoc.edu/wp-content/uploads/2011/10/imagen1.png" rel="lightbox[6889]"><img class="aligncenter size-full wp-image-6890" title="imagen1" src="http://mosaic.uoc.edu/wp-content/uploads/2011/10/imagen1.png" alt="" width="450" height="256" /></a></p>
<p>&nbsp;</p>
<p>Sigo probando modelos en busca de los tres requisitos fundamentales: volumen, precisión y coherencia. Al final, doy con uno que me convence: es completo en contenido pero no llega a aburrir, se centra en la información relevante y al uso, es coherente en el recorrido cronológico.</p>
<p>Con el funcional resuelto, llega la hora de optimizar el material. Por encima de todo, quiero un producto ágil en la carga y rápido en el uso (nadie duda que la espera es una de las mayores barreras del disfrute digital).</p>
<p>Y ya es momento de componer las piezas. Así que comienzo a construir. En este proceso es importante destacar la cantidad de tiempo que destiné (a medida que evolucionaba, el archivo Prezi crecía en peso, carga y tiempos de trabajo).</p>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://mosaic.uoc.edu/wp-content/uploads/2011/10/imagen2.png" rel="lightbox[6889]"><img class="aligncenter size-full wp-image-6892" title="imagen2" src="http://mosaic.uoc.edu/wp-content/uploads/2011/10/imagen2.png" alt="" width="450" height="256" /></a></p>
<p>&nbsp;</p>
<p>Tras varias pruebas y ajustes, y con el visto bueno sobre la mesa, por fin llega el gran momento: disfrutarlo como si lo viera por primera vez.</p>
<h4>Conclusiones</h4>
<p>Creo que un proyecto como éste, imaginado como viaje y experiencia, no puede construirse si no es del mismo modo: como un descubrimiento, parecido al proceso mágico de los libros en el que todo adquiere forma en la medida que &#8216;se pronuncia&#8217;.</p>
<p>Mezcla de corazonada y certeza, partía de una idea inspiradora y quería ver hacia dónde conducía.</p>
<p>Con la seguridad que, de un modo u otro, el medio pictórico tenía que haber influenciado la creación de los posteriores, desde el SXIX hasta nuestros días, resultaba emocionante tratar de encontrar las pruebas que lo demostraran. Hallazgos esparcidos por todas partes a los que poder dar un sentido.</p>
<p>Y a la vez, teníamos a John William Waterhouse, pintor de incuestionable talento pero desmerecido en la popularidad de los libros de texto y las salas de exposiciones.</p>
<p>Ahora, a la luz del proyecto, espero haber conseguido ilustrar la influencia. Y aportar, puestos a pedir, un grano de arena en el estudio de la mimesis creativa (expertos investigadores, exprimirlo tanto como os dé de sí) y un poco más de luz a la obra de Waterhouse.</p>
<p>Y lo más importante: conseguir que los que sentimos (quizá con más frecuencia de lo debido) curiosidad por ciertas cosas, quizá poco útiles o importantes, hayamos pasado un buen rato jugando por la pantalla.</p>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://mosaic.uoc.edu/wp-content/uploads/2012/04/imagen3.png" rel="lightbox[6889]"><img class="aligncenter size-full wp-image-9317" title="imagen3" src="http://mosaic.uoc.edu/wp-content/uploads/2012/04/imagen3.png" alt="" width="450" height="256" /></a></p>
<h4>Visualización del proyecto:</h4>
<p><a href="http://prezi.com/cqncblr4kab6/la-influencia-de-john-william-waterhouse-en-lobra-multimedia-tfg-grau-multimedia-sabrina-gimenez/">http://prezi.com/cqncblr4kab6/la-influencia-de-john-william-waterhouse-en-lobra-multimedia-tfg-grau-multimedia-sabrina-gimenez/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://mosaic.uoc.edu/2012/04/30/creadores-mediaticos-inspirados-por-un-pintor-decimononico/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fabien Girardin (English version)</title>
		<link>http://mosaic.uoc.edu/2012/04/30/fabien-girardin-english-version/</link>
		<comments>http://mosaic.uoc.edu/2012/04/30/fabien-girardin-english-version/#comments</comments>
		<pubDate>Mon, 30 Apr 2012 14:38:30 +0000</pubDate>
		<dc:creator>Mosaic</dc:creator>
				<category><![CDATA[Entrevistas]]></category>
		<category><![CDATA[Número 096]]></category>
		<category><![CDATA[Paco González]]></category>
		<category><![CDATA[city of bits]]></category>
		<category><![CDATA[Near Future Laboratory]]></category>
		<category><![CDATA[sketch]]></category>
		<category><![CDATA[urban informatics]]></category>

		<guid isPermaLink="false">http://mosaic.uoc.edu/?p=9043</guid>
		<description><![CDATA[Fabien Girardin is a co-founder of the Near Future Laboratory a thinking, making, design, development and research practice speculating on the near future possibilities for digital worlds. He is active in the domains of user experience, data science and urban informatics.]]></description>
				<content:encoded><![CDATA[<p><strong>Fabien Girardin</strong> is a co-founder of the <a href="http://nearfuturelaboratory.com/"><strong>Near Future Laboratory</strong></a> a thinking, making, design, development and research practice speculating on the near future possibilities for digital worlds. He is active in the domains of user experience, data science and urban informatics.</p>
<p>In his practice he mixes qualitative observations with quantitative data analysis to gain insights from the integration and appropriation of technologies. Subsequently, he exploits the gained knowledge with engineering techniques to prototype and evaluate concepts and solutions for urban service providers and decision makers.</p>
<h4>The framework of this interview is related to the Ciudad de Bits article that speculates on the future of the city, a title inspired by <a href="http://en.wikipedia.org/wiki/William_J._Mitchell">William J. Mitchell&#8217;s</a> book <a href="http://mitpress.mit.edu/catalog/item/default.asp?ttype=2&amp;tid=4593">&#8220;City of Bits. Space, Place, and the Infobahn &#8220;</a>. One of the first historical analogical references that came to our minds to address the issue of the City of Bits was <a href="http://youtu.be/0fKBhvDjuy0">&#8220;Powers of ten&#8221;</a>, by the Eames brothers. What books or videos would you recommended, intuitively, if asked about the City of Bits as a concept?</h4>
<p>At MIT, I got the chance to participate in conversations with William J. Mitchell, and got fascinated by his capacity to inspire and sketch the future. However, my research on the co-evolution of people and technology in urban environments got more influenced by geographers studying sociology of technology such as Stephen Graham, Martin Dodge, Rob Kitchin or Phil Hubbard. <a href="http://www.amazon.com/Cybercities-Reader-Routledge-Urban/dp/0415279569">The Cybercities Reader</a> is most certainly a seminal book, but my personal favorite references that concisely describing the role of science and technology as makers of the urban landscape are <a href="http://mitpress.mit.edu/catalog/item/default.asp?ttype=2&amp;tid=12573">Code/Space</a> and <a href="http://nearfuturelaboratory.com/seventh-and-half/2008/05/13/the-hybrid-city-by-phil-hubbard/">The Hybrid City</a>. I particularly like their total lack of emotions towards technologies and the ‘magic’ we all have a tendency to grant them.</p>
<h4>You define yourself as a researcher, engineer and entrepreneur. How did you move from academia to the world of business? What have you learned in the process that you would like to share with someone who is finishing her studies or research at a university?</h4>
<p>The trajectory that led me to obtain a PhD taught me a lot. First, as an engineer, I felt I was missing a critical skills to evaluate how my own technical work was getting closer to people. Back then I was developing sensors to detect mobility as well as collaborative interfaces. So I decided to learn about sciences directly related to humans and explore the application of research methods that allowed me to detect the implications of my technical work.</p>
<p>Second, academia can be a fierce competitive environment that stimulates the necessity to convince that a research is systematic and – not only to get publications accepted but to obtain grants. I have learned a lot from that rigor. However, the academic world never fully responded to my aspiration. Particularly for its lack of transparency and multi-disciplinarily that work at the crossroad of the understanding of humans, technology and the urban space necessitates. This is where my research blog comes from. It responded to the urge to break these kind of limitations. It got me to get inspired by individuals (e.g. Adam Greenfield, Julian Bleecker, Stephen Graham) who I would have never been in contact with in a unique academic community.</p>
<p>At Near Future Laboratory we give priority to constantly communicate our ideas and results, using our blogs, pamphlets, talks and workshops as echo chambers. As a consequence, our business thrives on this ability to involve multiple practices and networks for question formulations, data collection and solution creation. We found out that leaving academia improved our ability to formulate our methods particularly thanks to the diversity of constraints that demand a diversity of techniques. However, we make efforts in keeping the ideological approach of a researcher intact. It implies staying humble, not starting an investigation with a priori assumptions and not being afraid to express dots. When conveyed with assertiveness, this posture of the researcher driven by doubts but confident in its methods is what makes our value.</p>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://mosaic.uoc.edu/wp-content/uploads/2012/04/F11.jpg" rel="lightbox[9043]"><img class="aligncenter size-large wp-image-9137" title="F1" src="http://mosaic.uoc.edu/wp-content/uploads/2012/04/F11-450x300.jpg" alt="" width="450" height="300" /></a></p>
<p style="text-align: center;"><a href="http://www.flickr.com/photos/drremulac/">Flickr</a> de Fabien Girardin (<a href="http://www.flickr.com/photos/drremulac/1286627123/sizes/m/in/set-72157600018368138/">BCN 2006 tourist activity map</a>)</p>
<h4>In some of your posts you make reference to the fact that in your professional activity you must follow your curiosity to take you to the limits of your career&#8217;s reach. You&#8217;re not a computer engineer nor today&#8217;s usual academic researcher, you look like a hybrid. Was it you curiosity that took you there?</h4>
<p>Absolutely. Particularly the curiosities about how other practices investigate the world (geographers, social scientists) and solve problems (e.g. architects, urban planner). At Near Future Laboratory we nurture this type of curiosity as a state of mind rather than a real set of rules. Our experience in academia certainly helps us in always be in doubt and investigate new domains. We like to think when entering a new area one has to spend a year listening, reading, learning about a new practice. Find out who the thought leaders are and why. Then invest the next year helping out and apprenticing. Be a humble servant, asking questions but also getting hands dirty and trousers scuffed. Be active, modest and become a learner. Move about, but focus on the nuances of the craft aspects of the practice community.</p>
<p>Finally spend a year making/creating/building on your own, whatever the field might be. Prepare to be a contributor in a more active way. Find a voice of your own. You would’ve created a network that knits you into the community by this time.</p>
<h4>After some time at Liftlab, you open, with some colleagues, the Near Future Laboratory. You refer to a stage where you refine your practice that takes you on new journeys. What are the keys to this new journey into the future you start?</h4>
<p>The Near Future Laboratory is a natural evolution by experimenting in other directions than the regular consulting firm. We are moving, refining, finding ways to continue to learn and bringing all the other bits of learning, the other “fields”, the other ways of knowing and seeing the world, all the other bounded disciplines. Along with Julian Bleecker, Nicolas Nova and a network of tactical scouts we form a technology-based practice that combines insight and analysis with design and research with rapid prototyping to transform ideas into material form. Our practices help us get closer to the “weak signals” that echo from the fringes of digital culture, where the near-future already exists.</p>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://mosaic.uoc.edu/wp-content/uploads/2012/04/21.jpg" rel="lightbox[9043]"><img class="aligncenter size-large wp-image-9138" title="2" src="http://mosaic.uoc.edu/wp-content/uploads/2012/04/21-450x337.jpg" alt="" width="450" height="337" /></a></p>
<p style="text-align: center;"><a href="http://www.flickr.com/photos/drremulac/">Flickr</a> de Fabien Girardin (<a href="http://www.flickr.com/photos/drremulac/5775666170/in/photostream">The bestiary of practices, tools, languages and protocols that we engage with in our works on network data</a>)</p>
<h4>What are the methods you use to attack new works referred to the city? Do you have a recent example of work that could serve as an example?</h4>
<p>Our current projects on the city mainly focus on ‘exploiting’ the data that are the byproduct of people digital activities (i.e. network data). As data has become the ‘new oil’, we are approached to find solutions from untapped data sources, uncover opportunities to refine data rather than purely selling it, and materialize new services based on network data. Our method first consists in desk research that contemplates datasets related to a matter. We map possible future changes to highlight new opportunities and prepare for them. Using tools and perspectives from near futures research, we look for emerging social and technological shifts that indicate possible changes. Then we like to develop potential solutions, often several avenues that aim at provoking. There are often tangible for participants of the project to actually build their own scenarios. Based on prototyping methods, we materialize product ideas or insights coming from field studies.</p>
<p>For instance this is the kind of process we apply with BBVA to investigate the roles of a retail bank in the ‘smart’ city of the near future. The bank had fairly good ideas of their potential contributions to a world that needs real-time information exchange platform. This is the kind of service a bank is extremely familiar with. However, they had limited knowledge the type of information that could feed and emerge from this kind of platform. As part of our consulting work, we sketched a pretty advanced dashboard for participants of the project to explore and interrogate their data with fresh perspectives. The use of the dashboard helped the participants craft and tune indicators that qualify the space based on its business activity. This experience was used to develop specific scenarios involving services and products that exploit a bank and its clients could take advantage of.</p>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://mosaic.uoc.edu/wp-content/uploads/2012/04/Sketching-with-urban-data_Smart-City-World-Congress-2011_01.jpg" rel="lightbox[9043]"><img class="aligncenter size-large wp-image-9116" title="Sketching with urban data_Smart City World Congress 2011_01" src="http://mosaic.uoc.edu/wp-content/uploads/2012/04/Sketching-with-urban-data_Smart-City-World-Congress-2011_01-450x318.jpg" alt="" width="450" height="318" /></a><em> </em></p>
<p style="text-align: center;">Graphic recording (real-time visual summary) by Alexandra Etel Rodríguez,  Business Creativity + Innovation Facilitator. Partner <a href="http://www.connectingbrains.es/wordpress/">ConnectingBrains</a></p>
<p>&nbsp;</p>
<h4>It is curious that in your work –urban informatics– you reference the process of sketching, typicalof more creative professions (such as architects or planners). One would mistakenly imagine that you would work with just flat code and operators. Could you explain more the meaning of the data sketch in your workflow?</h4>
<p>The different stages that form the process materializing information from network data demands to find answers and ask new questions. As a ‘data scientist’ I found the necessity to very quickly being able to visualize temporary results, communicate them to members of the project. In this kind of exploratory investigation there is a necessity to fail or succeed early to keep a proper momentum. We cannot afford to move out and wait for months to return to the participants of the projects with results.</p>
<p>We used to develop my own tools to quickly produce tangible results, what we call ‘sketches’ (maps, animations, interactive interface). Now based on this experience and in collaboration with my friends at the information visualization consultancy Bestiario, I co-created <a href="http://www.quadrigram.com">Quadrigram</a>, a platform that I use to easily access, manipulate, analyze, and visualize data flows. We hope the tools it provide help respond to the growing necessity to treat data as a living material that must be crafted and manipulated at the different stages of knowledge and service production.</p>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://mosaic.uoc.edu/wp-content/uploads/2012/04/7112344831_9519503fa9_z.jpg" rel="lightbox[9043]"><img class="aligncenter size-large wp-image-9176" title="7112344831_9519503fa9_z" src="http://mosaic.uoc.edu/wp-content/uploads/2012/04/7112344831_9519503fa9_z-450x144.jpg" alt="" width="450" height="144" /></a><a href="http://mosaic.uoc.edu/wp-content/uploads/2012/04/31.jpg" rel="lightbox[9043]"><br />
</a>Flickr de Fabien Giardin (<a href="http://www.flickr.com/photos/drremulac/7112344831/in/set-72157629467749260">Quadrigram</a>)</p>
<h4>The city, and therefore the city of bits, is a complex entity involving many fields and professions. What is your vision of the work of professionals from different areas coming together in urban informatics?</h4>
<p>There is a necessity of speaking different languages (the technology, the space, the people) and be aware of the practices of other. I often act as middlemen, helping articulate the different practices that form the groups working of digital technologies in the city. Being able to quickly sketch an interactive dashboard is a guarantee to have a common language that helps the different actors in asking better questions, getting better feedback from them and properly focusing the investigation (some call it visual thinking or to some extend predictive analytics).</p>
<p>This type of multi-disciplinary work will need new tools. I certainly hope that tools like Quadrigram will lower the barriers of multi-disciplinary project and offer the opportunity to collect insights that give a project the upper hand in decision making.</p>
<h4>We know your approach, in which quantitative data are not sufficient to give answers about the city from urban informatics. Can you share the importance of qualitative data and its relationship with users and citizens?</h4>
<p>It might be obvious for some, but many in the world of ‘data science’ and computer science still lack of sensitiveness to the limitations of quantitative evidences and the models we can build on to of them. I am often confronted to these limitations. In a project for the Louvre Museum we developed indicators of hyper-congestion (i.e. when the quantity of visitors influences the quality of their visit) based on sensor data. We produced unprecedented measures, but they were revealing the symptoms rather than explaining their sources. So we used the results and their visualizations to complement our measures with qualitative evidences from the surveillance team on the field. There are insights that only in-situ observations can provide. It requests a different set of skills and at the Near Future Laboratory we are game mixing both quantitative and qualitative evidences.</p>
<h4>Thank for everything, Fabien.</h4>
<p>&#8212;</p>
<p>This interview with Fabien Girardin was conducted by ZZZINC in collaboration with Mosaic through the use of a shared document between February 16th and March 7th, 2012.</p>
<p>ZZZINC is an independent culture research lab.</p>
<p>If you want to visit our work, please visit <a href="http://zzzinc.net/" target="_blank">zzzinc.net</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://mosaic.uoc.edu/2012/04/30/fabien-girardin-english-version/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fabien Girardin</title>
		<link>http://mosaic.uoc.edu/2012/04/30/fabien-girardin/</link>
		<comments>http://mosaic.uoc.edu/2012/04/30/fabien-girardin/#comments</comments>
		<pubDate>Mon, 30 Apr 2012 14:38:07 +0000</pubDate>
		<dc:creator>Mosaic</dc:creator>
				<category><![CDATA[Entrevistas]]></category>
		<category><![CDATA[Número 096]]></category>
		<category><![CDATA[Paco González]]></category>
		<category><![CDATA[ciudad de bits]]></category>
		<category><![CDATA[Near Future Laboratory]]></category>
		<category><![CDATA[sketch]]></category>
		<category><![CDATA[urban informatics]]></category>

		<guid isPermaLink="false">http://mosaic.uoc.edu/?p=9072</guid>
		<description><![CDATA[Fabien Girardin es cofundador del Near Future Laboratory, una práctica  que piensa, crea, diseña, desarrolla e investiga especulando sobre las posibilidades del futuro de los mundos digitales. Es activo en los dominios de la experiencia de usuario, la ciencia de datos y la informática urbana.]]></description>
				<content:encoded><![CDATA[<p><strong>Fabien Girardin</strong> es cofundador del <a href="http://nearfuturelaboratory.com">Near Future Laboratory</a>, una práctica  que piensa, crea, diseña, desarrolla e investiga especulando sobre las posibilidades que ofrece el futuro próximo para los mundos digitales. Es activo en los dominios de la experiencia de usuario, la ciencia de datos y la informática urbana.</p>
<p>En su práctica mezcla observaciones cualitativas con el análisis cuantitativo de datos para obtener información a partir de la integración y apropiación de las tecnologías. Posteriormente, explota el conocimiento obtenido con técnicas de ingeniería para prototipar y evaluar conceptos y soluciones para proveedores de servicios urbanos y tomadores de decisiones.<em> </em></p>
<h4>El marco de esta entrevista está en relación con el artículo Ciudad de Bits que especula con el futuro de la ciudad, título inspirado en el libro de <a href="http://en.wikipedia.org/wiki/William_J._Mitchell">William</a><a href="http://en.wikipedia.org/wiki/William_J._Mitchell">J</a><a href="http://en.wikipedia.org/wiki/William_J._Mitchell">. </a><a href="http://en.wikipedia.org/wiki/William_J._Mitchell">Mitchell</a> “<a href="http://mitpress.mit.edu/catalog/item/default.asp?ttype=2&amp;tid=4593">City</a>”. Una de las primeras referencias históricas analógicas que se nos vino a la cabeza para tratar el tema de la Ciudad de Bits fue <a href="http://youtu.be/0fKBhvDjuy0 ">“Powers of ten”</a> de los Eames.  ¿Qué libro y/o vídeo recomendarías por intuición si te preguntan por la Ciudad de Bits como concepto?</h4>
<p>En el MIT tuve la oportunidad de participar en conversaciones con William J. Mitchell y me fascinó su capacidad de inspirar y esbozar el futuro. Sin embargo, mi investigación sobre la co-evolución de las personas y la tecnología en entornos urbanos tiene más influencia de los geógrafos que estudian la sociología de la tecnología, como Stephen Graham, Martin Dodge, Rob Kitchin o Phil Hubbard. <a href="http://www.amazon.com/Cybercities-Reader-Routledge-Urban/dp/0415279569">The Cybercities Reader</a> es, sin duda, un libro fundamental, pero mis referencias personales favoritas, que describen de forma concisa el papel de la ciencia y la tecnología como creadoras del paisaje urbano, son <a href="http://mitpress.mit.edu/catalog/item/default.asp?ttype=2&amp;tid=12573">Code/Space</a> y <a href="http://nearfuturelaboratory.com/seventh-and-half/2008/05/13/the-hybrid-city-by-phil-hubbard/">The Hybrid City</a> el híbrido de la ciudad por Phil Hubbard-/. En especial me atraesu total falta de emoción por las tecnologías y la ausencia de la &#8220;magia&#8221; que todos tenemos tendencia a concederles.</p>
<h4>Te defines como investigador, ingeniero y emprendedor. ¿Cómo ha sido pasar de la academia al mundo de la empresa? ¿Qué has aprendido en el proceso y quisieras compartir con alguien que esté terminando sus estudios o investigaciones en la universidad?</h4>
<p>La trayectoria que me llevó a obtener el doctorado me ha enseñado mucho. En primer lugar, como ingeniero, sentía que me faltaba capacidad crítica para evaluar cómo mi propia obra técnica se acercaba a la gente. En aquel entonces estaba desarrollando sensores para detectar la movilidad e interfaces colaborativas. Así que decidí aprender sobre las ciencias directamente relacionadas con los seres humanos y explorar la aplicación de métodos de investigación que me permitiesen detectar las implicaciones de mi trabajo técnico.</p>
<p>En segundo lugar, el mundo académico puede ser un entorno de feroz competencia que estimula la necesidad de convencer de que una investigación es sistemática y no sólo para que te acepten publicaciones, sino también para obtener apoyo financiero. He aprendido mucho de ese rigor. Sin embargo, el mundo académico nunca respondió plenamente a mis aspiraciones. Especialmente por su falta de transparencia y multidisciplinariedad, que son necesarias para trabajar en el cruce de caminos entre la comprensión de los seres humanos, la tecnología y el espacio urbano. De aquí es de donde proviene mi blog de investigación. Daba respuesta a la necesidad de romper este tipo de limitaciones. Consiguió que me inspiraran personas (como Adam Greenfield, Julian Bleecker o Stephen Graham) con las que nunca habría estado en contacto en una única comunidad académica.</p>
<p>En el Near Future Laboratory damos prioridad a comunicar constantemente nuestras ideas y resultados, usando nuestros blogs, folletos, charlas y talleres como cámaras de resonancia. Como consecuencia, nuestro negocio florece gracias a esta habilidad para involucrar múltiples prácticas y redes para formular preguntas, recopilar datos y crear soluciones. Nos dimos cuenta de que abandonar el mundo académico mejoraba nuestra capacidad para formular nuestros métodos. Sin embargo, nos esforzamos por mantener intacto el enfoque ideológico del investigador. Esto implica mantenerse humilde, no iniciar una investigación con suposiciones previas y no tener miedo a expresar dudas. Cuando se transmite con asertividad, esta postura del investigador impulsado por sus dudas, pero seguro de sus métodos, es lo que crea nuestro valor.</p>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://www.flickr.com/photos/drremulac/"><img class="aligncenter size-large wp-image-9123" title="F1" src="http://mosaic.uoc.edu/wp-content/uploads/2012/04/F1-450x300.jpg" alt="" width="450" height="300" /></a></p>
<p style="text-align: center;"><a href="http://www.flickr.com/photos/drremulac/">Flickr</a> de Fabien Girardin (<a href="http://www.flickr.com/photos/drremulac/1286627123/sizes/m/in/set-72157600018368138/">BCN 2006 tourist activity map</a>)</p>
<h4>Haces referencia en alguno de tus posts a que en la actividad profesional hay que seguir la curiosidad para llevarte a los límites del ámbito de tu carrera. No eres un ingeniero informático al uso ni tampoco un investigador académico corriente, pareces un híbrido. ¿Te ha llevado ahí tu curiosidad?</h4>
<p>Por supuesto. En particular, la curiosidad sobre cómo otras prácticas investigan el mundo (geógrafos, científicos sociales) y resuelven problemas (por ejemplo, arquitectos y planificadores urbanos). En el Near Future Laboratory fomentamos este tipo de curiosidad como un estado de ánimo, más que como un verdadero conjunto de reglas. Nuestra experiencia en el mundo académico sin duda nos ayuda a dudar siempre e investigar nuevos dominios. Nos gusta pensar que al entrar en una nueva área uno tiene que pasar un año escuchando, leyendo, aprendiendo acerca de la nueva práctica. Averiguar quiénes son los líderes de opinión y por qué. A continuación, invertir el año siguiente en ayudar y hacer el aprendizaje. Ser un servidor humilde, hacer preguntas, pero también mancharse las manos y rozarse los pantalones. Ser activo, modesto y convertirse en aprendiz. Moverse, pero centrarse en los matices de los aspectos artesanales de la comunidad de práctica.</p>
<p>Finalmente pasar un año haciendo/creando/construyendo por tu cuenta, cualquiera que sea el campo del que se trate. Prepararse para contribuir de manera más activa. Encontrar una voz propia. Para entonces habrías creado una red que te entreteje en la comunidad.</p>
<h4>Después de una etapa en Liftlab, abres junto con otros compañeros Near Future Laboratory. Haces referencia a una etapa en la que vas puliendo tu práctica profesional que te embarca en nuevos viajes. ¿Cuáles son las claves de este nuevo viaje al futuro que inicias?</h4>
<p>El Near Future Laboratory es una evolución natural, experimentando en direcciones diferentes de la empresa de consultoría habitual. Nos movemos, refinamos, encontramos maneras de seguir aprendiendo y reunir todos los demás pedazos de aprendizaje, los otros &#8220;campos&#8221;, las otras formas de conocer y ver el mundo, todas las demás disciplinas acotadas. Junto con Julian Bleecker, Nicolas Nova y una red de observadores tácticos, formamos una práctica basada en la tecnología que combina la visión y el análisis con el diseño, y la investigación con el prototipado rápido para dar forma material a las ideas. Nuestras prácticas nos ayudan a acercarnos a las &#8220;señales débiles&#8221; que resuenan desde la periferia de la cultura digital, donde el futuro cercano ya existe.</p>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://www.flickr.com/photos/drremulac/"><img class="aligncenter size-large wp-image-9124" title="2" src="http://mosaic.uoc.edu/wp-content/uploads/2012/04/2-450x337.jpg" alt="" width="450" height="337" /></a></p>
<p style="text-align: center;"><a href="http://www.flickr.com/photos/drremulac/">Flickr</a> de Fabien Girardin (<a href="http://www.flickr.com/photos/drremulac/5775666170/in/photostream">The bestiary of practices, tools, languages and protocols that we engage with in our works on network data</a>)</p>
<h4>¿Con qué métodos abordas los trabajos referidos a la ciudad? ¿Tienes algún ejemplo reciente de trabajo que sirva como ejemplo?</h4>
<p>Nuestros proyectos actuales sobre la ciudad se centran principalmente en &#8220;explotar&#8221; los datos que son el subproducto de las actividades digitales de las personas (es decir, datos de la red). Como los datos se han convertido en el &#8220;nuevo petróleo&#8221;, la gente se nos acerca para encontrar soluciones a partir de fuentes de datos sin explotar, descubrir oportunidades para refinar los datos en lugar de limitarse a venderlos y materializar nuevos servicios basados ​​en datos de la red. Nuestro método consiste primero en la investigación documental que contempla los conjuntos de datos relacionados con un tema. Trazamos los posibles cambios futuros para poner de relieve nuevas oportunidades y prepararnos para ellas. Usando  herramientas y perspectivas de la investigación del futuro cercano, buscamos cambios sociales y tecnológicos emergentes que nos indiquen los posibles cambios. A continuación, nos gusta desarrollar soluciones potenciales, a menudo varias posibilidades con el objetivo de provocar. A menudo son tangibles para que los participantes en el proyecto puedan construir realmente sus propios escenarios. Basándonos en los métodos de prototipado, materializamos ideas o reflexiones de productos provenientes de los estudios de campo.</p>
<p>Por ejemplo, este es el tipo de proceso que aplicamos con el BBVA para investigar el papel de un banco minorista en la ciudad &#8220;inteligente&#8221; del futuro próximo. El banco tenía ideas bastante buenas de sus potenciales contribuciones a un mundo que necesita una plataforma de intercambio de información en tiempo real. Este es el tipo de servicio con que un banco está muy familiarizado. Sin embargo, tenían un conocimiento limitado del tipo de información que podría aportarse y emerger de una plataforma de este tipo. Como parte de nuestro trabajo de consultoría, esbozamos un cuadro de mandos bastante avanzado para que lo explorasen los participantes del proyecto y pudiesen interrogar sus datos con una perspectiva fresca. El uso del cuadro de mandos ayudó a los participantes a crear y afinar los indicadores que califican el espacio basándose en su actividad financiera. Esta experiencia se utilizó para desarrollar escenarios específicos relacionados con servicios y productos que un banco y sus clientes podrían aprovechar.</p>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://mosaic.uoc.edu/wp-content/uploads/2012/04/Sketching-with-urban-data_Smart-City-World-Congress-2011_01.jpg" rel="lightbox[9072]"><img class="aligncenter size-large wp-image-9255" title="Sketching with urban data_Smart City World Congress 2011_01" src="http://mosaic.uoc.edu/wp-content/uploads/2012/04/Sketching-with-urban-data_Smart-City-World-Congress-2011_01-450x318.jpg" alt="" width="450" height="318" /></a></p>
<p style="text-align: center;">Graphic recording (resumen visual en tiempo real) por Alexandra Etel Rodríguez,  Business Creativity + Innovation Facilitator. Partner <a href="http://www.connectingbrains.es/wordpress/">ConnectingBrains</a></p>
<h4>Es muy curioso que en tu trabajo &#8211; urban informatics &#8211; hagas referencia al proceso de sketch (bosquejo, cróquis) propio de profesiones más creativas (arquitectos o planificadores). Uno imagina equivocadamente que trabajarías sólo con código plano y operadores. ¿Podrías explicarnos más que significa para ti el sketch con datos dentro de tu proceso de trabajo?</h4>
<p>Las distintas etapas que conforman el proceso de materialización de la información a partir de datos de la red exigen encontrar respuestas y plantear nuevas preguntas. Como &#8220;científico de datos&#8221; me encontré con la necesidad de poder visualizar los resultados provisionales muy rápidamente para comunicarlos a los miembros del proyecto. En este tipo de investigación exploratoria hay una necesidad de fracasar o tener éxito pronto para mantener el impulso adecuado. No podemos darnos el lujo de salir y esperar meses antes de volver a los participantes de los proyectos con resultados.</p>
<p>Solíamos desarrollar nuestras propias herramientas para producir rápidamente resultados tangibles, lo que llamamos &#8220;bocetos&#8221; (mapas, animaciones, interfaces interactivas). Ahora, sobre la base de esa experiencia y en colaboración con mis amigos de la consultoría de visualización de la información Bestiario, cocreé <a href="http://www.quadrigram.com">Quadrigram</a>, una plataforma que utilizo para acceder, manipular, analizar y visualizar flujos de datos con facilidad. Esperamos que las herramientas que ofrece ayuden a responder a la creciente necesidad de tratar los datos como un material vivo que debe ser elaborado y manipulado en las diferentes etapas de producción de conocimiento y servicios.</p>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://mosaic.uoc.edu/wp-content/uploads/2012/04/7112344831_9519503fa9_z1.jpg" rel="lightbox[9072]"><img class="aligncenter size-large wp-image-9179" title="7112344831_9519503fa9_z" src="http://mosaic.uoc.edu/wp-content/uploads/2012/04/7112344831_9519503fa9_z1-450x144.jpg" alt="" width="450" height="144" /></a></p>
<p style="text-align: center;">Flickr de Fabien Giardin (<a href="http://www.flickr.com/photos/drremulac/7112344831/in/set-72157629467749260">Quadrigram</a>)</p>
<h4>La ciudad, y por ende la ciudad de bits es un ente complejo que involucra a muchos ámbitos y profesiones. ¿Cuál es tu visión del trabajo de los profesionales de distintos ámbitos que confluyen en el urban informatics?</h4>
<p>Hay una necesidad de hablar diferentes idiomas (la tecnología, el espacio, las personas) y estar al corriente de las prácticas de otros. A menudo actúo como intermediario, ayudando a articular las diferentes prácticas que forman los grupos que trabajan con tecnologías digitales en la ciudad. Ser capaz de esbozar rápidamente un panel de mandos interactivo es una garantía de tener un lenguaje común que ayude a los diferentes actores a hacer mejores preguntas, obtener mejor feedback de ellas y a centrar debidamente la investigación (hay quien lo llama pensamiento visual, o hasta cierto punto análisis predictivo). Este tipo de trabajo multidisciplinario va a necesitar nuevas herramientas. Desde luego espero que herramientas como Quadrigram rebajen las barreras del proyecto multidisciplinar y ofrezcan la oportunidad de recoger las ideas que dan ventaja a un proyecto en la toma de decisiones.</p>
<h4>Conocemos tu enfoque en el que los datos cuantitativos no son suficientes para dar respuesta a la ciudad desde el urban informatics. ¿Puedes compartir qué importancia tienen para ti los datos cualitativos y su relación con los usuarios -ciudadanos-?</h4>
<p>Puede ser que sea obvio para algunos, pero muchos en el mundo de la &#8220;ciencia de datos&#8221; y la informática siguen careciendo de sensibilidad por las limitaciones de las evidencias cuantitativas y los modelos que podemos construir sobre ellas. Me enfrento a menudo con estas limitaciones. En un proyecto para el Museo del Louvre, desarrollamos indicadores de hipercongestión (es decir, cuando la cantidad de visitantes influye en la calidad de su visita) basándonos en los datos de los sensores. Produjimos medidas que no existían, pero revelaban los síntomas en lugar de explicar sus fuentes. Así que usamos los resultados y sus visualizaciones para complementar nuestras medidas con evidencias cualitativas del equipo de vigilancia sobre el terreno. Hay ideas que sólo observaciones in situ pueden proporcionar. Se requiere un conjunto diferente de habilidades y en el Near Future Laboratory estamos dispuestos a mezclar evidencias cuantitativas y cualitativas.</p>
<h4>Gracias por todo, Fabien.</h4>
<p>&#8212;</p>
<p>Esta entrevista a Fabien Girardin está realizada por ZZZINC en el marco de una colaboración con Mosaic mediante un documento compartido entre el 16 de febrero y el 7 de marzo de 2012.</p>
<p>ZZZINC es un laboratorio independiente de investigación en cultura</p>
<p>Si quieres conocer nuestro trabajo, visita <a href="http://zzzinc.net">zzzinc.net</a></p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://mosaic.uoc.edu/2012/04/30/fabien-girardin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
