If you want to see it…

pincha HERE!

Powered by Alba Souto, Lluís Tallada & Gina Solaro

“Portfolio”

¡Entra si quieres volverte una wild strawberry! 

= microZOO de código natural

El resultado…

“Científicos de Elisava estaban desarrollando nuevas especies de inteligencia artificial cuando, sorprendidos por la crisis, tuvieron que recortar gastos en seguridad y el experimento se les fue de las manos. Estas especies supra-evolucionadas se rebelaron consiguiendo escapar… Lo único que se sabe es que continúan en el edificio pero aprovechan sus extraordinarias propiedades para mantenerse ocultos. Se piensa que planean reunirse el 23 de enero, a las 19h, en el hall…”

escritorio_web

simbolos_microzoo

Firmado por: Ana, Arturo, Laura, Lluís and me!

ActionScript es un lenguaje de programación orientado a objetos utilizado en especial en aplicaciones Web animadas realizadas en el entorno Adobe Flash (la tecnología de Adobe para añadir dinamismo al panorama Web). Fue lanzado con la versión 4 de Flash, y desde entonces hasta ahora, ha ido ampliándose poco a poco, hasta llegar a niveles de dinamismo y versatilidad muy altos en la versión 9 (Adobe Flash CS3) de Flash…

A ver qué nos espera…

In January 1993, Jonathan Gay, Charlie Jackson, and Michelle Welsh started a small software company called FutureWave Software and created their first product, SmartSketch. A drawing application, SmartSketch was designed to make creating computer graphics as simple as drawing on paper. At first, it did not gain enough of a foothold in its market. As the Internet began to thrive, however, FutureWave began to realize the potential for a vector-based web animation tool that might easily challenge Macromedia’s Shockwave technology. In 1995, FutureWave modified SmartSketch by adding frame-by-frame animation features and re-released it as FutureSplash Animator on Macintosh and PC. By that time, the company had added a second programmer Robert Tatsumi, artist Adam Grofcsik, and PR specialist Ralph Mittman. The product was offered to Adobe and used by Microsoft in its early work with the Internet (MSN). In December 1996, Macromedia acquired the vector-based animation software and later released it as Flash, contracting “Future” and “Splash” of the FutureWave name.

• FutureSplash Animator (April 10, 1996): initial version of Flash with basic editing tools and a timeline.

• Macromedia Flash 1 (November 1996): a Macromedia re-branded version of the FutureSplash Animator.

• Macromedia Flash 2 (June 1997): Released with Flash Player 2, new features included: the object library.

• Macromedia Flash 3 (May 31, 1998): Released with Flash Player 3, new features included: the movieclip element, JavaScript plug-in integration, transparency and an external stand alone player.

• Macromedia Flash 4 (June 15, 1999): Released with Flash Player 4, new features included: internal variables, an input field, advanced ActionScript, and streaming MP3.

• Macromedia Flash 5 (August 24, 2000): Released with Flash Player 5, new features included: ActionScript 1.0 (based on ECMAScript, making it very similar to JavaScript in syntax), XML support, Smartclips (the precursor to components in Flash), HTML text formatting added for dynamic text.

• Macromedia Flash MX (March 15, 2002): Released with Flash Player 6, new features included: a video codec (Sorenson Spark), Unicode, v1 UI Components, compression, ActionScript vector drawing API.

• Macromedia Flash MX 2004 (September 9, 2003): Released with Flash Player 7, new features included: Actionscript 2.0 (which enabled an object-oriented programming model for Flash)(although it lacked the Script assist function of other versions, meaning Actionscript could only be typed out manually), behaviors, extensibility layer (JSAPI), alias text support, timeline effects.

• Macromedia Flash MX Professional 2004 (September 9, 2003): Released with Flash Player 7, new features included all Flash MX 2004 features plus: Screens (forms for non-linear state-based development and slides for organizing content in a linear slide format like PowerPoint), web services integration, video import wizard, Media Playback components (which encapsulate a complete MP3 and/or FLV player in a component that may be placed in an SWF), Data components (DataSet, XMLConnector, WebServicesConnector, XUpdateResolver, etc) and data binding APIs, the Project Panel, v2 UI components, and Transition class libraries.

• Macromedia Flash 8:
  • Macromedia Flash Basic 8 (released on September 13, 2005): A less feature-rich version of the Flash authoring tool targeted at new users who only want to do basic drawing, animation and interactivity. Released with Flash Player 8, this version of the product has limited support for video and advanced graphical and animation effects.
  • Macromedia Flash Professional 8 (released on September 13, 2005): Released with the Flash Player 8, Flash Professional 8 added features focused on expressiveness, quality, video, and mobile authoring. New features included Filters and blend modes, easing control for animation, enhanced stroke properties (caps and joins), object-based drawing mode, run-time bitmap caching, FlashType advanced anti-aliasing for text, On2 VP6 advanced video codec, support for alpha transparency in video, a stand-alone encoder and advanced video importer, cue point support in FLV files, an advanced video playback component, and an interactive mobile device emulator.

• Adobe Flash CS3 Professional (as version 9, released on April 16, 2007): Flash CS3 is the first version of Flash released under the Adobe name. CS3 features full support for ActionScript 3.0, allows things to be converted into ActionScript, adds better integration with other Adobe products such as Adobe Photoshop, and also provides better Vector drawing behavior, becoming more like Adobe Illustrator and Adobe Fireworks.

• Adobe Flash CS4 Professional - the new version of flash, codenamed, “Diesel” - not to be confused with the latest public prerelease of the Flash 10 Player, code named “Astro” - contains inverse kinematics (bones), basic 3D object manipulation, object-based animation, an enhanced text engine, and further expansion on AS 3.0..

Font: Wikipedia

1855: Se inaugura uno de los grandes hitos de la disciplina: de qué manera producir estrategias visuales.
Minar, es un ingeniero de minas francés  que se interesa por cómo hacer comprender la magnitud de las derrotas militares y hacerlas plasmar de manera directa.
Es quien crea las “cartas figurativas militares”, las primeras plasmaciones, traducciones visuales de acontecimientos en un espacio geográfico y a lo largo de un tiempo continuado.

En su obra más famosa Minar trasciende los mapas y vuelca el número de variables representativas en el espacio visual. No es un gráfico sencillo, a través de 6 variables consigue traducir en una única imagen la magnitud que supuso la derrota napoleónica.

Diseño de información: capacidad de disminuir el tiempo de percepción y aumentar las capacidades cognitivas de fenómenos concretos al pasar de lo narrativo o de lo abstracto a la capacidad comunicativa de una imagen.

Mismo año en Londres. En una de las epidemias más devastadoras de Londres, John Snow investiga cuáles podrían ser las posibles causas de estos brotes, volcando las incidencias de un periodo de tiempo determinado del contagio de la enfermad del cólera sobre un mapa.

La capacidad de representación visual de aquellos entonces se reducía a trabajar con un conjunto de datos, a trasladarlos a un código visual determinado, haciendo emerger así un patrón de significado, justificando un resultado claro y directo sobre esos datos.

Aumentar el impacto, su capacidad de percepción por parte del espectador son al fin y al cabo las claves del diseño de información como disciplina.

En el diseño de información, Ben Fry, gran experto en visualización de datos, llama capacidad a pensar con los ojos. La capacidad de hacer emerger significados a través de la vista es muy poderosa.
Podemos observar cómo a veces los problemas demasiado abstractos para ser abordados únicamente por el cerebro se vuelven sencillos a la hora de plasmarlos a través de una imagen.
La capacidad comunicativa del diseño gráfico y la capacidad perceptiva de externalizar los problemas se unen en una nueva forma de codificar la información de su estado abstracto a  organizaciones espaciales expresadas visualmente.

Las imágenes trascienden órdenes sociales, convirtiéndose en herramientas de apoyo para canalizar la comunicación en contexto social, de manera que la misma noticia verbalizada o traducida a un código visual resulta totalmente distinta hablando a nivel de percepción, de fuerza.

Llegamos así a otro nivel, conocido por processing: lenguaje/entorno de programación desarrollado que pretende facilitar a los artistas su introducción a la programación como herramienta expresiva para poder desenvolverse en los entornos informáticos.

Llegados a este punto entra una nueva disciplina nacida en el cruce de otras 2: estadística e informática = dataspace: usado para conjuntos de datos no abstractos.

A principios de los ‘90 una nueva clase de visualizadores crecidos a medio camino entre el análisis de la información digital y las estrategias de las represtaciones visuales desde el Diseño Gráfico empiezan a proponer ejemplos en que la visualización de datos se aplica para analizar datos abstractos y con otros niveles de lectura. Así que es muy sencillo comprender un sistema complejo a través de una representación simple.

Martin Wattenberg pertenece a la generación de primeros visualizadores de datos que trasciende los datos científicos.
En el Proyecto COLOR CODE se muestra la representación de la estructura completa de los campos semánticos del lenguaje inglés. 33.000

En el Proyecto NEWSMAP uno de los primeros que propuso un acercamiento a interpretar distintos niveles de la realidad cuotidiana a través de estas herramientas.

Hasta cierto nivel una visualización puede ser más o menos afectiva/poderosa. Hay maneras infinitas de representar un conjunto de datos, contaminados de distintos niveles de subjetividad, creando así un orden de arbitrariedad.

La visualización de datos es la plasmación visual, la traducción a otro idioma de una serie de procesos que se han venido a identificar mucho en este término: “Data mining” o “minería de datos”: ciencia de extracción de información útil de grandes conjuntos de datos o de bases de datos. Viene a ser nuevamente el resultado de la colisión de 2 disciplinas importantes: la estadística y la informática.
Como actitud, como estrategia de arranque de inicio para procesos de indagación del conocimiento, está saltando también a otros ámbitos, convirtiéndose en una técnica indagadora que pasa paulatinamente desde el ámbito de lo puramente científico otros niveles de lectura social y cultural.

Cómo los conjuntos de datos no funcionan no solo de manera aislada sino de manera conjunta/cruzada. A veces el data mining puede proyectar un conjunto de datos sobre otro.

El último nivel de interpretación de datos, una de las técnicas más populares: las famosas nubes de tags “tag clouds”, técnica llamada folksonomía y que permiten a muchos usuarios de sistemas clasificar el significado de diferentes elementos de un sistema en categorías semánticas.
Reducir a los términos más usados de todos los discursos del estado de la nación de los presidentes americanos a lo largo del último siglo, pudiendo entender en un vistazo qué es lo más prominente en el discurso público.

2 campos importantes en el análisis de datos a distintos niveles:
1.    las relaciones sociales: sociogramas, redes sociales. La topografía de las relaciones sociales puede ser potencialmente sorprendente, haciendo emerger diferentes grados de interpretación.
2.    fenómeno de la conspiración: conjunto de datos basados en las relaciones ocultas entre diferentes personas.

Cambio cualitativo crucial en la naturaleza de los conjuntos de datos, que es básicamente que la clasificación de datos ha pasado de ser un resultado de los procesos científicos, económicos y estadísticos en una actividad social. Todos nos hemos convertido en generadores de datos.

“La base de datos de las intenciones”.Cada vez que buscamos algo en un buscador damos, volcamos información de datos sobre nosotros: un conjunto de preocupaciones, intereses, angustias, mezclando lo práctico, con lo banal y lo muy personal.
Es toda una especie de mapeado de de qué manera la actividad social se traduce en estructuras de información.

Listening ports: textos de foros, chats, blogs, etc. instalación de puestos de observación de toda actividad social que se vuelcan en distintos soportes y en diferentes maneras a través de Internet.

De qué manera el último nivel de la estrategia de visualización de datos tiene que ver con visualizar la actividad social y distintos niveles de nuestra traslación de actividad social a Internet.

A fecha de hoy llegan a existir proyecto tales que pretenden clasificar emocionalmente esa actividad y en qué se traduce.

Es decir, tenemos que lograr que el contenido sea accesible para los usuarios, convirtiéndonos así en “Comunicadores Web”.

Evolución Web

• 1993 – 1996: Solo texto
• 1996 – 2000: Texto con imagen
• 2000 – 2005: Flash
• 2005 – 2008: Concepto Web 2.0

Ejercicios prácticos
-    rediseñar la arquitectura de la información de un sitio de servicios
-    hacer un mapa de contenidos de un “sitio gigante”

¿Qué es la arquitectura de la información?
Es la organización que damos a la información y a las funcionalidades dentro de un sistema determinado (sistema cerrado conectado con otros).

Arquitecto de la información
“Persona que organiza los patrones comunes a un conjunto de datos, haciendo
de lo complejo algo claro” - Richard Saul Wurman.

RCS: formato estandarizado en que le dices los datos que quieres tener sin tener que acceder a la/s página/s en que se encuentran estas informaciones.