6
placer visual
digital
Rodrigo Zenteno http://rodrigozenteno.deviantart.com Bio. Nació en La Paz (Bolivia) el 19 de noviembre de 1978. Comenzó sus estudios de Diseño Grá¾co en el año 1998, en la Universidad Santo Tomás. En 2001 inició sus prácticas en McANN-ERICKSON. Luego fue contratado por NEXUS como Director de Arte Junior, y desde el año 2002 (cuando la agencia pasó a representar a BBDO) y hasta la fecha, ejerce el cargo de Director de Arte. Durante su carrera ha trabajado con destacadas marcas: PEPSICO, BurgerKing, Sony, Dominos Pizza, UHU, Colgate y VW (Hansa), entre otros. Es creador de la serie de arte digital “Fashion Lights”, que cuenta con casi 50 pósters de gran impacto visual. Premios y disticiones. Recibió cuatro soles de oro, cuatro de plata y uno de bronce en los Publicitas 2003-2006-2008. Fue el primer boliviano en participar del Desktopography 2009 con “Mano Desktopography”, siendo ésta una de sus piezas más valoradas, vistas y descargadas.
www.redusers.com
MANO desktopography 09. Uno de los trabajos de Rodrigo Zenteno por el que ha recibido mayor reconocimiento.
digital
7
Fashion Lights. En
www.redusers.com www.redus redusers.com
mi trabajo como diseñador en Bolivia, esta serie surgió como un desafío de un amigo. Con el transcurrir de las composiciones, fui explorando diversos efectos.
10
novedades diseño
digital
Los eventos más importantes y las curiosidades del mundo digital.
Webdesign International Festival
Mucho más que una mascota La realidad aumentada se sumerge en el mundo de las consolas de videojuegos y nos presenta un nuevo universo. Eyepet, la mascota virtual del futuro, es un increíble videojuego para PlayStation 3 que utiliza realidad aumentada. Si bien no es el primer título ni el último en emplear esta tecnología, sin dudas es el primero en sacarle un verdadero provecho para marcar las pautas de cómo serán los videojuegos en un futuro no muy lejano. Para que
Imprimir con lápices Pencil Printer es lo que podemos definir como una muy interesante
En el Festival Internacional de Web Design, celebrado en Francia, no sólo se desarrollaron conferencias, talleres y debates con expertos de la industria, sino que también se llevó a cabo una competencia internacional de 24 horas sin parar entre los mejores diseñadores web del mundo. Para conocer más información sobre el evento, ingresemos en www.webdesign-festival.com.
la simpática mascota cobre vida, interactúe y juegue con nosotros, además de la consola es necesario contar con la cámara PlayStation Eye. Incluso, si dibujamos un vehículo y lo mostramos a la cámara, éste aparecerá en pantalla y podremos manejarlo con el mando de la PlayStation 3.
impresora ecológica. Se destaca porque permite imprimir sin tinta y reutilizar las hojas una y otra vez. Esta innovadora belleza funciona con lápices que se introducen en la impresora, de modo que ésta se encarga de separar automáticamente el grafito, es decir, la materia prima con la que se escribirá. Pero eso no es todo, ya que este equipo también cuenta con una goma incorporada para borrar errores o como opción para volver a utilizar el papel, lo cual evita el desperdicio de hojas. Este producto, que combina tecnología, innovación y una muy sana idea en favor de la ecología, fue diseñado por Hoyoung Lee. Podemos encontrar más sobre sus creaciones ingresando en www.yankodesign. com/search/”Hoyoung+Lee”.
Museo de videojuegos en París Ya abrió sus puertas el Museo del Videojuego en Francia (www.museedujeuvideo.com), para celebrar la expresión artística de la cultura videolúdica. Los organizadores no sólo apuntan a despertar la nostalgia de los visitantes —que podrán recorrer más de 40 años de historia de consolas, cartuchos, joysticks, personajes célebres y otros iconos de la industria—, sino que también buscan alentar a los críticos y academicistas a considerar los videojuegos como el octavo arte. Otros museos de este tipo en el mundo son el Nintendo Museum, en Osaka, Japón; y el National Center for the History of Electronic Games, en Nueva York, Estados Unidos.
especial CS5
digital
32
ESPECIAL CS5
Illustrator CS5 Hoy más que nunca, la versión CS5 de Adobe Illustrator es la solución ideal para toda persona que desee realizar cualquier tipo de ilustraciones.
Autor Marcelo Monzón marcelo@photomagazine.com.ar
www.redusers.com
@marcelomonzon
A diferencia de su hermano menor, Photoshop —aunque parezca extraño, Illustrator es el “hermano” mayor de ese programa por dos años—, éste, en las últimas versiones, no presentaba modificaciones o inclusiones radicales. Sin embargo, más allá de una gran mejoría en cuanto a la velocidad de uso del programa, gracias a que ahora Illustrator es capaz de trabajar en entornos de 64 bits, las herramientas incluidas en esta versión soliviantarán el mercado de la ilustración vectorial. A primera vista, salvo en la ventana [Herramientas], no se notan muchas variaciones, pero los cambios existen y son notables. Para comenzar, podemos citar los múltiples documentos, tema que ha generado diversas quejas de los viejos usuarios del programa. Si bien se mantiene el principio de trabajar con esta opción, se ha introducido la ventana [Artboards] (mesas de trabajo), que permite modificar, entre otras opciones, el orden de paginación, para brindar mayor control sobre los múltiples documentos. La novedad más llamativa de Illustrator CS5 es la nueva [Perspective Grid] (grilla de perspectiva), que más allá de permitirnos generar una grilla, o cuadrícula, con uno, dos o tres puntos de fuga, sirve para dibujar en perspectiva automáticamente. Con esta herramienta, podemos ubicar y reubicar de manera automática cualquier objeto,
Más que nunca, Illustrator CS5 nos permite desarrollar nuestra creatividad como ilustradores, gracias a las herramientas y los comandos que agilizan la precisión de nuestro trabajo.
que quedará, entonces, con la proporción correcta, según los ejes y el punto de fuga de la perspectiva. Se trata de una excelente opción para facilitar el trabajo de emular gráficos vectoriales tridimensionales. Hablando puntualmente de lo referente al dibujo vectorial, con la versión CS5 podemos controlar con suma precisión el uso de pinceles; incluso, es posible modificar el grosor de un trazo a voluntad, aplicando la herramienta [Width] (anchura), que se utiliza para “moldearlo” a través de varios
puntos independientes, de tal modo que un mismo trazo puede tener diferentes grosores. Como corresponde a un programa llamado Illustrator, el manejo de pinceles es cada vez más preciso, y hasta nos permite reproducir trazos como si estuviesen realizados con un pincel natural. De hecho, podemos seleccionar entre una serie de diez pinceles llamados [Bristle], con lo cuales podemos efectuar trazos como si fuesen pinceles de cerdas, pero al mismo tiempo, convirtiéndolos en vectores 100% escalables. Quedan muchísimas cosas en el tintero, como la posibilidad de pintar dentro de un objeto con el comando [Draw Inside] (dibujar dentro), unificar formas utilizando la herramienta [Shape Builder] (constructor de formas), o mejorar la aplicación de trazos y flechas, sólo por mencionar algunas opciones. Más que nunca, podemos afirmar que Illustrator CS5 nos permite desarrollar nuestra creatividad como ilustradores.
ESPECIAL CS5
33
En la versión CS5 de Adobe Photoshop, el retoque fotográfico vuelve a ser el centro de atención, con opciones que resultan realmente “milagrosas”.
especial CS5
digital
Photoshop CS5
Autor Marcelo Monzón marcelo@photomagazine.com.ar
De más está decir que Photoshop es el software que más expectativas genera con el lanzamiento de cada nueva Creative Suite. Pues con esta premisa, y en busca de recuperar a viejos usuarios que migraron a soluciones menos “complicadas”, y a la conquista de otros nuevos, es que la versión CS5 trae comandos y herramientas que permiten llamarlas “milagrosas”. Entre estos comandos, podemos destacar cinco: [Content Aware] (contenido consciente), [Puppet Warp] (deformación de marioneta), [Refine Mask] (redefinir máscara), [Lens Correction] (corrección de lente) y [Repoussé] (repujado). Los nombres en español son traducciones libres, ya que al escribir estas líneas, no estaba disponible la traducción definitiva. Quizás el más increíble es [Content Aware], porque permite hacer prácticamente “magia”, al eliminar elementos de una imagen y sustituirlos por partes de ella de manera automática e inteligente. Por ejemplo, si quitamos un arbusto que está delante de un muro, Photoshop, por sí mismo, se encargará de rellenar el vacío dejado con una textura del muro generada con diversas partes de la imagen. [Puppet Warp] es un comando “heredado” de After Effects, que permite modificar o distorsionar objetos según un eje y por regiones puntuales. Para hacerlo, es necesario que éste se encuentre en una capa; luego, a través de unos puntos fijos, podremos “mover” una zona sin que se altere la estructura del resto de la imagen.
Photoshop CS5 trae comandos y herramientas ideales para los que soñaban con convertirse en verdaderos retocadores de imágenes.
Es ideal, por ejemplo, para reposicionar la trompa de un elefante o enderezar una flor en la mano de una romántica dama. [Refine Mask] es el sueño del niño de todo retocador de modelos, dado que, con esta herramienta, realizar recortes de pelo —la pesadilla de todo profesional del rubro— ahora es casi tan simple como hacer tres clics. Este comando permite ir editando las máscaras creadas a través de las diferentes opciones de selección. Más allá de poder alterar los bordes generados por la selección, podemos suavizar las zonas intrínsecas de transición, con la posibilidad de recortar casi automáticamente una cabellera al viento. ¡Magia total!
El comando [Lens Correction] no es una novedad, pero fue mejorado a conciencia, ya que, además de corregir la aberración cromática o la viñeta (bah, la típica reducción de brillo en la periferia de la imagen), de forma automática permite solucionar la distorsión geométrica de, por ejemplo, un lente Macro o Fisheye. Esto significa que podremos contar con una excelente fotografía más allá del tipo de lente o de la profundidad de campo que utilicemos. El comando [Repoussé] permite dotar de características 3D a cualquier objeto 2D. De esta forma, no tendremos que ir pasando entre programas para crear una imagen tridimensional, y evitamos tener que exportar, importar y modificar los archivos cuando necesitemos cambios. Quedan tantas cosas por mencionar —como el MiniBridge, la previsualización de los pinceles en 3D o el CS Review—, que dejaremos algunas para próximas ediciones. Tenemos mucha tela para cortar con esta versión CS5, y ya me dieron ganas de ponerme a escribir nuevos tutoriales.
www.redusers.com
@marcelomonzon
[`j\ f ^i}ÓZf
[`^`kXc
+)
G?FKFJ?FG <JK<I<FJ:FGß8 Autor DXk Xj ?% 8cc` dXk`Xj%Xcc`7^iXÓZX)'%Zfd 7dXk`XjXcc`
Dificultad @ek\id\[`X s Herramienta utilizada G_fkfj_fg
<]\Zkfj *; _\Z_fj \e ZXjX
nnn%i\[lj\ij%Zfd
¶C\j ^ljkXi X \og\i`d\ekXi Zfe `d}^\e\j \e *; [\j[\ cX Zfdf[`[X[ [\ jlj \jZi`kfi`fj6 <jk\ klkfi`Xc f]i\Z\i} leX j\j` e kfkXcd\ek\ X[`Zk`mX [\ G_fkfj_fg% CX m\ij` e :J+ [\ G_fkfj_fg `eZfigfi cX kXe \jg\iX[X fgZ` e *;# gXiX [Xic\j \]\Zkfj i\Xcd\ek\ jfigi\e[\ek\j X el\jkiXj `d}^\e\j% :fe Xc^f [\ gXZ`\eZ`X p cX Xpl[X [\ \jk\ klkfi`Xc# \e gfZf k`\dgf gf[i\dfj [Xi el\jkifj gi`d\ifj gXjfj
\e cX dXk\i`X% G\if# Xek\j [\ gfe\i dXefj X cX fYiX# i\m`jXi\dfj Z`\ikfj ZfeZ\gkfj ]le[Xd\ekXc\j# gXiX ef g\i[\iefj \e \c ZXd`ef% <e \c e d\if . [\ Lj\ij ;`^`kXc ;\j`^e# gl[`dfj m\i Xc^lefj [\ cfj ]le[Xd\ekfj
hl\ [Xe jljk\ekf X cX `dgi\j` e c\ek`ZlcXi% <e \j\ dfd\ekf# Zfd\ekXdfj hl\ el\jkiX m`j` e \j \jk\i\fjZ g`ZX# p hl\ \jkf `dgc`ZX hl\ ZX[X faf m\ cX \jZ\eX [\ ]fidX c`^\iXd\ek\ [`]\i\ek\% ;\ \jk\ df[f# m`dfj hl\ cX dXe\iX [\ cf^iXi
\eZl\eki\ cfj XiZ_`mfj lk`c`qX[fj \e \jk\ klkfi`Xc \e [\j`^e%i\[lj\ij%Zfd
( Crear la imagen. :fd\qXi\dfj Zfe leX `dX^\e Zfe ki\j ZXgXj% CX gi`d\iX j\i} Ç]fe[fÈ# p cXj fkiXj [fj# hl\ j\ gfj`Z`feXi}e [\cXek\ [\ \ccX# Çgi`d\i gcXefÈ p Çj\^le[f gcXefÈ% CX `[\X \j XjfZ`Xi ZX[X ZXgX X le gcXef ]fZXc% Gfjk\i`fid\ek\# kiXYXaXi\dfj Zfe ZX[X leX [\ \ccXj \e jlj gifg`\[X[\j *; [\ dXe\iX `e[\g\e$ [`\ek\% J` Y`\e ef \j `e[`jg\ejXYc\ hl\ cXj ZXgXj \jk e fi[\eX[Xj [\j[\ \c ]fe[f _XZ`X X[\cXek\ \e cfj gcXefj gfjk\i`fi\j# _XZ\icf Xj efj Xpl[Xi} X fi^Xe`qXiefj ZlXe[f kiXYXa\dfj Zfe leX dXpfi ZXek`[X[ [\ gcXefj p ZXgXj%
* Convertir capas a 3D. ;\j[\ cX YXiiX [\ d\e # mXdfj X R*;&El\mX gfjkXc *; X gXik`i [\ ZXgXT# gXiX Zfem\ik`i X *; ZX[X leX [\ cXj ki\j ZXgXj hl\ Zfdgfe\e cX `dX^\e ÓeXc% M\i\dfj hl\ \e cX gXc\kX [\ R:XgXjT# cl\^f [\ i\Xc`qXi \jkX fg\iXZ` e# XgXi\Z\e cfj k\d RK\okliXjT p R;`]lj` eT# g\if ef j\ gi\fZlg\e# pX hl\ \e \jkX fgfikle`[X[ ef mXdfj X lk`c`qXicfj%
GXiX \dg\qXi# e\Z\j`kXdfj leX `dX^\e hl\ j\i} cX ZXgX# hl\ ccXdXi\dfj Ç]fe[fÈ# p [fj ZXgXj d}j [fe[\ ZfcfZXi\dfj fYa\kfj hl\ hl\[Xi}e gfi [\cXek\# \e [`]\i\ek\j gcXefj \e \jk\ ZXjf# j\ [\efd`eXe Çgi`d\i gcXefÈ p Çj\^le[f gcXefÈ % GXiX kiXYXaXi Zfe G_fkfj_fg# \j dlp `dgfikXek\ k\e\i X dXef kf[Xj cXj _\iiXd`\ekXj hl\ mXdfj X lk`c`qXi \e \jk\ gifp\Zkf% GXiX \jf# c\j i\Zfd`\e[f j\c\ZZ`feXi cX fgZ` e R<jgXZ`f [\ kiXYXaf&*; XmXeqX[fT# [\ dXe\iX [\ XZZ\[\i j\eZ`ccXd\ek\ X kf[Xj Xhl\ccXj ]leZ`fe\j e\Z\jXi`Xj%
[`j\ f ^i}ÓZf
ljXi\dfj cXj dXefj ]l\iX [\ cX ZfdglkX[fiX% GXiX m\i`ÓZXi Xc^lefj gXi}d\kifj [\ cfj \]\Zkfj p m\i cfj i\jlckX[fj# e\Z\j`kXi\dfj le gXi [\ Xek\fafj *;% Gf[\dfj i\Xc`qXi el\jkiXj gifg`Xj Zi\XZ`fe\j f [\jZXi^Xi leX `cljkiXZ` e# `dgi`d`icX# ZfikXicX# Xgc`ZXic\ le Z\cf]}e ifaf Xc c\ek\ `qhl`\i[f# lef Xqlc Xc [\i\Z_f# p mf`c}%%% pX k\e[i\dfj c`jkfj cfj Xek\fafj *;% KXdY` e e\Z\j`kXi\dfj ki\j `d}^\e\j hl\ lk`c`qXi\dfj gXiX Zfdgfe\i cX \jZ\eX% <e \c \a\dgcf# mXdfj X kiXYXaXi Zfe leX `dX^\e ^\ek`c\qX [\c G_fkfj_fg DXjk\i DXiZ\cf Dfeq e%
) Tamaño de la imagen. <c gifZ\jf [\ ]XZ\kX[f gXiX ^\e\iXi leX `dgi\j` e c\ek`ZlcXi i\[lZ\ \c XeZ_f ÓeXc [\ cX `dX^\e% Gfi kXc dfk`mf# j` e\Z\j`kXdfj kiXYXaXi Zfe le ]fidXkf [\k\id`eX[f# c\j i\Zfd`\e[f m\i`ÓZXi \e R@dX^\e&KXdX f [\ `dX^\eT hl\ \c ]fidXkf j\X jlg\i`fi Xc gi\k\e[`[f# f i\Xc`qXi cfj ZXdY`fj gXiX hl\ \c ]fidXkf ÓeXc# cl\^f [\c gifZ\jf [\ ]XZ\kX[f# j\X cf hl\ i\Xcd\ek\ e\Z\j`kXdfj% <e cX dXpfi X [\ cfj ZXjfj# YXjkXi} j`dgc\d\ek\ Zfe X^i\^Xi [fj Z\ek d\kifj X ZX[X cX[f%
+ Verificar la capa 3D. GXiX ZfeÓidXi hl\ cX fg\iXZ` e ]l\ i\Xc`qX[X \e ]fidX Zfii\ZkX f j cf gXiX al^Xi Zfe \jkX ZXiXZk\i jk`ZX hl\ efj Yi`e[X dlZ_Xj gfj`Y`c`[X[\j Zi\Xk`mXj# k\e\dfj cX fgZ` e [\ lk`c`qXi cX _\iiXd`\ekX RFiY`kXi *;T f kXdY` e gf[\dfj \dgc\Xi cX ]leZ` e RIfkXi *;T# p dfm\i \c gcXef gXiX gf[\i cf^iXi leX g\ijg\Zk`mX [`]\i\ek\%
nnn%i\[lj\ij%Zfd
\]\Zkfj *; \e le gcXef \j \e^X Xi Xc j\ek`[f [\ cX m`j` e# gXiX hl\ cf fYj\imX[f gfi ZX[X faf c\ g\id`kX Xc Z\i\Yif `ek\igi\kXi cX j\ejXZ` e [\ \jgXZ`f \e cX \jZ\eX% KXdY` e \ogc`ZXdfj hl\ _Xp mXi`fj k`gfj [\ \]\Zkfj ki`[`d\ej`feXc\j hl\ j\ gl\[\e Zfej\^l`i# Xc^lefj [\ cfj ZlXc\j jfe1 dfig_`e^# qffd# Xe`dXZ`fe\j# p fkifj% <e ZlXekf Xc klkfi`Xc# c\j X[m`\ikf hl\ m`\e\ Zfe leX ZXi^X [\ Yi`ZfcX^\ YXjkXek\ XckX% Ef kf[f mX X j\i g o\c\j p Ypk\j%%% K\e[i\dfj hl\ kiXYXaXi Zfe el\jkiXj dXefj# g\if ef j cf \e \c k\ZcX[f 4 % <e \jkX ^l X kXdY` e
[`^`kXc
+*
web
digital
52
DISEÑO WEB NUEVAS TECNOLOGÍAS
Creatividad e innovación Cuando nada parecía sorprendernos en la Web, las nuevas tecnologías nos abren las puertas para darle rienda suelta a nuestra creatividad.
Autor Damián De Luca ddeluca@redusers.com
www.redusers.com
@damiande
En pleno siglo XXI, sería casi hablar de la prehistoria informática si pensáramos en un tiempo en que Internet gateaba en pañales, con páginas de aspecto poco atractivo y una velocidad que podía llegar a aburrir hasta a la más paciente de las arañas. Pero el tiempo, en materia
tecnológica, es más veloz que la luz, y hoy en día tenemos una Internet no sólo más vistosa, sino también mucho más amplia en cuanto al abanico de posibilidades que ofrece. Pero volviendo al principio, la Web en sus comienzos era, en su mayor proporción, de lectura; y el HTML era el rey absoluto. En esa época, encontrábamos imágenes que no decían mucho, y los videos eran (casi) una utopía. Fueron pasando las modas, y los usuarios comenzaron a multiplicarse, aprovechando la variedad de opciones que empezaba a ofrecer la Red, desde portales hasta
salas de chat (¿cuántos de ustedes se acercaron a este medio para relacionarse en una de estas salas de reunión virtual?). También hubo grandes hitos en las bolsas de valores y grandes caídas para las “punto com”. Y fue así como la rueda siguió girando. Luego aparecieron los blogs (y sus derivados), YouTube comenzó a hacerse presente con su servicio de videos online, y la era multimedia desembarcó en Internet. La Web 2.0 ya estaba con nosotros, con una mayor participación de los usuarios (ahora como generadores de contenidos) y aplicaciones
La tecnología, al servicio de la creatividad En el último tiempo, en el mundo del diseño y el desarrollo web, surgieron algunas novedades muy interesantes en materia de estándares, con HTML5 y CSS3 como puntos destacados. Si bien de ellos ya les he hablado en Users Digital Design #05, vale la pena recordar que ambos nos abren interesantes caminos en lo que se refiere a posibilidad de estructurar funcionalmente un sitio y, también, en lo vinculado al aspecto visual de nuestros diseños web. Por otra parte, en esta edición podrán ver un informe especial sobre Adobe Creative Suite CS5, en el que apreciarán el avance tecnológico de las herramientas que nos ofrecen novedosas soluciones y facilitan nuestro trabajo. Con este panorama, lo que el diseñador web debe tener presente es que lo que permiten las nuevas tecnologías y las herramientas avanzadas es facilitar el camino. Pero hay aspectos relacionados con la creatividad que no los puede suplantar ni la mejor máquina del mundo, y son ésos los que hacen único el trabajo que realiza un buen profesional.
web
Recorrer Internet es un ejercicio saludable para ver y conocer lo nuevo. Dos buenos ejemplos de innovación los encontramos en Vimeo: http://vimeo.com/4281939 y http://vimeo.com/9194146.
Cuando pensamos en tendencias para Internet, no sólo debemos pensar en “grande”; los dispositivos móviles y sus pequeñas pantallas son cada vez más utilizados por los usuarios para navegar por la Web.
Otro factor relevante que no debemos subestimar es que nuestro trabajo debe enfocarse en las necesidades del usuario y, en este rubro, la tecnología también juega un papel importante. Ya quedó muy atrás el tiempo en que todos los usuarios tenían pantallas de 14” con las mismas proporciones. Hoy en día, debemos asegurarnos de que nuestros proyectos se adapten a pantallas que pueden ir desde 3” hasta 23” (o, incluso, más). Por esta razón, y siempre pensando en el destinatario, nunca debemos olvidarnos de estos tres conceptos clave para los sitios web: accesibilidad, usabilidad y navegabilidad. Claro que para que sean realmente efectivos, no sólo debemos acordarnos de ellos al vender un proyecto, sino que también tenemos que saber aplicarlos en nuestros trabajos de manera efectiva. Para terminar, y dar una síntesis de lo visto en esta nota, me gustaría compartir con todos ustedes una frase que me dijo un amigo, que tiene muchas horas de workshops de diseño sobre su espalda: “Para hacer un buen trago, el secreto no está en revolver rápido, sino en conocer qué ingredientes le darán el mejor sabor y saber cómo mezclarlos para lograr la mejor combinación”.
La Web que nos sorprende Las aplicaciones web son cada día más potentes y capaces de mostrar contenidos multimedia de una calidad sorprendente. La imagen de apertura de esta nota pertenece al sitio paris-26gigapixels.com, que ofrece una fotografía panorámica de París de 26 GB, desde la que podemos recorrer la ciudad francesa. Si nos impactó esa vista panorámica, podemos encontrar otros proyectos similares: Dresden (www.dresden26-gigapixels.com/ dresden26GP), Praga (www.360cities.net/ prague-18-gigapixels) y Vancouver (gigapixelphotography. com), entre otros.
www.redusers.com
en línea que empezaban a cambiar el paradigma de cómo trabajar online. Quizás una de las últimas revoluciones más importantes hayan sido las redes sociales; y el dato más destacado en este campo es que, finalmente, éstas lograron destronar al buscador de Google, transformándose así en los sitios más visitados, con Facebook a la cabeza. En este contexto, la Web 3.0, la información en tiempo real, los buscadores semánticos y la geolocalización son los nuevos desafíos en el comienzo de esta década, para ofrecer un producto adecuado al público que lo consume. Personalización y segmentación son las claves para los tiempos que vendrán. Aunque esta historia parezca acaparar siglos, es el relato de apenas 15 años de evolución de Internet y, lejos de estar todo escrito en esta materia, hoy se abren puertas para que una nueva etapa de innovación nos permita aprovechar la tecnología de la mano de la creatividad.
digital
53
Xl[`fm`jlXc
digital
64
;<J8IIFCCF DLCK@D<;@8 EL<M8J K<:EFCF>ß8J
I\Xc`[X[ Xld\ekX[X K\id`eXkfi m`jlXc`qXe[f leX gXekXccX ifaX cc\eX [\ Z}cZlcfj gXiX \c\^`i cfj Xek\fafj hl\ d\afi c\ hl\[Xe# \jf \j le`i cX i\Xc`[X[ m`iklXc Zfe cX ] j`ZX2 [\ \jk\ d`o eXZ\ cX i\Xc`[X[ Xld\ekX[X%
Autor J\YXjk`}e ?\ie}e[\q j\YXjk`Xe7jf]ÓX%fi^
nnn%i\[lj\ij%Zfd
7j\YXjf]ÓX
J\^liXd\ek\# \e cfj ck`dfj k`\dgfj _\dfj f [f _XYcXi dlZ_f XZ\iZX [\ i\Xc`[X[ Xld\ekX[X% Hl`q} cX _\dfj m`jkf Xgc`ZX[X leX p d`c m\Z\j \e \c Z`e\ [\ Z`\eZ`X ÓZZ` e% 8lehl\ ef cf Zi\Xdfj# \c ]lklif pX cc\^ # p gf[\dfj k\e\icf \e cX gXcdX [\ el\jkiXj dXefj# \e \c [`jgfj`k`mf d m`c hl\ lk`c`qXdfj kf[fj cfj [ Xj%
G\if Zfd\eZ\dfj gfi kiXkXi [\ \ek\e[\i [\ hl j\ kiXkX kf[f \jkf [\ cX i\Xc`[X[ Xld\ekX[X p Z df \j leX k\Zefcf^íX hl\ \jk} XjfdYiXe[f Xc dle[f% Gf[i Xdfj [\Óe`icX Zfdf cX le` e f ZfeZ\gZ` e [\ cX i\Xc`[X[ ] j`ZX d}j cX i\Xc`[X[ m`iklXc% <e Z`\ikX dXe\iX# cX i\Xc`[X[ m`iklXc \j [fe[\ gf[\dfj m`jlXc`qXi \c\d\ekfj l fYa\kfj \e *;% ;\ \jkX ]fidX# \jk\ d`o \eki\ XdYXj i\Xc`[X[\j ] j`ZX p m`iklXc ^\e\iX cf hl\ j\ ZfefZ\ Zfdf i\Xc`[X[ Xld\ekX[X% Cfj el\mfj fYa\kfj ki`[`d\ej`feXc\j X cfj hl\ efj i\]\i`dfj Zl\ekXe Zfe ZXiXZk\i jk`ZXj `ek\iXZk`mXj# cXj ZlXc\j# `eZcljf# gl\[\e j\i dXe\aX[Xj gfi cfj ljlXi`fj%
Cómo se aplica CX ]fidX [\ m`jlXc`qXi cX i\Xc`[X[ Xld\ekX[X gl\[\ j\i X kiXm j [\ le gXki e ^i}ÓZf kiXZb\i # hl\ \j i\ZfefZ`[f gfi cX Z}dXiX p Xc `ejkXek\ \em X cfj [Xkfj# [\k\ZkXe[f X df[f [\ >GJ cfj glekfj [fe[\ [\Y\ lY`ZXij\ \c fYa\kf \e ki\j [`d\ej`fe\j% 8j # Xc dfjkiXi cX dXiZX ]i\ek\ X cX Z}dXiX# [\ `ed\[`Xkf gf[i\dfj m\i \c fYa\kf \e *; [\ cX Xgc`ZXZ` e [\jXiifccX[X% ;\ \ccfj \j gfj`Yc\ ^\e\iXi [fj1 lef \e YcXeZf p e\^if# p fkif hl\ j\ gl\[\ `dgc\d\ekXi Zfe leX ]fkf Zfd e p Zfii`\ek\# kiXkXe[f [\ \m`kXi \c m\i[\ jkX \j leX \jg\Z`ÓZXZ` e
Xl[`fm`jlXc
;\c d`o \eki\ i\Xc`[X[ ] j`ZX p m`iklXc jli^\ \jk\ el\mf ZfeZ\gkf ZfefZ`[f Zfdf i\Xc`[X[ Xld\ekX[X%
digital
65
hl\ [\g\e[\i} [\c jf]knXi\ \e \c hl\ [\jXiifcc\dfj cX Xgc`ZXZ` e % <c i\ZfefZ`d`\ekf ]XZ`Xc \j fkiX [\ cXj ]fidXj \e cXj ZlXc\j j\ gl\[\ m`jlXc`qXi% 8 kiXm j [\c i\ZfefZ`d`\ekf [\ cX \jkilZkliX j\X# \j gfj`Yc\ `dgc\d\ekXi fYa\kfj \e *;# hl\ j\^l`i}e \c dfm`d`\ekf eXkliXc [\ cX ZXY\qX# pX hl\ `[\ek`ÓZXe Zfdf gXki e cX gfj`Z` e [\ cfj fafj p cX YfZX% CXj dXefj kXdY` e gl\[\e XZklXi Zfdf ]l\ek\ [\ `ek\^iXZ` e% 8c \ogfe\icXj jfYi\ cX Z}dXiX# jkX cXj i\ZfefZ\ Zfdf le gcXef Zfe ki\j }e^lcfj \e cfj \a\j o# p# q 2 [\ \jkX ]fidX# ZlXe[f j\ hl`\i\ [Xi leX gfjkliX Xc fYa\kf# j\ gcXe`ÓZX Xek\j Zl}c \j \c \a\ Zfii\Zkf gfi j\^l`i% FkiX dXe\iX [\ m`jlXc`qXicf \j X kiXm j [\ glekfj [\ `ek\i j% <jkf j\ cf^iX gfi d\[`f [\ Zffi[\eX[Xj hl\ g\id`k\e `dgc\d\ekXi \e leX Xgc`ZXZ` e cX lY`ZXZ` e [\ GF@j glekfj [\ `ek\i j [fe[\ j\ m`jlXc`qXi}e cfj fYa\kfj ki`[`d\ej`feXc\j% Kf[f \jkf gl\[\ `dgc\d\ekXij\ \e [`jgfj`k`mfj hl\ lk`c`Z\e leX Z}dXiX p gl\[Xe m`jlXc`qXi \c fYa\kf \e Zl\jk` e# Zfdf ZfdglkX[fiXj# efk\Yffbj p k\c ]fefj d m`c\j# \eki\ fkifj%
Aplicaciones y códigos de desarrollo GXiX cX ^\e\iXZ` e [\ \jkXj Xgc`ZXZ`fe\j# \o`jk\e gif^iXdXj `e]fid}k`Zfj [\ [\jXiifccf% ;\ekif [\ \jk\ ZXdgf \j gfj`Yc\ \eZfekiXi jf]knXi\ ^iXkl`kf p# kXdY` e# gX^f% <e \jk\ ck`df ^ilgf# \c Zfjkf \j gfi \c ljf p# \e Xc^lefj ZXjfj# j\ _XZ\ j cf \c ZfYif [\ leX c`Z\eZ`X Xlkfi`qX[X% KXdY` e cfj _Xp gfi \c cX[f [\ Z [`^f XY`\ikf# \e cfj hl\ \c Zfjkf hl\ j\ Xgc`ZX \j gfi cfj gifp\Zkfj hl\ j\ glYc`hl\e X e`m\c Zfd\iZ`Xc% ;\ cfj hl\ \ekiXe \e cX ZXk\^fi X [\ jf]knXi\ gf[\dfj _XZ\i leX g\hl\ X j\c\ZZ` e p efdYiXi cfj j`^l`\ek\j1 Le`]\p\# [\ D\kX`f nnn%d\kX`f% Zfd 1 [\ fi`^\e Xc\d}e# D\kX`f \j leX \dgi\jX hl\ \e]fZX kf[fj jlj \j]l\iqfj \e \c [\jXiifccf [\ Xgc`ZXZ`fe\j n\Y# [\ \jZi`kfi`f p d m`c\j gXiX i\Xc`[X[ Xld\ekX[X% <e ZX[X lef [\ \jkfj ZXjfj# cXj m\ij`fe\j [\ Le`]\p\ gl\[\e j\i [\ [`j\ f# J;B Jf]knXi\ ;\m\cfgd\ek B`k # [\ `e^\e`\i X f d m`c\j% Lef [\ jlj gif[lZkfj d m`c\j d}j ZfefZ`[fj \j AleX`f# leX gcXkX]fidX [\jXiifccX[X \oZclj`mXd\ek\ gXiX `G_fe\# hl\ [X cX fgZ` e X cfj ljlXi`fj
[\ `e^i\jXi glekfj [\ `ek\i j GF@j \e cfj hl\# X[\d}j# \j gfj`Yc\ X^i\^Xi df[\cfj ki`[`d\ej`feXc\j% ;Ê]lj`fe# [\ KfkXc @dd\ij`fe nnn% k$`dd\ij`fe%Zfd 1 \j le jf]knXi\ hl\# Xc `^lXc [\ Le`]\p\# Zldgc\ Zfe cX ]leZ`fe\j [\ [`j\ f p [\ [\jXiifccf gifg`f% CX [`]\i\eZ`X j\ gl\[\ Xgi\Z`Xi \e hl\ \jk\ jf]knXi\ `ek\^iX cX fgZ` e [\ i\ZfefZ`d`\ekf ]XZ`Xc \c\d\ekf hl\ \ogc`ZXi\dfj d}j X[\cXek\ \e \jk\ d`jdf Xik Zlcf % CX \dgi\jX Zi\X[fiX \j [\ fi`^\e ]iXeZ j p# \e YXj\ X cX dXj`ÓZXZ` e [\ cX k\Zefcf^ X# Zl\ekX Zfe fÓZ`eXj Zfd\iZ`Xc\j Xci\[\[fi [\c dle[f% GXiX cXj i\^`fe\j cXk`eXj kiXYXaX Zfe [`]\i\ek\j gXike\ij_`gj hl\ f]i\Z\e \c jf]knXi\ p gi\jkXe \c j\im`Z`f [\ [\jXiifccf \ `ek\^iXZ` e [\ cXj Xgc`ZXZ`fe\j% <jk\ g\id`k\# Xc `^lXc hl\ \e \c ZXjf Xek\i`fi# \c [\jXiifccf [\ Xgc`ZXZ`fe\j n\Y# [\ \jZi`kfi`f p d m`c\j% ;8IK nnn%ZZ%^Xk\Z_%\[l& [Xik 1 [\jXiifccX[f \e cX Le`m\ij`[X[ K\Zefc ^`ZX [\ >\fi^`X <jkX[fj Le`[fj # \j le j\k [\ _\iiXd`\ekXj [\ le jf]knXi\ hl\# kXc Zfdf \e cfj ZXjfj Xek\i`fi\j# g\id`k\ ^\e\iXi Xgc`ZXZ`fe\j \e i\Xc`[X[ Xld\ekX[X%
nnn%i\[lj\ij%Zfd
GXiX Zi\Xi I8# e\Z\j`kXdfj le [`jgfj`k`mf hl\ kiXejd`kX [Xkfj [\ cfj fYa\kfj *;# alekf Zfe leX Z}dXiX hl\ j\ Zfdgc\d\ek\ Zfe \c [`jgfj`k`mf gXiX m`jlXc`qXi cX i\Xc`[X[ m`iklXc \e el\jkiX i\Xc`[X[ ] j`ZX%
M\i\dfj cXj _\iiXd`\ekXj hl\ efj Yi`e[X 8[fY\ Gi\d`\i\ gXiX cf^iXi leX XgXi`\eZ`X gif]\j`feXc \e Zfii\ZZ` e [\ Zfcfi \e m`[\f%
Autor 8c\aXe[if =\ii\piX Xc\aXe[ifV.)-7_fkdX`c%Zfd
GXiX cX Zfii\ZZ` e [\ Zfcfi# p j`e [\aXi [\ cX[f cX cld e`ZX# \j `dgfikXek\ ZfefZ\i Z`\ikXj Zl\jk`fe\j hl\ al\^Xe le gXg\c ]le[Xd\ekXc X cX _fiX [\ kfdXi [\Z`j`fe\j% <e gi`d\i cl^Xi# [\Y\dfj jXY\i [ e[\ hl\i\dfj cc\^Xi Zfe el\jkif m`[\f [\k\id`eXe[f Zl}c j\i} jl ÓeXc`[X[% Cl\^f# \j e\Z\jXi`f k\e\i
\e Zl\ekX \c g Yc`Zf&\jg\ZkX[fi Xc hl\ \jkXi} [`i`^`[f# j`e fcm`[Xi hl\ kf[f m`[\f \jk} [\jk`eX[f X j\i i\gif[lZ`[f p m`jkf gfi g\ijfeXj% =`eXcd\ek\# _Xp hl\ \mXclXi cX ZXgXZ`[X[ hl\ k\e^X \c dXk\i`Xc gXiX X[XgkXij\ X cXj Zfii\ZZ`fe\j [\ Zfcfi p cld e`ZXj2 \j [\Z`i# jl gifg`f Zfcfi# clq p ZXc`[X[% GXiX \jk\ kiXYXaf lk`c`qXi\dfj 8[fY\ Gi\d`\i\ Gif# cX Xgc`ZXZ` e gXiX \[`Z` e [\ m`[\f [\ 8[fY\ :i\Xk`m\ Jl`k\% <dg\Z\dfj# \ekfeZ\j# gfi i\]\i`iefj X cXj _\iiXd`\ekXj Y}j`ZXj [\c gif^iXdX hl\ efj g\id`k\e i\Xc`qXi leX Zfii\ZZ` e X ^iXe[\j iXj^fj# Zlpf i\jlckX[f ÓeXc j\i} XZ\gkXYc\ \e le d\[`f _f^Xi\ f
p# Y`\e `dgc\d\ekX[Xj# \e \c }dY`kf j\d`gif]\j`feXc% <c YXcXeZ\ I>9 \j leX ]leZ` e dlp j\eZ`ccX [\ lk`c`qXi# hl\ j\ \eZl\ekiX [\ekif [\ R<]\Zkfj&:fekifc [\ `dX^\e&<hl`c`Yi`f [\ Zfcfi I>9 T% J cf Zfe XiiXjkiXi \jk\ \]\Zkf _XjkX el\jkif Zc`g# k\e[i\dfj jlj gifg`\[X[\j c`jkXj gXiX df[`ÓZXi [\ekif [\ cX m\ekXeX [\ Zfekifc\j [\ \]\Zkf [\c dXk\i`Xc \e Zl\jk` e% :fdf gf[\dfj efkXi# \j gfj`Yc\ df[`ÓZXi cfj mXcfi\j [\ ifaf# m\i[\ p Xqlc# Xck\iXe[f \c Zfcfi [\ cX `dX^\e \e jl kfkXc`[X[% <jkf efj g\id`k`i} m`iXicX XZ\eklXe[f cX kfeXc`[X[ \c\^`[X% Gf[\dfj i\Xc`qXi ZXdY`fj c\m\j# gXiX d\afiXi cX kfeXc`[X[ [\c m`[\f2 l fkifj d}j
digital audiovisual
:fii\ZZ` e [\ Zfcfi p Zi\Xk`m`[X[
69
nnn%i\[lj\ij%Zfd
GI<D@<I< KI898AF :FE C8 CLQ P <C :FCFI ;<C M@;<F
GI<D@<I< KI898AF :FE C8 CLQ P <C :FCFI ;<C M@;<F
digital
70
nnn%i\[lj\ij%Zfd
audiovisual
<]\Zkf [\ gXjf [\c [ X X cX efZ_\% :fii\ZZ` e [\ Zfcfi d\[`Xek\ cX ZlXc leX kfdX _\Z_X X cX clq [\c [ X gl\[\ m\ij\ Zfdf ^iXYX[X [liXek\ cX efZ_\%
^\e\iXc\j# \e cfj ZlXc\j k\ `dfj cX `dX^\e _XZ`X le Zfcfi \e gXik`ZlcXi% <jkf gl\[\ m\ij\ ZcXiXd\ek\ \e Xc^leXj g\c ZlcXj [\ ?fccpnff[# Zfdf DXki`o# ZlpX kfeXc`[X[ ^\e\iXc \jk} m`iX[X Xc m\i[\% Gfi fkif cX[f# ZX[X m\q hl\ df[`ÓZXdfj \c Zfcfi# kXdY` e \jkXdfj mXi`Xe[f jl cld`efj`[X[% <j gifYXYc\ hl\ ZlXe[f k\id`e\dfj [\ [Xi cX kfeXc`[X[ YljZX[X# ef j cf cX m\Xdfj Zfe d}j f d\efj clq# j`ef hl\# kXdY` e# efk\dfj hl\ cf hl\ Xek\j \iX e\^if X_fiX gXi\Z\# gfi \a\dgcf# Xqlc fjZlif% LeX dXe\iX i}g`[X [\ jfclZ`feXi \jk\ gifYc\dX \j XiiXjkiXi le \]\Zkf el\mf Xc Zc`g \e Zl\jk` e% <e \jk\ ZXjf lk`c`qXi\dfj \c R9i`ccf p :fekiXjk\T# hl\ j\ \eZl\ekiX \e R<]\Zkfj&:fii\ZZ` e [\ ZfcfiT% JlY`\e[f \c ZfekiXjk\ p# c\m\d\ek\# \c Yi`ccf [\ cX `dX^\e# Zfej\^l`i\dfj le i\jlckX[f XZ\gkXYc\% yjkX \j leX [\ cXj fgZ`fe\j [`jgfe`Yc\j gXiX ^\e\iXi c\m\j Zfii\ZZ`fe\j f k\ `i leX `dX^\e [\ Xc^ e Zfcfi% Ef [\Y\dfj fcm`[Xi hl\ le m`[\f [\ d\afi ZXc`[X[ efj g\id`k`i} _XZ\i
Zfii\ZZ`fe\j dlZ_f d}j gif]le[Xj% :lXekf d\efi j\X cX ZXc`[X[ [\c dXk\i`Xc# d}j c`d`kXZ`fe\j k\e[i\dfj# p gifYXYc\d\ek\ \dg`\Z\e X XgXi\Z\i j\Zkfi\j Zfe Çil`[fÈ \e cX `dX^\e% <jkf j\ gif[lZ\ ZlXe[f cX `e]fidXZ` e [`^`kXc X X[`[X \dg`\qX X m`jlXc`qXij\ \e cX kfdX# Xc `^lXc hl\ ZlXe[f ÓcdXdfj p cX Z}dXiX X X[\ `e]fidXZ` e [`^`kXc \e \c m`[\f% ;\Y\dfj j\i Zl`[X[fjfj \e \jkfj Xjg\Zkfj# gfihl\ \j el\jkif kiXYXaf _XZ\i hl\ cX `dX^\e gXj\ gfi \c \[`kfi p jXc^X \e d\afi\j Zfe[`Z`fe\j# Xlehl\ j\Xe [\ g\iZ\gZ` e# hl\ cXj fi`^`eXc\j% Correcciones específicas PX _\dfj d\eZ`feX[f Xc^leXj _\iiXd`\ekXj Y}j`ZXj gXiX cX Zfii\ZZ` e p Zi\Xk`m`[X[ Zfe \c ljf [\c Zfcfi% 8_fiX efj i\]\i`i\dfj X fkiXj le gfZf d}j gi\Z`jXj hl\ efj g\id`k`i}e cf^iXi cfj i\jlckX[fj [\j\X[fj% ¶Hl jlZ\[\ j` hl\i\dfj m`iXi leX `dX^\e# gfi \a\dgcf# Xc Xqlc# p _XZ\i hl\ cX k\q [\ cfj g\ijfeXa\j kXdY` e hl\[\ \e \j\ kfef6 GXiX \jkfj ZXjfj
ZfekXdfj Zfe cX ]leZ` e R<hl`c`Yi`f [\ :fcfiT% ;\ekif [\ R:fii\ZZ` e [\ ZfcfiT# XgXi\Z\ \jk\ \]\Zkf hl\# Y}j`ZXd\ek\# [`m`[\ cX `dX^\e \e ki\j1 cXj clZ\j YXaXj# cfj d\[`fj kfefj p cXj clZ\j XckXj2 X[\d}j# jlY[`m`[\ ZX[X leX [\ \ccXj \e cfj Zfcfi\j I>9% <jkf efj [X leX ^iXe Ô\o`Y`c`[X[ Xc dfd\ekf [\ _XZ\i cX Zfii\ZZ` e [\ Zfcfi# pX hl\ gf[\dfj \e]fZXiefj \e Z`\ikfj Xjg\Zkfj [\ cX `dX^\e p [\aXi fkifj Xc dXi^\e% ;\jgl j [\ \og\i`d\ekXi Zfe \jkX _\iiXd`\ekX _XjkX cf^iXi \c Zfcfi [\j\X[f# gf[\dfj ZfdY`eXicX Zfe \c \]\Zkf [\ \hl`c`Yi`f [\ Zfcfi I>9 gXiX \]\ZklXi leX Zfii\ZZ` e d}j ^\e\iXc% =`eXcd\ek\# p leX m\q hl\ pX cf^iXdfj le Zfcfi i\Xc`jkX p# X cX m\q# Xik jk`Zf# gf[\dfj lk`c`qXi leX k\iZ\iX _\iiXd`\ekX hl\ efj j`im\ X cfj Óe\j [\ hl`kXi \c il`[f p d\afiXi cX cld`efj`[X[ [\ cX `dX^\e% <jk\ \]\Zkf \j RE`m\c\jT# p j\ \eZl\ekiX [\ekif [\ cX fgZ` e [\ \]\Zkfj [\ m`[\f R8aljkXiT% Cf XiiXjkiXdfj Xc Zc`g p [\jgc\^Xdfj jlj fgZ`fe\j# gXiX m\i cX gifg`\[X[ [\ \ekiX[X [\ e\^if