<?xml 
version="1.0" encoding="utf-8"?><?xml-stylesheet title="XSL formatting" type="text/xsl" href="http://arts-numeriques.codedrops.net/spip.php?page=backend.xslt" ?>
<rss version="2.0" 
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:atom="http://www.w3.org/2005/Atom"
>

<channel xml:lang="fr">
	<title>Arts num&#233;riques</title>
	<link>https://arts-numeriques.codedrops.net/</link>
	<description>artsnumeriques est le support des cours de St&#233;phane Noel, professeur &#224; l'&#233;cole de recherche graphique.</description>
	<language>fr</language>
	<generator>SPIP - www.spip.net</generator>
	<atom:link href="http://arts-numeriques.codedrops.net/spip.php?id_mot=19&amp;page=backend" rel="self" type="application/rss+xml" />




<item xml:lang="fr">
		<title>Agatha appears, Olia Lialina, 1997-2008</title>
		<link>http://arts-numeriques.codedrops.net/Agatha-appears-Olia-Lialina-1997</link>
		<guid isPermaLink="true">http://arts-numeriques.codedrops.net/Agatha-appears-Olia-Lialina-1997</guid>
		<dc:date>2012-01-08T14:14:17Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>St&#233;phane Noel</dc:creator>


		<dc:subject>Art du code</dc:subject>
		<dc:subject>Net art</dc:subject>
		<dc:subject>Web</dc:subject>

		<description>&lt;p&gt;Moins connu que son &#034;My boyfriend came back from the war&#034;, le &#034;Agatha appears&#034; de Lialina pose des probl&#232;mes int&#233;ressants : capacit&#233; de compr&#233;hension technique des visiteurs, probl&#232;mes de maintenance du net art, vieillissement de l'esth&#233;tique du net art.&lt;/p&gt;

-
&lt;a href="http://arts-numeriques.codedrops.net/-Catalogue-virtuel-" rel="directory"&gt;Catalogue virtuel&lt;/a&gt;

/ 
&lt;a href="http://arts-numeriques.codedrops.net/+-Art-du-code-+" rel="tag"&gt;Art du code&lt;/a&gt;, 
&lt;a href="http://arts-numeriques.codedrops.net/+-Net-art-+" rel="tag"&gt;Net art&lt;/a&gt;, 
&lt;a href="http://arts-numeriques.codedrops.net/+-Web-2-0-+" rel="tag"&gt;Web&lt;/a&gt;

		</description>


 <content:encoded>&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L150xH112/arton317-c424b.jpg?1726838340' class='spip_logo spip_logo_right' width='150' height='112' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Tags : net art, narration&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;Moins connu que son &#034;&lt;a href=&#034;http://www.teleportacia.org/war/war.html&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;My boyfriend came back from the war&lt;/a&gt;&#034;, le &#034;Agatha appears&#034; de Lialina pose des probl&#232;mes int&#233;ressants : capacit&#233; de compr&#233;hension technique des visiteurs, probl&#232;mes de maintenance du net art, vieillissement de l'esth&#233;tique du net art.&lt;/p&gt;
&lt;p&gt;&#034;Agatha appears&#034; est une oeuvre en r&#233;seau, du net art. Quasiment un sommet dans ce domaine, car elle utilise le concept de &#034;r&#233;seau&#034; de mani&#232;re litt&#233;rale, comme on le verra. &lt;br class='manualbr' /&gt;Mat&#233;riellement, il s'agit une suite lin&#233;aire de pages web que le visiteur suit en cliquant pour passer d'une page &#224; l'autre. C'est la base du web, donc. De petites animations en javascript ou en gif anim&#233; racontent l'histoire de Agatha, perdue dans une grande ville la nuit. Elle rencontre un homme intriguant lui proposant de lui apprendre la puissance du net.&lt;/p&gt;
&lt;p&gt;L'oeuvre est tr&#232;s &#034;nineties&#034; dans son esth&#233;tique. Fond noir dur, image en gif cr&#233;nel&#233;e et rustique. Lialina utilise les technologies disponibles de l'&#233;poque : les balises &#034;title&#034; font apparaitre les dialogues en survol des personnages, du code javascript provoque des reloads de la page. La finesse de son travail se lit dans les d&#233;tails : ainsi, le nom des pages, dans la barre de navigation, comporte des indications de temps et de lieu.&lt;/p&gt;
&lt;p&gt;Contrairement &#224; d'autres oeuvres de la m&#234;me &#233;poque (Jodi, superbad par exemple) qui destructurent l'exp&#233;rience du visiteur en d&#233;truisant la compr&#233;hension et la logique de l'interface, on a droit ici &#224; un r&#233;cit &#233;crit, dessin&#233;, structur&#233; pour &#234;tre suivi lin&#233;airement avec attention. Olia Lialina a de l'humour et introduit m&#234;me de l'&#233;rotisme dans ses pages froides. La rencontre entre l'homme qui introduit Agatha &#224; l'internet se passe dans un lieu sans d&#233;cor except&#233; un lit dessin&#233; en pixel art. Olia Lialina est la conceptrice du site, la pauvret&#233; du medium internet montre ses limites de codeuse web, mais est surtout une revendication contre l'utilisation commerciale, riche et clinquante qui est en train dans ces m&#234;mes ann&#233;es de monter en puissance sur le net.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_493 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH290/agatha_appears-95c48.jpg?1735800598' width='500' height='290' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Au cours du r&#233;cit, apr&#232;s un essai rat&#233;, Agatha apprend soudain &#224; utiliser le r&#233;seau. Un voyage commence alors &#224; travers le cyberspace (comme on l'appelle alors) : Agatha se d&#233;place de serveur web en serveur web. Non pas seulement m&#233;taphoriquement, par le biais de la narration, mais litt&#233;ralement : le r&#233;cit se poursuit sur des serveurs distants physiquement de milliers de kilom&#232;tres, en Russie, France, Angleterre, Etats unis, etc. Agatha y apprend la griserie de la libert&#233;, joue avec le spectateur qui, distrait, met un temps &#224; se rendre compte de la subtilit&#233;, car il est face &#224; la m&#234;me image d'Agatha sur fond noir.&lt;/p&gt;
&lt;p&gt;Le recours au r&#233;cit n'est pas une premi&#232;re dans le travail de Lialina. &#034;My boyfriend came back from the war&#034; utilise d&#233;j&#224; la narration comme moyen de production. Le web et ses liens hypertextes donnent au visiteur son propre rythme de lecture. Avec &#034;Agatha appears&#034;, Liolina joue sur l'ensemble des param&#232;tres en jeu : url, attribut &#034;title&#034;, animation en script sont au service d'un r&#233;cit lin&#233;aire. L'oeuvre poss&#232;de une po&#233;sie particuli&#232;re, bien balanc&#233;e entre sobri&#233;t&#233;, &#233;conomie et pauvret&#233;.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Maintenance impossible&lt;/h2&gt;
&lt;p&gt;Agatha appears est une oeuvre fragile. Cr&#233;&#233;e pour des navigateurs de 1997, elle peine &#224; rester compatible. Les javascripts sont basiques, mais les normes ont chang&#233; et les bugs sont in&#233;vitables. Peut-on updater du code, quand il est le centre d'un travail ? C'est une des questions pos&#233;es par le net art, ici cruellement mis en avant. Il faut parfois lire le code source pour contourner un bug apparu lors de la consultation de l'oeuvre.&lt;br class='manualbr' /&gt;D'autre part, la beaut&#233; toute conceptuelle du voyage de serveur en serveur a pos&#233; un probl&#232;me de maintenance &#233;vident. Dans la pi&#232;ce initiale, Olia Lialina avait ouvert des espaces web offerts gratuitement (comme c'&#233;tait la mode fin 1990) dans diff&#233;rents pays. Mais ces offres g&#233;n&#233;reuses se sont arr&#234;t&#233;es au fil du temps. Durant les ann&#233;es 2000, la pi&#232;ce fut incompl&#232;te car l'absence d'un maillon dans la chaine lin&#233;aire des pages web est fatal pour cette oeuvre. La pi&#232;ce a &#233;t&#233; updat&#233;e en 2008, mais la menace reste, du fait de la nature &#034;multi-h&#233;berg&#233;e&#034; de la pi&#232;ce. Impossible de concentrer le site sur un seul h&#233;bergement sans le d&#233;naturer.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Utopie du net art&lt;/h2&gt;
&lt;p&gt;Le multi-h&#233;bergement n'est pas qu'une astuce. Il r&#233;v&#232;le un des aspects importants du medium internet, et permet &#224; la net-artiste d'&#233;chapper &#224; la logique de la galerie. Olia Lialina, jeune russe dans un pays en pleine r&#233;forme vers un capitalisme &#224; marche forc&#233;e, fait partie de cette g&#233;n&#233;ration d'artistes (avec Vuk Kosik notamment) qui ont vu dans le net un moyen de rompre avec le milieu et au march&#233; de l'art, de se lib&#233;rer de sa mat&#233;rialit&#233; et de sa g&#233;ographie pour cr&#233;er un lien direct avec un public nouveau, qui est en train de se construire et de se former &#224; ce nouveau medium, international, d&#233;mocratique, permettant une relation directe d'artiste &#224; citoyen, sans passer par la m&#233;diation du galeriste.&lt;/p&gt;
&lt;p&gt;Ceci fait de &#034;Agatha appears&#034; est une oeuvre radicale, g&#233;n&#233;reuse, aussi pleine d'espoir et d'utopie qu'une photographie d'Alexandre Rodtchenko.&lt;/p&gt;&lt;/div&gt;
		&lt;div class="hyperlien"&gt;Voir en ligne : &lt;a href="http://www.c3.hu/collection/agatha/" class="spip_out"&gt;Un site pour l'oeuvre restaur&#195;&#169;e en 2008&lt;/a&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>In flat B, Darren Salomon (+ guests), 2009</title>
		<link>http://arts-numeriques.codedrops.net/In-flat-B-Darren-Salomon-guests-2009</link>
		<guid isPermaLink="true">http://arts-numeriques.codedrops.net/In-flat-B-Darren-Salomon-guests-2009</guid>
		<dc:date>2010-10-05T23:17:09Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>St&#233;phane Noel</dc:creator>


		<dc:subject>Participatif</dc:subject>
		<dc:subject>Net art</dc:subject>
		<dc:subject>Web</dc:subject>
		<dc:subject>Vid&#233;o</dc:subject>

		<description>&lt;p&gt;D'un point de vue purement mat&#233;riel, il s'agit page web contenant 20 vid&#233;os youtube. Chacune d'une dur&#233;e de 1 &#224; 3 minutes environ, jou&#233;e comme le nom l'indique, en gamme si b&#233;mol, sur une large gamme d'instrument allant du &#034;spoken word&#034; &#224; la console nintendo DS en passant par le vibraphone.&lt;/p&gt;

-
&lt;a href="http://arts-numeriques.codedrops.net/-Catalogue-virtuel-" rel="directory"&gt;Catalogue virtuel&lt;/a&gt;

/ 
&lt;a href="http://arts-numeriques.codedrops.net/+-Art-collaboratif-+" rel="tag"&gt;Participatif&lt;/a&gt;, 
&lt;a href="http://arts-numeriques.codedrops.net/+-Net-art-+" rel="tag"&gt;Net art&lt;/a&gt;, 
&lt;a href="http://arts-numeriques.codedrops.net/+-Web-2-0-+" rel="tag"&gt;Web&lt;/a&gt;, 
&lt;a href="http://arts-numeriques.codedrops.net/+-Video-+" rel="tag"&gt;Vid&#233;o&lt;/a&gt;

		</description>


 <content:encoded>&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L150xH113/arton248-4094f.jpg?1726838340' class='spip_logo spip_logo_right' width='150' height='113' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Tags : musique, collaboratif, video, r&#233;seau social, net art&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;&lt;a href=&#034;http://www.inbflat.net/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;In B flat (&#034;en si b&#233;mol&#034;)&lt;/a&gt; est une oeuvre collaborative. D'un point de vue purement mat&#233;riel, c'est une page web contenant 20 vid&#233;os youtube. Chacune de ces vid&#233;os pr&#233;sente une s&#233;quence de 1 &#224; 3 minutes environ, jou&#233;e comme le nom l'indique, en gamme si b&#233;mol, sur une large gamme d'instrument allant du &#034;spoken word&#034; &#224; la console nintendo DS en passant par la trompette et le vibraphone. &lt;br class='manualbr' /&gt;Le visiteur a le choix de lancer entre une et 20 vid&#233;os simultan&#233;ment pour appr&#233;cier l'effet combin&#233;s des sons. La gamme choisie et les recommandations donn&#233;es par Darren Salomon (ne pas jouer trop fort, &#233;viter les rythmes et m&#233;lodies trop marqu&#233;s, privil&#233;gier les nappes sonores) font de &#034;in B flat&#034; une oeuvre plut&#244;t m&#233;lancolique.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_367 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH331/inbflat-06a8c.jpg?1741517710' width='500' height='331' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Cette oeuvre interactive ne vient pas de nulle part. Stylistiquement, on a affaire &#224; de &lt;a href=&#034;http://fr.wikipedia.org/wiki/Ambient&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;l'ambient&lt;/a&gt;, genre qui a une quarantaine d'ann&#233;es. L'aspect collaboratif renvoie au &#034;jam session&#034; en g&#233;n&#233;ral, sauf qu'ici elle n'est pas simultan&#233;e mais m&#233;di&#233;e. L'&#233;criture sonore en fait une oeuvre d'&lt;a href=&#034;http://fr.wikipedia.org/wiki/Oumupo&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;OuMuPo&lt;/a&gt; (Ouvroir de Musique Potentielle, d&#233;riv&#233; de &lt;a href=&#034;http://fr.wikipedia.org/wiki/Oulipo&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;l'OuLiPo, exp&#233;rience litt&#233;raire initi&#233;e par Queneau&lt;/a&gt;) et le m&#233;dia employ&#233; la met en rapport avec quelques millions de vid&#233;os sonores existantes sur le net, d&#233;mos d'instruments et hommages divers qui ont d&#233;j&#224; fait le fruit de cr&#233;ations diverses. &lt;br class='manualbr' /&gt;Darren Salomon indique d'ailleurs dans le &lt;a href=&#034;http://www.inbflat.net/faq.html&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;court texte de faq&lt;/a&gt; avoir &#233;t&#233; inspir&#233; par &lt;a href=&#034;http://www.youtube.com/watch?v=EsBfj6khrG4&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;une vid&#233;o de Kutiman&lt;/a&gt;, qui a mont&#233; des dizaines de vid&#233;o pour en faire un seul morceau (&lt;a href=&#034;http://www.youtube.com/user/kutiman#p/c/2C189BC49E25D16A/7/Kz0gYbqOZXQ&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;il s'en explique dans cette vid&#233;o&lt;/a&gt;).&lt;/p&gt;
&lt;p&gt;Darren Salomon, &lt;a href=&#034;http://www.scienceforgirls.net/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;musicien lui-m&#234;me&lt;/a&gt;, a sollicit&#233; des interventions &#224; partir de mails cibl&#233;s et de son blog, et r&#233;alis&#233; les quelques premiers instrumentations de sa pi&#232;ce collective. Il a ensuite laiss&#233; arriver les propositions, la plupart produites par des artistes de bon niveau. Il a enfin s&#233;lectionn&#233; 20 d'entre elles et a produit la page. Les recommandations &#233;taient :
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;i&gt;Sing or play an instrument, in Bb major. Simple, floating textures work best, with no tempo or groove. Leave lots of silence between phrases.&lt;/i&gt;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;i&gt;Record in a quiet environment, with as little background noise as possible.&lt;/i&gt;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;i&gt;Wait about 5-10 seconds to start playing&lt;/i&gt;.
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;i&gt;Total length should be between 1-2 minutes.&lt;/i&gt;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;i&gt;Thick chords or low instruments don't work very well.&lt;/i&gt;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;i&gt;Record at a low volume to match the other videos.&lt;/i&gt;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;i&gt;You can listen to this mix on headphones while you record.&lt;/i&gt;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;i&gt;After you upload to YouTube, play your video along with the other videos on this page to make sure the volume matches.&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_368 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L489xH440/inbflat2-9dcd1.jpg?1726855848' width='489' height='440' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;La place du spectateur&lt;/h2&gt;
&lt;p&gt;C'est donc la qualit&#233; des interventions qui fait la qualit&#233; finale de cette oeuvre assez rudimentaire techniquement. Car elle emploie comme m&#233;dia youtube, le plus banal des services 2.0 pour la vid&#233;o, et la possibilit&#233; offerte &#224; tous par ce service de placer ses vid&#233;os dans une page quelconque. &lt;br class='manualbr' /&gt;L'internaute, arrivant en fin de parcours dans la production de cette pi&#232;ce, n'en est pas moins important. Sans lui, pas d'oeuvre, juste une collection de vid&#233;os. Son r&#244;le est quelque part entre le DJ et le chef d'orchestre : il d&#233;cide de quelles vid&#233;os lancer, dans quel ordre, &#224; quel moment, d&#233;terminant ainsi le rendu final du morceau jou&#233;. L'exp&#233;rience est nettement sup&#233;rieure &#224; bon nombre d'installations int&#233;ractives, avec le sentiment d'une r&#233;elle personnalisation. Les &#034;nappes&#034; sonores de chaque participant jouent en effet sur des d&#233;tails improvis&#233;s, qui font la saveur et rendent unique toutes les combinaisons.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Net art, toujours fragile&lt;/h2&gt;
&lt;p&gt;&#034;In B flat&#034; est une oeuvre fragile, une fragilit&#233; &#233;trange puisqu'elle repose sur la perrenit&#233; de Youtube, et sur la capacit&#233; et l'envie pour Darren Salomon de continuer &#224; payer le nom de domaine qui h&#233;berge la page. Un jour donc, dans quelques mois ou quelques ann&#233;es, l'un et/ou l'autre s'arretera, et il ne restera de &#034;in B flat&#034; que des versions statiques, enregistr&#233;es par quelques amateurs.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Un extrait&lt;/h2&gt;
&lt;p&gt;La magie des m&#233;dias 2.0 permet d'en mettre un extrait ici, dont le statut est incertain :&lt;/p&gt;
&lt;object width=&#034;220&#034; height=&#034;182&#034;&gt;
&lt;param name=&#034;movie&#034; value=&#034;http://www.youtube.com/v/gqtYwouDzl4&amp;hl=en&amp;fs=0&amp;rel=0&amp;showinfo=0&amp;ap=%2526fmt%3D18&#034; /&gt;
&lt;param name=&#034;allowscriptaccess&#034; value=&#034;always&#034; /&gt; &lt;embed type=&#034;application/x-shockwave-flash&#034; width=&#034;220&#034; height=&#034;182&#034; src=&#034;http://www.youtube.com/v/gqtYwouDzl4&amp;hl=en&amp;fs=0&amp;rel=0&amp;showinfo=0&amp;ap=%2526fmt%3D18&#034; allowscriptaccess=&#034;always&#034;&gt;&lt;/embed&gt;
&lt;/object&gt;
&lt;object width=&#034;220&#034; height=&#034;182&#034;&gt;
&lt;param name=&#034;movie&#034; value=&#034;http://www.youtube.com/v/xevYHoXWX0Y&amp;hl=en&amp;fs=0&amp;rel=0&amp;showinfo=0&#034; /&gt;
&lt;param name=&#034;allowscriptaccess&#034; value=&#034;always&#034; /&gt; &lt;embed type=&#034;application/x-shockwave-flash&#034; width=&#034;220&#034; height=&#034;182&#034; src=&#034;http://www.youtube.com/v/xevYHoXWX0Y&amp;hl=en&amp;fs=0&amp;rel=0&amp;showinfo=0&#034; allowscriptaccess=&#034;always&#034;&gt;&lt;/embed&gt;
&lt;/object&gt;
&lt;object width=&#034;220&#034; height=&#034;182&#034;&gt;
&lt;param name=&#034;movie&#034; value=&#034;http://www.youtube.com/v/ztv4rvZ8CaI&amp;hl=en&amp;fs=0&amp;rel=0&amp;showinfo=0&#034; /&gt;
&lt;param name=&#034;allowscriptaccess&#034; value=&#034;always&#034; /&gt; &lt;embed type=&#034;application/x-shockwave-flash&#034; width=&#034;220&#034; height=&#034;182&#034; src=&#034;http://www.youtube.com/v/ztv4rvZ8CaI&amp;hl=en&amp;fs=0&amp;rel=0&amp;showinfo=0&#034; allowscriptaccess=&#034;always&#034;&gt;&lt;/embed&gt;
&lt;/object&gt;
&lt;object width=&#034;220&#034; height=&#034;182&#034;&gt;
&lt;param name=&#034;movie&#034; value=&#034;http://www.youtube.com/v/TzimeAFr7Ik&amp;hl=en&amp;fs=0&amp;rel=0&amp;showinfo=0&#034; /&gt;
&lt;param name=&#034;allowscriptaccess&#034; value=&#034;always&#034; /&gt; &lt;embed type=&#034;application/x-shockwave-flash&#034; width=&#034;220&#034; height=&#034;182&#034; src=&#034;http://www.youtube.com/v/TzimeAFr7Ik&amp;hl=en&amp;fs=0&amp;rel=0&amp;showinfo=0&#034; allowscriptaccess=&#034;always&#034;&gt;&lt;/embed&gt;
&lt;/object&gt;
&lt;object width=&#034;220&#034; height=&#034;182&#034;&gt;
&lt;param name=&#034;movie&#034; value=&#034;http://www.youtube.com/v/w5IERp2OdJs&amp;hl=en&amp;fs=0&amp;rel=0&amp;showinfo=0&#034; /&gt;
&lt;param name=&#034;allowscriptaccess&#034; value=&#034;always&#034; /&gt; &lt;embed type=&#034;application/x-shockwave-flash&#034; width=&#034;220&#034; height=&#034;182&#034; src=&#034;http://www.youtube.com/v/w5IERp2OdJs&amp;hl=en&amp;fs=0&amp;rel=0&amp;showinfo=0&#034; allowscriptaccess=&#034;always&#034;&gt;&lt;/embed&gt;
&lt;/object&gt;
&lt;object width=&#034;220&#034; height=&#034;182&#034;&gt;
&lt;param name=&#034;movie&#034; value=&#034;http://www.youtube.com/v/WMLvKpiG3RA&amp;hl=en&amp;fs=0&amp;rel=0&amp;showinfo=0&#034; /&gt;
&lt;param name=&#034;allowscriptaccess&#034; value=&#034;always&#034; /&gt; &lt;embed type=&#034;application/x-shockwave-flash&#034; width=&#034;220&#034; height=&#034;182&#034; src=&#034;http://www.youtube.com/v/WMLvKpiG3RA&amp;hl=en&amp;fs=0&amp;rel=0&amp;showinfo=0&#034; allowscriptaccess=&#034;always&#034;&gt;&lt;/embed&gt;
&lt;/object&gt;&lt;/div&gt;
		&lt;div class="hyperlien"&gt;Voir en ligne : &lt;a href="http://www.inbflat.net/" class="spip_out"&gt;http://www.inbflat.net/&lt;/a&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>&#034;%20location&#034;, jodi, 1995</title>
		<link>http://arts-numeriques.codedrops.net/20location-jodi-1995</link>
		<guid isPermaLink="true">http://arts-numeriques.codedrops.net/20location-jodi-1995</guid>
		<dc:date>2010-08-30T17:38:30Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>St&#233;phane Noel</dc:creator>


		<dc:subject>Ascii art</dc:subject>
		<dc:subject>Art du code</dc:subject>
		<dc:subject>Net art</dc:subject>
		<dc:subject>(X)html</dc:subject>
		<dc:subject>Jodi</dc:subject>

		<description>&lt;p&gt;%location est donc, c&#244;t&#233; public, une page noire au caract&#232;res verts clignotants. C&#244;t&#233; code, on y d&#233;couvre le plan de la deuxi&#232;me et troisi&#232;me bombes atomiques, celles qui sont tomb&#233;es sur Hiroshima et Nagasaki, et une illustration de la fission nucl&#233;aire.&lt;/p&gt;

-
&lt;a href="http://arts-numeriques.codedrops.net/-Catalogue-virtuel-" rel="directory"&gt;Catalogue virtuel&lt;/a&gt;

/ 
&lt;a href="http://arts-numeriques.codedrops.net/+-Ascii-art-+" rel="tag"&gt;Ascii art&lt;/a&gt;, 
&lt;a href="http://arts-numeriques.codedrops.net/+-Art-du-code-+" rel="tag"&gt;Art du code&lt;/a&gt;, 
&lt;a href="http://arts-numeriques.codedrops.net/+-Net-art-+" rel="tag"&gt;Net art&lt;/a&gt;, 
&lt;a href="http://arts-numeriques.codedrops.net/+-X-html-+" rel="tag"&gt;(X)html&lt;/a&gt;, 
&lt;a href="http://arts-numeriques.codedrops.net/+-Jodi-+" rel="tag"&gt;Jodi&lt;/a&gt;

		</description>


 <content:encoded>&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L150xH88/arton236-cd9f7.png?1726838351' class='spip_logo spip_logo_right' width='150' height='88' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;%location est donc, c&#244;t&#233; public, une page noire au caract&#232;res verts clignotants. C&#244;t&#233; code, on y d&#233;couvre le plan de la deuxi&#232;me et troisi&#232;me bombes atomiques, celles qui sont tomb&#233;es sur Hiroshima et Nagasaki, et une illustration de la fission nucl&#233;aire.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;Lorsque Joan Heemskerk et Dirk Paesmans abordent le net art au milieu des ann&#233;es 90, ils ont un background de photographe et de vid&#233;aste. Personne n'a d'ailleurs de background en web : le medium &#034;net&#034; existe depuis quelques ann&#233;es et son acc&#232;s au priv&#233; est tr&#232;s r&#233;cent. Se gardant bien d'une approche technicienne du html, ils apprendront chaque fois ce qu'il faut pour bricoler des projets d'une esth&#233;tique minimaliste, brutale, faite de couleurs primaires, de gifs anim&#233;s criards et de times new roman. Alors que le web cherche son ergonomie, le duo s'int&#233;resse &#224; l'esth&#233;tique de l'erreur, du mauvais affichage, qu'en tant qu'internaute des d&#233;buts du net ils rencontrent sans cesse et que le reste du monde combat : les webmestres, les pourvoyeur d'acc&#232;s, tous vantent le web comme le media fiable et omniscient du 21eme si&#232;cle.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_330 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH314/jodi-scratch-8a85f.png?1735800599' width='500' height='314' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Les Jodi, et avec eux les net artistes (Lialina, Shulgin, Cosik,...), s'int&#233;ressent &#224; l'interface cass&#233;e, ses codes esth&#233;tiques, la mani&#232;re dont elle affecte l'internaute. Olia Lialina, pionni&#232;re russe, commence &#224; cette &#233;poque une collection de banni&#232;res anim&#233;es sur le th&#232;me du &#034;site en travaux&#034;. Dans le fond, les promesses de partage son bel et bien respect&#233;es : les net artistes des ann&#233;es 90' sont les archivistes et moines copistes du &#034;bad coding&#034;, &#034;bad drawing&#034;, &#034;bad taste&#034; de l'&#233;poque, que le web 2.0 a jet&#233; aux oubliettes.&lt;/p&gt;
&lt;p&gt;C'est que le web est un m&#233;dium pauvre et tout le milieu de l'art des ann&#233;es 90' crie sa laideur. Les &#233;crans sont petits, les r&#233;solutions minables, les couleurs limit&#233;es. Or, une des vieilles r&#232;gles de la modernit&#233; est que lorsque tout le monde est d'accord pour dire que quelque chose est laid, alors c'est qu'il s'y passe quelque chose d'int&#233;ressant. En cela, les Jodi sont proche de Dada, de Fluxus, des artistes pop dans leur utilisation du mat&#233;riau le plus disponible de leur temps, de Duchamp et ses ready-made, objets choisis parce que personne ne leur accorde de cr&#233;dit esth&#233;tique.&lt;/p&gt;
&lt;p&gt;&lt;a href=&#034;http://wwwwwww.jodi.org/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;%20location&lt;/a&gt; fait partie d'une s&#233;rie de travaux li&#233;s &#224; l'ascii art. Basiquement, &lt;a href=&#034;http://fr.wikipedia.org/wiki/Art_ASCII&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;l'ascii art&lt;/a&gt; consiste &#224; dessiner avec des signes (lettres, chiffres, num&#233;ros et autre glyphes disponibles sur un clavier). La pratique n'est pas nouvelle, il existait &#224; la grande &#233;poque de la machine &#224; &#233;crire un &#034;typewriter art&#034; (ou &#034;keyboard art&#034;). Mais cette pratique a &#233;t&#233; relanc&#233;e par le web car les images sont peu disponibles et les vitesses de connexion trop lentes.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_328 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH839/flag-f4708.jpg?1735800600' width='500' height='839' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Joan Heemskerk et Dirk Paesmans vont collecter un grand nombre de ces dessins et les placer directement dans le code de pages web. Le html poss&#232;de en effet deux faces : le &#034;code source&#034; qui le contenu re&#231;u par le navigateur, et la &#034;page&#034;, qui est le r&#233;sultat de l'analyse de ce code. &lt;br class='autobr' /&gt;
La quasi-totalit&#233; des langages de programmation rendent quasi-impossible - et ill&#233;gal - la lecture de leur code source, mais pas le web : le code source d'une page web est visible pour le visiteur sur simple clic.&lt;/p&gt;
&lt;p&gt;Le code source et la page n'ont pas le m&#234;me comportement visuel : couleurs, typographies, retours &#224; la ligne suivent des r&#232;gles diff&#233;rentes : d'une part des &#233;l&#233;ments d&#233;crits pour une machine, de l'autre une interface pour l'utilisateur. Les Jodi brise le lien logique en donnant des images &#224; lire comme code source, ce qui fait apparaitre au lecteur un ensemble de signes incompr&#233;hensibles. Le dessin devient donc un secret cach&#233; dans le code, que seuls quelques curieux peuvent d&#233;couvrir.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_329 spip_documents spip_documents_center'&gt; &lt;a href=&#034;http://wwwwwww.jodi.org/&#034; class=&#034;spip_out&#034;&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH414/jodi-page-location-5a434.png?1735800600' width='500' height='414' alt=&#034;&#034; /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&#034;http://wwwwwww.jodi.org/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;%20location&lt;/a&gt; est donc, c&#244;t&#233; public, une page noire au caract&#232;res verts clignotants. C&#244;t&#233; code, on y d&#233;couvre le plan de la deuxi&#232;me et troisi&#232;me bombes atomiques, celles qui sont tomb&#233;es sur Hiroshima et Nagasaki, et une illustration de la fission nucl&#233;aire.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_327 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH525/jodi-code-77f01.png?1735800600' width='500' height='525' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Le travail du duo Jodi explore de mani&#232;re g&#233;n&#233;rale les failles techniques sp&#233;cifiques aux outils num&#233;riques usuels. CD-Rom, operatings systems, interfaces webs... Ils nous apprennent que les erreurs, les malfonctionnements, sont souvent ce qu'il y a de plus sp&#233;cifique aux objets techniques, ce qui au fond fait leur identit&#233;, leur histoire. Que ce soit &lt;a href=&#034;http://maxpaynecheatsonly.jodi.org/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;les erreurs du moteur 3D du jeu &#034;Max Payne&#034;&lt;/a&gt; ou les gadgets embarqu&#233;s dans Mac os X, leurs exp&#233;rimentations s'attachent &#224; des logiciels pr&#233;cis, dont ils ne deviennent pas les sp&#233;cialistes mais les utilisateurs les plus malicieux. Leurs oeuvres sont donc difficilement archivables : les versions de logiciels se succ&#232;dent, corrigeant des bugs, en cr&#233;ant de nouveaux. &#034;%location&#034; est une des rares pi&#232;ces encore consultables &#034;en conditions r&#233;elles&#034;, m&#234;me si son code est consid&#233;r&#233; comme obsol&#232;te par les navigateurs contemporains.&lt;/p&gt;
&lt;p&gt;Lire aussi mon article sur le blog codedrops &lt;a href=&#034;http://codedrops.net/blog/?p=153&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;&#034;Jodi : contre l'interface&#034;&lt;/a&gt;.&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>&#034;Dakota&#034; de Young-Hae Chang Heavy Industries, 200 ?</title>
		<link>http://arts-numeriques.codedrops.net/Dakota-de-Young-Hae-Chang-Heavy</link>
		<guid isPermaLink="true">http://arts-numeriques.codedrops.net/Dakota-de-Young-Hae-Chang-Heavy</guid>
		<dc:date>2010-08-15T14:28:24Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>St&#233;phane Noel</dc:creator>


		<dc:subject>Flash</dc:subject>
		<dc:subject>Animation</dc:subject>
		<dc:subject>Net art</dc:subject>
		<dc:subject>Young-Hae Chang Heavy Industries</dc:subject>

		<description>&lt;p&gt;Une seule typo, de grandes lettres occupant de mani&#195;&#168;re fugace tout l'espace de l'&#195;&#169;cran, Dakota est une animation qui repose sur des &#195;&#169;l&#195;&#169;ments visuels stricts et une rythmique calqu&#195;&#169;e sur le son. Elle est l'oeuvre d'un duo constitu&#195;&#169; de Marc Voge et de Young-hae Chang, bas&#195;&#169; &#195; S&#195;&#169;oul.&lt;/p&gt;

-
&lt;a href="http://arts-numeriques.codedrops.net/-Catalogue-virtuel-" rel="directory"&gt;Catalogue virtuel&lt;/a&gt;

/ 
&lt;a href="http://arts-numeriques.codedrops.net/+-Flash-+" rel="tag"&gt;Flash&lt;/a&gt;, 
&lt;a href="http://arts-numeriques.codedrops.net/+-Animation-+" rel="tag"&gt;Animation&lt;/a&gt;, 
&lt;a href="http://arts-numeriques.codedrops.net/+-Net-art-+" rel="tag"&gt;Net art&lt;/a&gt;, 
&lt;a href="http://arts-numeriques.codedrops.net/+-Young-Hae-Chang-Heavy-Industries-+" rel="tag"&gt;Young-Hae Chang Heavy Industries&lt;/a&gt;

		</description>


 <content:encoded>&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L150xH112/arton231-ba2c4.jpg?1726838345' class='spip_logo spip_logo_right' width='150' height='112' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Tags : net art, litt&#195;&#169;rature, animation, musique, flash&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;&lt;a href=&#034;http://www.yhchang.com/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Young-Hae Chang Heavy Industries&lt;/a&gt; est le nom du collectif constitu&#195;&#169; d'un am&#195;&#169;ricain, Marc Voge et d'un cor&#195;&#169;en, Young-hae Chang. Le duo est bas&#195;&#169; &#195; S&#195;&#169;oul.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_306 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH284/dakota3-a5485.png?1742827170' width='500' height='284' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&#034;http://www.yhchang.com/DAKOTA.html&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Dakota&lt;/a&gt; est la premi&#195;&#168;re oeuvre que l'on a pu d&#195;&#169;couvrir sur leur site, d&#195;&#169;but 2000. Cette animation flash qui apparait plein &#195;&#169;cran, commen&#195;&#167;ant par un lent fondu au blanc par palier, et se lance sur une musique de percussion tr&#195;&#168;s carr&#195;&#169;e. Des mots apparaissent alors, martel&#195;&#169;s en noir et blanc sur l'&#195;&#169;cran, produisant vite un effet d'hypnose renforc&#195;&#169; par le rythme saccad&#195;&#169; de la musique, sur lesquels se calent les mots et phrases.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_303 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH291/dakota1-83fe2.jpg?1742827170' width='500' height='291' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_304 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH290/dakota2-fc4c5.png?1742827171' width='500' height='290' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Une seule typo, quelques effets visuels, toute l'animation repose sur des &#195;&#169;l&#195;&#169;ments stricts et maitris&#195;&#169;s et sa rythmique calqu&#195;&#169;e sur le son. Le texte parle d'une vir&#195;&#169;e entre potes, occasion de beuverie, de consid&#195;&#169;rations adolescentes et confidences. L'ironie du texte est en contraste avec la froideur du dispositif visuel. Apr&#195;&#168;s un d&#195;&#169;but en fanfare, on cavale derri&#195;&#168;re le texte, qui monte en tension en m&#195;&#170;me temps que la musique devient tribale et am&#195;&#168;ne le spectateur &#195; une sorte de transe quasi &#195;&#169;pileptique.&lt;/p&gt;
&lt;p&gt;Sur le site minimal de Young-Hae Chang Heavy Industries, on trouve une liste impressionnante d'autres animations r&#195;&#169;alis&#195;&#169;es depuis, dont certaines en plusieurs langues dont le fran&#195;&#167;ais. On pourra ainsi go&#195; &#187;ter plus facilement &#195; l'ironie &#195;&#169;trange de &#034;&lt;a href=&#034;http://www.yhchang.com/SVDJ.html&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Samsung veut dire jouir&lt;/a&gt;&#034;. La structure de l'animation est la m&#195;&#170;me : typo rugueuse, plein &#195;&#169;cran, d&#195;&#169;compte num&#195;&#169;rot&#195;&#169; en d&#195;&#169;but d'animation et du jazz en bande son. Le travail des YCCHI est influenc&#195;&#169; par le &lt;a href=&#034;http://fr.wikipedia.org/wiki/Lettrisme&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;lettrisme&lt;/a&gt; et les po&#195;&#168;mes &lt;a href=&#034;http://fr.wikipedia.org/wiki/Dada&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;dada&lt;/a&gt;, et les calligrammes d'&lt;a href=&#034;http://fr.wikipedia.org/wiki/Guillaume_Apollinaire&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Apollinaire&lt;/a&gt;. le mot y est montr&#195;&#169; comme un &#195;&#169;l&#195;&#169;ment plastique important autant qu'en tant que signifiant.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_317 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH374/Guillaume_Apollinaire_Calligramme-756cf.jpg?1742827171' width='500' height='374' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Les animations de YCCHI ont &#195;&#169;t&#195;&#169; montr&#195;&#169;es en de multiples endroit mais c'est bien le net, avec son imm&#195;&#169;diatet&#195;&#169;, qui est son support privil&#195;&#169;gi&#195;&#169;. L'animation flash est tout a fait suffisante pour permettre un affichage. Au d&#195;&#169;but 2000, c'&#195;&#169;tait la seule mani&#195;&#168;re de pouvoir synchroniser son et image tout en gardant un poids l&#195;&#169;ger permettant une vision fluide de l'animation sans t&#195;&#169;l&#195;&#169;chargement pr&#195;&#169;alable. Un choix technique judicieux donc, qui permet de voir l'ensemble de l'oeuvre aujourd'hui encore.&lt;/p&gt;
&lt;p&gt;Des tirages sur papier de textes ont &#195;&#169;t&#195;&#169; montr&#195;&#169;s &#195; l'occasion d'exposition et de commande, notamment au centre Georges Pompidou et &#195; la Tate gallery, mais les cr&#195;&#169;ations de YCCHI sont montr&#195;&#169;s la plupart du temps sous forme de projection vid&#195;&#169;o. Les visiteurs voient donc ni plus ni moins que ce qui est disponible en ligne, ce qui est une des caract&#195;&#169;ristiques les plus int&#195;&#169;ressantes du net-art.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_307 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH375/P1060490-471b5.jpg?1742827171' width='500' height='375' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&#034;http://www.brown.edu/Research/dichtung-digital/2005/2/Yoo/index-engl.htm&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Une interview du duo en 2005&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>



</channel>

</rss>
