Instrucciones para Llorar

July 22, 2017 | Autor: Claudia Araya López | Categoría: Nuevas tecnologías, Lenguajes y tecnologías, Web Programming, Programacion
Share Embed


Descripción

UNA – Maestría LAC Docente: Alejandro Schianchi Materia: Tecnologías I – Examen Marzo 2015 Instrucciones Para Llorar http://instruccionesparallorar.net63.net (Se recomienda usar Navegador FireFox) Alumna: Claudia Araya López

Objetivos A

partir

de

inquietud

la

instrucción

desafiante

hacia

del el

como

llorar,

usuario.

El

se

intenta

objetivo

del

generar

una

proyecto,

es

verbalizar emociones, recuerdos y sentimientos a partir de la acción de llorar.

Confrontar

disparidades

tales

como

lo

orgánico

y

lo

maquínico

(Sociedad - Deleuze), lo intimo con lo público que podría resultar de una página web la que enseña a llorar a partir de la interacción instaurada por medio de botones que hacen leer noticias de periódicos on line, que siendo tristes o no, dan la interrogante de que si están ahí para ese efecto y porqué. Del mismo modo es una crítica a los medios y a la mediación de información a la cual nos vemos expuestos.

Descripción Breve El

proyecto

se

enmarca

al

interior

de

una

página

web,

la

que

en

su

encabezado dice “Instrucciones Para Llorar”, coincide con el cuento de Cortázar

del

instancia

mismo

propia

nombre, del

en

ser

el

que

humano

nos

enseña

cuando

se

a

como

llegar

encuentra

a

la

triste.

Descriptivamente detalla cada movimiento y paso a paso genera instrucciones de como poder realizar y llevar a cabo la acción de llorar.

En la parte superior existen 4 imágenes de una pintura de un niño llorando llamada “Niño llorón” del pintor Bruno Amadio (1911-1981). Cada fotografía es

un

botón

el

que

nos

lleva

a

leer

noticias

actuales

de

diarios

electrónicos de la Argentina y de fuera, por medio de las herramientas RSS y Marquee, la noticia se lee de un lado al otro en forma dinámica. Las noticias

se

despliegan

de

derecha

a

izquierda

al

interior

del

mismo

recuadro de la pintura del niño llorando, ahora ausente. Cambian y se actualizan

a

cada

hora,

al

ser

provistas

por

diarios

electrónicos

(Internet).

Concepto Los ejes principales del proyecto varían desde la proximidad de lo orgánico y sensorial como reacción humana acercando a lo maquínico y tecnológico, generando un diálogo familiar y coherente entre sí. Acá me refiero a la interacción

planteada

por

Giannetti: “(…)

es

necesario

subordinar

los

intereses puramente estéticos a la creación de una relación interactiva entre el observador y la obra. Con otras palabras: introducir el parámetro control. Esto significa un giro importante, dado que implica redefinir tres campos esenciales: los de la percepción, la exhibición y la estructura”1. Las

dos

partes

hablan

y

se

comunican

siendo

diferenciadas

por

la

más

evidente diferencia: la capacidad de sentir. Al mismo tiempo existe la variable de tiempo presente en el ejercicio por medio de las noticias, las que “hacen llorar”, no hay discernimiento ni selección de encabezados, más aún

los

RSS

serían

titulares

escogidos

por

el

mismísimo

medio, Obra

inteligible2. Se da por hecho que todas son tristes y ahí radica la crítica a los medios y prensa de la que somos parte día a día; la disposición con la que

nos enfrentamos

a lo

que se nos

dice como

“cierto” y

no nos

preguntamos si es que acaso es realmente “cierto”, simplemente se asume como tal, haciendo referencia a la anulación de la nuestra diferencia, como dice Hito Steyerl: “La voz del pueblo se concibe como la unidad de las

diferencias”3. Hablo del tiempo sin tiempo por que a veces no importa saber si es que lo que leemos es de hoy o de ayer, más solamente el estar por 1 GIANNETTI Claudia: Arte Humano/Máquina. Virtualización, Interactividad y Control”.Pág. 215 2 IDEM. Cuando la autora se refiere a Estructura abierta, que posibilita el acceso: intercambio de información. Pág. 215 3 STEYERL Hito: “Los condenados de la Pantalla, Cap: La articulación de la protesta” Pág. 86

estar, haría visible nuestra posición en la sociedad; dispuestos a recibir sin movernos de nuestro metro cuadrado. Entra en juego el “Manual de instrucciones”, siendo también el título del libro en donde pertenece “Instrucciones para Llorar” de Julio Cortázar. Existiría en general una necesidad de explicar y entender lo que deberíamos hacer y lo que no desde nuestros orígenes a partir del que escribe la historia. Mediante un manual de instrucciones podríamos fácilmente armar, desarmar y volver a ejecutar funciones propias de una máquina, que en este caso vendría a ser la del ser humano. Con respecto a este punto, cabría destacar la importante influencia de la literatura al interior de las primeras obras de NetArt, como bien lo menciona Alejandro Schianchi en el libro de María Zerbarini: Estado de situación del NetArt: Del NetArt al

Outernet art, su vinculación aparente podría residir debido “a la cuestión técnica de velocidad de conexión que permitía trabajar mejor con el texto que con las imagenes y sonidos” 4 y como bien menciona al libro de Cortazar “Rayuela” refiriéndose a su estructura no lineal, contrapuesto a la obra de “instrucciones para no llorar”, de que a pesar de tener estructura, ésta tiene componentes que al interior de otros, no podrían ser previsibles de ninguna forma.

Fundamentación El proyecto va dirigido al público en general que tenga acceso a la web. Al estar subido a internet, su contenido es abierto y de fácil acceso desde cualquier ordenador. Se considera un primer acercamiento al código HTLM5 y derivados. Desde

la

inicios

perspectiva del

proyecto,

de

la

es

“memoria”

necesario

como definir

factor

a

incluir

primeramente

las

desde

los

imágenes

empleadas a partir del recuerdo e imaginario colectivo que representan. Decidí ocupar

la pintura de Bruno Amadio llamada “El niño Llorón” la que

tendría toda una carga emocional y de creencia popular diciendo básicamente que estaría pintado un niño que murió en un orfanato y que el cuadro estaría poseído por el Diablo. “Cuenta la leyenda que este pintor frustrado 4 SCHIANCHI Alejandro: Zerbarini Marina: “Radiografía del Net Art Latino. Vitalidad creativa en riesgo de extinción” pág. 13

por su poca fama como artista plástico, decidió hacer un pacto con el diablo para que su obra fuera reconocida por la sociedad de entonces. Se dice que la pintura fue el retrato de un niño que vivía en un orfanato, poco después el orfanato se quemó con el niño adentro, y el alma atormentada de la criatura se encuentra atrapada en dicho cuadro”5.

A partir de esta imagen se genera un juego del “temor” hacia lo desconocido y diabólico, como bien dice Campbell en relación al diálogo “Si el usuario

se da cuenta de la relación que existe entre sus acciones y la respuesta de una obra que comienza a responder de manera predecible, él sentirá que puede controlar dicha obra, y la posibilidad de diálogo se habrá perdido” 6. Quedando abierta, sin saber a que vá, sin predicción. Para esto superpongo a

las noticias de los medios por encima del cuadro de

Bruno Amadio. El manejo de información, arbitrariedad y absoluta y des objetividad generada por los medios del poder, conciben miedo colectivo y desinformación. La misma situación de hacer llorar a un niño asustándolo, no dejándolo jugar Y coartándole su libertad. El cuento e Cortázar anuncia, enmarca y recoge indicaciones que dan a pensar en un posible escenario triste y de llanto. Estando por debajo de las noticias y de las imágenes de Bruno Amadio, quedarían abiertas las posibilidades de realizar efectivamente lo que plantea Cortázar; sacando los

implementos

como

el

pañuelo

y

poniéndose

a

pensar

en

cosas

melancólicas, o simplemente contextualizarlo al interior del sitio web, de sus imágenes y del real contenido. Se realiza una lectura general, una itinerancia de palabras e imágenes por parte del usuario, una decisión y elección de jugar el juego.

Desarrollo del proyecto El desarrollo del proyecto comenzó con una investigación en como poder asociar y vincular los recuerdos más próximos del ser humano hacia los de una computadora y su red. Vincular a la memoria virtual, memoria que no es tangible, a nuestra memoria inserta en nuestro cerebro, (que por lo demás tampoco

lo

es),

pero



tenemos

conciencia

5http://www.soyesoterica.com/mitos/el-misterio-del-cuadro-el-nino-lloron.html

de

ella

por

6 CAMPBELL Jim: “Diálogos ilusorios: El control y las opciones en el arte interactivo” Pág. 2

que

nos

ha

acompañado toda nuestra vida. El tamaño de cada una, es un tema que no voy a tratar en este ejercicio, lo que sí me convoca a investigar sería el cómo por medio de un ordenador seríamos

capaces

de

vincularnos

afectivamente

y

tener

un

espacio

de

nosotros en su interior, una memoria nuestra e intransferible o Como bien dice Campbell :”(...) Ya que el artista no escribe la interacción desde el

punto de vista del usuario, el mismo podrá responder más libremente frente al programa”7. ¿Cómo traspasamos nuestros recuerdos y objetos adentro del ordenador? ¿Es posible

tener

un

baúl

de

recuerdos

en

nuestra

computadora?

O

bien,

Podríamos poner el mismo nombre al lugar “especial” en donde guardamos nuestras cosas? Recojo el término “ocupación” utilizado por Hito Steyerl, en donde ella se refiere a sus diferentes significados al interior de la cultura

occidental

ocupación

como

y

por

qué

no

labor

del

artista

Americana, del

siglo

en

espacios

XXI

(sin

físicos

y

de

remuneración,

a

diferencia de lo que entendemos como empleo). En este sentido, lo asocio a la ocupación de un espacio virtual intangible, pero perceptible mediante la tecnología. “Descongelar las fuerzas que yacen en el espacio petrificado

que se ocupa, significa rearticular sus usos funcionales, hacerlos noeficientes, no-instrumentales y no-intencionales en sus capacidades como herramientas de coerción social”8 “Es un espacio de afecto, materialmente sostenido por una realidad “ripeada””9. Llegó

a



el

artista

Sol

Lewitt

con

sus

obras

hechas

a

partir

de

instrucciones, en donde la gente las reproducía en museos y galerías para ser vistas y contempladas. Se decía que en ese época no se podía descifrar si la obra era lo que estaba pintado y dibujado en el museo o si eran las directrices e instrucciones dadas por Sol Lewitt. Llamó mi atención el hecho

de

que

lo

mismo

sucediera

con

los

códigos

especificados

en

los

programas los que serían después los que generarían los dibujos y gráficos en las diversas plataformas Multimediales. Leo Solaás al hablar de arte generativo explica y desglosa ambas partes (electrónica y análoga). Al mismo tiempo me pareció interesante revisar las diversas posibilidades del arte generativo a partir de modelos analógicos y manuales, no digitales. 7 CAMPBELL Jim: “Diálogos ilusorios: El control y las opciones en el arte interactivo” Traducción Natalia Duarte. Pág. 3 8 STEYERL Hito: “Los condenados de la Pantalla, Cap: La articulación de la protesta” Pág. 121 9 IDEM.

Creo que el ser humano de por sí es un ser autónomo, por lo tanto un ser generador, “genera energía”. Esta energía no es infinita y tiene un límite, es el límite que hizo que fuese remplazado por las máquinas, que si podían realizar el trabajo del humano sin cansarse. A partir de este proyecto, la pantalla es la que incita al usuario a generar. Le revive recuerdos, pensamientos, risas, etc. a partir del hecho de la interacción, el ser humano lee y vincula con su imaginario y base de datos actual de su cerebro, lo que aparecería en pantalla. Funciona la “metástasis” de uniformar todo bajo el velo del negro y de la pena… de llorar, se produce un fallo al interior de nuestras emociones las que podrían

considerarse

como

un error planificado (por parte del artista/

error forzado), una emoción no pautada ni esperada (por parte del usuario). Sea cual fuere la noticia linkeada por el RSS al ingresar en la pantalla de la pagina se convierte automáticamente en una noticia triste con un fondo negro y letras blancas. Debe ser leída en un pequeño recuadro en donde anteriormente había una foto de un cuadro de un niño llorando.

Realización paso a paso Las

herramientas

empleadas

para

realizar

este

proyecto/

ejercicio,

son

HTML5, CSS, Java script y J- Query. Decidí ocupar los RSS de diarios electrónicos online, los que me proveerían del material de noticias actuales. Utilizando esta herramienta fue cuando tome

la

decisión

cualquiera

de

pudiera

realizar

tener

el

acceso

proyecto y

ver

en

las

una

pagina

noticias

que

web a

para

que

todos

nos

involucran. Hubo una selección de imágenes y un debido tratamiento específico en cada una. En la página aparecen 4 GIF animados, los que fueron creados con imágenes

recopiladas a través de la web a diferentes velocidades. Estos

GIF animados fueron creados con programas de internet para realizar GifS en

línea , antes de su creación fueron pasadas cada imagen a Photoshop para ser

optimizadas

en

la

web.

Lo

mismo

con

las

imágenes

del

titulo

y

subtítulos. Hice un Roll Over (llamado popularmente en flash) para cada botón al que le di la función de carga de imagen del niño llorando al

momento de posar el mouse sobre el botón, dando un efecto sobre la imagen GIF: onmouseover="this.src='images/fotos/1.jpg'" onmouseout="this.src='images/fotos/1.gif'" Baje una plantilla CSS gratuita la que fui modificando, incorporando y eliminando partes hasta obtener el resultado presente. La plantilla tenia hoja de estilo, un HTML5 y también un java script (que no estoy segura de haberlo ocupado, por que creo que saqué casi todas sus partes. De todas formas se puede ver todavía en el código). Así mismo me preocupé de los espacios de las imágenes, para que se pudiesen cargar los .HTML de los RSS. Para esto, le hice a cada uno un el que permite cargar una página web al interior de otra, dejando opciones de scrolling automático o no, dimensiones en pixeles y marco de color al borde (también optativo). Con esta herramienta pude seccionar los espacios y distribuir las diferentes informaciones de los RSS en los medios a partir del HTML cargándolo en cada uno (4 botones independientes). Las diferentes oraciones contenedoras de noticias/titulares, fueron creadas con un Marquee, que va de derecha a izquierda con movimiento diferente a cada una para ser leída. Se les cambió el tamaño y tipografía, fondo

y

color. Se les agrego la posibilidad de posar el mouse encima y hacer parar la secuencia con un comando llamado onmouseover

y onmouseout al interior

del HTML5 y cargando la foto respectiva. Decidí que la principal interacción se efectuara en la parte superior donde están las imágenes de los cuatro cuadros en movimiento. Se puede volver al inicio presionando el botón del titulo “Instrucciones para llorar” el que deriva al Index del documento, o bien presionando cualquier imagen, cambia su panorámica.

Planteamientos estéticos al interior del plan de realización:

La selección

de imágenes fue hecha a partir de fotografías que de algún lado reflejarían cierta nostalgia y que habrían capturado el momento en cuando fue tomada más allá de la imagen, refiriéndose a la atmósfera. Queriendo referirme a fotografías que recuerdan episodios específicos en la vida de alguien o de la humanidad. Que las fotografías de los GIF animados sean todas blanco y negro (o de la tonalidad) harían resaltar más al niño llorando y a la intencionalidad de su posición que simula ser azarosa pero no lo es, igualmente al mensaje de los medios, que generarían una cosa que en la mayoría de los casos no es. La

tipografía

escogida

para

los

títulos

y

subtítulos,

es

sacada

del

contexto caligráfico escolar de un niño que aprende a leer, justamente a partir de instrucciones generadas a partir del como dibujar una letra, de generar una palabra a partir del raciocinio de las vocales y consonantes.

Bibliografía Escrita CAMPBELL Jim: “Diálogos ilusorios: El control y las opciones en el arte interactivo” Traducción Natalia Duarte. STEYERL Hito: “Los condenados de la Pantalla” Caja Negra Editora, Buenos Aires, Argentina 2012. GIANNETTI Control”.

Claudia: “Arte Humano/Máquina. Virtualización, Interactividad y

SCHIANCHI Alejandro: “El Error en los Aparatos como posibilidad estética” YOUNGBLOOD Gene: “Cine Expandido” 1º Edición Nacional Tres de Febrero, 2012. EDUNTREF.

Sánez

Peña:

Universidad

Zerbarini Marina: “Radiografía del Net Art Latino. Vitalidad creativa en riesgo de extinción” Editorial Dunken, Buenos Aires, Argentina 2014.

Bibliografía WEB http://aleph-arts.org/pens/definicion_social.html El NetArt, o la definición social de los nuevos medios – Juan Martín Prada. http://www.uoc.edu/artnodes/espai/esp/art/baigorri0803/baigorri0803.html Recapitulando: Modelos de artivismo (1994-2003) http://aleph-arts.org/pens/intro-net-art.html Introducción al NetArt http://www.irational.org/cern/netart.txt ¿What is NetArt?

http://es.wikipedia.org/wiki/Bruno_Amadio

Historia del pintor nacido el año 1911 y fallecido el año 1981. Autor del cuadro “El Niño Llorón”. (Leyenda popular).

http://www.soyesoterica.com/mitos/el-misterio-del-cuadro-el-ninolloron.html Leyenda Popular – Niño Llorón. Revista HambreCine - CANGUI Adrian : Ver construirse el mundo. Notas sobre el cine experimental argentino.[1] http://hambrecine.com/2013/06/24/verconstruirse-el-mundo-notas-sobre-el-cine-experimental-argentino/ SCHIANCHI Alejandro: El Error en los Aparatos como posibilidad estética http://schianchi.com.ar/wp-content/uploads/2014/08/copiafieln4.pdf

Recursos y Herramientas Web Web Sites en donde se pueden generar GIF animados gratis sin necesidad de bajar un programa:

http://www.gifmagic.com/ http://www.online-image-editor.com/ http://www.createagif.net/ Lugar de descarga comerciales:

de

plantillas

CSS

en

HTML5

gratis

para

usos

no

http://www.os-templates.com/free-html-5-website-templates/basic-29 Breve tutorial de como generar un ocupada en este caso, para poner una pagina web al interior de otra.

http://www.htmlcodetutorial.com/frames/_IFRAME.html Página en donde se brinda información acerca la herramienta Markee, ocupada en este caso para pasar noticias en movimiento del RSS al interior de una pagina web.

http://www.htmlmarquee.com/

Lihat lebih banyak...

Comentarios

Copyright © 2017 DATOSPDF Inc.