Consultor y profesor: Caterina Ramon Bordoi / Laia Blasco Soplon

Introducción

Este semestre hemos trabajado en la asignatura de Narrativa interactiva, como confeccionar guiones audiovisuales y multimedia, entre otros muchos temas.

Así, en las primeras PAC’s realizamos un guión audiovisual a partir de una idea o historia y unos personajes. Estas PAC’s  serían el punto de partida para la elaboración del  guión para un producto interactivo multimedia (Práctica).

Será sobre mi experiencia personal en la elaboración de este guión, sobre lo que trate este artículo.

Etapas y retos

El primer paso de la práctica: ¿Qué producto interactivo elegir? Dada la relevancia que habían ido adquiriendo en los últimos años los dispositivos móviles como tablets, smartphones,… y la gran aceptación que estaba teniendo por parte del público joven y adulto, pensé que el producto interactivo debía ser, sin duda, un juego que sirviera de promoción para la película trabajada en las PAC’s. Concretamente una aplicación interactiva multimedia, diseñada principalmente para dispositivos móviles y que se ofrecería de forma gratuita en los servicios Android Market, App Store y páginas web.

Con la idea muy clara desde un principio, de diseñar un juego, ahora era el momento de definir el público objetivo y el contenido del juego, para posteriormente poder realizar los diferentes apartados del guión multimedia (Diseño de la interactividad, diseño de la navegación y diseño lógico).

Como la película inicial en la que está basada el juego (PAC3 y PAC4) está recogida dentro de la categoría de películas de suspense o terror, el juego debía estar dentro de esa misma categoría. Por este mismo motivo, el público objetivo debía ser adolescente y adulto. En cuanto a la clasificación PEGI para un producto de este tipo, tiene una clasificación de 12+ con contenidos que pueden provocar miedo.

El siguiente paso era estructurar el contenido del juego y que secciones tendría. En este caso, decidí que el juego debía tener 3 niveles de dificultad para que no resultara muy difícil de completar, pues se trataba de un producto promocional que no debía ser demasiado complejo. También debía incorporar un pequeño menú para configurar idioma, controles, sonido,…. puesto que el objetivo era llegar al máximo público posible.

Ahora era el momento de comenzar con el diseño de la interactividad, es decir, como interactuaría el usuario con la aplicación. Como la aplicación principalmente estaba orientada a dispositivos móviles, los iconos debían ser sensibles y reaccionar al seleccionarlos, además durante el juego aparecerían iconos de dirección para poder controlar al personaje principal.

Llegados a este punto, el siguiente paso era el diseño de la navegación y puedo decir en términos propios de la asignatura, que este es el clímax de la práctica. No sólo por lo laborioso que me resultó de diseñar el diagrama de flujos, sino por lo complejo que fue definir todos los itinerarios posibles por los que podría desplazarse el usuario. Para realizar dicho diagrama, utilicé el programa SmartDraw, ya que en mi opinión, era el que mejor resultado visual ofrecía y el de manejo más sencillo.

La última etapa de creación del guión multimedia era el diseño lógico, donde debía explicar todo lo que sucedía click a click, detallando todos los elementos que intervenían en cada una de las pantallas. En este apartado me basé en el lenguaje que propone Guillem Bou en su libro “El Guión Multimedia” (Ed.Anaya Multimedia 1997).

Para concluir, el “toque final”,  la proyección visual del producto que desde el inicio tuve en mente y que necesitaba reflejarla gráficamente. Siempre me lo imaginé como una aventura gráfica sencilla al estilo Maniac Mansion, pero adaptado a los tiempos actuales, así que mediante Photoshop e IrfanView realicé una simulación gráfica sobre IPAD de cómo se visualizaría el hipotético juego.

Conclusiones

Esta práctica ha sido todo un reto para mí, desde la idea inicial hasta el apartado final de su desarrollo. Sin duda, toda una experiencia que me ha hecho comprender mucho mejor el laborioso proceso de realización de un guión multimedia.

La etapa que más me ha motivado, por su dificultad y complejidad ha sido la del diagrama de flujos, pues se debe reflexionar sobre todas las opciones posibles que puede encontrar el usuario dentro de la aplicación. Aquí realmente fue cuando comprendí la envergadura de realizar un producto interactivo multimedia.

Comentar también que, con un poco más de tiempo para realizar la práctica, se podría haber elaborado un producto mucho más complejo y completo. Con más interactividad en cada nivel y con la posibilidad de salvar las partidas iniciadas.

Aún así, el resultado para mí ha sido positivo, por los conocimientos adquiridos y por la libertad en la toma de decisiones sobre el producto, ya que no estaba limitado en el enunciado de la práctica. Sin duda, volvería a realizarlo.

Documentación

La práctica la podéis encontrar en mi espacio web personal de la UOC, en la siguiente dirección: http://cv.uoc.edu/~ohidalgo/Narrativa/PRA_Hidalgo_Oscar.pdf

El guión secuencial de la trama de la película y del juego se encuentran en los siguientes enlaces: PAC3 y PAC4. Estas prácticas están en formato CELTX por lo que será necesario descargar la aplicación para poder visualizarlo.

Aplicación CELTX para la realización de guiones: www.celtx.com

El programa utilizado para el diagrama de flujos lo encontraréis en: www.smartdraw.com

Para realizar el diseño lógico del guión, utilicé las pautas a las que Guillem Bou hace referencia en su libro “El Guión Multimedia”, de la editorial Anaya Multimedia y el capítulo que consulté, pinchando aquí.

Ahora que se acaba el año os dejamos aquí los vídeos sobre el encuentro para que podáis ver en qué consistió la jornada de noviembre, la cual, aparte de reunir a toda la familia de Mosaic, fue una especie de resumen de lo que este año supuso para nosotros y una tarde llena de contenido sobre tecnologías y comunicación multimedia. Gracias a todos de nuevo por haber hecho posible el primer gran cumpleaños de nuestra revista.

Resumen de la Jornada

1. Presentación

2. 10 años de Mosaic

3. Workshop VisDa, visualización de datos

4. Mesa redonda (parte II) visualización y multimedia: M. Luz Congosto

5. Mesa redonda (parte III) visualización y multimedia: Alberto Cairo

6. Mesa redonda (parte III) visualización y multimedia: Turno de preguntas

7. Entrega premios concurso Mosaic Map

¿A raíz de qué surgió la idea de crear Mosaic?

Mosaic surgió para cubrir una necesidad. Yo tenía la responsabilidad de hacer que el área de Multimedia tuviese más repercusión y presencia; es decir, teníamos que tener una imagen en la red y mostrar nuestro trabajo. Así nació la idea. En aquel momento había bastantes opciones: podíamos crear folletos, hacer cd-roms y, aunque hicimos varias de estas cosas, la clave era construir un espacio donde se empezase a mostrar la actividad del grado.

¿De quién fue la idea?

Pues, como todo el trabajo que hacemos, la idea se discutió entre todo el equipo de Multimedia. Cuando se vio que se podía hacer y que valía la pena, todos participamos. Es decir, si la idea nohubiese sido apoyada por el equipo, no se hubiera puesto en marcha. Pero éste es el proceso que solemos seguir siempre. En el fondo las ideas son un patrimonio compartido.

¿Y el nombre?

El nombre se me ocurrió a mí, o al menos yo tengo esa percepción. Hay una imagen que me acompaña de cuando estudié en Berkley, que es la de una revista llamada Microtimes, en cuya portada apareció un día el primer navegador web, llamado Mosaic. Lo presentaron como el navegador que revolucionaría la forma en que accedemos a la información. Por otra parte, el nombre de Mosaic tenía una segunda connotación, y es que es bastante mediterránea. Es decir, buscábamos una palabra que perdurase y que evocase la tradición clásica, el origen de nuestra cultura. Un puente entre la cultura visual de la tradición artística grecolatina y la digital.

¿Con qué objetivos se creó la revista?

Le buscábamos muchos objetivos, somos muy ambiciosos. Veíamos que estábamos liderando un área de conocimiento en un espacio del sector académico que no tenía demasiada tradición. Debía ser además una revista con mucha relación con el mercado, con los estudiantes y los profesores, para mostrar la ebullición de un espacio y un área de conocimiento nueva.

¿Se han cumplido?

En mi opinión sí, pues si miras las categorías de contenidos de la revista [entrevistas, artículos, experiencias y recursos], te das cuenta de que cada una de ellas responde a ese interés a su manera, claro. Por ejemplo, el artículo ofrece quizás un mayor grado de análisis y reflexión, la experiencia pretende explicar el trabajo de los estudiantes, etcétera.

Supongo que también habéis tenido que enfrentar muchas otras dificultades, ¿cuáles fueron?

Tuvimos, efectivamente, varias complicaciones. Vamos a ver, por un lado, debíamos tener un equipo, una serie de recursos y una dinámica de trabajo. Esto fue responsabilidad de quienes estábamos en la titulación de Multimedia, cosa que no tenía que ver, inicialmente, con el trabajo por el cual habíamos sido contratados. Por eso todo el equipo debíamos entender esta idea, debíamos sentirnos comprometidos con el proyecto y sabedores de que valía la pena realizar un esfuerzo complementario. Ésta fue la primera dificultad. La segunda fue conseguir que la UOC apoyase a Mosaic y lo considerase suyo. La tercera fue la tecnología: ¿dónde la publicamos? ¿En qué servidor? ¿Con qué herramientas? Y la cuarta, los contenidos, es decir, qué estructura de contenidos queríamos darle (ésta fue, quizás, la que menos problemas nos causó).

Pero a la vez entiendo que para sacar adelante un proyecto así, también tuvisteis que contar con una serie de apoyos, no todo sería remar a contracorriente…

No, claro. El primer apoyo fuimos nosotros mismos, nuestra ilusión. Pero también tuvimos otros, como el equipo de gestión de la universidad.

¿Cualquiera puede colaborar en Mosaic?

Sí, cualquiera. El único requisito que exigimos es la adecuación a la temática de la revista. Evidentemente, exigimos otras cosas, como que no sean copias de otras publicaciones… Queremos material original. Pero solamente un porcentaje pequeñísimo de material recibido no se ha publicado, por culpa esencialmente de la calidad del mismo.

¿Qué aporta Mosaic al Grado de Multimedia?

Mosaic es un instrumento para crear contenidos, por lo que al Grado le permite acercarse a temas de interés emergente. Además, Mosaic es un instrumento para explorar posibles colaboraciones con profesionales, circunstancia que a lo largo de estos años ha sido de gran valor.

¿A qué te refieres con colaboraciones?

A ver, la colaboración con el Grado de Multimedia puede ser como autor, docente/consultor, tutor… Y, por ejemplo, te pongo un caso: Alberto Cairo, con quien entramos en contacto a través de la revista (para ver si podía escribir sobre infografía), es ahora consultor y autor del Grado Multimedia de la UOC. A partir de ese primer contacto, surgen muchos otros posteriores. Siempre a partir de que compartimos interés y motivación por el ámbito y la docencia en él. Mosaic es un buen instrumento para crear contenidos, para entrar en contacto con profesionales y para mostrar la actividad del estudiantado, de manera que éste también vea reconocida su dedicación al ámbito.

Y en un sentido más amplio, ¿qué aporta Mosaic a la UOC?

Presencia en Internet, claramente. Y liderazgo, imagen de valor.

¿Cuál es la característica diferencial de Mosaic en el ámbito de la prensa digital? Es decir, ¿qué es lo que define a Mosaic?

Mi percepción es que en el sector universitario no hay prácticamente ninguna iniciativa semejante a ésta, es infrecuente. En general, las iniciativas están más segmentadas, son más académicas, pero una revista de estas características es poco frecuente.

Mosaic ha cumplido este año una década. ¿Qué se ha conseguido en este tiempo?

Tiene muchas más visitas, tenemos más de mil visitas diarias (de promedio). También somos mucho más conocidos en este sector y hemos ganado prestigio en cuanto a fidelidad de una línea de trabajo. Pero, además, y creo que es lo que más caracteriza a Mosaic, es que nació con el objetivo no de crear un gran impacto inicial, sino de consolidarse y mantenerse en el mercado. Es decir, nuestra revista no es muy ágil cambiando contenidos y tampoco es espectacular en cuanto a su modernidad, pero es sobria y se mantiene, es constante, sólida, está ahí.

¿Os habéis basado en alguna otra publicación para crear Mosaic?

Sí. La UOC había puesto en marcha una revista llamada Lletra, que aún está viva. Fue creada alrededor del año 2000, es digital y versa sobre literatura catalana. Es el primer y único referente que tengo.

Ante el auge de Internet y las nuevas tecnologías, ¿ha tenido Mosaic que adaptarse o readaptarse?

Se ha tenido que adaptar. Hemos pasado de publicar en HTML a publicar con un gestor de contenidos WordPress, lo cual permite un proceso editorial más riguroso. Al principio esto iba de una manera mucho más pedestre: carpetas, páginas HTML clasificadas, una página web muy estática. El diseño también ha cambiado, se le ha exigido mayor interactividad, etcétera.

¿Y se prevén cambios a corto o medio plazo?

Sí. Yo creo que hay algunos vectores que están pidiendo cambios: el de la participación de los usuarios y el de la calidad, el volumen de contenido audiovisual, el de la investigación, etc…pero no estoy seguro de cómo lograr esto sin que por ello el aumento del volumen de gestión y actividad de la revista desborda a los profesores. Nuestras responsabilidades principales son la docencia y la investigación. Parece obvio que las actividades de comunicación y difusión debemos hacerlas y combinarlas de modo diferente a como lo hacemos, pero personalmente no veo cómo todavía.

¿Abriendo la posibilidad al usuario de comentar en las piezas?

No estoy seguro de que así lo logremos. ¿Esto resuelve el volumen de trabajo del que gestiona? ¿Aumentará la calidad de las piezas? No lo sé. Sé que a Mosaic también se le pide una mayor riqueza de multimedia (vídeos, etcétera) y una mayor frecuencia de publicación de contenidos al mes. Pero en todo caso, son temas que debemos pensar y discutir en equipo, con calma, para buscar soluciones siempre teniendo en cuenta que, como ya he dicho, Mosaic nunca ha sido la más original, ni la más moderna, sino la que ha perdurado, también porque el nivel de exigencia se ha ajustado mucho a los medios que tenemos.

Por tanto, habrá otros diez años de Mosaic.

Yo los veo (risas).

Para empezar, podemos recordar que 2001 no fue solo el año de nacimiento de Mosaic. En enero de ese año aparecía la Wikipedia y, en agosto, el hoy denostado Internet Explorer 6, el navegador que acabó de hundir a la competencia, llegando aquel año a cerca del 20% de cuota de mercado (con el IE 5 con un 68% de cuota).

Captura de pantalla de Mosaic en Mayo de 2002 con el diseño original.

El primer número de Mosaic estaba maquetado con tablas. Pero es que en 2001 la maquetación de las web se hacía básicamente con tablas. La especificación HTML 4.01 hacía dos años que existía (ya existía la etiqueta div) y hacía ya unos años que se hablaba de CSS 2, pero la gestión del CSS presentaba diferencias según los navegadores existentes, lo que hacía que resultase poco útil. IE6 era el primer navegador que respetaba los estándares, pero aun costaría algunos años convencer a todo el mundo de la importancia de ajustarse al estándar.

Y hablando de maquetación con tablas. ¿Recuerdas aquellas vistosas páginas formadas por un mosaico de imágenes que se iban cargando poco a poco? En 2001 vivíamos en la época de las animaciones gif. Flash (en su versión 5 desde hacía un año) aún no había explotado más allá de las pantallas iniciales (sí, aquellas intros que había que saltar para poder llegar a la página). Los menús eran de texto o con mapas de imagen (etiqueta map de HTML) y hablar de animación en la web era hablar de DHTML, con unos resultados más bien pobres.

En general las páginas web se diseñaban pensando en una pantalla de 800×600 píxeles (aunque aún quedaban algunas pensadas para resoluciones de 640×480)

Portada de la web de El País del 2001, pensada para pantallas de 640 píxeles de ancho.

En 2001 todavía no se había acuñado el término AJAX, así que, en general, a pesar de que existían algunas técnicas de intercambio dinámico de datos entre navegador y servidor, las páginas web se recargaban íntegramente para poder mostrar al usuario el resultado de su interacción. De hecho, la gran explosión de AJAX llegó con Gmail, el correo de Google, en abril de 2005.

El vídeo se incorporó con fuerza a la web con la llegada de Youtube en 2005 y el sonido en 2001 no pasaba de ser pequeñas piezas midi reproducidas con la etiqueta bgsound propia de los navegadores de Microsoft. Pero, de hecho, mejor así. En 2001 el ADSL apenas se empezaba a implantar en España y la mayoría de usuarios aún usaban el módem para sus conexiones.

Hace 10 años, las redes sociales apenas se conocían. Los foros eran lo más parecido y usado en ese momento (aunque ya existían algunas redes sociales como Habbo) pero estaban lejos de las redes sociales actuales. También existían algunos blogs, Blogger nació en 1999 (aunque adquirido por Google en 2003, fue relanzado en 2004 que fue cuando adquirió popularidad), pero, según la wikipedia, fue en 2001 cuando aparecieron los primeros blogs estadounidenses populares.

Vale la pena hacer un repaso por algunos de los servicios que usamos hoy en día y que aparecieron después del 2001. No es una lista exhaustiva y la ampliaremos con vuestras aportaciones en los comentarios:

• Wikipedia: Enero 2001
• Internet Exporer 6: Agosto 2001
• Picasa: 2002
• Fotolog.net: Mayo 2002
• WordPress: Mayo 2003 (versión 1.0 en enero de 2004)
• Facebook: Febrero 2004
• Flickr: Febrero de 2004
• Firefox: Noviembre 2004
• Youtube: Primavera 2005
• Joomla: Verano 2005
• Gmail: Abril 2005
• JSON: Julio 2006
• Twitter: Julio 2006
• Adobe AIR (inicialmente como Apollo): 2007
• Chrome: Septiembre 2008
• Google Wave: Septiembre 2009. Desaparecerá “Desaparecido” (actualmente en modo de solo lectura) en enero de 2012
• Google+: Junio 2011

Como he comentado a lo largo del artículo, los comentarios están abiertos para cualquier aportación. Las más interesantes las iremos añadiendo al artículo.