**taller aproximación experimental al net.art - gmmd - julio 2002 - hiperpatchwork: hiperlaberinto cooperativo

: tag : enlloc.org : : : :

hiperpatchwork: hiperlaberinto cooperativoLa propuesta para la segunda y tercera semanas del taller es confeccionar una especie de hiperpartchwork colaborativo que podrá ser recorrido como si fuese un laberhiperpatchwork: Miguel Angel Costa Masinto de hiperenlaces.:'imaginarse la prácticaDesde el punto de vista de la navegación podemos imaginarnos que cada participante crea una o varias paredes de un laberinto en las cuales realiza una serie de aberturas. Cada abertura es un enlace a una página prohiperpatchwork: Núria Badia Comaspia o de otra persona. La manera de trahiperpatchwork: Jaume Ferrer Roserabajar las aberturas gráficamente queda libremente a criterio del participante. Cada cual decide el número de aberturas y donde van a parar, de manera que está definiendo la estructura de una parthiperpatchwork: Jaume Subirats Alexandrie del laberinto pero no controhiperpatchwork: Albert Lopez Sanfeliula su conjunto. A la hora de la elaboración también puede resultar de ayuda otra imagen: hemos llamado provisionalmente a esta práctica hiperpatchwork a la espera de que popongáis un nombre mejor. Imaginemos que cada participante esthiperpatchwork: Pep Augé Ribasampa varias telas y las colochiperpatchwork: David Gómez Fontanillsa en un espacio público, luego, cada uno elabora su propio patchwork tomando prestados algunos fragmentos de los diseños públicos de los demás, de modo que aunque cada patchwork es una obra privada, lhiperpatchwork: Carlos Pérez Navarroos elementos que lo constituyen son públicos y compartidos.:'genFset1 [un ejemplo]Hemos elaborado un pared o patchwork de ejemplo para que tengáis una idea más clara del efecto que se pretende conseguir, aunque en este caso no hay nadie que junte los elementos puesto que son el resultado de un proceso aleatorio. Usaremos este ejemplo para ilustrar algunos puntos de la explicación siguiente::'fases de desarrolloBàsicamente, tomar parte en esta práctica supone llevar a cabo cuatro fases de trabajo en el orden siguiente. Recordad que una entrega parcial debería efectuarse el propio viernes, 19 de julio, y que la finalización está prLas siguientes personas han creado también documentos públicos: Jordi Baucells, Miguel Angel Costa, Núria Badia, Carlos Pérez, Sendo Suñer, Jaume Subirats, Albert López, Pep Augué, Jaume Ferrer i David Gómezevista para el 25 de julio:crear y colgar documentos públicosfacilitar al consultor las urls de los documentos públicoscrear y colgar documentos privadosactualizar los documentos públicos y colgarlos de nuevo:'1 » crear y colgar documentos públicosCada participante debe elaborar distintos documentos HTML de forma totalmente libre pero con la única restricción de no contener ningún enlace. Estos documentos seran los 'ladrillos' de nuestra pared o 'telas' de nuestro patchwork, por lo que debe tenerse en cuenta que acabarán siendo visualizados dentro de un frame (tal y como se puede apreciar en el ejemplo) de dimensiones y proporciones muy variadas. Una vez elaborados, deberéis colgar estos documentos públicos en vuestro espacio de web personal. Tened en cuenta que estos documentos todavía no estan acabados y que volveremos a ellos en la fase 4.:'2 » facilitar las urlsUna vez colgados vuestros documentos públicos en la red, deberéis enviar al consultor un mensaje (jferrerr@uoc.edu) facilitando sus URLs. En un plazo máximo de 24 horas, el consultor añadirá estas direcciones a una lista de libre acceso consultable a través de la aplicación creaFset 1.0 para que todo el mundo pueda usar los documentos públicos de los demás durante la fase de trabajo siguiente.:'3 » crear y colgar documentos privadosCada participante elaborará uno o varios documentos HTML divididos en frames (marcos). La distribución y tamaño de los frames será totalmente libre. Dentro de cada frame, deberán referenciarse únicamente documentos que se hallen en la lista de URLs facilitada por el consultor. Lo ideal sería que algunos de los frames estén ocupados por documentos públicos vuestros y otros por documentos públicos generados por vuestros/as compañeros/as. Vosotros decidís como jugáis con los elementos, que son todos ellos públicos (compartidos) para definir vuestra propia y personal composición.Estas divisiones en frames (frameset o conjunto de marcos) definirán la composición de vuestra pared o patchwork y constituirán vuestros documentos privados. A diferencia del ejemplo, en este caso no habrán sido generados aleatoriamente si no que responderán a vuestra intención, es decir, constituiran un determinado ambiente con vuestro propio estilo. También los colgaréis en vuestro espacio de web personal, pero la dirección de estos documentos no será facilitada al consultor ni se hará pública, por tanto sólo será conocida por su autor/a. Para facilitar el trabajo en esta fase, hemos desarrollado una pequeña aplicación llamada creaFset 1.0 que os permitirá generar la división de frames y consultar el aspecto de los documentos públicos antes de asignarlos a cada frame.:'4 » actualizar documentos públicosPuesto que la dirección de vuestros documentos privados no será conocida por los demás. La última fase consiste en editar vuestros documentos públicos, añadir en cada uno un enlace que apunte a alguno de vuestros documentos privados y volver a colgarlos en la red.En la explicación del Plan de Trabajo se comenta un modo de establecer el enlace basado en una imagen centrada en una tabla, pero una forma más óptima (porque no interfiere en el trabajo de diseño previo que contenga la página) consistiría en añadir una capa que empiece en la esquina superior izquierda y que ocupe el 100% de la ventana en ancho y alto e insertar después dentro de la capa un GIF transparente de 1x1 píxel (para que ocupe el mínimo de memòria) y extenderlo desde Dreamweaver al 100% de la capa en ancho y alto. Deberéis asignar a esta imagen un enlace a alguno de vuestros documentos privados y precisar que:TARGET = ' _top'Así el documento privado no se cargará dentro de un frame sino que llenará toda la ventana del navegador. Finalmente, deberéis colgar de nuevo en la red los documentos públicos actualizados. No es necesario volver a enviar sus URLs al consultor, puesto que no habrán cambiado.El efecto que se pretende conseguir es el que se muestra en el ejemplo, esto es, que una vez cargado un frameset, simplemente clicando en cualquier punto de un frame 'viajemos' a un nuevo frameset. Naturalmente, de vosotros depende que al clicar avancemos o nos quedemos en el mismo lugar, puesto que si añadís un enlace a un documento público lo convertís en una puerta de acceso a un nuevo frameset contenido en otro documento privado, a una nueva 'pared', pero si lo dejáis sin enlace se convierte en un pedazo de muro que no lleva a ninguna parte.:'creaFset 1.0 [aplicación para generar framesets]Durante la fase 3 de trabajo, la aplicación creaFset 1.0 puede usarse de tres modos distintos:como generador aleatorio para consultar la lista de URLs de los documentos públicos disponibles para construir un frameset de forma personalizada :'1 » como generador aleatorio La aplicación genera por defecto un frameset de 3x3, esto es, 9 frames, con las características siguientes: las divisiones están repartidas a partes iguales a lo largo del ancho y alto de la ventana del navegador y a cada frame se le asigna aleatoriamente una de las direcciones de la lista 'oficial' de documentos públicos. Por tanto, si os limitáis a generar el frameset sin modificarlo estaréis obteniendo una composición bastante rígida e impersonal, aún así, si deseáis usarla debéis tener en cuenta que el resultado final es un documento ya acabado que se visualiza en vuestro navegador. Si alguien desea aprovecharlo tan solo debe acceder al código fuente mediante la opción habitual del navegador, copiarlo entero y pegarlo tal cual en un documento HTML nuevo. :'2 » para consultar la lista de URLs de los documentos públicos disponibles La aplicación genera framesets con ciertas limitaciones, si deseáis algo más sofisticado podéis construir desde cero vuestro propio frameset. La aplicación os puede resultar igualmente útil puesto que muestra un listado con todas las direcciones disponibles de los documentos públicos. Se puede visualizar cada uno de ellos, por lo que podréis usarla para escoger las URLs que deseáis añadir al documento privado que estáis elaborando. :'3 » para construir un frameset de forma personalizada La aplicación os permite, a partir de la configuración por defecto de 3x3 divisiones repartidas de forma equidistante, añadir o sustraer filas y columnas entre 1 y 9. El ancho o alto de cada división puede ser modificado. También puede visualizarse la URL que por defecto ha sido asignada a cada frame y podréis substituirla por qualquier otra de las disponibles. El resultado final es un documento ya acabado que se visualiza en vuestro navegador. Si alguien desea usarlo tan solo debe acceder al código fuente mediante la opción habitual del navegador, copiarlo entero y pegarlo tal cual en un documento HTML nuevo................................................. .............................. ................................ ............ ....................................... .............................. ................................ ................................................... .............................. ................................ ................................................... .............................. ................................ ................ ................................... .............................. ................................ ................................................... .............................. ................................ ................ ....... ........................... .............................. ................................ ................................................... .............................. .............. .................. ........... ........................................ .............................. ................................ ................................................... .............................. ................................ ................ ................................... .............................. ................................ ................................................... .............................. ................................ ......... ................... ....................... .............................. ................................ ................ ................................... .............................. ................ ................ ......... .......................................... .............................. ................................ ................. .............. .................... .............................. ................................ ......... .......................................... .............................. ................................ ................................................... ............. .............. ... ................................ .................................. ................. .............................. ................................ ................................................... .............................. ...................... .......... ................................................... ................... ........... ................................ ................................................... .............................. ................................ ............ .......... ............................. .............................. ........................... ..... ................................................... .............................. ................................ ................ ................ ................... .............................. ................................ ........... ........................................ .............................. ................................ ................ ................................... .............................. ............. ................... ................................................... ............ ......... ........ ................................ ................................................... .............................. ................................ .............. ..................................... .............................. ...... .......................... ................................................... .............................. ................................ ............... ....................... ............. ...... ........ ................ ................................ ......... .......................................... .............................. ................................ ............