Proyecto de Título: Diseño de Interacción para Red Abierta de Conocimiento Académico Con§tel

§ Con§tel

Red Abierta de Conocimiento Académico

{Diseño de Interacción}

Rodrigo Vera e.[ad] © Escuela de Arquitectura y Diseño Pontificia Universidad Católica de Valparaíso

Indice PREFACIO

5

PROLOGO

7

CON§TEL

9



1.ANTE§ALA

11





13 14 16 18



1.1 Usabilidad 1.2 Diseño de Interacción 1.3 Estructura de un sitio Web 1.4 Dimensiones del Diseño Gráfico



2.ANTEPROYECTO

21



2.1 Titular - Acerca del estudio 2.2 Transversalidad 2.3 Arquitectura de la Informacion con§tel 2.4 Prototipos de Papel 2.5 Edición en Con§tel

23 27 30 34 38



3. E§TUDIO

41



3.1 Elementos de Interfaz {ante} 3.2 Elementos de Interfaz {dentro} 3.3 Funcionalidades 3.4 Modelos de Interfaz 3.4.1 Modelo 1 Clásico 3.4.2 Modelo 2 Cielo Con§telado 3.4.3 Modelo 3 Cielo Con§telado 2 3.4.4 Modelo 4 Libro Abierto 3.4.5 Modelo 5 Libro Abierto 2 3.4.6 Modelo 6 Libro Abierto 3 3.5 Prototipos 3.5.1 Prototipo 0 Cielo Con§telado 3.5.2 Prototipo 1 3.5.3 Prototipo 1 {maplist} 3.5.4 Prototipo 2 3.5.5 Prototipo 3 3.5.6 Prototipo 4

43 45 47 51 52 54 56 58 60 62 64 66 68 69 70 71 72



4. INTERACCION

73



4.1 Tablas de Flujo 4.2 Mapa de Sitio 4.3 Diseño de Interacción Con§tel

75 76 83





5. CONCLUCIÓN

103

6. BIBLIOGRAFIA

105

7. AGRADECIMIENTOS

107

8. COLOFÓN

109

| Interacción | prototipo | flujos | etiquetas | voluntad | función

|

Interfaz

| Visualización|

| tipografía |itinerario| | diagramación | lectura | | estructura | claves | | fórmula | mapa | | valor | modelo |

Toda esencia de desconocido reposa en la realidad como un indisoluble e imponderable; hay una medida en el proyectar que es sin medida, por cuanto presupuesta en su factibilidad la posibilidad del infinito ( n textos, por ejemplo ). El tamaño del hallazgo americano y la superada indolencia con que Colón trata el asunto del nuevo mundo, nos permite adentrarnos en el proceso del azar como una aventura irresoluta que permanece de suyo intacta y aún más desconocida. En los órdenes actuales de una ciencia exacta, la complejidad ha venido a radicarse en la evaluación de un proceso que considera al caos como un agente integrador de un orden “no previsto”. El descubrimiento en ciencias puede ser continental, mundial o global, etc.; pero es en lo particular donde acierta o se equivoca. A sabiendas ya, la letra, el número y el signo describen una constelación orientada a la observancia y al ejercicio de sus propios límites como única fuente de su permanente in creccendo. Ese orden entrelínea, de lo en aparente dispersión, observa una sintaxis consentida que hace, de un determinado lenguaje, una manera de pensar. Lo que se entiende por herencia es la transmisión de dicho reconocimiento como un valor nuevo que pone en entre dicho las perspectivas lineales del presente con las de lo sucesivo; todo antecedente se convierte innegablemente en un factor para el nuevo modelo de aprendizaje. Manuel Sanfuentes V.

Prólogo Esta carpeta es una de las tres visiones del proyecto Con§tel, conformadas por Diseño de Interacción, Diseño de Interfaz y Visualización {mapa de relaciones para Con§tel}. Se posiciona al lector frente a una disciplina relativamente nueva, hermana de la Usabilidad y de la Arquitectura de la información. Esta carpeta corresponde a Diseño de Interacción y es un camino editorial acerca de los requerimientos para concebir el proyecto Con§tel. Camino desde antecedentes técnicos para el entendimiento de una estructuración de sitio web, hasta la resolución formal de un Modelo de Interacción para Con§tel, para el funcionamiento correcto de la Interacción Usuario – Sistema (documento traspasable entre los integrantes del proyecto) para el total entendimiento de los flujos que se desarrollan dentro de Con§tel. Esta carpeta comprende la orgánica del diálogo entre lector y Sistema Informático, se ha hecho cargo del diseño de la “sensible transición” del lector que se vuelve autor, es decir, de la continuidad como secuencia que va en el tránsito desde estudio hacia la publicación. El autor está a cargo de esta coordenada, de la interacción con el sistema que nos permite anotar. Él debe cuidar la continuidad, naturalidad y fluidez de estas acciones, que sean lógicas y coherentes, pero sobre todo, que aparezca simple. O sea, que el lector-autor no quede avasallado por la complejidad de esta acción. Además debe cuidar la accesibilidad para discapacitados y ubicuidad para los buscadores. Este cuidado recibe también el nombre de “diseño de experiencia” o “diseño centrado en el usuario. Esta tesis en su diagramación posee amplios márgenes, que quizá buscan que otro anote y estudie, nosotros decimos “titule”; nada se deja de lado en la relación sistema – usuario. Finalmente como esta es una tesis de Interacción bienvenido sea quien desee interactuar con ella. Rodrigo Vera

Con§tel Este proyecto nace de una interrogante que nos hacemos desde el oficio del Diseño Gráfico: nos preguntamos por el lector del espacio electrónico, por cómo habrá de acceder, citar, usar, anotar, estudiar y colaborar en este nuevo ámbito semántico-digital; en las nuevas plataformas de gestión y manejo de la información, pero sobre todo, nos preguntamos por la naturaleza visual de las nuevas interfaces que habrán de contener implícitas estas nuevas operatividades y de cómo habrán de instaurarse los nuevos códigos de visualización que necesariamente han de volver legible esta complejidad en ciernes. Ciertamente, nuestra afinidad por el cuidado y Diseño de la interfaz de pantalla nos ha llevado a plantearnos un proyecto que en cierta medida sobrepasa a nuestro oficio en cuanto constructor de este espacio, pues hemos debido incorporar a la dimensión de lectura, la dimensión de uso; un libro tiene abierta esta posibilidad de un modo gratuito en el blanco de sus páginas: un lector realiza una anotación al margen de un libro en medio de su estudio. A modo de exégesis de esta realidad operativa, el oficio informático ha de volver esta acción un proceso de incorporación de un metadato (la nueva anotación), que podrá ser solicitado en el futuro y permanecerá latente hasta entonces. Este nuevo modo replantea, trasforma y extiende la orgánica de dicho campo editorial: ahora ese blanco bien puede ser infinito, permitir que muchos anoten y puede ordenarse y regenerarse a petición del lector. Con§tel se inscribe en el ámbito de la investigación de la Web semántica, o Web de segunda generación. La Web semántica tiene como objetivo crear un medio universal para el intercambio de información basado en representaciones del significado de los recursos de la Web, de una manera inteligible para las máquinas. Con ello se pretende ampliar la interoperabilidad entre los sistemas informáticos y reducir la mediación de operadores humanos en los procesos inteligentes de flujo de información.

extracto informe constel 2005

ante§ala Del situarse {dentro}, este contenedor trae a presencia información crucial para poder entender el funcionamiento de Con§tel, Información acerca de la transversalidad textual de la Escuela; asi como también de lo que significa titular un libro, marcar, estudiar y qué tipo de relaciones provoca esto en con§tel.

Usabilidad La usabilidad se refiere a la capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones específicas de uso. Así como también podemos afirmar que la Usabilidad es la eficiencia y satisfacción con la que un producto permite alcanzar objetivos específicos a usuarios específicos en un contexto de uso específico El concepto Usabilidad significa diferentes cosas para distintas personas. Algunas personas usan el término para referirse a la práctica de testear diseños con usuarios representativos, esto es representar a cierto perfil de usuario con un nombre y un status quo de este personaje ficticio pero real en cuanto a los alcances de ser un usuario que tal vez existe y para el que se debe diseñar. Para otros, la usabilidad significa una muy específica metodología de "hacer". Pero en sí cada aproximación de la usabilidad implica hacer productos fáciles de usar. Muchas distintas definiciones y listas de reglas intentan codificar que constituye un diseño de sitio Web usable. Pero todos ellos tienen el mismo principio: Los Usuarios necesitan productos usables. La buena usabilidad puede lograrse mediante el diseño centrado en el usuario (que no necesariamente dirigido por él) , aunque se emplean diversas técnicas. El diseñador de usabilidad proporciona un punto de vista independiente de las metas de la programación porque el papel del diseñador es actuar como defensor del usuario. Por ejemplo, tras interactuar con los usuarios, el diseñador de usabilidad puede identificar necesidades funcionales o errores de diseño que no hayan sido anticipados. La usabilidad incluye consideraciones como: - ¿Quiénes son los usuarios, cuáles sus conocimientos, y qué pueden aprender? - ¿Qué quieren o necesitan hacer los usuarios? - ¿Cuál es la formación general de los usuarios? - ¿Cuál es el contexto en el que el usuario está trabajando? - ¿Qué debe dejarse a la máquina? ¿Qué al usuario? Las respuestas a estas preguntas pueden conseguirse realizando análisis de usuarios y tareas al principio del proyecto. Otras consideraciones incluyen: - ¿Pueden los usuarios realizar fácilmente sus tareas previstas? Por ejemplo, ¿pueden los usuarios realizar las tareas previstas a la velocidad esperada? - ¿Cuánta preparación necesitan los usuarios? - ¿Qué documentación u otro material de apoyo están disponible para ayudar al usuario? ¿Puede éste hallar las respuestas que buscan en estos medios? - ¿Cuáles y cuántos errores cometen los usuarios cuando interactúan con el producto? - ¿Puede el usuario recuperarse de los errores? ¿Qué han de hacer los usuarios para recuperarse de los errores? ¿Ayuda el producto a los usuarios a recuperarse de los errores? Por ejemplo, ¿muestra el sofware mensajes de error informativos y no amenazantes? - ¿Se han tomado medidas para cubrir las necesidades especiales de los usuarios con discapacidades? (Es decir, ¿se ha tenido en cuenta la accesibilidad?)

Diseño de Interacción Tiempo y demora - Usabilidad La interacción es el sistema que nos permite anotar, marcar ya gregar nuevos documentos a la Red. Él diseño de Interacción debe cuidar la continuidad, naturalidad y fluidez de estas acciones, que sean lógicas y coherentes, pero sobre todo, que aparezca simple. O sea, que el lector-autor no quede avasallado por la complejidad de esta acción. Además debe cuidad la accesibilidad para discapacitados y ubicuidad para los buscadores. Este cuidado recibe también el nombre de “diseño de experiencia” o “diseño centrado en el usuario ”. El diseño de Interacción se centra como lo dice su nombre en la interacción entre el Usuario y el resultado estructural final al que se desea llegar.. Así el diseño de Interacción de una Interfaz para la Web, necesita precisar los elementos que esta interfaz contiene, y el flujo entre las distintas posibilidades de que la estructura creada nos otorga.El diseño de Interacción procura que el modo de navegar no sea complicado y sea acorde a las necesidades del sitio y del usuario.

Entendemos el Diseño de Interacción como Usabilidad (flujos coherentes y claros en su uso *claridad*, facilidad de aprender a usar). El diseño de Interacción se centra como lo dice su nombre en la interacción entre el Usuario y el resultado estructural final al que se desea llegar. Así el diseño de Interacción de una Interfaz para la Web, necesita precisar los elementos que esta interfaz contiene, y el flujo entre las distintas posibilidades de que la estru.ctura creada nos otorga Se estudia la interfaz de modo que sea fácil de aprender a usar, y que el flujo entre sus elementos sea claro y no complicado para quien ingresa al sitio. El usuario se encuentra frente a alguna maniobra difícil o no natural, quizás el golpe negativo del sitio afecte en que los usuarios no quieran volver a ingresar por encontrar el sitio "complicado y muy difícil de usar". Para diseñar un sitio, y crear su diseño de interacción se tiende a usar muchos conceptos y estándares de diseño, que estén instaurados en el colectivo de los usuarios de Internet, así casi siempre se opta por links subrayados (como el típico link azul), y usar términos Standard en Inglés como Home (hogar, pagina principal) Loggin (ingreso de usuario) , OK (para aceptar algún imput, o botón de ingreso de datos) y otros. Así también se tiende a usar para texto colores contrastados, (blanco y negro) para la lectura de textos en la Web. Trabajamos para personas, que quieren realizar una tarea de una forma sencilla y eficaz y en este caso particular, la deben realizar frente a un computador en un entorno grafico, la Web. La usabilidad ayuda a que esta tarea se realice de una forma sencilla analizando el comportamiento humano, y los pasos necesarios para ejecutar la tarea de una forma eficaz. Debemos tener claro que en Internet el usuario es el que manda, así también en Internet la calidad se basa en la rapidez y la fiabilidad de los sitios, para que el usuario se sienta como de volver a visitarlos.El usuario se sentirá mas cómodo si le damos a su alcance gran cantidad de caminos para que encuentre lo que busca. Si completa su tarea en menos tiempo se sentirá cómodo y quizás se dedique a explorar el sitio o quizás se lo recomiende a otro usuario. La Interacción construye la demora del usuario, construye los tiempos de recorrido y navegación por un sitio Web. Es la perfecta armonía entre tiempo, accesibilidad y decisión, en cuanto a que el usuario se sienta cómodo y a gusto navegando por nuestro sitio. Constel posee acciones complejas como anotar, marcar, y agregar nuevo documentos. El diseño de Interacción procura que estas acciones no sean ajenas al lector-usuario-autor, que no sea un problema para y él y se vuelvan amables, construyendo demoras graficas. Se debe cuidar la continuidad, naturalidad y fluidez de estas acciones, que sean lógicas y coherentes, pero sobre todo, que aparezca simple.

Jesse James Garret en su libro "Elementos de la experiencia del Usuario" (Elements of the User Experience) dice sobre la interacción : "El diseño de Interacción concierne con describir posibles comportamientos de los usuarios y definiendo como el sistema debe acomodarse y responder a ese comportamiento. Una persona usa un computador en cualquier momento, una suerte de danza, tiene un comportamiento entre el usuario y la maquina. Los Usuarios se mueven alrededor del sistema y éste sistema responde. El usuario se mueve respondiendo al sistema, y va sobre este baile."

Con§tel es una Red Abierta de Conocimiento, abre su tesoro al mundo mediante Internet. Su complejidad hipertextual mayor que basa su existencia en la complejidad semántica de sus textos fundamentales, y en como éstos se relacionan entre si mediante conceptos ideas transversales- que sustentan a Con§tel desde sus entrañas. Desde este punto de vista controlar el modo en que el usuario entra a estos contenidos y los navega es primordial. Se debe construir la forma de navegación de acuerdo a la Interfaz y los elementos que la interfaz utiliza para relacionarse con el usuario. La relación del {mirar – leer de dibujos y escritos} significa para nosotros la relación básica de la hospitalidad que deben tener los textos. Asimismo, esta hospitalidad permite al lector ubicarse: podemos establecer un parangón entre la relación {mirar - leer} y la relación {ante - dentro}. Esta relación básica en el acto de habitar es la que nos ilumina pero ella está ciertamente mediatizada por el "ante" de la pantalla, o sea, por el {mirar - leer} de ella. Texto de Examen titulo II con§tel

Estructura de un sitio Web Jesse James Garret Para entender como se Construye un sitio web debemos regirnos a lo que dice uno de la voz mas autorizadas sobre Experiencia de Usuario, Jesse James Garret.

Superficie: Sobre la superficie de páginas de Web vemos una serie de imágenes y texto. Algunas de estas imágenes son cosas que el usuario puede pulsar al ponernos sobre ellas, la realización Algún tipo de función como toma de usted a un carro que hace compras. Algunas de estas imágenes son solamente ilustraciones, como una fotografía, una cubierta de libro o el logo del sitio sí mismo.

Esqueleto Bajo la superficie está el esqueleto del sitio: la colocación de Botones, etiquetas, fotos, y los bloques de texto. El esqueleto es diseñado para optimizar el arreglo de estos elementos para un efecto de eficiencia máximo.

Estructura El esqueleto es una expresión concreta de más abstracta estructura del sitio. El esqueleto podría definir la colocación de los elementos de Interfaz en nuestra página de comprobación ; la estructura definiría como los usuarios van por aquella página y donde ellos podrían ir cuando la terminan. El Esqueleto define el modo de navegación.

Alcance La estructura define el camino en el cual varios rasgos y funciones del sitio se unen. Sólo aquellos rasgos y funciones son los que constituyen el alcance del sitio. Algunos sitios que venden libros ofrecen un rasgo que permite a los usuarios guardar direcciones antes usadas, para que puedan ser usados otra vez. La pregunta de si aquel rasgo (cualquier rasgo) es incluido sobre un sitio es una pregunta de alcance.

Estrategia El alcance fundamentalmente es determinado según la estrategia del sitio. Esta estrategia incorpora no sólo lo que la gente que recorren el sitio quieran salir de el, tambien que los usuarios quieren salir del sitio de buena forma.

Dimensiones del Diseño Gráfico Clase de Alejandro Carretón Diseño Gráfico II año, 3ª etapa año 2002

En una clase de taller al curso de Diseño Gráfico II año, 3ª etapa año (2002), el profesor alejandro Garretón señala cuales son las dimensiones del diseño Gráfico como sistema inamobible del diseño, puntos metodicos de situarse frente al diseño.

1. Semántica [sentido/origen] Lectura, interpretación; actos que uno realiza dentro del haber del lenguaje. Fijación de un sentido, la escritura, el sentido, el color, la superficie son códigos que se establecen para que pueda ser leído.

2. Técnica [constructiva] Medios, Materiales con que se construye la obra:

3. Sintaxis [estructura] Relaciones entre las partes del cuerpo gráfico. - gramatical: orden de la palabra (sujeto, verbo, predicado) - espacial: el valor que adquieren los elementos gráficos a partir de relaciones espaciales, ver algo es verlo en cierto espacio.

4. Praxis [emisor/lector] Quien recibe nuestra obra

A manera de implementar esta tabla fundamental del diseñador, Verificamos las dimensiones para el Diseño Web (una clase de diseño) y mas precisamente con el diseño del sitio web Con§tel. Así las dimensiones gráficas de Con§tel quedarían definidas:

1. Semántica [sentido/origen] Arquitectura de la Información. Ordenamiento y estructuracion de los contenidos para su posterior vestimiento con la Interfaz de Usuario

2. Técnica [constructiva] Tecnica y elementos a emplear para implementar los los contenidos en la Interfaz Gráfica de Usuario que se implemente HTML: Estructuracion de contenedores de contenido. CSS: Vestimentas para el HTML. FLASH: action scripts y vectores para el diseño de mapa

3. Sintaxis [estructura] Interacción de Usuario: Diseño de la Interacción del usuario, maifestacion de las posiblidades de desplasamiento por la red de constel mediante estructuras y acciones estipuladas. El valor que adquieren los elementos gráficos a partir de relaciones espaciales de acuerdo al Diseño de Experiencia de Usuario, "ver algo es verlo en cierto espacio".

4. Praxis [emisor/lector] El destinatario final, el usuario, el qe interacciona con nuestra red : Lector con§tel, lector - autor, avesado anotador de con§tel

{a}nteproyecto Se busca situar al lector - usuario, frente al tema de usabilidad e interacción Web, asi como de la estrucutra Web. Se busca dejar al lector {ánte} , avisado, situado, con conocimiento antes de adentrar en la tesis, estar {dentro}. Se trata de previos al desarrollo de un Diseño de Interaccion de Usuario, este contenedor trae consigo informacion técnica y conceptos que se deben de entender antes de entrar a explicar la Interaccion con§tel, por cuanto el lector debe estar siempre informado de lo que lleva o llevó a entender como se desarrola la web, y mas precisamente un Diseño de Interaccion del Usuario.

Titular Acerca del Estudio Todos nosotros, gente de Escuela anotamos, marcamos, titulamos textos, ejercemos esa actividad como parte de la práctica del leer cuando se estudia. Como manera de apropiarse de lo que se lee y dejarlo detenido en el tiempo, contenido detenido, acotado, apropiado, anotamos ideas acerca de párrafos, oraciones, palabras. Quien estudia realiza acciones sobre el libro: acciones de apropiación del contenido mediante marcaciones, distinción de pasajes, titulaciones, anotaciones al margen o decididamente escribiendo sobre el escrito, se encauzan caminos del contenido salteado a través del libro, se hace patente y acotado lo que el lector precisa. A su vez, esa marcación personal constituye esencialmente un texto legible por otro y para otro, volver a leer el texto es volver al sendero y hacer patente lo antes estudiado, camino mas corto acerca del concepto.

Las letras iluminadas imaginan el contexto que el escriba y los iluminadores traducían del contenido que le leían en voz alta en tiempos del manuscrito iluminado. La historia que se cuenta posee el "refinamiento de los límites" propios del contexto que se interpreta e ilumina.

A si mismo, el escriba distingue entre el texto sagrado y el científico; en el primero el no interviene y sólo se remite a ser un copista de la palabra. En el científico aporta su experiencia y conocimiento. Es nuestra medida de diálogo o interacción entre lector y texto. (Como los monjes medievales: el copista, el enmendador y el iluminador). En primera instancia se trata de nuestra capacidad de distinguir; en el texto son los pasajes o fragmentos con sentido, párrafos, retazos, trozos de texto. Luego se apela a nuestra capacidad de nombrar que es la entrada para recrear el mundo y, por último tenemos nuestra capacidad de construir sobre aquello, de avanzar sobre lo conquistado, de mantener el paso ganado. Formalmente en la Escuela titulamos como estudio (Taller de Presentacion al Diseño común 2003 - 2004), una hoja diagramada apaisada, texto a la izquierda, y tres columnas vacías a derecha columnas hermanas, espaciadas para acotar, para rellenarlas titulando. Primera columna contigua para sintetizar una idea pequeñas porciones de texto que sintetizan un trozo mayor, segunda columna a continuación para acotar en una oración la idea anterior, y tercera y final para titular y capitalizar el texto anterior, el final adueñamiento de lo que se lee coronado en una palabra. Este es un sistema metódico de la libre titilación y se hace como una manera estructurada de titular, ejercicio de estudio, camino "pavimentado" cercano al libre surco de la titilación de un texto libre.

El texto se vuelve mas complejo, ahora se encuentra canonizado por sus citaciones , para dejarlo y retomar, volver a el y retomar la complejidad textual de las ideas marcadas y tituladas retomando la lectura o creando otra, el texto titulado atiende a promulgar una lectura de sobre posiciones textuales traslapadas que anotan y sobre-escriben el texto mayor para adentrarse en su comprensión y valorización de sentido, se juega con su semántica, su sintaxis y su praxis, lector usuario - suspicaz a cambiar el modo de leer cada vez, al releer las marcas y re-anotar. De ésta manera se entrar a él no sólo por un régimen de lectura formal sino también mediante la escritura.. La modalidad de lectura del texto intacto, canonizado por sus citaciones como modo recursivo de acudir a él para su llamamiento desde un contexto otro y distinto, atiende a promulgar la base de una lectura de sobreposiciones textuales traslapadas que anotan y sobrescriben el texto mayor para adentrarse en su comprensión y valorización de sentido, de manera de entrar a él no sólo por un régimen de lectura formal sino también mediante la escritura. Si tales anotaciones escritas pueden titularse con palabras o conceptos claves de identidades numérica, tendríamos la posibilidad de usar tales valores como agentes modeladores del mapa de relaciones semántica entre 3 unidades textuales diferente , a decir: Texto Fundamental, Sección, Anotación y Palabra Clave. Manuel Sanfuentes - http//constel.blogspot.com

Las definiciones de signos, letras, alfabetos; es decir el universo tipográfico actual del lector, nos permite partir de una base común suponiendo el estado neo-alfabetizado del lector. Partir de la base superior del estado actual del texto, en cuanto sobrescrito y leído, nos ha llevado a concebir con§tel como una herramienta que pueda reunir, además de la lexia propia, a todas las personas que encuentran un campo semántico común y afín; el acto de reunión debe ser construido también en ambientes informatizados; piénsese en el chat como un primer encuentro de pares aislados. De verdad, la formulación de herramientas comunicativas formales debe ser un nuevo campo de desarrollo para el diseño en cuanto formulador de instancias transmisibles. Manuel Sanfuentes - http//constel.blogspot.com

Transversalidad Encuentro con el Estudio La Escuela de Arquitectura y Diseño es un centro académico con un amplio tesoro textual, textos primordiales que cuentan de la historia y del fundamento, textos sobre la reforma, Amereida, textos arquitectónicos fundamentales, como "Capilla Pajaritos" la herencia del Escuela a su comunidad y al mundo, le llamamos a estos textos los "fundamentales". Se ha llamado a este perímetro "Textos Fundamentales", sobre los cuales se origina el pensamiento de la Escuela y de Amereida. Este universo lo consideramos sustancial para la comprensión de las relaciones posibles que se establezcan entre ellos (universo textual). La fijación de estas relaciones habrá de constituirse en los mecanismos de aprehensión de esta realidad que desde un comienzo se desenvuelve dentro de los criterios de la complejidad. Podríamos decir que se parte de una inestabilidad inicial que hace que el sistema entero permita cambios sutiles o abruptos que hacen aparecer nuevas formas de orden; al decir de F. Capra "interesan las cualidades del comportamiento del sistema más que sus valores precisos en un momento determinado", esto es que la relevancia está en las relaciones más que en las entidades. Prólogo Con§tel

El estudio de origina a partir de 28 textos que reconocemos como los Fundamentales de Amereida. El taller de Título Con§tel se dedica al estudio de los textos, el estudio trata de vislumbrar relaciones entre ellos, los textos se leen y se estudian, se titulan (anotación al margen acerca de una idea en especifico) se marcan, se rayan, se ejercita el estudio. En un primer momento se piensa que debe ser el hipervínculo de texto aquella herramienta que permita relacionarlos, pero descubrimos que el hipervínculo no basta, o no es acorde al tesoro textual descubierto; descubrimos que los textos son transversales, poseen ideas conceptos que los atraviesan como un hilván, en una “red de multi-relaciones”, nuestra “Red Hipertextual”. A esto le llamamos la “transversalidad” textual.

Esto se declara así porque sabemos que nuestro universo textual es rico en relaciones y definen un léxico propio, abren una palabra nueva. Nosotros decimos "red abierta" en el sentido de que permite a la colaboración de múltiples autores que pueden engrosarla y enriquecerla permanentemente. Con§tel e.[ad]

Partimos de la base de un pensamiento artístico – poético que desde hace más de 50 años se ha venido desarrollando en nuestra escuela de modo que tal pensar se ha constituido como un fundamento sustancial para nuestro proceder. La naturaleza artística de este contenido es la que posibilita, primeramente, pensar la abertura que en estos textos se ha dado; los tipos de relaciones, ya sean semánticas, por continuidad, históricas, etc. se expanden en la no-continuidad de un pensamiento nacido de una relación con la poesía. Creemos que a partir de esta experiencia podemos asumir la densidad semántica de nuevas relaciones con nuevos contenidos de manera de hacer de esta red un universo textual abierto y disponible para estudiantes e investigadores dentro del ámbito académico. Estos contenidos configurados hipertextualmente conforman el pensamiento fundacional de la Escuela de Arquitectura y Diseño PUCV. Atendemos a una transversalidad no lineal por un lado de lectura y por otro de búsqueda; todavía estamos en el umbral de un nuevo proceso de lectura, a través de ella uno va buscando y encontrando encadenamientos? buscando a través de palabras? no haciendo ?palabras nuevas? sino nuevas significaciones, eso es lo semántico, ello permite una fina y ajustada taxonomía; semántica entre el hecho (sincronía) y la orientación o proyecciones (diacronía)? es curioso que el significado de ontología se refiera al ser de las cosas y a sus propiedades trascendentales; esto es: sus posibilidades de relacionarse infinitamente; sólo así se ?es?. Se establecen así diálogos entre pares y dispares; el lector determina horizontes de lectura, niveles de verbosidad. Con§tel e.[ad]

Es nuestra medida de diálogo o interacción entre lector y texto. (Como los monjes medievales: el copista, el enmendador y el iluminador). En primera instancia se trata de nuestra capacidad de distinguir; en el texto son los pasajes o fragmentos con sentido. Luego se apela a nuestra capacidad de nombrar que es la entrada para recrear el mundo y, por último tenemos nuestra capacidad de construir sobre aquello, de avanzar sobre lo conquistado, de mantener el paso ganado. Con§tel parte desde un punto en donde queremos que la lectura hipertextual sea remirada por nosotros mismos como lectores mas cercanos a los textos de la escuela, los que darán la pauta para estructurar esta red hipertextual que se sustenta se comunes denominadores ([a]es), estos puntos de aglutinación del contenido hace que se configure una vértebra fundamental, que es la que constituye el primer paso a la transversalidad de los textos publicados. Con§tel precisa mostrar nuestra transversalidad, la transversalidad de los textos fundamentales de la escuela, el fundamento, el Eros, vinculadas en nuestra vértebra fundamental . Quizá en pocos lugares del mundo se da que los textos creados por alguna comunidad académica o artística, tengan tantas relaciones, tantos puntos en común, que en sí las ideas no se dejen y se acaben de una vez; se miran, se re-miran, hasta que pareciese que el autor está conforme de ella; allí radica la transversalidad. Los trozos del texto tocados con un "concepto clave"[a], vienen a representar esa actitud de "transversalizar" el pensamiento del quehacer de la escuela. Los conceptos [a] son nuestra entrada al pensamiento de la escuela, son nuestra entrad[a], [a]pertura a los contenidos Así las §ecciones se aparecen como el §ustento de pensamiento de la lectura que se quiere atravesar. En las notas, aparecen como las voces periféricas del lector-anotador, que ilumina al fragmento que se titula-se anota-se re-titula-se re-anota.

Arquitectura de la Información Con§tel La Arquitectura de la información trata de cómo se estudia y organiza la información con el objetivo de permitir al usuario encontrar su vía de navegación hacia el conocimiento y la comprensión de la información. La arquitectura de la información de un sitio web, como resultado de la actividad, comprende los sistemas de organización y estructuración de los contenidos, los sistemas de rotulado o etiquetado de dichos contenidos, y los sistemas de recuperación de información y navegación que provee al sitio web. Definición de las unidades textuales fundamentales y de su relación y jerarquía. Se lee los textos fundamentales por parte del grupo de titulantes de la carrera de Diseño Gráfico y se desarrolla el tipo de relación de los documentos fundamentales entre sí, y la relación con el resto de documentos, notas, observaciones y comentarios. Se definen los contenidos a implementar. Así la organización de la Información de con§tel tiene asidero en 3 medidas de información que crean la interacción de contenidos y asumen el peso semántico complejo de la problemática textual. Estas son 3 medidas {a}conceptos {§}secciones, {n}notas. La estructura de con§tel reconoce las siguientes unidades: TF: textos fundamentales, §: secciones (marcas a los textos), [n] anotaciones, y finalmente (quizá lo más importante en cuanto problemática de graficar y como tomar moduladores de lo que será el mapa visualizador del gran entramado, son las titulaciones que nombramos [a] ( o asas de los textos) {TF} Textos Fundamentales: El texto fundamental, pieza de texto originaria en l que se sustenta el eros y oficio de la escuela, textos de carácter académico formativo y fundadores; de ella se sustentan las demás unidades, el texto fundamental se secciona para dar paso a la lectura por secciones, nueva hipervinculación de contenidos. {TA} Textos de Apertura ( TN - Texto Nuevo - Documento Nuevo ): Textos de Apertura, serán los textos que se agregarán a esta red colaborativa abierta, se denominan textos de apertura, porque son textos que abren el conocimiento de la red de textos fundamentales, no son fundamentales, porque no son originarios pero si son de apertura porque originan conocimiento y enriquecen la red. Esto se declara así porque sabemos que nuestro universo textual es rico en relaciones y definen un léxico propio, abren una palabra nueva. Nosotros decimos "red abierta" en el sentido de que permite a la colaboración de múltiples autores que pueden engrosarla y enriquecerla permanentemente. Eso sí, el cuidado radica en que la red tiene la capacidad recibir los nuevos textos otorgándoles un contexto, es decir, los autores definen en qué lugar de brotación se inscribe su nueva entrada. De ahí su vocación orgánica de crecimiento y de ahí la necesidad de visualizarla como una configuración. Texto de Examen titulo II con§tel

{a} Conceptos: El concepto clave {a} es el implicante de la transversalidad del universo textual fundamental de con§tel. El concepto clave es una idea que aparece y reaparece surcando la constelación de textos, creando transversalidad en ellos al aparecen en distintos textos y en distintos momentos y circunstancias y dichos con distintas voces. Así estas ideas resumidas o nombradas con una o dos palabras toman porciones de texto arrastrándolas hacia ellas como las asas desde donde se puede tomar el contenido. Reconocemos unas asas (de asir) en los textos que conducen al lector a un sentido marcado (por otro)/ esa es la sección, la s doble / las dejamos presentes (escritas); se incluyen como acentos anotados y quedan adosados a esta sección del texto mayor; como una rémora del animal más grande, adheridos al texto. Texto de Examen titulo II con§tel

Cada palabra contiene su desconocido (o posibilidad ), así capa palabra clave (o titulación) nos permite acceder a varias secciones, siempre en un número creciente. Ellas son las unidades primeras que identifican un concepto [a] y lo pueblan de relaciones marcadas en las secciones [§]. Texto Seminario México

{§} Secciones: La sección es el nombre de estas porciones de textos arrastradas por el concepto - palabra clave {a}, estas secciones son retazos de texto provenientes de los primigenios 28 textos fundamentales. Esta sección esta marcada por un concepto que le da autoría y título. El autor-lector se adentra en los textos para marcar un trozo de texto con una {a} a esto llamamos "marcar". Y tiene el mismo asidero conceptual que la marca al margen de un libro. Es una apropiación de texto referente a una idea mayor.

El reconocimiento de una sección implica una lec-tura, a diferencia de un párrafo que puede distinguirse de un solo vistazo, la sección debe leerse e implica el reconocimiento de una idea perfilada en una extensión variable de texto: corresponde a un pasaje citable o a una fragmentación tolerable del texto, puesto que no lo deconstruye, no lo descontextualiza ya que siempre quedará definida esta sección por su procedencia a un texto. Texto Seminario México

{n} notas: Las anotaciones son comentarios que acotan la sección marcada acerca del concepto elegido para titular. En las notas, aparecen como las voces periféricas del lector-anotador, que ilumina al fragmento que se titula-se anota-se re-titula-se reanota. La nota es un hecho de autoría, acerca de a sección, es un modo de hacerse cargo de lo que se anota, comentándolo. La nota es el tercer nivel semántica de esta complejidad textual.

La nota es el acto más directo en el ejercicio de la escritura; en con§tel es un acto posterior pero primario puesto que ha requerido antes del lector, adscribirse a una situación textual [§] y haberla titulado [a] para posteriormente anotarla [n]. Las notas vendrían a enriquecer cada sección, y a construir la continuidad o cierre entre el contenedor y el contenido; pues si bien, anotan una sección, indirectamente se asocian simultáneamente a una [a], la cual está el en juego de lo trasversal, trasformando a la nota en un me-dio de continuidad entre las secciones anidadas en cada entrada mayor [a]. texto examen México. Texto Seminario México

La modalidad de lectura del texto intacto, canonizado por sus citaciones como modo recurrente de acudir a él para su llamamiento desde un contexto otro y distinto, atiende a promulgar la base de una lectura de sobre-posiciones textuales traslapadas que anotan y sobre-escriben el texto mayor para adentrarse en su comprensión y valorización de sentido, de manera de entrar a él no sólo por un régimen de lectura formal sino también mediante la escritura. Si tales anotaciones escritas pueden titularse con palabras o conceptos claves de identidades numérica, tendríamos la posibilidad de usar tales valores como agentes modeladores del mapa de relaciones semántica entre 3 unidades textuales diferente, a decir: Texto Fundamental, Sección, Anotación y Palabra Clave. Esta sobre-escritura informatizada (en el sentido de que informa y automatiza) promueve al lector con las característica del autor, para una realidad literaria esto sería un atentado, sin embargo y dentro de ello Macedonio Fernández, en cuanto iluminador del universo hyperprologado y salteado de la lectura, y William Blake como anotador efusivo en las marginalias

de los textos de otros autores, otorgan antecedentes visionarios de lo que ha sido y va a llegar a ser la experiencia humana en su relación con la letra, el alfabeto y la realidad textual en la sociedad de la información . La comunidad científica lidera la administración de documentos autorales de propia filiación y recursivos en el desarrollo de disciplinas asociadas. La Gráfica, la mediación de la palabra y la informática se entrelazan en con§tel para la formulación de una aplicación gráfica de lectura, anotación y visualización del nosotros y extensiva a otros planteamientos -aún el científico- puesto que cada quehacer u oficio, asociaciones, religiones, corrientes de pensamiento, tienen sus propios Fundamentales y contemporáneos; así cada cual; es un modo de trabajar con nuestras fuentes y acrecentarlas. Texto de Examen titulo II con§tel

Este recorrido invisiblemente hilado, está cogenerado por las unidades de contenido que construyen una lectura con§telada: que llamamos secciones [§]. Ellas se alojan en contenedores mayores del contenido, en las titulaciones que llamamos [a]es, las cuales aparecen como las [a]sas que permiten tomar el total de la extensión textual §, y que nombran y configuran un cielo con§telado de entradas al contenido, atravesando el total de los textos y pasando a formar un léxico transversal. Es decir, cada palabra clave [a] está rodeada en un “anillo de tesauro” de todas las secciones a las cuales hace referencia. Simultáneamente, cada documento (Tstring05) está rodeado por todas sus palabras clave [a]. Texto Seminario México

Prototipos de Papel Durante la primera parte de la la Etapa de Título I, el taller se preocupa y se manifiesta en el diseño de Interfaces de Papel, tercer trimestre del 2004

Como primera instancia de diseño, el taller se interna en su total y por igual en el desarrollo de prototipos de papel, para diseños de Interfaz, apelando a criterios de interacción. Ejercicio de especialidad y camaradería por parte del taller para encontrar un diseño de Interfaz Los prototipos de papel son una forma de crear una imagen palpable de lo que será una futura aplicación o sitio web. Su creación y manipulación es rápida y elástica y permite a los usuarios imaginarse lo que será la futura aplicación en funcionamiento sin interferencias de tipo técnicas o gráficas. Los prototipos de papel son útiles para obtener opiniones del usuario mejor que los prototipos que se asemejan al sistema final, pues al confrontarse con un trabajo con un buen acabado, muchos usuarios pueden convencerse erróneamente de que esa es la única o la mejor solución al problema planteado

En un prototipo es muy importante que las personas que lo están manipulando se imaginen el funcionamiento de una aplicación, sin olvidar que se encuentran ante una propuesta de una futura aplicación. Situarse frente a la futura funcionalidad pero en un material noble y moldeable que permite modulación en el diseño y ahorro de tiempo y dinero en el proceso creativo y de test de un diseño de Interfaz..

Los prototipos de papel traen a presencia la profundidad, en los prototipos se ven las profundidades de la edición, podemos decidir o ver que elementos están delante de otros, cual es perfecto orden espacial. Es un ejercicio de profundidad para entrar al diseño digital de interfaz e interacción conociendo la especialidad que poseen los elementos. Así de este modo en un diseño de Interacción en el computador podrá decidirse si el texto merece ser puesto en un primer o segundo plano. Así mismo los prototipos de papel permiten un primer diseño de interacción, al diseñar pensando en el usuario, la gracia de un prototipo de papel es que permite sacar y poner cosas a la usanza de un lego, decisión en la forma de construir. Los formularios son la entrada de información y datos a con§tel. Se piensa en el ingreso de datos de nuevos miembros de la Red, así como el ingreso de nuevos documentos. El formulario es un "vacío" en donde los campos son el vacío para llenar, completar, la profundidad llena por la información del usuario. los botones e indicaciones son de otro plano, mas cercano, primer encuentro del autor con la materialidad. La relación del {mirar – leer de dibujos y escritos} significa para nosotros la relación básica de la hospitalidad que deben tener los textos. Asimismo, esta hospitalidad permite al lector ubicarse: podemos establecer un parangón entre la relación {mirar - leer} y la relación {ante - dentro}. Esta relación básica en el acto de habitar es la que nos ilumina pero ella está ciertamente mediatizada por el "ante" de la pantalla, o sea, por el {mirar - leer} de ella. Texto de Examen titulo II con§tel

La interfaz de con§tel, está dividida en 2 grandes áreas. Podríamos decir, escindida en dos hemisferios, izquierdo para el mapa {el ante, mirar la simultaneidad} y lado derecho para el texto {el dentro, leer en continuidad}. Julio desarrolla y diseña este aspecto, cuida la geometría y la partición, el contraste y la legibilidad en la pantalla para volverlo un objeto de comunicación que sea capaz de inscribirse en la universalidad propia de Internet. Texto de Examen titulo II con§tel

En estos prototipos se empieza a vislumbrar la relación {ante - dentro} en cuanto a la disposición espacial entre mapa de relaciones (aun en la imberbe concepción de mapa, como "algo" que muestra relaciones). Se manifiesta este {ante - dentro}, {derecha - izquierda}. Se dispone situar al lector ante en un mapa a la derecha, un dentro, personificado por el texto a la derecha, se piensa el transcurso desde mapa a texto pensando el distintas profundidades de ambas entes. El mapa es un mapa de [a]es, o sea de titulaciones o conceptos. Es el acceso en velocidad a la comprensión del cúmulo de textos. Esto es lo que lleva adelante Daniela que desarrolla las directrices gráficas, es decir, que debe vestir gráficamente ciertos cuantificadores (o sea números arrojados por el sistema) para darles tamaño, tipografía, color, opacidad, y configuración espacial. Para esto hemos establecido un diálogo con los matemáticos con el sentido de modelar esta cartografía. Sabemos, por ejemplo, que conceptos afines tienden a formar anillos (anillos de tesauros). Texto de Examen titulo II con§tel

Edición en Con§tel Lectura y camino editorial El camino editorial se debe de entender como un valor agregado del producto. En con§tel debemos editar constantemente, agregando documentos, secciones, notas y conceptos . Con§tel es con estas acciones y para estas acciones, cada una de estas acciones tiene un método de ser, y completan el mundo editorial Con§tel, que se reformúla a diario, de acuerdo a la interacción con los usuarios, ya que de éstos depende la complejidad textual del sistema..

Una de las acciones mas importantes en con§tel junto con el acto de lectura es la de edición. Se pueden marcar textos existentes en la red Con§tel,a esto le llamamos titular, marcar, tomar una §ección de texto y nombrarla con una palabra clave - {a}sa; agregarle {n}otas ( anotar la sección referente a una {a}) a estos textos que llamamos los fundamentales de Amereida {TF}, o agregar nuevos textos, que llamamos los de apertura {TA} a esta Red Abierta Colaborativa, para complejizar su densidad semántica y fundamental, con nuevos documentos, secciones, notas y conceptos.

Con§tel Una virtud de la plataforma es que favorece la visibilidad del trabajo realizado por cuanto la distancia entre escribir y publicar queda definitivamente abolida, cada colaborador podrá subir sus artículos a la red Con§tel en Internet, quedando inscrito y contextualizado en ella. La colaboración en una Web semántica implica un mayor grado de comunicación entre los investigadores; la actualidad de cada cual queda expuesta y cada cual queda referido a los otros desde los contenidos propios, se contextualizada y se ubicada en la red. Esto tiende a evitar las redundancias y promueve las conductas colaborativas entre investigadores afines y acelera los procesos comunicativos en general. informe con§tel 2005 páginas 12-13

{ Marcar } En Con§tel la unidad semántica esencial es la sección, retazo de texto de un documento mayor anotado a propósito de una idea transversal, concepto {a}. Esta acción permite marcar un trozo de texto de la Red. Esto se hace y desarrolla en la misma área de lectura del texto, se marca un texto desplegado. El usuario podrá al hacer clic en “marcar” ir al texto completo de la cual proviene la sección que leía, y decir desde donde hasta donde quiere su sección, para eso elige mediante un clic su palabra inicial y luego su palabra final.

Como manera de apropiarse de lo que se lee y dejarlo detenido en el tiempo, contenido detenido, acotado, apropiado, anotamos ideas acerca de párrafos, oraciones, palabras. Quien estudia realiza acciones sobre el libro: acciones de apropiación del contenido mediante marcaciones, distinción de pasajes, titulaciones, anotaciones al margen o decididamente escribiendo sobre el escrito, se encauzan caminos del contenido salteado a través del libro, se hace patente y acotado lo que el lector precisa. {TF} Textos Fundamentales: El texto fundamental, pieza de texto originaria en l que se sustenta el eros y oficio de la escuela, textos de carácter académico formativo y fundadores; de ella se sustentan las demás unidades, el texto fundamental se secciona para dar paso a la lectura por secciones, nueva hipervinculación de contenidos.

{ Nuevo Documento } Se permite agregar un Nuevo documento a la Red, esta acción se desarrolla en 2 momentos dentro de el área de lectura, se reemplaza la lectura, primero por un Formulario donde ingresamos los datos del texto a ingresar, como su titulo, autor, edición, etc.; para luego en un segundo momento ingresar el texto en un editor WYSIWYG (wat yo see si wat yo jet - lo que ves es lo que tienes), donde podremos dar formato a nuestro texto, aplicando características gráficas como tipografías, párrafos, alineación de texto, color, etc.

{TA} Textos de Apertura ( TN - Texto Nuevo - Documento Nuevo ): Textos de Apertura, serán los textos que se agregarán a esta red colaborativa abierta, se denominan textos de apertura, porque son textos que abren el conocimiento de la red de textos fundamentales, no son fundamentales, porque no son originarios pero si son de apertura porque originan conocimiento y enriquecen la red.

{ Anotar } Una sección puede poseer una o mas notas, Estas son acotaciones de una sección a propósito de la {a}concepto idea transversal- con la que se titulo la sección. Así una sección que contenga notas se leerá primero desde la sección, luego sus notas referentes a la {a}por donde se llegó y luego las notas de otras {a}en el caso que la sección haya sido titulada con otras {a}es.. La nota es el acto más directo en el ejercicio de la escritura; en con§tel es un acto posterior pero primario puesto que ha requerido antes del lector, adscribirse a una situación textual [§] y haberla titulado [a] para posteriormente anotarla [n]. Las notas vendrían a enriquecer cada sección, y a construir la continuidad o cierre entre el contenedor y el contenido; pues si bien, anotan una sección, indirectamente se asocian simultáneamente a una [a], la cual está el en juego de lo trasversal, trasformando a la nota en un me-dio de continuidad entre las secciones anidadas en cada entrada mayor [a]. Texto Seminario México La nueva lectura va entre luces que el texto destaca; el libro quedó en el estante como un el fiel instrumento de antiguas deidades. Escribir a dos manos y sobre el teclado ha dado a los textos un aire distinto que ahora permite decir a sus anchas lo que antes bordeaba cautelas delante de un edificio que era lo impreso. Manuel Sanfuentes - http//constel.blogspot.com

e§tudio Encuentro con el problema, del diseño y la interaccion. definición de las distintas visualizaciones de pantalla existentes para constel hasta llegar a la version final. Implementación de funcionalidades de Interaccion, como Instrucciones popup, y listas desplegables, que traen a precensia al autor - usuario desde la acción pauseada,.

Elementos de Interfaz Hemisferio del mapa {ante} Mapa de [a] : mapa de de visualización de relaciones entre [a] {conceptos}, y [§] {secciones}. Es una representación gráfica en un espacio determinado por la interfaz, que ilumina y guía al usuario adentrando en la cantidad de relaciones de los textos en Con§tel. Lista de Documentos : Versión listada del mapa. Despliegue de lista de las [§]{secciones} del Universo Con§tel, como listas colapsables. Al momento de Iniciar una Búsqueda el usuario ve sus resultados en esta lista. Lista de Autores : Versión listada del mapa. Despliegue de lista de los Autores de Con§tel, como listas colapsables. Al momento de Iniciar una Búsqueda el usuario ve sus resultados en esta lista. {§}ección : Despliega la Sección elegida en la área de lectura de Textos de Con§tel Anotado de: Despliega según la información adosada a la {§} elegida el texto completo del cual proviene la {§} Pensamos que todas las medidas que apunten a la fidelidad en la construcción del mapa deben ser valoradas. El mapa, más que ser una representación de un conjunto de relaciones presenta una realidad invisible hasta entonces; el mapa es la resultante generada a partir de un algoritmo que vestirá y ubicará los datos de acuerdo a nuestra voluntad gráfica de modelar Directrices de Visualización

Elementos de Interfaz hemisferio del texto {dentro} New Doc : Entrada Para Agregar un Nuevo Documento a la Red Académica Con§tel. Marcar {§}ección : Entrada Para marcar una {§}ección. Si el autor se encuentra leyendo una sección, al hacer click en "marcar" ingresamos al texto completo, pero ubicados en la sección que leíamos. Cada palabra se hipervincula para poder marcar nuestra sección ver/ocultar marcas : Se muestran y ocultan las marcas que la sección posee, si tiene mas de un concepto asociado o contiene una sección pequeña dentro de ella, este ítem ilumina esta información. {a} concepto : Dice del concepto asociado a la {§}eccion. {n}otas : Dice de las notas asociadas a la {§}eccion refiriendose a la {a} concepto por la cual se llegó en la búsqueda del mapa. n: Atributo tipográfico bold (negrita) para el campo de notas i: Atributo tipográfico itálica para el campo de notas link : Atributo de hipervinculos en la nota. Anotar : Se anota un acotación de texto a la sección referente a algo que dice la misma. En contraparte al mapa, nos referimos a la lectura del texto como la dimensión de dentro. Dentro del discurso, dentro o en medio de la lectura, demorándose en el tiempo interno de los textos. La riqueza de con§tel está en el reconocimiento de la riqueza de la autoría en colaboración, por tal, cada linealidad (o idalidad) se abre en sus coyunturas. Se trata de del espacio del hipertexto, pero en con§tel avanzamos sobre él, puesto que las vinculaciones están iluminadas con las notas que indican el sentido de la relación, siempre direccionada en una idalidad discursiva. En este espacio de entrecruces y lecturas transversales, el lector reinventa su propia lectura y se concibe en autor: más bien, doblemente autor, pues es autor de la idalidad que inventa en su propia lectura y autor de las secciones que marca y titula al pasar. Directrices de Visualización

Funcionalidades Las funcionalidades, son soluciones de Interacción Y diseño en la interfaz para interrelacionar el sistema con el Usuario. Se implementan Instrucciones pop-up para acompañar el accionar del usuario, para iluminar el complejo camino editorial; así también se implementan listas desplegables como una manera de optimizar los espacios de lectura; las listas colapsan las notas adosadas a las secciones como una manera de resguardar el espacio optimo de lectura y no-saturación del lector.

{ Instrucciones } Las instrucciones se sacan como estructura visible y física permanente de la interfaz. Optamos por convertir las instrucciones en un aviso flotante (pop-up) que sea de libre movimiento y que nos guíe en cada acción que emprendamos, como la voz que ilumina el camino del usuario de con§tel. Así este pop-up cumplirá una función importante sobre todo a la hora de editar, donde el usuario debe de recibir instrucciones precisas sobre la manera de realizar las acciones, a la hora de Marcar, Agregar nuevo documento y anotar.

Este tipo de instrucciones es muy coherente y usado en tipos de aplicaciones software, productos con los que con§tel tiene mas de alguna semejanza como género. Este tipo de instrucciones es muy útil como en programas de la familia Microsoft, como marcadores amarillos que dicen acerca de algo o acotan la acción que el usuario emprenderá, basta ver las ayudas de Word, Excel y el propio MSN.

Las instrucciones son importantes a la hora de aclarar ciertos procesos de mayor complejidad, como {marcar}, en donde la instruccion aparece en cada acción para decirnos que hacer. Así nos dice que debemos tomar la primera palabra de nuestra sección a marcar y luego nos dice que tomemos la última palabra. Así como a la hora de agregar un Nuevo Documento, la instrucción nos acompañara en cada paso, desde el ingreso de datos por los formularios, hasta el ingreso del texto en un editor WYSIWYG.

Las instrucciones se sacan como estructura visible y física permanente de la interfaz. Optamos por convertir las instrucciones en un aviso flotante (pop-up) que sea de libre movimiento y que nos guíe en cada acción que emprendamos, como la voz que ilumina el camino del usuario de con§tel. Entendemos el Diseño de Interacción como Usabilidad (flujos coherentes y claros en su uso *claridad*, facilidad de aprender a usar). El diseño de Interacción se centra como lo dice su nombre en la interacción entre el Usuario y el resultado estructural final al que se desea llegar. Así el diseño de Interacción de una Interfaz para la Web, necesita precisar los elementos que esta interfaz contiene, y el flujo entre las distintas posibilidades de que la estructura creada nos otorga. Diseño de Interacción

{ Menús Colapasables } Se implementan los menús colapsables ( css / javascript ) como una manera de ayudar al real orden de la Información, y en el posicionamiento espacial, el lugar que ocupan en la pantalla, se traduce así esto en una economía espacial, se procura que la interfaz "rinda". Al mismo tiempo que se entrega al Usuario avezado de Con§tel la posibilidad de "velar" el secreto de la anotación con un solo click.

Los menúes colapsables en constel se usan para plegar o desplegar notas referentes a un concepto especifico, así vemos que solo aparece primero a la vista la palabra referente al concepto {a} y luego el contenido de cada nota, y al final de esta lista de notas un pequeño editor para agregar una nueva nota, todo esto se muestra o se esconde por desición del usuario en un solo click. Se trata de optimizar el espacio y el trabajo, en un solo click se despliega una cantidad importante de información, el usuario decide si esta información es siempre visible o se vuelve a velar. Entre más {a} adosadas, mas notas se pueden tener, por cuanto las notas se agregar mediante la titulación de otra {a}. Cuando vemos marcas en un texto completo las listas desplegables optimizan el verdadero espacio de lectura, por cuanto las listas están insertas entre secciones, y las notas se pueden leer en estos casos al desplegar estas listas

Modelos Modelos de Interfaz Con§tel La forma se establece desde la estructura y que genera múltiples presentaciones en pantalla, dando la imagen e interfaz deseado por el usuario, gracias a la separación real y de raíz, de contenido y estructura lo que permite, la libertad de creación de presentaciones gráficas, teniendo además 2 opciones XSLT (Extensible Style Sheets Languages) y CSS (Cascading Styles Sheets). Prólogo de la Interfaz - Julio Tapia

Se desarrollan modelos de Interfaz como búsqueda de una Interfaz final desarrollable bajo código limpio y usable pensando en el usuario y lo que el sistema quiere transmitir. Siempre se tiene presente en este diseño de Interfaz, la relación {ante dentro}, como contenido y como esta relación se transmite en la interacción con el usuario con§telado. Se advierte que la visualización de la data puede reemplazar a toda idea de menú; los nuevos softwares de lectura de textos son cada vez más sofisticados y probablemente en un futuro próximo los contenidos van a ser leídos por el ordenados (obviamente habrá la posibilidad de remitirse a la letra); como en un libro de cuantos en que al abrir la página el edificio de papel se levantaba para ser más explícito y real todavía, la pantalla será una novel cartografía animada en donde cada click dirá en voz alta lo que un autor anotó en su más íntimo silencio individual. Manuel Sanfuentes - http://constel.blogspot.com

A continuación se muestran algunos modelos de Interfaz que se desarrollaron como faena previa natura al diseño y encuentro con un Modelo de Interfaz finál acorde a los requerimientos de Diseño e Interacción de Con§tel.

Modelo 1 Modelo Original de visualización, 3 contenedores que separan la Interfaz. Versión no implementada como maqueta funcional.

Interfaz original, modo de lectura horizontal, el flujo de lectura se desarrolla en tres áreas principales:MAPAREA METAREA - TEXTAREA.

MAPAREA Es el área contenedora del mapa, el objeto gráfico de relaciones, en el se visualiza la relación de {a}es, secciones, y {n}otas existentes en el Universo textual de Constel.

METAREA Es el área contenedora de información de lista de las {§}ecciones, y estado previo al de lectura, en esta área se elige lo que se va a leer finalmente.

TEXTAREA Es el área contenedora de textos, es el resultado de lo que se elige del mapa y se despliega en el metarea, el flujo termina acá en la lectura. El texto acá posee un ancho y largo acorde al de un párrafo de un libro, no crea problemas visuales al usuario, leer en una división como esta En ese sentido, mapa y texto se dan en una relación {mirar-leer} que trae para nosotros una medida básica de hospitalidad que debe tener la pantalla. Asimismo, la hospitalidad permite al lector ubicarse: podemos establecer un parangón entre la relación {mirar-leer} y {estar ante algo-estar dentro de algo}. Ante y dentro es una relación básica para la arquitectura, pues el acto de habitar es ante determinadas cosas y dentro de determinado espacio, tal acto, el de estar ante y dentro es el que ubica y orienta. Directrices de Visualización

También se favorece la comprensión de los contenidos, por cuanto la lectura en un sistema hipertextual hace resonar en la interioridad del lector los textos de otra forma, pudiendo interpretar la intertextualidad de los contenidos, realizando una exégesis particular sobre lo leído desatando una interpretación propia. La capacidad de volver visible este cúmulo “con§telado” de textos (en virtud del mapa) apunta a volver transparente la relación transversal y de familiaridad semántica de cada palabra significativa de la red. Este modo de autoría y navegación por los contenidos provee al lector de elementos dispersos, tácitamente familiares, es decir, vuelve legible un orden hasta ahora oculto y reservado al especialista. Esto se constituye también en la posibilidad de extrovertir y hacer público dicho contenido especializado. informe con§tel 2005 pag 13 ( Sobre la coprension de los contenidos )

Modelo 2 cielo con§telado 1 Versión de cielo Con§telado, cambio radical de interfaz, versión no implementada como maqueta funcional.

Metáfora del Cielo con§telado, se le llama así por la disposición apaisada del mapa y texto. El mapa se posa sobre el texto, como un cielo de [§], el cielo con§telado que ilumina la lectura que sucede abajo en el área de texto. Pantalla dividida en dos de modo apaisado, el mapa se vuelve protagonista. El texto es mas ancho, y la Metárea baja para posarse junto al texto como previo a este desplegando las listas de [a] y [§] que se muestran al navegar por el mapa.

“Lo inteligente del manejo de las cascadas de estilo es que pueden cumplir varias faenas dividiendo la interfaz a cada usuario cargándola desde la base de datos, así los datos se vuelven modificables cada vez, dinámicos, con ello cada tipo de usuario, cada vista, cada pantalla, cada impresión, poseerán su archivo CSS que será modificado de acuerdo a las necesidades del sitio en primer lugar y a las del usuario en un según lugar. Además de ser la interfaz dividida en marcos donde cada uno de ellos podrá se modificado solo al modificar la cascada de estilo adjunta que la administra y no modificar la cascada maestra.” Sobre la versatilidad de CSS Informe Con§tel 2005

El mapa corresponde, en el sentido cartográfico, de la ubicación del “ante” que se sabe “dentro”. Sin ser un “Ud. está aquí”, el mapa no es una concepción a priori sino la resultante conformada de los diversos cuantificadores presentes en el sistema (unitarios y sistémicos) y sujeto a un criterio de modelación matemática y de arquitectura de la información [3]. Para quedar “ante” esta figura incierta es preciso un distanciamiento, tentar un nuevo punto de vista que nos provea de la totalidad. Directrices de Visualizacion

Modelo 3 cielo con§telado 2 Variación del Modelo del cielo con§telado. Aplicación y separación de las meta-áreas.

Versión remozada del cielo Con§telado. Diseño con texto y mapa apaisado. La visualización de las relaciones de los elementos como documentos y secciones se posa sobre el texto, es su cielo con§telado. La lectura e Interacción es en movimiento vertical, desde arriba a abajo. El texto, en cuanto unidad discursiva, ha cesado de tener un valor unívoco. El argumento textual se abre en los caminos de las múltiples lecturas que se han hecho sobre él. El lector ahora es dialogante y, a veces, coautor. De ahora en adelante, el texto ya no estará más fijo y su aparición impresa valdrá como evidencia de un estado transitorio y permanecerá esencialmente como obra abierta. Texto de Examen titulo III Con§tel

La Metárea se divide en dos, Metamapa, y Metatexto. La Metamapa concierne y asiste a las funciones del Mapa y la Metatexto concierne y asiste al texto. El Meta-mapa despliega información en forma de lista de lo que se ve en el mapa y es un previo para lo que se lee en el área de Texto. El Metatexto despliega información en forma de lista de las [a] y [n] relacionadas al trozo de texto elegido para leer. Ademas asume la función de mostrar y agregar notas al texto.

Modelo 4 libro abierto Modelo de libro abierto, decisión de cambio de Interfaz, se decide optar por un {ante - dentro } horizontal. Versión no implementada como maqueta funcional.

Al tener la pantalla dividida en dos, es muy correspondiente con la metáfora de un libro abierto, donde la doble pagina se construye por imagen (mapa) a izquierda y texto - [t] [§]- a la derecha. La interfaz de con§tel, está dividida en 2 grandes áreas. Podríamos decir, escindida en dos hemisferios, izquierdo para el mapa {el ante, mirar la simultaneidad} y lado derecho para el texto {el dentro, leer en continuidad}. Julio desarrolla y diseña este aspecto, cuida la geometría y la partición, el contraste y la legibilidad en la pantalla para volverlo un objeto de comunicación que sea capaz de inscribirse en la universalidad propia de Internet. Texto de Examen titulo II Con§tel

Se busca encontrarse con el {ante - dentro}, desarrollar esta relación, y llevarla a la máxima lucidez, como herramienta primordial de la Interacción, desarrollada en la Interfaz.

.nte partida viene del acto de leer, o mejor dicho, estudiar textos. Quien estudia realiza acciones sobre el libro: acciones de apropiación del contenido mediante marcaciones, distinción de pasajes, titulaciones, anotaciones al margen o decididamente escribiendo sobre el escrito. (Nuevamente es la manera de traer lo lejano a una situación de proximidad). A su vez, esa marcación personal constituye esencialmente un texto legible por otro. Con§tel se propone la conformación de una red de marcaciones, de notas personales, lectivas y autorizadas. Para esto distingue principalmente en 3 tipos de textos: [§] secciones, [a] palabras claves o conceptos y [n] anotaciones (en una determinada sección). texto de examen titulo II Con§tel

El texto acá posee un ancho y largo acorde al de un párrafo de un libro, no crea problemas visuales al usuario, leer en una división como esta las instrucciones aparecer como marcadores, puesto sobre el area de trabajo y de libre movimiento (popup), manejados con javascript, y con un div oculto, puesto en absoluto. Metamapa y Metatexto se convierten tambien siguiendo la metafora de un libro abierto en nuestras notas al pie, en el metamapa desplegamos listados, y en el metatexto fichas y notas, tal como ocurre en un libro.

Modelo 5 libro abierto 2 Modelo de libro abierto 2. Versión implementada como maqueta funcional.

Es Una versión don modificaciones del modelo de libro abierto. Se sigue con la misma división, de Mapa a Derecha y Texto Izquierda, y las Metáreas abajo de estos como las notas al pie de un libro. Metamapa se contiene ahora como modificación un área de despliegue de listas y un área de lectura de de fichas de Información sobre las secciones y textos completos, previo al acto de lectura de la sección elegida. Metatexto contiene también dos modificaciones, un área de despliegue de [a] y [n] asociadas a la sección elegida en forma de lista, y una rea de lectura de notas y de edición de las mismas. las instrucciones aparecer como marcadores, puesto sobre el área de trabajo y de libre movimiento (pop-up), manejados con javascript, y con un div oculto, puesto en absoluto.

Se podría decir que el lado izquierdo está “ante” la totalidad y el lado derecho “dentro” de ella. Si corresponde homologarlo a un modo de mirar, o más bien de dibujar, se diría que el lado izquierdo está a cargo de las líneas de contorno del dibujo, que delimitan y nombran (la dimensión semántica del “ante” en simultaneidad) y el lado derecho está a cargo de los achurados y tramas que conforman las luces del dibujo, la conquista de la superficie, los llenos y toda la articulación del claroscuro (la dimensión sintáctica del “dentro” en continuidad). directrices de visualización

Modelo 6 libro abierto 3 Modelo de libro abierto 3, relación {ante - dentro }, mapa - texto horizontal. Versión implementada en maqueta funcional.

Re - versión con modificaciones del modelo de libro abierto. En este caso la meta-texto desaparece y se conserva el metamapa. El metamapa conserva su funcionalidad, y la funcionalidad del meta-texto se traslada al área del texto, así las notas se leen y se ven a continuación de la sección, se armoniza la acción de leer, por cuanto se leen cosas relacionadas, sección - nota - concepto, desaparece la rigidez de la interfaz anterior, por cuanto el usuario perdía lucidez al interactuar en la metatexto. con la misma división, de Mapa a Derecha y Texto Izquierda. El metatexto ahora es un área desplegable que viene a optimizar el espacio, ahora la anotación se hace al final de cada lista de nota dentro de los textos completos y de las secciones. Las instrucciones aparecer como marcadores, puesto sobre el área de trabajo y de libre movimiento (pop-up), manejados con javascript. Ahora los pop-popupup asumen el rol de libre guía al marcar y crear nuevos documentos, en cada paso que el usuario dé, diciendole que es lo pertinente de hacer, o que es lo que hizo,

Se podría decir que el lado izquierdo está “ante” la totalidad y el lado derecho “dentro” de ella. Si corresponde homologarlo a un modo de mirar, o más bien de dibujar, se diría que el lado izquierdo está a cargo de las líneas de contorno del dibujo, que delimitan y nombran (la dimensión semántica del “ante” en simultaneidad) y el lado derecho está a cargo de los achurados y tramas que conforman las luces del dibujo, la conquista de la superficie, los llenos y toda la articulación del claroscuro (la dimensión sintáctica del “dentro” en continuidad). directrices de visualización

La estructura de con§tel reconoce las siguientes unidades: TF: textos fundamentales, §: secciones (marcas a los textos), [n] anotaciones, y finalmente (quizá lo más importante en cuanto problemática de graficación y como moduladores de lo que será el mapa visualizador del gran entramado, son las titulaciones que nombramos [a] ( o asas de los textos). Constel e.[ad]

Prototipos Funcionalidad e interaccion El diseño de Interacción se centra como lo dice su nombre en la interacción entre el Usuario y el resultado estructural final al que se desea llegar.. Así el diseño de Interacción de una Interfaz para la Web, necesita precisar los elementos que esta interfaz contiene, y el flujo entre las distintas posibilidades de que la estructura creada nos otorga.El diseño de Interacción procura que el modo de navegar no sea complicado y sea acorde a las necesidades del sitio y del usuario.

En este diseño de Interacción se trabaja con “prototipos funcionales” que son maquetas con el funcionamiento y “suceso de ventanas” que ocurriría en con§tel al navegar por el. Es una sucesión de ventanas, navegando por distintos documentos HTML que reemplazan al anterior para mostrarnos la ventana actualizada con la acción que se ejecutó. Se genera un cosmos en relación a cada una de nuestras unid[a]des fundamentales de transversalidad y apertura al contenido, así, queremos que la lectura entre en la estructura que se materializa en una interfaz, la cual busca hacer aparecer esta manera de leer, nueva, que antes no existía, y que se re-genera cada vez. Prólogo de Estudio

Estos prototipos crean la relacion con el ingeniero, quien administra y crea "por detras", estas maquetas son para él, un mapa con el cual construir el sistema informatizandolo desde su interior. Se construyen modos de uso y se interactúa con el ingeniero a través de este medio. El crear un prototipo funcional para la web, supone también un aprendizaje en javascript y CSS para entender y realizar pequeñas acciones que ayudan, simplifican, y hacen usable lo que no lo era. Se trata de modificaciones de espacio con respecto a listas. Concebimos ese sitio como un laboratorio. Donde cada muestra aporta para comprender el camino de edición y aprendizaje constante presente en Con§tel. Este laboratorio de técnicas y contenidos, es un lugar común dentro del proyecto pero con la clara intención de ser abierto al mudar su navegabilidad e interfaz a los usados en el prototipo funcional de Con§tel. Prólogo de Estudio

Para albergar los prototipos funcionales se construye un sitio que recopile esta experiencia como modo de canalizar conocimientos, modos, comportamientos y experiencias en el interior del proyecto Con§tel, léase profesores, alumnos e ingenieros, así como también con la comunidad. En este sitio se albergan trabajos y maquetas de los 3 titulantes Con§tel, entiéndase Visualización, Interfaz e Interacción. En este caso abordaremos los prototipos que se albergaron en este sitio ( http://www.cursos.ucv.cl/arq48500"). El resultado de titulo 3 y las etapas anteriores se encuentra en el sitio de Título Con§tel, cuya interfaz e interacción apelan a Con§tel, usa su interfaz y su interacción. En este sitio se pueden encontrar Estudios de Mapas, tanto en tecnologías Flash como XHTML. Maquetas CSS, con distintas proposiciones gráficas y distintos prototipos funcionales donde esta también el último prototipo que es con el cual se hace esta presentación. Prólogo de Estudio

Concebimos ese sitio como un laboratorio. Donde cada muestra aporta para comprender el camino de edición y aprendizaje constante presente en Con§tel. Este laboratorio de técnicas y contenidos, es un lugar común dentro del proyecto pero con la clara intención de ser abierto al mudar su navegabilidad e interfaz a los usados en el prototipo funcional de Con§tel. Prólogo de Estudio

Cielo Constelado Prototipo de Modulación Prototipo para ver como se comporta la vista de "celo constelado" la funcionalidad de su "constante modularidad". Esta prototipo trae a nosotros la división llamada "cielo constelado", en el cual el mapa de relaciones esta posicionado horizontalmente arriba del texto como un gran cielo de {a}es.

Se piensa que esta interfaz puede cambiar su espacialidad, la espacialidad de sus cajas contenedoras [mapa, metarea, texto] para el beneficio del usuario, por cuanto el usuario es quien decide si lee, mira o atiende en un espacio menor o mayor.

Prototipo 1 Prototipo funcional Con§tel de una visualización que viene a reformular la espacialidad de los contenidos. Se define una interfaz mas estándar, con mapa a izquierda y texto a derecha, con las áreas de metamapa (cajas inferiores)

Este prototipo se adentra en el funcionamiento de Con§tel como instrumento de lectura, desde que se elige un punto en el mapa y se van desencadenando las acciones para leer secciones y documentos completos. También se desarrollan los formularios para con§tel, tales como loggin, nuevo usuario y nuevo documento.

Prototipo 1 Map List Versión del prototipo 1 con un mapa de lista. Opción de mapa a un mapa conceptual espacial con "n" dimensiones. Este mapa nos da un listado "plano" que nos trae una manera mas conceptual de navegar contenidos a manara de una "tabla de contenidos" como una opción de mapa.

Este prototipo se adentra en el funcionamiento de Con§tel como instrumento de lectura, desde que se elige un punto en el mapa y se van desencadenando las acciones para leer secciones y documentos completos.

Prototipo 2 Prototipo funcional Con§tel segunda versión. También como una manera de navegar desde el mapa a los contenidos. En este prototipo siguen desarrollar los formularios Con§tel.

Se opta por cambiar "la entrada a constel" decidiendo que el loggin y formulario de nuevo usuario se vean ya dentro de la interfaz y no aparezcan excluidos, así el "Textarea" ya no solo contiene el "texto" y su lectura, si no que también contiene los formularios, como "Nuevo Documento", "loggin" y "Nuevo Usuario". Se desarrollan también listas desplegables como una manera de colapsar y esconder/mostrar información pertinente a una sección, en este caso conceptos {a}dosados a una sección.

Prototipo 3 Tercer prototipo funcional de Con§tel. Se decide eliminar el "metatexto" por llegar a la conclusión de encontrar que su función era redundante y compleja a la hora de agregar una {a} o una {n}. Con esta nueva división el "texto" posee un largo al total de la pantalla lo que ayuda en la lecturabilidad de contenidos, siendo generoso con el espacio que el lector precisa para leer, y no

El metamapa desaparece pero su función no, y se complementa de acuerdo a la acciones que el usuario realice, así se desplegaran notan si el autor las quiere leer a continuación de la sección elegida como una lista desplegable donde también se pueden agregar nuevas {a}es a la sección.

Prototipo 4 Cuarto prototipo Con§tel, mejoras en el despliegue de listas en informaciones de ficha, y afinación de formularios..

En este prototipo se definen nuevas ventanas iniciales, una ventana inicial con un diagrama explicativo, que consiste en una estructura explicatoria de con§tel en FLASH, más el formulario de "Loggin" y la posibilidad de crear un nuevo usuario. Esta ventana se crea como primer paso y encuentro con Con§tel y lo importante de aclarar al Usuario en que consisten las distintas cajas de contenidos de la Interfaz. Luego de ingresar con la clave y contraseña, ingresamos al prólogo desplegado en el "textarea" como una forma de acostumbrar al usuario a la lecturabilidad en Con§tel. pudiendo navegar en un principio por los prólogos, y teniendo la posibilidad también de navegar por las secciones de Con§tel. Quedan Afinados los Formularios. Al hacer un nuevo documento, tenemos la opción al querer especificar un autor, de agregar un Autor denominado "fundamental" o aquel autor muerto en el nombre del que se crean sus documentos. Los formularios de Loggin, y nuevo usuario también son ajustados para satisfacer las necesidades del usuario y los administradores. Los Aspectos técnicos también llegan a una maduración, las listas desplegables quedan afinadas, tanto las de notas y {a}es como la ficha colapsable. Semánticamente también se hace un distinto entre las notas del concepto elegido y por el cual se llego a la sección de las notas de los conceptos {a}dosados a esta sección. El pop-up acompaña las acciones del usuario en un estado beta (solo se visualiza en Firefox) iluminando el actuar del usuario, sobre todo en faenas de marcar una sección.

i{n}teracción Diseño de Interaccion para el Usuario. Definición de las acciones presentes en la Interfaz, y de las partes de ella. Desarrollo de la tabla de Flujos de Con§tel, como base para entender y modificar la Interaccion. Y Proposición y Desarrollo de una Interaccion de Usuario, para el modelo de visualización del “libro abierto”, elegido como modelo de interfaz final a implementar.

Flujos Como una manera de ordenar en un espacio bidimensional los flujos de acción para tener claro con el grupo de trabajo cuales son las acciones al hacer click o rollover en los elementos dispuestos en la interfaz. Así sabremos que sucede cuando hacemos click en un elemento determinado y donde se desplegara la acción, en cual de las áreas determinadas por la visualización.

M{a}pa de Sitio Se desarrolla el mapa de sitio estrucutral de constel. en el mapa de sitio se manifiestan las relaciones y orden de estas, a trave´s del sitio como llegamos desde el inicio a marcar o agregar un nuevo documento. En el mapa de sitio se puede ver la profunddad del sistema y la interaccion de las partes.

Proviene de A

[a] Se despliegan listas de secciones adosadas al concepto

§

1

Continúa en B

§

2

§

3

§

4 ...

§

n

Proviene de B

Se despliega la sección elegida, se lee el documento

§

Se puede leer el texto a donde pertenece la sección

sección

TF

La seccion puede ser marcada con distintas {a}es - conceptos

[a]

[a]

[a]

[a]

1

2

3 ...

n

Se pueden leer las notas de la sección, de acuerdo a la {a} adosada

[n] 1

[n] 2

[n] 3

“MARCAR” Proviene de C

Se toma un texto completo

[a]

TF

TN

Se secciona

§ Continua en B Se le da una {a}

[a] Se puede anotar la sección marcada

[n] 1

[n] 2

[n] 3

“VER/ OCULTAR” Proviene de D

“MARCAR” Continua en C

Se Ve el texto Fundamental

TF

TF Y se marcan en la lectura sus marcas:

{§} secciones

§

{a} conceptos

[a]

{n} notas

[n] 3

“NEW DOC” Proviene de E

Al crear un nuevo documento entregamos sus datos y agregamos el contenido en el editor.

EDITOR WYSIWYG

“MARCAR” Continua en C

Se agrega un nuevo documento

TF

“VER/ OCULTAR” Continua en D

Asi es como se agregan textos fundamentales a Con§tel, los cuales se pueden marcar

TN

Diseño de Interacción Diseño de Interacción final para con§tel, la cual se basa en una navegación y flujos modulares, donde el mapa, la Metamapa y el texto son módulos de autonomía física. La geometría de las interfaces de usuario se rige por un régimen de contenedores y contenidos, donde cada uno de ellos debe expresar con claridad su orientación y uso. La zonificación de la pantalla cobra un valor esencial ante lo múltiple y simultáneo de los elementos que permanecen visibles. Directrices de Visualización

El Flujo de Mapa a Metamapa y finalmente a Textarea, desde la ventana introductora se consolida y se concreta finalmente en un diseño de interacción que guía paso a paso a manera de sotoryboard, las acciones por las cuales deberá el usuario hacer aparecer la "maquina" en su formalidad mas intrínsecamente aplicable, la de la interacción. Respecto de la zonificación, es importante el distingo entre izquierda y derecha. La mayoría de las aplicaciones occidentales destinan el lado izquierdo para quedar ante y operar en la totalidad; normalmente son los índices, menús o las acciones más totalizantes o genéricas, de partido temático y universal (abertura de canales). El lado derecho, en cambio, avanza hacia lo particular, por ejemplo, despliega lo seleccionado en el lado izquierdo (Terminal). Se trata de la profundidad directrices de visualización

xplica - introduccion de estructura Esta animación comprende una analogía de presentar al lector un “uno a uno” dándole una pincelada desde la cromática hasta las divisiones principales a modo de reconocimiento posterior en su primera mirada del interfaz.

Mapa: se explica la dimisión del Mapa y se muestra su superficie. Mapa de Relaciones Con§tel.

Es una explicación de la estructura Con§tel, Un modo de presentar al Usuario la forma en que la pantalla se divide, y la función de cada división, es un recurso estructural que asiste al que ingresa antes de ingresar, aclara, acota y sitúa al usuario.

Metamapa / Secciones : Se explica la dimension y función del Metamapa. Division que muestra secciones de una {a} elegida

Metamapa / fichas : Se explica la dimension y función del Metamapa. Division técnica para tener los datos de secciones y textos.

Textarea : Se explica la dimension y funciçon del Textarea. Lugar para la lectura en Con§tel, se desplegaran las Secciones, notas y textos completos.

Al hacer Click en el botón Loggin se desplegara el campo de Usuario y contraseña. Al Ingresar sus datos el Usuario Ingresa a Constel en una eentana con el Prologo.

nuevo usu{a}rio Al hacer lcick en Nuevo Ucuario se desplegara la interfaz constel con el formulario de Nuevo Usuario cargado en “Textarea”

Al llenar el fomrilario el Usuario habra ingresado a Con§tel, donde como primera medida tenemos el Prologo como una manera de acostumbrarnos a la División y a la lectura en Con§tel. Es un estado previo es la pre- navegación de Con§tel

Prólogos Una primera instancia con el texto esto es en cuando se ingresa al sitio, presenta desplegado en el texto un documento con los estilos determinados para la presentación de algun documento en esta zona del interfaz..

EL Usuario podrá navegar en un principio por distintos prólogos adentrando en la problemática y fundamentos del Proyecto. En el sector de la ficha el Usuario podrá acceder a los otros prólogos u otros textos segun sea el caso.

Navegación Al elegir un punto del mapa el Usuario navegará por el universo textual de Con§tel. Al elegir un Concepto {a} podra ver las Secciones {§} pertenecientes a esta {a}

Al elegir una sección de la lista que su Concepto {a} elegid trae, se despliega la sección

§ección - lectura de secciones La seccion vendrá acompañada de {n} notas, que se verán al hacer click en la palabra {n}otas o en algunas de las {a}dosadas, otras secciones con las que otras personas han titulado a la misma sección. Al hacer click se despliega una lista

Las notas se despliegan y se pueden leer, en la misma ventana, y cerrar haciendo click en la palabra indice para esconder las notas.

{n}otas - {a}sas Al final de cada lista de notas se encuentra un pequeño editor para agragarle notas a la sección que se lee.

Cada sección tiene Autor, que es el usuario que se loggea, y quien marca y secciona. Este Autor tiene una ficha personal y datos de Historial en Con§tel, tales como datos numericos acerca de marcas, notas y Textos Completos.

De la §ección al Texto Fundamental Desde la ficha del autor de la seccion se puede acceder nuevamente a la §ección, Ésta se verá acompañada de {n} notas, que se veran al hacer click en la palabra {n}otas o en algunas de las {a}dosadas, también se verán otras secciones con las que otras personas han titulado a la misma sección. Al hacer click se despliega una lista

En la ficha de la §sección podemos hacer click en el titulo del texto completo de la cual proviene la sección a marcar y se puede ingresar al texto completo - {TF} texto fundamental.

Autor fundamental En la ficha de la {§} sección o en la ficha del texto copleto se puede acceder a la ficha del texto del cual proviene la sección. Del Texto fundamental, podemos ingrasar tanto al texto completo como a la ficha de su Autor En este caso Godo.

Desde el autor del Texto Fundamental Completo {TF} se puede acceder nuevamente a la §ección, o la ultima §seccion marcada. Así tambien se podrá ingresar a los documentos del autor.

m{a}rcar Al hacer click en marcar el texto completo del cual proviene la seccion que leíamos, cada palabra del texto se convierte en hipervínculo, esto sucede con el texto en su totalidad.

Se elige la primera palabra de la sección a marcar. Al hacer esto el texto que precedía a esta sección desaparece, siendo la palaba elegida la primera del texto ahora.

Esta acción permite marcar un trozo de texto de la Red. Esto se hace y desarrolla en la misma área de lectura del texto, se marca un texto desplegado. El usuario podrá al hacer clic en “marcar” ir al texto completo de la cual proviene la sección que leía, y decir desde donde hasta donde quiere su sección, para eso elige mediante un clic su palabra inicial y luego su palabra final.

Se elige así la última palabra de la sección elegida, desapareciendo todo el texto que seguía a esta palabra, creandose la sección que el usuario desea. Ahora a continuación de la sección aparece un imput, para “titular” la sección con un concepo o palabra clave {a}. Por ejemplo “Amereida”

Luego de haber titulado la sección, si esta sección ya contaba con otras titulaciones de otros usuarios, nuestra tituacion se pondra al final de la lista, y al hacer click en ella podrmeos crear una nota si lo deseamos.

Ver marcas Usted podrá activar y desctivar las marcas de un texto al hacer click en el botón “ver marcas” así usted podra leer o no las secciones de un Texto fundamental determinado.

El texto se vuelve complejo y se pueden ver las {§} secciones, {n} notas y {a} aes, dintinguidos etructural y graficamente, dispuestos en el espacio del texto, como notas al margen que uno hace en el acto de estudiar y leer un libro.

l hacer click en ver marcas, usted podra ver las “marcas” o secciones de un texto determinado. Así podra enterarse en que lugar del texto descansan las secciones y cuantas secciones este texto tiene

{n}uevo documento - texto de apertura Se permite agregar un Nuevo documento a la Red, esta acción se desarrolla en 2 momentos dentro del área de lectura, se reemplaza la lectura, primero por un Formulario donde ingresamos los datos del texto, como su titulo, autor, edición, etc.

Despues de Ingresar los datos del nuevo Autor, la ventana del formulario de “nuevo documento” se restaurará con el nuevo autor dentro de la lista de imputs. Y el usuario podrá seguir llenando el formulario con información.

Al hacer click en “New doc”, el usuario podrá ingresar nuevos documentos a la red con§tell, a estos textos los denominamos textos de Apertura {TA}, textos que ingresan los usuarios para aportar a la red de conocimiento academico con§tel.

Luego en la zona de Edicion el autor podrá Ingresar el texto y darle formato grafico y tipográfico.

Determinación iconográfica para el editor de textos, en cuanto esté implementado, manteniendo el aspecto cromático.

m{a}rcar Este nuevo documento es ingresado y se puede leer el resultado final. El sistema, nos avisa que el proceso de agregar un documento está terminado mediante un popup de instrucciones. Luego de Ingresar su nuevo documento, podrá marcarlo y seccionarlo, al hacer click en anotar usted podrá marcar una seccion de su texto.

Cada palabra del texto del nuevo documento se se convierte en hipervínculo, el hacer click en una palabra significa iniciar o terminar una marca. Se elige la primera palabra de la sección a marcar. Al hacer esto el texto que precedía a esta sección desaparece, siendo la palaba elegida la primera del texto ahora.

Esta acción permite marcar un trozo de texto de la Red. Esto se hace y desarrolla en la misma área de lectura del texto, se marca un texto desplegado. El usuario podrá al hacer clic en “marcar” ir al texto completo de la cual proviene la sección que leía, y decir desde donde hasta donde quiere su sección, para eso elige mediante un clic su palabra inicial y luego su palabra final.

Luego se eligie así la última palabra de la sección elegida, desapareciendo todo el texto que seguía a esta palabra, creandose la sección que el usuario desea. A continuación de la sección aparece un imput, para “titular” la sección con un conceptp clave {a}. Por ejemplo “Amereida”

Luego de haber titulado la sección, si esta sección ya contaba con otras titulaciones de otros usuarios, nuestra tituacion se pondra al final de la lista, y al hacer click en ella podremeos crear una nota si lo deseamos.

conclusió{n} Con este Diseño de Interacción, termina el Taller de Título 3 Con§tel, del Alumno Rodrigo Vera. Este diseño de interacción, es una puesta a punto del sistema, el cual supone un sistema posibles cambios y estructuraciones, y corresponde al termino de la etapa de taller de titulo que conforma la base para al trabajo posterior sobre el sistema Con§tel. .

Bibliografí{a} + THE ELEMENTS OF THE USER EXPERIENCE + Jesse James Garret.r + THE ART AND SCIENCE OF THE WEB DESIGN + Jeffry Veen. + INFORME CON§TEL 205 + Herbert Spencer - Manuel Sanfuentes + PRESENTACION SEMINARIO MEXICO + Herbert Spencer - Manuel Sanfuentes desde la web: + PRESENTACION DE CON§TEL + http://www.arquitecturaucv.cl/detalle.php?id=94 + TALLER DE TITULO 2 + http://www.arquitecturaucv.cl/detalle.php?id=316 + TALLER DE TITULO 3 + http://www.arquitecturaucv.cl/detalle.php?id=352

{a}gradecimientos A mi familia, a mis padres, Judith y José por los valores, que me entregaron y la fuerza de luchar cada día, a mis hermanos Jacqueline, José y Gonzalo, por creer en mí y por el apoyo diario y constante, para surgir. A mis amigos por compartir mis sueños, gracias a Claudio, Nelson, Paul, Pedro,Juan, Rodrigo y René. Gracias a Paola por el apoyo y amistad. A mis compañeros de titulo, Daniela por compartir la mano plástica, el talento inherente, a Julio por compartir la visión de Diseño, la metodología. A cada uno de mis profesores en la Universidad, a Alejandro por el amor a la tipografía y al blanco de la pagina, a Silvia por enseñarme que se debe estar aún cuando la mano no acompaña, a Michéle por darme las herramientas del estudio a Jorge por compartir la experiencia y la visión de mundo; a Flor.O por el acto poético, y el cariño al libro; a Herbert por presentarme Con§tel y todo lo que implicó el proyecto. Agradezco también a la Biblioteca, a Guillermo por el buen animo y amistad, a Pamela por su deferencia y cordial trato. A Mario por el saludo y energía de cada dia; a Elsa por la simpatía y agradable trato. Gracias a cada uno, y a todos; mis disculpas a quien no he nombrado y se considera un colaborador, total agradecimiento a todos por colaborar hasta en la manera mas indirecta con mi carrera Universitaria y mi vida personal. Gracias a todos.

Rodrigo Vera

colofó{n} Esta edición corresponde a la carpeta de tesis del alumno de Diseño Gráfico, Rodrigo Vera.El contenido bruto de esta carpeta fue impreso desde el Navegador Opera 8.5, desde el sitio de Título Con§tel [www.cursos.ucv.cl/arq48500], El contenido se concibe como una publicación de internet, y se usa el Estilo de impresión del sitio [constel-impresos.css] para imprimir la información, esto porque pensamos que el usuario con§telado, tambien podrá imprimir sus contenidos usando una version para imprimir de la css principal, así nos ponemos en el lugar del usuario, que anota, titula, edita y luego imprime, el autor estudioso, tal vez para volver a marcar sus impresos, titular al margen. Este estilo de impresión diagrama con bordes generosos, pensando en el que lee y anota, quizá esta tesis se hipertextualice con notas al margen de los usuarios, quizá no, al menos la posibilidad está. Las paginas de presentacion y conexion de cada tema y el diseño de Interacción final se diagramaron en Adobe InDesign CS2. El papel usado es opalina lisa nacional de 200 gramos para los textos y Opalina hilada Ahuesada para las hojas introductorias, todo impreso en una impresora Epson Stylus C45 a una resolución de 300 dpi. Esta edición se terminó de imprimir el 20 de octubre del 2005 , en Valparaíso, Chile