Bitácora de Alberto Cruz Gupo 4

De Casiopea



TítuloPlataforma web Bitábora Alberto Cruz
Tipo de ProyectoProyecto de Taller
Palabras ClaveAlberto Cruz, Bitácora, Primera travesía Amereida, 1965
Período2013-2013
Del Curso3º DG 2013
CarrerasDiseño Gráfico
Alumno(s)Lucas León, José Miguel Ortega, Carla Cárcamo
ProfesorJaime Pérez Moena, Sylvia Arriagada

Propuesta web de la Bitácora de la primera travesía

Tabla de contenido

Tabladecontenido.jpg

Mapa de Navergación

Mapadeavegacion1.jpg

Relato

Registro de la primera travesía realizada el año 1965, en donde un conjunto de 10 personaras recorre Sudamérica, realizando actos poéticos. Se captura la experiencia y se hace visible desde el punto de vista de uno de sus participantes, el arquitecto Alberto Cruz. Se hace entrega de una fotocopia de la bitácora original de Alberto Cruz a través de un reparto de las mismas a los integrantes del taller a través de un juego del decir números al azar. Como resultado de esta entrega se tiene la posibilidad de realizar un estudio de su estructura y contenido. La bitácora del arquitecto está constituida por dibujos, citas de Godofredo Iommi y escritos del mismo Alberto. Se logra observar y analizar la manera el que forma relaciones entre lo visto y la formación de esquemas que dan paso a la observación Junto con esta página original, se hace uso del volumen segundo donde se encuentras una serie de notas y una crónica que permite un mayor entendimiento de los escritos de Alberto con respecto a la relación tiempo-espacio. Durante el análisis del contenido de la bitácora fue posible visualizar la falta de uso de un orden de la estructura, incluso orientación de la lectura, por lo que el orden de una continuidad se hace dificultosa; por ello es que la crónico logra establecer una medida de orden de la lectura. Es por ello que para crear un orden del contenido mismo como parte de una temporalidad espacial. Se crea una exposición en la sala hall que clasifica los textos según un lugar del cual está escribiendo al cual hace referencia, dando a así a conocer 58 lugares por los que se pasa en esta travesía. Cada párrafo contenido en la bitácora se clasifica como perteneciente a un lugar y día, pero más allá de eso, se crea una nueva clasificación del contenido. Ésta nueva clasificación del párrafo dice se pertenece a un objeto de observación, discursivo, poético o peripecia; como consecuencia de esta división se empieza a formar una nueva continuidad creada por otra forma de acceder al contenido. El orden que se desea lograr a través de la creación de un sitio Web en donde el crear relaciones como unión formadora de totalidad. Se usa como formadora de la estructura el despliegue de la forma de trabajar las ideas, es decir, partir de lo general a lo particular y de lo particular a lo general, llevando así a diferentes maneras o caminos para llegar al contenido. De esta manera reflejar las diferentes formas de la creación de un orden a través de agrupaciones del contenido que hacen posible obtener diferentes posibilidades de acceder.

Esquemaaa1.jpg

Se trabaja junto a esto otro modo de acceder mediante el trabajo de una barra de acceso superior de las categoría visibles, tales como: bitácora, tiempo-espacio, objeto, relato y material de apoyo; pero paralelo a esto se crea una nueva forma a través del acceso mediante el detalle a la generalidad, es decir, tener la posibilidad de acceder de cada párrafo hacia las distintas categorías en donde puede ser ubicado.

Texto1.jpg

Se da la posibilidad al usuario de diferentes formas de búsqueda. Primero que todo en la bitácora se permite buscar ubicación dentro de la hoja y como número de página, permitiendo el aparecer del contenido junto a su dibujo y cita correspondientes. Luego, si desea acceder a la ubicación de ese mismo contenido (párrafo) dentro de un espacio y día, se relaciona y vincula mediante el fácil acceso desde una ventana. Luego al trabajar con la categoría de objeto, este mismo párrafo dentro de su categoría y da el aparecer del conjunto de párrafos pertenecientes a la misma categoría de modo que se relacione todo el contenido de la bitácora en las diferentes formas de clasificarla. Donde se presenta en paralelo e las clasificaciones una forma de ver el texto en su totalidad continua y para ello se crea un grupo que lo permita junto a sus imágenes, Se trabajan las relaciones a través de la gradualidad entre el trabajo del cambio de la generalidad a la particularidad a través de un trabajo de 3 verticales en donde la izquierda permite una búsqueda a través de una visión de la totalidad llegando a una categoría más particular a través de la ubicación dentro de su clasificación y finalmente, la columna derecha lleva a la especificación del contenido mismo junto a su imagen y cita. Finalmente se da la posibilidad de volver a la generalidad distinta a través del cambio de ubicación de ese párrafo en otra categoría.

Texto2.jpg

Para concluir es posible mencionar que la creación de relaciones que permiten más de una manera de acceder a la información, fue tomado como la base de la formación del soporte Web que logra la visualización de manera legible y ordenada la bitácora como registro de la primera travesía a través del estudio de la misma junto a la creación de categorías y un material de apoyo.


Propuesta II web de la Bitácora de la primera travesía

Presentación propuesta II(10.05.2013) Archivo:Entrega2grupo4.pdf

Relato

En esta segunda propuesta se parte pensando en que el objetivo de la página es informar y dar a conocer el punto de vista de la primera travesía desde el punto de vista de Alerto Cruz y para lograrlo, es necesario entregar a los diferentes tipos de usuarios un orden mental el cual vaya entregando la información de una manera que sea comprensible y muestre cierta jerarquía de los contenidos. Se comienza la idea del orden a través de una forma de ver y avanzar en contenido, el cual constituya la distribución de la información en tres verticales que mantengan de cierta forma una unión entre el contenido del espacio en cada columna. Junto a esto, se utiliza el orden básico para llegar al entendimiento del contenido, que consiste en el avance de lo general hacia lo particular ,es decir, que partiendo de la columna de la izquierda de la página como base de las categorías o posibilidades de visualización de la información, se llega a la posibilidad de obtener la particularidad de lo que se está entregando como parte de un todo.

CC1.jpg
CC2.jpg

Luego de la corrección anterior, fue posible caer en la cuenta de que es necesaria una simplificación de la página web, debido a que se dan más de los vínculos, llevando así a la reiteración de la forma de acceso a la información, llegando a una inutilidad de ciertas formas que no logran establecer una mayor claridad sobre el contenido proponiendo como un máximo de “clics” para acceder a la información, esto consistía en un máximo de tres. Como consecuencia de lo anterior, se detectaron las formas principales formas de acceso que presentaran algo nuevo y se trabajaron, llevando así a quitar enlaces, que son los que ocurrían en la ventana ubicada a la derecha de la página.

CC3.jpg

Usuarios

Se crearon tres posibles usuarios que navegan por el sitio, de los cuales sus perfiles de usuario eran los siguientes:


Titulante.jpg

I.

  • Datos Personales
  • Nombre: Matías Carrasco
  • Edad: 24 años.
  • Ocupación: estudiante de título
  • Diseño Gráfico Pucv.
  • Escenario: Realiza un proyecto de título consistente en la edición de la recopilación de los actos de las primeras travesías.
Poeta.jpg




II.

  • Datos Personales
  • Nombre: Armando Casanova
  • Edad: 55 años
  • Ocupación: Poeta, Arquitecto Pucv.
  • Escenario: Se encuentra en la búsqueda de algún poema realizado en la primera travesía de Amereida para hablar de ello y dar a conocer de este a los alumnos en su clase.
Periodista.jpg




III.

  • Datos Personales
  • Nombre: Carolina Pizarro
  • Edad: 32 años
  • Ocupación: Periodista
  • Escenario: Se quiere informar de manera general para entender un poco acerca de qué es una travesía, en que consiste para relizar una entrevista coherente a Alberto Cruz.

Partituras de navegación

Caso I

Partituratitulante.jpg

Caso II

Partiturapoeta.jpg

Caso III

Partituraperiodista.jpg


Navegación en el sitio

Mmtt1.jpg

Se presenta el momento inicial, donde hay una breve introducción de conceptos básicos para entender el contenido.






Mmtt2.jpg

Hay una selección de la primera categoría, la cual es la bitácora, que queda seleccionada, cambiando a una selección negra.






Mmtt3.jpg

Aparece la bitácora en su doble página, presentándose en su forma original y cada vez que el usuario selecciona un párrafo dentro de ésta doble página, aparece en su totalidad blanca, ya que el resto de la doble página se encuentra con un nivel de oscuridad entregada por un negro con un alto grado de opacidad.




Mmtt4.jpg

Se hace clic en el párrafo que se desea leer y se mantiene seleccionado, apareciendo automáticamente una ventana a su derecha que contiene la transcripción de este junto con el dibujo correspondiente y la cita de Iommi, y en su parte superior dentro de un espacio negro se encuentra como información: número de página, lugar, fecha y la clasificación de objeto semántico.




Mmt5.jpg

Cambia a la opción de recorrido, haciendo aparecer el mapa de América y la posibilidad de buscar dentro de dos filtros: lugar o espacio. También se conserva la ventana abierta con el párrafo seleccionado anteriormente.





Mmt6.jpg

Se selecciona la opción de Búsqueda a través del espacio, permitiendo buscar a través de los lugares recorridos. En donde si se selecciona un lugar, se obtiene en el párrafo de la derecha la opción de poder bajar y encontrarse con los demás escritos de el lugar seleccionado.





Mmt7.jpg

Aparece la opción de seleccionar a través del día que se quiere saber donde estaban, recorriendo el mapa hacia la derecha a medida que avanza, al igual que los lugares. Aquí el párrafo de la derecha tiene la característica de contener todos los escritos relacionados con el día que tiene seleccionado.





Mmt8.jpg

Cambia de categoría pasando a buscar a el filtro según los objetos semánticos, en donde le aparece una lista desordenada con todas las posibles subcategorías (se conserva la ventana con los escritos de Alberto Cruz).





Mmt9.jpg

Se avanza en la selección de filtros dentro de la categoría, hasta presentar la última y dejar ver la totalidad de escritos dentro de la clasificación.






Mmt10.jpg

Se cambia de generalidad y se a hacia los actos poéticos, en donde aparecen con su nombre y una respectiva reseña.






Mmt11.jpg

Se selecciona uno de éstos actor y permite el aparecer de la ventana de la derecha, en donde se presenta su respectivo texto, dejando ver hacia abajo todos los párrafos de la bitácora de Alberto que hagan referencia al acto poético correspondiente.





Mmt12.jpg

Se accede a la fotografía completa, mediante el clic en la pre visualización de la imagen permitiendo así ver el registro fotográfico de un tamaño en que se pueda distinguir. También da la opción de cerrarse para finalizar esta visualización.


Propuesta web III

Bitácora de Alberto Cruz, Primera Travesía

Presentación propuesta III(13.05.2013) Archivo:Navegacion3grupo4.pdf

Relato

En esta tercera propuesta se trabaja principalmente el cambio y orden de las categorías, lo que se presenta en la disminución de las cuatro encontradas anteriormente, a dos. La primera de ellas es la búsqueda de la información por medio de la bitácora original, teniendo la posibilidad de una vista previa de la doble página reducida para un cambio en salto de página. La segunda categoría corresponde a el recorrido, darle al usuario la posibilidad de navegar a través del mapa.

9182.jpg


Se entrega mediante un panel la posibilidad de seleccionar un día paralelo a su lugar correspondiente, llevando al usuario a una parte del mapa a través del movimiento de avance de este. Al seleccionar el día junto a su lugar aparece una ventana en donde está el nombre del lugar ubicado en el mapa, pero además, se encuentran una serie de datos técnicos que lo complementan, junto con la galería de imágenes como vista previa en miniatura, y finalmente la posibilidad de seleccionar los párrafos vinculados al lugar. Al tener los párrafos seleccionados se abre una ventana en la parte inferior de la página permitiendo la lectura junto con el acto y la cita de Godofredo Iommi. Ésto se trabaja de a través de la base de el tomar como fin al arribo a la particularidad.

0912.jpg


2819.jpg

En cuanto a la visualización de la bitácora, se trabaja desde la doble página original debido a que permite un acercamiento del usuario a la visualización de una bitácora original. Se busca la forma de destacar el párrafo seleccionado a través de un juego de contrastes con la opacidad, dejando al contraste como principal ente formador de jerarquía. Este párrafo seleccionado permite la aparición de la misma ventana en la parte inferior con la transcripción del párrafo seleccionado.


TIPOGRAFÍA Y COLOR

  • Estilos Tipográficos y Selección de Colores

  • Segunda Presentación

GLLA1.jpg

GRILLA1






GLLA2.jpg

GRILLA2






GLLA3.jpg

GRILLA3






GLLA4.jpg

GRILLA4







GLLA5.jpg

GRILLA5









Propuesta Web Final

Visión del sitio

Como eje central del sitio se decide proponer un espacio donde el contenido de la bitácora es el elemento principal, el cual permite las relaciones ya que al momento de seleccionar un párrafo de la bitácora, independiente de la página, este aparece en la parte inferior del sitio mostrando el texto transcrito, imagen y nota de godo. Esta nueva ventana se conecta con la página de "recorrido" para poder visualizar el lugar y la fecha en el que se escribió ese párrafo, para esto, se mantiene la ventana inferior al apretar el botón de recorrido, entonces queda el mismo párrafo seleccionado de la página de la bitácora mostrado en el mapa, seleccionando lugar, fecha, acto (si hay en el lugar), imágenes en miniatura que se pueden expandir a pantalla completa, y botones de los párrafos correspondientes al lugar, con uno de ellos seleccionado ya que corresponde al que esta en la ventana inferior. Por otro lado, si se quiere comenzar con el botón "recorrido", aparecerá la zona del mapa en donde fue el inicio de la travesía y se deberá seleccionar fecha y lugar los cuales aparecen en una ventana en la parte superior de la pantalla. Al momento de esa selección, aparecerá en el mapa una ventana que indica el lugar, con toda la información mencionada anteriormente, pero con los botones de los párrafos sin seleccionar, entonces al momento de apretar uno de ellos, ahí recién aparece la ventana inferior que detalla ese párrafo de la misma manera que la página "bitácora" al momento de seleccionar un párrafo. Con la ventana del párrafo en la página "recorrido", se pasa a la página "bitácora" y muestra en qué número de página se encuentra ese párrafo en la bitácora de Alberto Cruz.

Propuesta de diseño: Grilla

Grillafinal2.png

GRILLA 1






Grillafinal1.png

GRILLA 2








Sitio Web

https://dl.dropboxusercontent.com/u/102525428/pag%20web%20grupo4/dc1.htm

Navegación

  1. Inicio
  2. Bitácora
  3. Párrafo 1
  4. Párrafo 2
  5. Recorrido
  6. Cambio de fechas con flecha derecha
  7. Selección Comodoro Rivadavia
  8. P36
  9. Foto de la izquierda
  10. Cambio de foto hacia la derecha
  11. Cierra ventana de galería de fotos
  12. Bitácora
  13. Actos poéticos
  14. Acto de inicio
  15. Se baja para seguir leyendo del acto de inicio
  16. Acto al primer muerto
  17. Clasificación del contenido
  18. Poemas escritos
  19. Se baja en poemas escritos
  20. Poemas recitados
  21. Se baja en poemas recitados
  22. Se baja en poemas recitados