Web Travesías

De Casiopea

Taller de Titulación


La reformulación del sitio web de la escuela parte de un caso particular: el de las travesías. La orgánica intrínseca del ser en travesía, donde todos son autores, nos indica un nuevo modo editorial de participación en la generación de los contenidos del sitio. Dicho modo, pensamos, puede ser escalable para el total del sitio de la escuela.

Exploración

Brief del Proyecto

Problema
Las travesías de la Escuela de Arquitectura y Diseño generan una importante cantidad de material de registro personal multimedia, recopilado por alumnos y profesores en sus respectivas travesías. Actualmente, la información propia de cada travesía se encuentra repartida y es exclusiva de quien la posee.
El sitio web de las travesías, no identifica a la mayoría de los estudiantes o ex-alumnos que la visitan, principalmente porque los datos publicados no alcanzan a abordar la magnitud del viaje, que es lo más cercano a sus participantes. Y más aún si la mayoría de las travesías mencionadas no cumplen con la totalidad de los datos mínimos (principalmente imagen y texto).
La navegación del sitio del web no es consecuente con las travesías. El sitio no permite la participación de los integrantes mismos del viaje. Los contenidos de una travesía pierden valor al separarse, ya que es la relación entre ellos la hace comprender el total; similar a la situación que se vive en una travesía, donde las cosas aparecen exclusivamente por la interacción de los involucrados, el espacio, las acciones y los contenidos.

Propuesta
El proyecto propone rescatar la colectividad propia de las travesías y llevarla a una plataforma a favor de la publicación de los viajes realizados por la Escuela de Arquitectura y Diseño.
Se considera que la palabra clave del proyecto es registro, término que significa examinación de algo que puede estar oculto, pero a la vez, tomar algo y generar cosas a partir de eso; se propone que el reencuentro del registro sea mediante participación y colaboración. Se valora la importancia que posee el material registrado como fuente de estudio y generador de nuevos estudios y propuestas. Con esto en cuenta, el proyecto se funda en la voluntad de que material registrado en travesías no sea de exclusividad de quien lo recogió, sino un bien público y disponible para todos.
Se propone que esta colectividad se dé bajo una plataforma web que sea capaz de sostener y mostrar de forma elocuente el material multimedia aportado por los propios participantes de las travesías, por lo que la identificación de los usuarios con el sitio el fundamental. Es principal en el proyecto la relación entre el usuario/participante y el registro publicado.
Se plantea que la vida útil del material de travesía no se debe ver limitada a los tres meses que implica la etapa. Por eso es fundamental la publicación de éste para evitar la dispersión propia de los participantes, una vez de vuelta del viaje. La información publicada será accesible por todos los interesados en buscarla.

Objetivos
Objetivos Generales
El proyecto tiene como objetivo crear una interacción similar a la que surge naturalmente dentro de la intimidad de una travesía, donde la colectividad fundamentos los contenidos y los resultados. Concretamente se trata de una plataforma web, donde los mismos participantes de las travesías son los colaborados (generadores) de contenidos.

Objetivos Específicos

  • Reunir el materiald e registro que se genera en las travesías en una misma plataforma
  • Publicar información de las travesías en un espacio web
  • Establecer un patrón de registro de travesías
  • Mejorar la calidad de los registro obtenidos en las travesías
  • Generar interacción a partir de los contenidos que creados por las personas
  • Que el material al que se pueda acceder sirva como materia de estudio, propiedad pública y patrimonio de la Escuela
  • Ubicar los contenidos geográficamente
  • Creación de un diario de investigación, a modo de seguimiento del proyecto



Evaluación Sitios Relacionados

Se destaca que la mayoría de las travesías mencionadas en este sitio no cumplen con la totalidad de los datos.
Estructura:
Método de Búsqueda: por año
Datos publicados: año, nombre de travesía, ubicación (nombre y geográfica), taller, profesores, información y fotografías.
Aspectos Técnicos:
Flash, Mapa de América (visible earth team)

Estructura:
Ficha técnica según: año, nombre de travesía, región, país, taller y profesores

Estructura:
Ficha técnica según: año, nombre de travesía y profesores
Datos publicados: Introducción de las travesías, imagen representativa de la obra (link a su flickr)


Card Sorting

Card Sorting del Proyecto
Imagen del Mapa de Conceptos

Se diseñó un modelo a partir de los conceptos que han aparecido en el proyecto del sitio web de las Travesías. Para esto, fue necesario ordenar las metodologías que ya estábamos usando o que sabíamos que tendríamos que usar, según su momento de realización, para poder entender la relación entre una y otra.

Se contaba con las palabras claves del proyecto, es por eso que el card sorting fue la técnica utilizada, ya que permite organizar a partir de tarjetas con palabras, toda la estructura de un proyecto, o sitio web. Lo primero fue definir las partes principales del proyecto: Estrategia, Estudio, Arquitectura de la Información y Diseño Visual. Dentro de cada uno de estos cuatro puntos se ubicaron los sub-temas con sus objetivos y metodologías, explicadas por se parado, en textos.

En Estrategia se ubicó Contexto (tecnología y escuela), Fundamentos (implicancias del diseño), Objetivos (generales y específicos, a corto, mediano y largo plazo), Argumentos (conclusiones del contexto).
En Estudio situamos Usuario (definición de usuario y de metodologías de estudio), Encargados de la Escuela (definición de contenidos, y de patrón de registro), Tecnologías (wordpress mu, api maps, otros requerimientos), Referencias (bibliografías, weblografías)
En Arquitectura de la Información ubicamos Card Sorting, Mapa de Navegación, Mapa de Interacción, Wireframes tipo.
En Diseño Visual situamos Wireframes detallados (diagramación, gama cromática, tipografías y estilos), Prototipos, Estudio de Usabilidad.



Del card sorting, se desprendió directamente el mapa de conceptos, donde graficamos las relaciones entre las palabras claves. Con este modelo armado, se pudieron organizar los avances semanales del proyecto, proponiendo metas con cada entrega.

El mapa de concepto se puesde descargar aquí: Archivo:Mapa de conceptos web travesia.pdf


Estudio de Usuarios

Primera Encuesta acerca del Sitio Web Actual Travesías

Archivo:Graficaciónencuesta.jpg
Graficación de Resultados

Primera encuesta del sitio web actual de las travesías de la escuela.
La evaluación se ubica en el contexto de las travesías que anualmente se realizan en la Escuela de Arquitectura y Diseño de la PUCV (e.[ad]). Para la realización de la evaluación se definieron los grupos de personas que serían encuestados, a favor del estudio, aún si la encuesta fuese la misma para todas las personas. El universo de personas encuestadas se compone de:

  • Alumnos e[ad]
  • Ex-alumnos e[ad]
  • Profesores e[ad]

La encuesta tiene como principal objetivo evaluar el actual sitio web de las travesías en base a la información que ella contiene y a la forma en que ésta se relaciona con las personas que lo visitan. También se quiere comprobar que existe registro personal de los alumnos y ex-alumnos de la escuela, que se encuentra disperso, aún si este podría ser valioso como material público y de la escuela. De los resultados que arroje la encuesta se identificarán los problemas básicos de la situación actual.

Encuesta
Encuesta vía mail realizada mediante el servicio de Surveymonkey.com, a 25 personas entre el 12.10.07 y el 17.10.07.

  1. ¿Conoces el sitio web de las travesías (sub-sitio de la escuela)?
  2. ¿Has visto travesías a las cuales tú has asistido, en este sitio?
  3. ¿Te sientes identificado con la información entregada de las travesías?
  4. ¿Te parece cómodo el sitio para la navegación?
  5. ¿Conservas material de registro de tus propias travesías?


Resultados

  1. El 80% de los encuestados sabe, de antemano, de la existencia de un sitio web de travesías
  2. El 88% siente interés en revisar información acerca de las travesías a las que ellos han asistido.
  3. Sólo un 4% de los encuestados se siente identificado con la información entregada por el sitio web*2
  4. El 72% no se siente completamente cómodo con la navegación del sitio web*3
  5. El 92% de los encuestados dice conservar material de registro de las travesías asistidas, ya sea fotografía análoga/digital, textos, observaciones y dibujos (bitácoras)*4



Caracterización de usuarios

Para la caracterización, se pensó en las personas que visitarían y participarían en el sitio web de las travesías. Se creó entonces, un representante para cada tipo de personas encuestadas en la etapa anterior:

  1. Alumno
  2. Ex-alumno
  3. Profesor
Caracterización de Usuarios

1. Cristian tiene 20 años y estudia diseño de objeto en la Escuela de Arquitectura y Diseño de la Pontificia Universidad Católica de Valparaíso. Él está a finales del tercer año de su carrera y ha asistido a las tres travesías en las que ha participado su curso. En sus tiempos libres, a Cristian le gusta juntarse a conversar con amigos o salir a pasear y, aunque no le fascina la fotografía, suele llevar con él una cámara digital, ya que le gustan los paisajes. Es por esta razón que su registro personal de las travesías en las cuales ella ha participado es básicamente dibujos y fotografías de los paisajes recorridos.
2. Alejandra es arquitecto egresada de la Escuela de Arquitectura y Diseño de la Pontificia Universidad Católica de Valparaíso. Luego de estudiar arquitectura, estudió cocina internacional donde encontró su verdadera vocación. Actualmente, tiene 28 años y trabaja en un proyecto como independiente, con el cual pretende dar el paso para empezar su propia empresa de pastelería. Ella tiene un hijo de 3 años, en el que invierte la mayor parte de su tiempo, por lo que en general, no tiene horario fijo de trabajo, ni rutinas en sus días. Aunque Alejandra no se dedica a su primera carrera, ella guarda algunos recuerdos de su pasada por la Escuela, conserva algunas bitácoras de las travesías a las cuales asistió entre otros trabajos que recuerda con entusiasmo.
3. Luis es profesor de diseño gráfico de la Escuela de Arquitectura y Diseño de la Pontificia Universidad Católica de Valparaíso. Tiene 44 años y ha asistido a más de 15 travesías como profesor taller. Paralelamente a la escuela, se dedica a proyectos vinculados a la ciudad de Valparaíso. Generalmente trabaja con tecnología y usa internet. Se caracteriza por guardar todos sus trabajos, cuadernos, anotaciones de viajes, etc.

Entrevista Ex-alumnos


Véase referencias de investigación
Introducción al entrevistado
Somos alumnas de titulación de diseño gráfico, estamos trabajando en un proyecto relacionado con el rediseño del sitio web de las travesías de la escuela. Estamos entrevistando a ex–alumnos porque representan la mayor cantidad de personas y todas las travesías realizadas (lo que existe)
Nombre:
Carrera:
Año de egreso:
Ocupación actual:

Preguntas base de la entrevista
Preguntas predeterminada cuyo orden puede ser modificado según el criterio del entrevistador (nosotras). Los términos utilizados pueden ser modificados y se pueden dar explicación al entrevistado. El entrevistador tiene el poder de omitir o agregar preguntas si lo estima conveniente a favor de los resultados de la entrevista.

  1. ¿Mantienes relación con las personas de la universidad?. ¿Por qué?
  2. ¿Cómo te comunicas con ellos (por qué medio)?
  3. ¿Te interesaría poder contactar a esas u otras personas de la escuela?
  4. ¿Conservas material de registro de algunas de las travesías a las que asististe?, ¿De qué tipo?
  5. ¿Te interesaría poder publicar esta información?
  6. ¿Te gustaría poder encontrar más información de tus travesías y/o de otras?


Puntos que averiguar

  1. Situación actual y anhelos de la persona
  2. Relación con la tecnología para la comunicación
  3. Interés social con sus pares
  4. Tipos de contenidos existentes
  5. Motivación publicar en internet
  6. Interés por participar y encontrar información nueva


Encuesta Ex-alumnos

Se está realizando encuestas a los ex-alumnos a partir del servicio en internet surveymonkey, basada en la entrevista detallada anteriormente. Se estableció que las encuestas se realizarán a cambio de las entrevistas por llegar a una mayor cantidad de personas y otorgar resultados cuantitativos.

Las preguntas se planteron de la siguiente forma:
Relación con la e.[ad]

  1. ¿Cuál es tu año de egreso de la escuela e.[ad]?
  2. ¿Mantienes relación con personas de la escuela?
  3. ¿Por qué medios te comunicas con ellos? (puedes seleccionar más de una opción)
  4. ¿Te interesaría poder contactar otras personas de la escuela?

Acerca de las travesías

  1. ¿Conservas material de registro de algunas de las travesías a las que asististe?
  2. En el caso de contar con ese material, ¿Te interesaría poder publicarlo? (Si no conservas material pasa a la siguiente pregunta)
  3. ¿Te gustaría poder encontrar más información de tus travesías y/o de otras?



Estudio de Recursos

API: Google Maps v/s Yahoo Maps


Google Maps v/s Yahoo Maps: uno a uno

  • G: Acepta unicamente longitud y latitud no posee geocoder
  • Y: Porporciona su propio geocoder
  • G: Los mapas puedes ser generados en cualquier página con su correspondiente Key
  • Y: Los mapas serán unicamente generados en Yahoo
  • G: Utiliza Ajax
  • Y: No utiliza Ajax
  • G: Puede ser utilizado para propósitos comerciales siempre y cuando sea gratuito para el usuario final
  • Y: Puede ser utilizado para propósitos comerciales pero es necesaria autorización por escrito
  • G: Puedes agregar texto HTML o XML en una pequeña ventana de información
  • Y: Puede agregar texto HTML en una pequeña ventana de información y permite el uso de IFRAMES
  • G: No se restringe su uso hasta un límite razonable
  • Y: Ninguna restricción de uso


Yahoo Maps:
Servicios disponibles:

  • Posibilidad de usar y publicar mapas en Web personal o aplicación de cliente.
  • Ver carreteras, estados de las calles o accidentes; crear rutas personales (Libreta de direcciones) y buscar ubicación por dirección o coordenadas (latitud, longitud)

Servicio yahoo maps a Flash:
AS-Flash API – Aplicación Flash con yahoo maps, usando ActionScript®. JS-Flash API - Flash maps y JavaScript™. Sin programación Flash. Flex™ API - Flex API con tecnología del servidor de presentación de Macromedia

Google Maps
Características:

  • Capacidad de hacer acercamientos o alejamientos para mostrar el mapa
  • El usuario puede controlar el mapa con el ratón o las teclas de dirección para moverse a la ubicación que se desee
  • Los usuarios pueden ingresar una dirección, una intersección o un área en general para buscar en el mapa.
  • Los resultados de la búsqueda pueden ser restringidos a una zona, gracias a Google Local
  • Permite la creación de pasos para llegar a alguna dirección (permite al usuario crear una lista paso a paso para saber el cómo llegar a su destino, calculando el tiempo necesario y la distancia recorrida entre las ubicaciones co arqueologas)
  • El enlace de link to this page inserta una cadena larga de URL la cual contiene la latitud y la longitud. Estos datos pueden ser usados para ingresarlos en Nasa World Wind o TerraServer-USA, los cuales, en algunos casos, tienen imágenes de mayor resolución.

Los mapas de la API de Google se basan en tecnología Javascript,que sin duda nos hace la vida más fácil, puesto que no necesitas instalar software alguno y es compatible con prácticamente todos los navegadore,Firefox ,Mozilla ,Opera ,Internet Explorer ,Netscape... De cualquier manera podrás utilizar el método GBrowserIsCompatible() para comprobar la compatibilidad y mostrar un mensaje de error en caso que sea necesario.
Sin embargo tambien nos ofrece algunas limitaciones:

  • No proporciona servicio geocoding, es decir tu deberás proveerle la latitud y longitud del lugar pretendido, lo cuál significa que deberas de confiar en herramientas geocoder de terceras personas para conseguir la latitud y longitud de una determinada dirección.
  • La Google Maps Key que nos proporciona Google para generar mapas esta limitada para una única URL lo que nos obliga a tener un sitio Web para el desarrollo de las aplicaciones.
  • La Google Maps Key es solamente válida para un directorio de nuestro sitio Web
  • Puede ser utilizada para propósitos comerciales, pero debbe estar disponible para los usuarios finales libre de pago, igualmente se puede utilizar en sitio protegidos siempre y cuando la autentificacion sea gratuita.
  • Su uso y trafico no esta restringido pero si tienes más de 50000 visitas deberias contactar con Google.

Yahoo Maps tambien tiene su propia API con algunas diferencias significativas, segun mi punto de vista la mayor diferencia es que yahoo ofrece Geocoder

Referencias:



Primera Selección de Plugins

  • Akismet: Filtro contra el spam que usa el servicio Akismet para saber si es spam o no
  • Ultimate Tag Warrior: sistema de tags, para añadir categorías y etiquetas a tu blog
  • Exec-PHP: ejecuta código PHP en entradas o páginas estáticas
  • Google Sitemaps: crea sitemaps que gustan a Google.
  • Super Archive: sistema de archivo dinámico, nos permite buscar entradas publicadas por su fecha de forma dinámica.
  • WP lightbox 2: permite mostrar imágenes sobre la página usando lightbox JS.
  • fQuick: para mostrar notas.
  • Gravatars: añade un avatar a los comentarios de los visitantes.
  • Get Recent Comments: muestra los últimos comentarios.
  • PodPress: para crear podcasts.
  • WP-Cache: caché de las páginas de WP para mejorar la velocidad y la respuesta del blog.
  • BAStats: Estadísticas para WordPress 1.5. Entre otras cosas muestra listados de las entradas más vistas, las búsquedas más repetidas o los últimos visitantes.
  • Bread Crumb Trail: Genera un menú de navegación de tipo breadcrumb (miga de pan). Este tipo de menús ayuda al usuario a saber en todo momento dónde se encuentra y cómo ha llegado hasta allí, y le permite volver a una posición anterior de manera rápida y cómoda.
  • Bunny's Technorati Tags: Una forma sencilla de añadir y mostrar etiquetas asociadas a cada entrada.
  • CanaryComment: Este plugin utiliza AJAX para evitar tener que recargar la página cuando el usuario añade un nuevo comentario para mostrar este.
  • Comment Count: Muestra el número de comentarios realizados en nuestra bitácora.
  • Email Notification: Permite a los usuarios subscribirse para recibir notificaciones por email cada vez que se añada una nueva entrada a la bitácora.
  • Get Author Profile: Proporciona una función que permite mostrar información sobre un autor dado su identificador.
  • Google Sitemap Generator: Genera un sitemap de Google para la bitácora. Esta nueva característica del buscador más popular del mercado puede facilitarte el ser indexado por Google.
  • Identify External Links: Añade un atributo class=”extlink” a todos los enlaces en entradas y comentarios que apunten a páginas webs externas facilitando la tarea de personalizarlos con un estilo distinto.
  • Kittens Geo Plugin: Permite añadir información sobre la localización geográfica a la bitácora.
  • LMB^Box FilePress: Permite subir archivos y añadirlos a las entradas de la bitácora de forma rápida y sencilla.
  • MetaTagGenerator: Genera meta etiquetas para cada entrada de la bitácora de forma automatizada.
  • Most Commented: Muestra una lista de las entradas más comentadas de nuestro blog.
  • Multiply: Permite controlar varias bitácoras mediante una sola interfaz de administración.
  • Official Comments: Permite distinguir los comentarios escritos por usuarios registrados en la bitácora. Además, los comentarios de estos usuarios serán aprovados automaticamente.
  • Photopress: Añade una serie de herramientas para facilitar trabajar con imágenes en WordPress. Entre otras cosas incluye un sencillo album para ver las imágenes subidas y la posibilidad de subir imágenes en una ventana aparte.
  • PHP Validator: Añade un botón para validar el código PHP a la hora de editar scripts en este lenguaje desde la interfaz de administración de Wordpress.
  • [Polls Plugin For WordPress]: Permite añadir un sistema integrado de encuestas en la bitácora
  • Popularity Contest: Permite clasificar las entradas según popularidad basándose en número de vistas, comentarios, etc.
  • Post Count: Muestra el número de entradas que han sido escritas en nuestra bitácora.
  • Post Updated: Muestra la fecha y hora de la última modificación de una determinada entrada.
  • Print Plugin For WordPress: Muestra una versión lista para imprimir de la entrada seleccionada.
  • Recent Comments (Semiologic): Muestra los últimos comentarios realizados en nuestro weblog. Este plugin se diferencia de otros similares en que agrupa los comentarios por entradas, y aplica los filtros de forma normal antes de mostrar las primeras palabras del comentario como resumen.
  • RSS Fetched Link List: Permite mostrar listas de enlaces a partir de un feed rss.
  • rssInclusion: Permite utilizar etiquetas personalizadas para incluir las entradas de un feed RSS como una lista en el texto de la entrada. Por ejemplo, la etiqueta <feedster search=”wordpress” /> mostraría una lista con las últimas cinco entradas para wordpress en feedster.
  • Statistics Plugin For WordPress: Genera una página de estadísticas pública sobre tu bitácora. Existe una demo disponible en la web del autor.
  • Subscribe to Comments: Basado en el plugin del mismo nombre de Scripty Goddess, este plugin permite a los usuarios subscribirse a los comentarios, recibiendo un correo electrónico cuando se añada un nuevo comentario a ese hilo.
  • The Execution of All Things (wp-exec): Proporciona mecanismos para la inclusión de etiquetas personalizadas en las entradas o páginas de la bitácora que serán reemplazadas por contenido dinámico. Entre las etiquetas soportadas actualmente tenemos por ejemplo date, para mostrar la fecha actual; archives, para mostrar una lista de los archivos de la bitácora basada en wp_get_archives() o function, que permite llamar a cualquier función de WordPress o funciones definidas en archivos plugin.
  • Useronline Plugin For WordPress: Muestra el número de usuarios online en la bitácora, asi como información detallada sobre quienes son y en que entrada se encuentran.
  • WP-CC: Plugin para publicar de forma sencilla el tipo de licencia Creative Commons bajo la que se publica tú WordPress.
  • WP-Gallery: Facilita añadir imágenes y enlaces en los albums creados con la aplicación de creación de galerías de imágenes Gallery.
  • WP GoogleStats: Muestra información sobre la frecuencia y tiempos de visita de Googlebot a tu sitio.
  • WP Since Last Visit: Muestra el número de nuevos comentarios y entradas escritos desde que el usuario entró en la bitácora por última vez. También permite mostrar una imagen que los identifique al lado de estos.


Referencias:



Generación

Mapas de Navegación

Primer Mapa de Navegación sitio web travesías
Propuesta Mapa de Navegación e.[ad]

Mapa Sitio Web Travesías
El mapa de navegación fue lo primero que se hizo para el sitio web de las travesías. Éste esquematiza la estructura de navegación de un sitio Web, indica los contenidos y la forma en que se relacionan en el espacio, cómo se vinculan las partes.
En nuestra propuesta se destacan dos núcleos, el de la travesía y el del usuario (persona con cuenta). La idea es crear una web social, donde el contenido es generado por los usuarios, por lo que aparece fuertemente la participación de la persona como motor de la información, y por otro lado, la reunión de estos contenidos arman el registro oficial del viaje.

El mapa de navegación del sitio de las travesías se puede descargar aquí Archivo:Mapa travesías.pdf


Mapa Sitio Web e.[ad]
Se rediseñó el mapa de navegación del sitio web de la Escuela de Arquitectura y Diseño. La estructura básica no fue modificada, los puntos principales y sus contenidos son los siguientes:
Escuela (Historia, modo de Estudio, Ámbito y Extensión, Cuerpo Docente, Administración Docente, Investigación, Ediciones)
Amereida (Visión Poética, Travesías, Ciudad Abierta, Taller de Amereida, Archivo José Vial)
Admisión (Admisión, Movilidad Estudiantil, Referencias, Preguntas Frecuentes)
Carreras (Arquitectura, Diseño Gráfico, Diseño Industrial)
Login

El mapa de navegación del sitio de la e.[ad] se puede descargar aquí Archivo:Navegacion sitio escuela.pdf


Mapas de Interacción

Wireframes

  • Interacción para construir las narrativas continentales de amereida


Evaluación

Evaluación de Prototipos de Papel

Alternativas de Financiamiento

Formulación del Proyecto para Concurso


Implementación

Desarrollo de un tema para wordpress (php + css)

Utilización de WordPress{mu}

Administración de Usuarios

Plugins

Política Editorial

Referencias