Finalizado el proyecto paralelo

El la tarde de ayer y la mañana de hoy estuve el el laboratorio sensor, terminando de editar el video explicativo de collage, finalizando así con mi trabajo referente al proyecto paralelo de "nodos".
La participación en este proyecto paralelo me sirvió para aprender y conocer un poco más del trabajo que se realiza en el laboratorio sensor de la Universidad de Caldas; además de la experiencia, el proyecto me dejo conocimientos acerca de temáticas como el Paisaje Cultural Cafetero, diseño de interacción, diseño de experiencia y gestión de proyectos de diseño, que sin duda alguna serán de gran utilidad para mi vida profesional.

Finalizado el prototipo de Paisaje y café

El día de hoy se tuvo la sustentación del proyecto "Paisaje y café" por fortuna nos fué muy bien y la idea es seguir avanzando en él.

Aquí el enlace a la página: http://paisajeycafe.dvisual.net/

Interactivo en "Vive el paisaje"

Terminando el interactivo para la sección "Vive el paisaje" de Paisaje y café.

Subiendo información en la sección "Deseas viajar"

Páginas oficiales de Paisaje y café

http://twitter.com/paisajeycafe

http://www.facebook.com/paisajeycafe

Avances Paisaje y Café

Realizando la gráfica para el interactivo que irá dentro de la sección
"Vive el paisaje"

Paisaje y café "Tu experiencia"

Finalizada la sección de "Tu experiencia" junto con los formularios
dentro de Paisaje y café

Paisaje y café "Tu experiencia"

Realizando la sección de "Tu experiencia" dentro de Paisaje y café.

Organizando información de Paisaje y café

Dedicada a organizar y seleccionar información para "Paisaje y café".

Proyecto Paralelo

El día de hoy en las horas de la mañana estuve el el laboratorio sensor haciendo trabajo del proyecto paralelo, en esta ocasión estuve editando un video acerca de la instalación "Collage", por falta de material no lo pude terminar pero espero terminarlo la próxima semana.

Visualización de las pestañas en "Vive el paisaje"

A continuación una vista previa de como quedarían las pestañas en "Paisaje y Café" específicamente dentro de "Vive el paisaje".

Proyecto Paralelo

En la mañana de hoy estuve en el laboratorio sensor trabajando en al proyecto paralelo "Nodos", estructurando y comparando la información que ya estaba publicada en en blog con la que no se había publicado; lo que hice fue revisar toda la información existente sobre el tema  y organizarla, además realice dos publicaciones en el blog de Nodos logrando así actualizarlo.

Plugin Tabs and slides Joomla

Permite añadir pestañas o slides dentro del contenido. Usando una sintaxis sencilla se puede organizar fácilmente el contenido dentro de Joomla con pestañas o controles deslizantes destacando y estructurando la información logrando una fácil navegación: por ejemplo, las descripciones largas de productos o cualquier otra información en pestañas mejora la legibilidad de páginas web, lo que significa que habrá una mejor arquitectura de la información y por ende el entendimiento del usuario será mejor. El plugin ya viene con 2 diseños de plantillas pre-construidas y se puede crear propias simplemente copiando una de las pre-construidos y modificando el código HTML y / o CSS. Se pueden utilizar las etiquetas del plugin en cualquier componente, módulo o plugin de contenido.

Editando las pestañas de la información de "Vive el paisaje"

Paisaje y café (avances)

Proceso de elaboración de los diferentes templates para Joomla de las páginas interiores de "Paisaje y café".

Plugin Tabber para Joomla

En busca de plugins interesantes para la realización del sitio web de "Paisaje y café", encontré uno llamado Tabber, el cuál es un práctico script que permite poner pestañas al contenido del sitio. Al instalar Tabber, automáticamente se añadirá un botón debajo del editor de texto de Joomla para insertar fácilmente el código para las pestañas que se necesiten. Dicho plugin nos permitirá resolver el problema de las pestañas en el contenido de la interfaz de "Vive el paisaje"

Proyecto paralelo

El día martes 22 de mayo sostuve una reunión con el profesor Mario Valencia, pero tuvimos un inconveniente para empezar a organizar la información sobre el proyecto NODOS porque la página tenia un error y parecía que existía un problema con el hosting, así que realmente no pudimos avanzar mucho para saber cuales datos íbamos a utilizar y cuales no. Lo único que si pude observar es que hay mucha información y que toda se encuentra de manera desordenada, por lo que mi primer trabajo será el de organizarla para su posterior publicación. Por lo pronto se resolvió concretar otra reunión en la que se espera que la página este en correcto funcionamiento para empezar a organizar contenidos.

Avances Paisaje y café

Proceso de la elaboración del template de Joomla del index de Paisaje y café, que es estructuralmente diferente a las demás páginas interiores.

Proyecto Paralelo (avances)

El día de hoy tuve la oportunidad de reunirme con el profesor Mario Valencia para plantear las actividades a realizar para el proyecto de investigación NODOS, la primera actividad de mi parte deberá ser la de actualizar los blogs de "Nodos" y "Collage" con información reciente de la investigación. Y por el otro lado será la de realizar unos video tutoriales acerca del funcionamiento de los software utilizados en el proyecto; para lo anterior empezaremos con una reunión el próximo martes 22 de mayo en las horas de la tarde.

Avance Paisaje y café

Después de la asesoría con Mario realizada la semana pasada nos dispondremos a comenzar con el desarrollo de la primera actividad del cronograma de desarrollo, para ello es necesario tener buenos conocimientos en el gestor de contenidos Joomla por lo que en estos días he estado indagando más del mismo, sobre sus múltiples componentes y extensiones y cómo usarlos para así tener un mayor manejo de la herramienta.

Cronograma de desarrollo prototipo

Interfaces Paisaje y café

Durante proceso de replanteamiento de alguno de los elementos de las interfaces de "Paisaje y Café", tras evaluar algunas cuestiones relacionadas con el desarrollo como producto, se llegó a las siguientes determinaciones (además de los cambios que ya se habían planteado y publicado con anterioridad):

1. Eliminar el ítem del menú "¿Quieres saber más?", cuyo contenido informativo será incluido dentro de la categoría "Vive el Paisaje", para que quede allí consignada toda la información referente a las generalidades del Paisaje Cultural Cafetero y sus valores patrimoniales, tanto de manera interactiva, como textual.

2. Incluir en lugar de "¿Quieres saber más?" una nueva categoría con información específicamente de viaje, estableciendo comparaciones entre los pro y los contra de los diferentes municipios para que espectador decida a partir de ello cómo planear su viaje.

3. Reemplazar el recorrido virtual de "Vive el paisaje" por otro elemento interactivo que esté dentro de nuestras posibilidades de desarrollo en cuanto a cocimientos y recursos, constituido por una navegación a partir de botones que le permitan al usuario realizar una exploración mediante la navegación interactiva.

4. Incluir el botón de inicio de sesión a través de facebook en los formularios destinados al aporte de contenidos.

5. Incluir dentro del pie del sitio web una descripción del sitio web, y los respectivos enlaces a la "política de privacidad", "Términos y condiciones", "Contacto" y redes sociales. Además el enlace a la página oficial del Paisaje Cultural Cafetero y los datos referentes a los derechos de autor.

6. Limitar más la búsqueda de las fotografías en "A través del tiempo" mediante la categorización de las mismas según lugar y temática, permitiendo así la depuración de resultados según el interés del usuario.

7. Establecer una variación mínima en la fuente tipográfica del eslogan y de los ítems del menú para lograr mayor legibilidad.

Asesores externos Paisaje y café

Diseño de información: Pablo Salomone
Paisaje Cultural Cafetero: Liliana Henao
Parte tecnológica: (Pendiente)

Asesoría con Liliana Henao

En la tarde de hoy se tuvo un primer acercamiento con la asesora externa que nos ayudará con la información pertinente para la realización del proyecto de investigación "Paisaje y Café", en la reunión se contextualizó a Liliana de lo que trataba el proyecto y el producto que se quiere obtener, ella nos compartió sus conocimientos acerca del Paisaje Cultural Cafetero y nos dió algunas recomendaciones que no se habían tenido en cuenta anteriormente. Por lo pronto quedamos en que ella nos enviará una información al correo para que sea revisada por nosotros y así seguir en contacto para resolver las dudas que se nos presenten y para que su conocimiento sea de gran ayuda para el proyecto.

Tareas a desarrollar en el perfeccionamiento de las interfaces de Paisaje y Café

Proyecto Paisaje y Café - avances

Con base en las recomendaciones y el señalamiento de los aciertos dentro de la estructura, elementos y contenidos, comienzan a tomarse decisiones de diseño que estarán siendo desarrolladas en el transcurso de la semana. 

Tras la siguiente asesoría se realizarán las correcciones pertinentes para proceder con la creación del template para Joomla.

Adicionalmente, la información proporcionada por Carlos Adolfo Escobar acerca del Paisaje Cultural Cafetero, las recomendaciones de Mario Valencia, y la asesoría obtenida en el Festival de la Imagen por Pablo Salomone, proporcionan nuevas perspectivas que se incluyen en la elaboración de las nuevas interfaces. Aún está pendiente la reunión con Liliana Henao (del observatorio del Paisaje Cultural Cafetero) quien por sus múltiples ocupaciones no ha podido atendernos hasta la fecha.

En general, la paleta cromática se mantiene, al igual que la distribución de la mayoría de los elementos, cambiando sólo su escala (para hacer mayor énfasis en puntos más importantes), y varía la categorización en algunos de los niveles.

Asesor Festival Internacional de la Imagen

Inicialmente Carlos Cortés se mostró dispuesto a brindarnos asesoría acerca del proyecto y a concedernos una entrevista durante el Festival Internacional de la Imagen. Luego, tras múltiples intentos fallidos de contactarlo de nuevo mediante varios correos electrónicos sin respuesta para concretar un encuentro, y tras una búsqueda durante los primeros días de la semana en el C.C.C. Teatro Los Fundadores, nos enteramos de que su estadía en la ciudad se prolongaría únicamente durante algunas horas mientras se encargaba del evento "Un hombre con una idea es un loco hasta que esa idea triunfa", paralelamente al desarrollo del taller "Diseño de Información" del que hacíamos parte.

Dada esta situación, por la imposibilidad de contactar a Carlos y el desconocimiento de su disposición, además de la asistencia al taller el curso, optamos por recurrir a los conocimientos de Pablo Salomone, con quien entablamos una conversación bastante productiva acerca del proyeco Paisaje y Café.

Tras poner en contexto a Pablo Salomone acerca de lo que es el Paisaje Cultural Cafetero, su declaratoria como patrimonio Cultural de la Humanidad, y lo que es el proyecto Paisaje y Café, entablamos una conversación extremadamente enriquecedora acerca de cómo utilizar el diseño de información en la estructuración de los contenidos del sitio web. La experiencia fue bastante gratificante.

Como generalidades de dicha conversación vale la pena destacar que lo primero que nos recomendó Pablo fue que la arquitectura del sitio debía ser por niveles, uno superficial en dónde se muestre lo más relevante, otro de mayor profundidad en la información y de ser necesario un tercer nivel mucho más extenso. 

Por otra parte nos invitó a pensar que es lo que diferencia el Paisaje Cultural Cafetero del resto de Colombia ya que eso nos serviría de gran ayuda para darle identidad al sitio, guiar al turista y lograr un sentido de pertenencia frente a la región. Para esto tendríamos que trabajar en dos instancias, la primera pensar en las generalidades del Paisaje, es decir, lo que lo hace especial; y la segunda crear particularidades de cada uno de los departamentos o ciudades que lo componen, y así establecer comparaciones que indiquen al visitante cuáles son aquellos lugares de su interés para que al momento de realizar el viaje, si es su intención, pueda decidir cuál será su recorrido, así como los sitios que incluirá y omitirá, los días de permanencia en cada uno y las actividades a realizar: permitir una planeación total del viaje. Pablo Salomone recalcó la importancia de identificar y recomendar alternativas de transporte dentro del Paisaje Cultural Cafetero, dada la lejanía de los diferentes fragmentos de territorio que lo constituyen.

Adicionalmente comentó que es muy importante la limitación de los contenidos, hay que saber seleccionar cuidadosamente la información a proporcionar, que no se quede muy corta pero que tampoco sea muy extensa, utilizando la opción “ver más” como un puente entre un nivel superficial a otro de profundidad. Dijo que todo debe ser funcional y tener una lógica, y tiene que parecer un trabajo de artesano aunque en realidad es un proceso industrial que ha sido muy bien pensado, es decir, tiene que parecer casual cuando en realidad todo fue calculado antes. Además es preciso pensar en que existen dos tipos de turistas, el que busca lo necesario y el que es mucho más exigente que le gusta saber de todo un poco y para eso es que se estructura el segundo nivel de la información.

Finalmente, como la conversación fue muy corta, Pablo se ofreció a seguirnos asesorando virtualmente ya que le agradó mucho el proyecto y no sólo éste, si no el interés de nosotras por acceder a sus conocimientos.

En el siguiente vídeo la conversación completa con Pablo Salomone.

Lectura "Social interaction"

En esta lectura hablan de algunos de los aspectos fundamentales de la sociabilidad, la comunicación y la colaboración; y se examinan los principales mecanismos sociales que las personas utilizan en diferentes contextos de conversación (sea su interacción cara-a-cara o a distancia). 

También son discutidas las diferentes tecnologías de colaboración y de telepresencia diseñadas para apoyar y ampliar estos mecanismos resaltando las preocupaciones fundamentales del diseño de interacción.

Algunos puntos importantes de la lectura:

-La interacción social es fundamental para nuestra vida cotidiana.

-Los mecanismos sociales han evolucionado (cara-a-cara y contextos remotos) para facilitar la conversación, la coordinación y la conciencia.

-La forma en la que se gestiona el hablar son parte integrante de la coordinación de la interacción social.

-Muchos tipos de sistemas de comunicación mediados por ordenador se han desarrollado para permitir que las personas se comuniquen entre sí cuando están en ubicaciones físicas diferentes.

- Mantenerse al tanto de lo que hacen los demás y dejar que los demás sepan lo que se está haciendo son aspectos importantes de la colaboración y la socialización.

-Los medios de comunicación social han dado lugar a cambios significativos en la manera de mantenerse en contacto.

Participación en "Collage"

Como parte del proyecto paralelo NODOS, se encuentra la instalación interactiva de creación colaborativa llamada "Collage" y se trata de un espacio inmersivo en el que se encuentran dispuestas fotografías panorámicas y sonidos del Paisaje Cultural Cafetero y dónde los asistentes pueden controlar la visualización de dichas fotografías y sonidos, por medio de la aplicación “collagepaisaje360”, desarrollada para el software Camaleón. La aplicación da a los usuarios la elección de las imágenes y el control de audios de la instalación desde un dispositivo móvil, teniendo respuesta a su interacción en un sistema de proyección panorámica. 

Esta instalación ya se encuentra disponible en el marco del XI Festival Internacional de la Imagen, y mi participación en estos días ha sido la de ayudar al equipo de Nodos para su respectivo montaje. Igualmente no podía  dejar de participar en la convocatoria con algunas fotografías para la exposición. Aquí algunas de ellas:

Cafetales- Chinchiná (Caldas)

Iglesia- Chinchiná (Caldas)

Calendario de usabilidad

Navegando en la web, encontré esta divertida imagen que representa algunos tips de usabilidad de una manera diferente tomando como referencia el calendario.

Informe del trabajo para el Festival

En primer lugar es necesario recalcar que el asesor que se eligió fue Carlos Cortés (Creativo publicitario - Social Media Expert. Creador e investigador del Observatorio Colombiano de Social Media y de CM Metrix. Actualmente, es Director Creativo de Cortes Media Agencia y fue el creador de Creativos Colombianos -primer centro de recursos especializado en creatividad y diseño 100% colombiano-); debido a que sus conocimientos pueden ser de gran ayuda para que el interactivo web sea reconocido, pueda convertirse en un negocio y pueda entrar en el mercado del turismo y las redes de viajeros para que las personas puedan visitarlo y tener su propia apropiación.

En el primer acercamiento con Carlos Cortés se le escribió un correo para informarle acerca del proyecto en curso y el interés de concretar una asesoría personal en el marco del Festival Internacional de la imagen; unos días después del envío del correo se obtuvo una respuesta satisfactoria en la que el personaje se mostró  interesado en otorgar dicha asesoría.

Actualmente se está en espera de las fechas en las que se realizarán los talleres de la profundización para concretar un día y hora exacta con el invitado y asesor.

Portafolio personal

Index

Portafolio

Galería de imágenes de las categorías

Contacto

About

Videotutoriales Unity

Depuración del portafolio

1er Acercamiento:

Encabezado: -Logotipo -Logo  Facebook -Logo Twitter Menú de navegación: -Logotipo (enlace de inicio) -Impresos:   Submenú:    -Agenda Eco   -Marca Photo   -Afiche Congreso   -Revista Identidad -Video   Submenú:   -Kaitse   -Empty Cristh -Web   Submenú:   -La Juanita   -Aldiseño   -Net art -3D   Submenú:   -Bodegón   -La Riviera   -Museografía Información en el pie de página: -Derechos reservados, nombre, ciudad, celular. -Enlaces de facebook, twitter y blogger

Elementos en el índex: Encabezado, Menú de navegación, Banner, Acerca de mí, Contacto, Pie.

Elementos en cada página interior: Encabezado, Menú de navegación, Galería de imágenes del trabajo seleccionado con la descripción del mismo, Acerca de mí, Contacto, Pie.

2do Acercamiento:

Encabezado: -Logotipo -Logo  Facebook -Logo Twitter Menú de navegación: -Logotipo (enlace de inicio) -Impresos -Video -Web  -3D Información en el pie de página: -Derechos reservados, nombre, ciudad, celular. -Enlaces de facebook, twitter y blogger

Elementos en el índex: Encabezado, Menú de navegación, Banner, Acerca de mí, Contacto, Pie.

Elementos en “impresos”: Encabezado, Menú de navegación, Submenú (enlaces) -Agenda Eco -Marca Photo-Afiche Congreso -Revista Identidad-, Acerca de mí, Contacto, Pie. Aquí  mismo se hace clic para ver una galería de cada uno de los trabajos del submenú.

Elementos en “video”: Encabezado, Menú de navegación, Submenú (enlaces) - Kaitse –Empty Cristh-, Acerca de mí, Contacto, Pie. Aquí  mismo se hace clic para ver una galería de cada uno de los trabajos del submenú.

Elementos en “web”: Encabezado, Menú de navegación, Submenú (enlaces) - La Juanita -Aldiseño  -Net art -, Acerca de mí, Contacto, Pie. Aquí  mismo se hace clic para ver una galería de cada uno de los trabajos del submenú.

Elementos en “3D”: Encabezado, Menú de navegación, Submenú (enlaces) - Bodegón -La Riviera  -Museografía -, Acerca de mí, Contacto, Pie. Aquí  mismo se hace clic para ver una galería de cada uno de los trabajos del submenú.

3er Acercamiento:

Encabezado: -Logotipo -Logo  Facebook -Logo Twitter Menú de navegación: -Logotipo (enlace de inicio) -Portafolio -Contacto -About Información en el pie de página: -Derechos reservados, nombre, ciudad, celular.

Elementos en el índex: Encabezado, Menú de navegación, Banner, Tweets, Comentarios, Pie.

Elementos en “portafolio”: Encabezado, Menú de navegación, Serie de imágenes organizadas por categorías (Impresos, marcas y web), Tweets, Comentarios, Pie.

Elementos en “contacto”: Encabezado, Menú de navegación, Formulario de envío de mensajes, Tweets, Comentarios, Pie.

Elementos en “about”: Encabezado, Menú de navegación, Información acerca de mí, Tweets, Comentarios, Pie.

4to Acercamiento:

Encabezado: -Logotipo -Logo  Facebook -Logo Twitter Menú de navegación: -Logotipo (enlace de inicio) -Portafolio -Contacto -About Información en el pie de página: -Derechos reservados, nombre, ciudad, celular.

Elementos en el índex: Encabezado, Menú de navegación, Banner, Tweets, Comentarios, Pie.

Elementos en “portafolio”: Encabezado, Menú de navegación, Categorías (Impresos, marcas y web), Tweets, Comentarios, Pie. Al acceder a una categoría se visualizan las galerías de imágenes.

Elementos en “contacto”: Encabezado, Menú de navegación, Formulario de envío de mensajes, Teléfono de contacto/Email, Redes sociales, Pie.

Elementos en “about”: Encabezado, Menú de navegación, Información acerca de mí, Tweets, Teléfono de contacto/Email, Redes sociales, Pie. 

Navegar sin mouse

Al realizar el ejercicio de ¿Cómo navegar sin mouse? me di cuenta de que no es tan fácil como lo imagine, en primer lugar, para grabar o para crear un nuevo documento utilice Alt para ir a la barra de herramientas, me fui a la pestaña de Archivo y seleccione con las flechas Guardar como o en su caso Nuevo documento  y presione Enter. Por otro lado para cancelar un archivo también se utilizan las flechas y el Enter. Además me di cuenta que los comandos para crear un nuevo documento son Ctrl+N y para salir del programa es Ctrl+Q.

En cuanto a navegar por Google chrome en hotmail, no me fue tan mal, con Ctrl+T abrí una nueva pestaña y allí digité la URL de Hotmail, después le dí Enter y así pude acceder, allí mismo inicie sesión digitando mi correo y después con el tabulador bajé para escribir mi contraseña y le dí Enter.Ya estando dentro de Hotmail pude navegar con el tabulador y la tecla Enter, y así pude acceder a lo que deseaba.

Reestructuración del portafolio

Index

Menú portafolio

Tutorial Phoca Gallery

Informe proyecto paralelo

El proyecto paralelo “Nodos” ha sido de gran utilidad no solo para mi proyecto por el tema del Paisaje Cultural Cafetero sino también porque se abordan diferentes ámbitos del diseño que son de gran importancia para la investigación.

Hasta ahora se han realizado varias reuniones en las que se han revisado los avances del software camaleón y se han retomado las temáticas teóricas de la investigación como lo son: el Paisaje Cultural Cafetero, Diseño de experiencia, Gestión de proyectos de diseño, Interfaces físicas, Interacción natural, Interacción hombre computadora, Háptica y control, Metáforas post-escritorio, Computación ubicua, Diseño de interacción, Capital territorial, Diseño estratégico, Desarrollo regional, "Metodología líder", Diseño como reconocimiento del mundo, Contexto cambiante y Límites relacionales.

Pero además de ésto; gracias a una lluvia de ideas por parte de todo el equipo y a la realización de diferentes reuniones para obtener un prototipo en el que se aborde el tema del Paisaje Cultural sin dejar a un lado los objetivos iniciales, se llegó a la idea de realizar una instalación interactiva junto con el proyecto de investigación "360 ambientes de interacción semi-inmersivo de realidad virtual" para el Festival Internacional de la Imagen 2012.

Dicha instalación tiene por nombre "Collage" y es una instalación interactiva de creación colaborativa, donde se disponen sonidos y fotografías panorámicas del paisaje cafetero de acuerdo a los siguientes aspectos: Cultivo del café y patrimonio natural, Patrimonio Urbanístico y Arquitectónico, Capital Humano; tomadas por fotógrafos profesionales y aficionados participantes en la convocatoria Collage Paisaje 360.

La convocatoria propone a creadores visuales (diseñadores, artistas, fotógrafos,etc.) recolectar imágenes y sonidos del paisaje cultural cafetero, las  imágenes deben ser capturadas de manera que abarquen una visión 360º del lugar que se tome como referencia; posteriormente el laboratorio sensor las convierte en imágenes panorámicas y forman parte de una base de datos que es utilizada en la instalación, dónde los asistentes pueden controlar la visualización de las fotografías y de los sonidos, por medio de la aplicación “collagepaisaje360”, desarrollada para el software Camaleón. La aplicación dará a los usuarios la elección de las imágenes y el control de audios de la instalación desde un dispositivo móvil, teniendo respuesta a su interacción en un sistema de proyección panorámica.

Lo que busca “Collage” es generar una experiencia de inmersión, donde el ambiente es personalizado y determinado por las acciones de los interactuantes, se crea también una dinámica de colaboración dado el carácter de la  convocatoria, igualmente con el modelo de interacción dentro de la instalación, en el que varias personas pueden configurar el ambiente logrando así una experiencia colaborativa que le brinda características diversas, exponiendo aspectos del paisaje cultural cafetero.

Mayor información http://www.sensorlab.org/nodos/sitio/

Mapa de navegación "Paisaje y café"

Cronograma de actividades

Avances del proyecto

Paisaje y café avances

 

Maps JavaScript API en "Paisaje y café"

http://code.google.com/intl/es/apis/maps/documentation/javascript/

JavaScript permite a los usuarios insertar un mapa de Google en sus páginas web, así como manipular el mapa y añadir contenido a través de diferentes servicios. 

Google Maps JavaScript API permite insertar Google Maps en tus páginas web. La versión 3 de esta API está especialmente diseñada para proporcionar una mayor velocidad y que se pueda aplicar más fácilmente tanto a móviles como a las aplicaciones de navegador de escritorio tradicionales.

El API proporciona diversas utilidades para manipular mapas (como la de la página http://maps.google.com) y para añadir contenido al mapa mediante diversos servicios, permitiéndote crear sólidas aplicaciones de mapas en tu sitio web.
 La versión 3 de Google Maps JavaScript API es un servicio gratuito disponible para cualquier sitio web que sea gratuito para el consumidor. 

En "Paisaje y café" el usuario debe añadir etiquetas en determinados lugares ligadas a categorías relacionadas con la experiencia de su viaje, para ello la utilización de API es fundamental, ya que permite un desarrollo más personalizado y la publicación de contenidos por parte de diversas personas.

Unity como herramienta para el desarrollo del recorrido interactivo de “Paisaje y café”

http://unity3d.com/unity/

Unity es un motor gráfico 3D para PC y Mac que viene empaquetado como una herramienta para crear juegos y otras aplicaciones interactivas como visualizaciones y animaciones en 3D y tiempo real. Unity puede implementar contenidos para múltiples plataformas como PC, Mac, Nintendo Wii y Android. El motor también puede publicar juegos basados en web usando el plugin Unity web player, compatible con Mac y Windows pero no con Linux. El editor de Unity es el centro de la línea de producción, ofreciendo un completo editor visual para crear juegos. El contenido del juego es construido desde el editor y el gameplay se programa usando un lenguaje de scripts.

Además de tratarse de un software libre, fácil de descargar y de rápida instalación, resulta muy conveniente en la medida en que el producto resultante puede permitirle al usuario desplazarse libremente dentro de un espacio previamente construido.

Ventajas y características de Joomla CMS

• Organización del sitio web: Joomla está preparado para organizar eficientemente los contenidos de su sitio en secciones y categorías, lo que facilita la navegabilidad para los usuarios y permite crear una estructura sólida, ordenada y sencilla para los administradores. Desde el panel administrador de Joomla usted podrá crear, editar y borrar las secciones y categorías de su sitio de la manera en que más le convenga.
• Publicación de Contenidos: Con Joomla CMS podrá crear páginas ilimitadas y editarlas desde un sencillo editor que permite formatear los textos con los estilos e imágenes deseados. Los contenidos son totalmente editables y modificables.
• Escalabilidad e implementación de nuevas funcionalidades: Joomla ofrece la posibilidad de instalar, desinstalar y administrar componentes y módulos, que agregarán servicios de valor a los visitantes de su sitio web, por ejemplo: galerías de imágenes, foros, newsletters, clasificados, etc.
• Administración de usuarios: Joomla le permite almacenar datos de usuarios registrados y tambien la posibilidad de enviar E-mails masivos a todos los usuarios. La administración de usuarios es jerárquica, y los distintos grupos de usuarios poseen diferentes niveles de facultades/permisos dentro de la gestión y administración del sitio.
• Diseño y aspecto estético del sitio: Es posible cambiar todo el aspecto del sitio web tan solo con un par de clicks, gracias al sistema de templates que utiliza Joomla.
• Navegación y menú: Totalmente editables desde el panel administrador de Joomla
• Administrador de Imágenes: Joomla posee una utilidad para subir imágenes al servidor y usarlas en todo el sitio.
• Disposición de módulos modificable: En un sitio creado con Joomla, la posicion de módulos puede acomodarse como se prefiera.

• Encuestas: Joomla posee un sistema de votaciones y encuestas dinámicas con resultados en barras porcentuales.
• Feed de Noticias: Joomla trae incorporado un sistema de sindicación de noticias por RSS/XMS de generación automática
• Publicidad: es posible hacer publicidad en el sitio usando el Administrador de Banners
• Estadísticas de visitas: con información de navegador, OS, y detalles de los documentos (páginas) más vistos.
• Automatización en la publicación: Las páginas y documentos de Joomla pueden programarse con fecha de publicación y fecha de caducidad. Es decir un documento puede programarse para que se publique automáticamente al llegar una determinada fecha, y luego despublicarse también de forma automática en otra fecha.
• Archivo e historial: Las páginas viejas o publicaciones que hayan perdido vigencia pueden enviarse a un "archivo" de almacenamiento, sin necesidad de tener que borrarlas. Esto permite también dar la posibilidad a los navegantes de consultar artículos viejos o documentos anteriores en un historial.
• Formatos de lectura: Cada documento es generado automáticamente por Joomla en formato PDF, enversión imprimible, y en XML.
• Envío por E-mail: Los usuarios del sitio Joomla podrán enviar automáticamente a un amigo por email cada documento publicado.
• Valoración de contenidos: Los visitantes del sitio podrán votar la calidad de lo publicado.
• Comentarios: (opcional) Los usuarios podrán comentar sus opiniones o expresar sus inquietudes en la misma página de contenidos.

Fuente: http://www.joomlaos.net/caracteristicas-de-joomla

Comparación entre los gestores de contenidos más comunes (infografía)

Mapa de navegación Paisaje y café

Videoprototipo "Paisaje y café"

Rueda de la experiencia del usuario

Imagen que muestra las disciplinas implicadas en el diseño de sitios web.

Diseño de Información e Interacción

El diseño de interacción con la información es la intersección de tres dominios diferentes: diseño de información, diseño de interacción y diseño sensorial. Los principios del diseño de información se originan en las esferas del diseño gráfico y el diseño editorial, aunque pocos profesionales en estos campos lo practican de manera intencional.

El diseño de información guía la organización y presentación de datos, es decir su transformación en información significativa y valiosa. Aunque esto es algo que hemos practicado en alguna medida, principalmente de manera no consciente, solo recientemente el diseño de información ha sido considerada como una disciplina autónoma, con procesos probados que pueden ser empleados y enseñados.

El diseño de interacción es a la vez nuevo y antiguo. Los medios siempre han afectado la manera de contar historias y la creación de nuevas experiencias, pero los llamados nuevos medios actualmente nos brindan capacidades y oportunidades no antes disponibles. En particular las demandas de interactividad son a menudo erróneamente interpretadas o confundidas por la mayor parte de los encargados de contar e interpretar historias o cuentos. Aun no se comprende a cabalidad cómo se expresan estas habilidades mediante el uso de tecnologías interactivas, qué intereses tendrán los audiencias en ellas,  y qué harán de dichas tecnologías las demandas de las audiencias. En consecuencia, hay pocas fuentes de información acerca de estas competencias y sobre las técnicas que podemos usar para alcanzarlas. Los profesionales de éste nuevo territorio están desesperados por obtener nuevas ideas y argumentos convincentes. El diseño de interacción es el componente más crítico para el éxito de los productos interactivos.

El diseño sensorial es simplemente el conocimiento y empleo de todas las técnicas que usamos para comunicar a otros mediante los sentidos. La mayor parte del tiempo pensamos primero en acudir a las profesiones visuales, como el diseño gráfico, la videografía, la cinematografía, tipografía, ilustración, y fotografía. Pero las disciplinas que comunican mediante el uso de otros sentidos son también muy importantes; el diseño y la ingeniería de sonido, la musicalización, y la comunicación vocal pueden ser efectivas en determinadas circunstancias. De hecho, a veces estos son los medios más innovadores que se pueden utilizar. Los sentidos olfativo, táctil y cenestésico, aunque rara vez usados (a menudo debido a restricciones tecnológicas o de mercado), son igualmente válidos y pueden agregar enriquecimiento detallado a una experiencia.

Las disciplinas profesionales de estos medios sensoriales son mundos en sí mismos, con sus propias historias, tradiciones, e intereses. Aprender cada uno en profundidad, tomaría más tiempo y habilidades de las que pueden esperarse de un individuo. Por lo tanto es importante para todos (incluyendo el público en general) obtener al menos un aprendizaje panorámico de los aspectos más importantes y de las técnicas de cada disciplina, para que de esta manera puedan ser empleados correctamente en la presentación de ideas y la comunicación de mensajes - especialmente dentro de un trabajo en equipo.

Los expertos en cada una de estas áreas, deben por lo tanto participar en decidir cómo emplear los diferentes medios a la hora de apoyar las metas y mensajes de un proyecto de información e interacción.

Estos niveles de comprensión son importantes porque definen los lineamientos dentro de los cuales podemos crear y comunicar. Mientras el diseño de información está más fuertemente involucrado con la visualización de datos y su presentación, en el diseño de interacción es más relevante la creación de experiencias comprometedoras.

Fuente: http://masd.unbosque.edu.co/descargas/diseno_informacion.pdf