<?xml 
version="1.0" encoding="utf-8"?><?xml-stylesheet title="XSL formatting" type="text/xsl" href="https://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="https://arts-numeriques.codedrops.net/spip.php?id_mot=9&amp;page=backend" rel="self" type="application/rss+xml" />




<item xml:lang="fr">
		<title>Random Darknet Shopper, !Mediengruppe Bitnik, 2015-2016</title>
		<link>https://arts-numeriques.codedrops.net/Random-Darknet-Shopper-2015-2016</link>
		<guid isPermaLink="true">https://arts-numeriques.codedrops.net/Random-Darknet-Shopper-2015-2016</guid>
		<dc:date>2020-02-03T17:23:23Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>St&#233;phane Noel</dc:creator>


		<dc:subject>Low tech</dc:subject>
		<dc:subject>Installation</dc:subject>
		<dc:subject>Art du code</dc:subject>
		<dc:subject>Art du r&#233;seau</dc:subject>
		<dc:subject>Politique</dc:subject>

		<description>
&lt;p&gt;Un ordinateur connect&#233; &#224; internet re&#231;oit 100 dollars (convertis en bitcoins) par mois, &#224; d&#233;penser sur le darknet suivant une proc&#233;dure al&#233;atoire. Les produits sont livr&#233;s sur le lieu d'exposition et y sont expos&#233;s. &lt;br class='autobr' /&gt; La pi&#232;ce Random Darknet Shopper est connue pour avoir men&#233; &#224; l'arrestation de l'ordinateur lors de son exposition en janvier 2015 &#224; la Kunst Halle de St. Gallen, en Suisse. L'odinateur avait fait livre des pilules d'extasy et un passeport hongrois, ce qui a motiv&#233; une descente (&#8230;)&lt;/p&gt;


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

/ 
&lt;a href="https://arts-numeriques.codedrops.net/+-Low-tech-+" rel="tag"&gt;Low tech&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Installation-+" rel="tag"&gt;Installation&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Art-du-code-+" rel="tag"&gt;Art du code&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Art-du-reseau-+" rel="tag"&gt;Art du r&#233;seau&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Politique-+" rel="tag"&gt;Politique&lt;/a&gt;

		</description>


 <content:encoded>&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L150xH101/arton573-c22e2.jpg?1726814510' class='spip_logo spip_logo_right' width='150' height='101' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Un ordinateur connect&#233; &#224; internet re&#231;oit 100 dollars (convertis en bitcoins) par mois, &#224; d&#233;penser sur le darknet suivant une proc&#233;dure al&#233;atoire. Les produits sont livr&#233;s sur le lieu d'exposition et y sont expos&#233;s.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;La pi&#232;ce &lt;i&gt;&lt;a href=&#034;https://wwwwwwwwwwwwwwwwwwwwww.bitnik.org/r/2/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Random Darknet Shopper&lt;/a&gt;&lt;/i&gt; est connue pour avoir men&#233; &#224; l'arrestation de l'ordinateur lors de son exposition en janvier 2015 &#224; la Kunst Halle de St. Gallen, en Suisse. L'odinateur avait fait livre des pilules d'extasy et un passeport hongrois, ce qui a motiv&#233; une descente de la police suisse qui a emport&#233; les objets interdits et l'ordinateur. L'ordinateur a fini par &#234;tre rel&#226;ch&#233;, mais les pilules seront d&#233;truite.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_969 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH332/009_random_darknet_shopper_kh_st_gallen_2015_01_1280-def76.jpg?1735800597' width='500' height='332' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt; !Mediengruppe Bitnik est une installation produite par un collectif d'artistes vivant entre Zurich et Londres, Carmen Weisskopf et Domagoj Smoljo. Ils s'int&#233;ressent depuis des ann&#233;es au bots et aux question d'autonomie et de confiance que nous pouvons entretenir avec eux.&lt;/p&gt;
&lt;p&gt;De leur propre aveu, le bot en action dans la pi&#232;ce &lt;i&gt;Random Darknet Shopper&lt;/i&gt; n'est pas de la programmation de haut vol, une forme d'intelligence complexe.&lt;br class='autobr' /&gt;
Il est beaucoup plus facile en programmation d'utiliser les fonctions de random que d'entrainer une intelligence artificielle &#224; faire des choix bas&#233;s sur des algorithmes. Mais le propos des auteurs n'est pas de cr&#233;er une machine fascinante par son autonomie, mais de mettre en place une chaine d'action qui fait sortir des d&#233;cisions et entrer des objets dans la galerie. Le but &#233;tait aussi de ramener des objets vari&#233;s, repr&#233;sentatifs de ce monde myst&#233;rieux et craint que l'on nomme parfois &lt;i&gt;Deep web&lt;/i&gt;, parfois &lt;i&gt;Dark net&lt;/i&gt;.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Ready-made et petites mains&lt;/h2&gt;
&lt;p&gt;La pi&#232;ce parle par ailleurs surtout de l'aller-retour entre informatique et monde r&#233;el. Elle r&#233;v&#232;le une forme de Deep world, une couche cach&#233;e de la soci&#233;t&#233; capitaliste, intrins&#232;quement li&#233;e &#224; elle, dans laquelle se produisent des contrefa&#231;ons diverses, des objets interdits et omnipr&#233;sents, et qui parlent du d&#233;sir. &lt;br class='autobr' /&gt;
L'ordinateur de &lt;i&gt;Random Darknet Shopper&lt;/i&gt; est donc une machine d&#233;sirante, ce qui est une premi&#232;re r&#233;f&#233;rence &#224; Duchamp.&lt;/p&gt;
&lt;p&gt;L'&lt;a href=&#034;https://fr.wikipedia.org/wiki/Fontaine_(Duchamp)&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;urinoir de Marcel Duchamp&lt;/a&gt;, dont le non est &#034;fontaine&#034; et dat&#233; de 1917, est la pi&#232;ce probablement la plus c&#233;l&#232;bre de l'artiste fran&#231;ais, un objet lisse et industriel, transf&#233;r&#233; dans le champ de l'art par la simple volont&#233; de l'artiste, une signature et une institution. L'urinoir signe l'irruption radicalis&#233;e de l'industrie dans l'art moderne. Duchamp a plusieurs foix &#233;voqu&#233; le &#034;choix d'indiff&#233;rence&#034; pour caract&#233;riser le moyen par lequel il faisait entrer tel ou tel objet dans son corpus de ready-mades.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_972 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH375/img_3532-57fd2.jpg?1735800597' width='500' height='375' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Dans le cas du &lt;i&gt;Random Darknet Shopper&lt;/i&gt;, l'&#233;la informatique est utilis&#233;, l'ordinateur ne prend pas la peine de simuler un &#034;profil&#034; de client coh&#233;rent. A l'arriv&#233;e, les paquets livr&#233;s sont install&#233;s dans des vitrines dispos&#233;es les unes &#224; la suite des autres, avec leur emballage. Ce qui est donn&#233; &#224; voir donc, n'est pas simplement des objets industriels au fini anonyme accessible &#224; travers une technologie neutre, mais un &#233;cosyst&#232;me global incluant de larges parties de la soci&#233;t&#233; : travailleurs, transporteurs, livreurs.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_971 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH666/randomdarknetshopper_exhibitonview_london4_1280-fa913.jpg?1735800597' width='500' height='666' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_970 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH333/radomshopper-f1d5a.jpg?1735800598' width='500' height='333' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Duchamp constatait la d&#233;faite des artistes face aux formes pures de la production industrielles et appelait les artistes &#224; se d&#233;tacher de la recherche du beau (&#034;l'art r&#233;tinien&#034;, comme il l'&#233;voquait avec une certaine condescendance) pour s'adonner &#224; l'exploration des relations complexes entre formes, dispositifs et sens&lt;br class='autobr' /&gt; !Mediengruppe Bitnik se situe dans le prolongement de cette r&#233;flexion, mais dans une &#232;re post-industrielle et une &#233;conomie capitaliste triomphante. La c&#233;l&#233;bration ambigu&#235; de l'objet industriel de Duchamp est ainsi prolong&#233;e par l'exhibition de la contrefa&#231;on, du faux, comme dernier stade de la marchandisation du monde. L&#224; o&#249; le fini industriel, lisse et impersonnel, fascine Ducamp pour la disparition de l'auteur derri&#232;re la machine, Carmen Weisskopf et Domagoj Smoljo offrent aux regards les paquets de transport abim&#233;s qui nous rappellent que cette esth&#233;tique est rendue possible par des millions de petites mains.&lt;/p&gt;
&lt;p&gt;Une &lt;a href=&#034;https://exposingtheinvisible.org/films/random-darknet-shopper/#movie&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;interview des auteurs&lt;/a&gt; pour le projet &#034;Exposing the invisible&#034;&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>Agatha appears, Olia Lialina, 1997-2008</title>
		<link>https://arts-numeriques.codedrops.net/Agatha-appears-Olia-Lialina-1997</link>
		<guid isPermaLink="true">https://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="https://arts-numeriques.codedrops.net/-Catalogue-virtuel-" rel="directory"&gt;Catalogue virtuel&lt;/a&gt;

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

		</description>


 <content:encoded>&lt;img src='https://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='https://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>Dark source, Ben Rubin, 2005</title>
		<link>https://arts-numeriques.codedrops.net/Dark-source-Ben-Rubin-2005</link>
		<guid isPermaLink="true">https://arts-numeriques.codedrops.net/Dark-source-Ben-Rubin-2005</guid>
		<dc:date>2011-11-05T17:54:59Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>St&#233;phane Noel</dc:creator>


		<dc:subject>Installation</dc:subject>
		<dc:subject>Art du code</dc:subject>
		<dc:subject>Hacktivisme</dc:subject>
		<dc:subject>Open Source</dc:subject>
		<dc:subject>Politique</dc:subject>

		<description>&lt;p&gt;Dark source est une installation compos&#233;e de feuilles de papiers suspendues, de projections et de lecteurs de microfilms.&lt;/p&gt;

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

/ 
&lt;a href="https://arts-numeriques.codedrops.net/+-Installation-+" rel="tag"&gt;Installation&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Art-du-code-+" rel="tag"&gt;Art du code&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Hacktivisme-+" rel="tag"&gt;Hacktivisme&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Open-Source-+" rel="tag"&gt;Open Source&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Politique-+" rel="tag"&gt;Politique&lt;/a&gt;

		</description>


 <content:encoded>&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L150xH100/arton309-fb9c9.jpg?1726838351' class='spip_logo spip_logo_right' width='150' height='100' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Tags : installation, hack, code, politique&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;Dark source est une installation compos&#233;e de feuilles A4 recto/verso prises en sandwiches entre des plaques de plexiglas. Ces plaques sont suspendues par groupes de 6, en fonction de l'espace d'exposition. Plusieurs lecteurs de microfilms et des projections vid&#233;o compl&#232;tent la pi&#232;ce.&lt;/p&gt;
&lt;p&gt;L'installation est bas&#233;e sur le code source de la version 4.3.1 du logiciel AccuVote-TSTM de la firme Diebold. C'est ce code qui est pr&#233;sent&#233;, en partie imprim&#233; sur papier, et consultable sous forme de microfilm sur plusieurs lecteurs de fiches.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_471 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH386/darksource_04-dd4a2.jpg?1735800598' width='500' height='386' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;AccuVote est un logiciel de vote &#233;lectronique par &#233;cran tactile utilis&#233; dans plusieurs &#233;tats aux USA. D&#233;velopp&#233; par une soci&#233;t&#233; priv&#233;e, il reste propri&#233;t&#233; de la firme Diebold. Contrairement aux codes sources de projets open-source, personne &#224; part le personnel autoris&#233; de Diebold ne peut avoir acc&#232;s au code, c'est &#224; dire &#224; la proc&#233;dure du vote &#233;lectronique. Le fait qu'un acte aussi sensible politiquement que le vote soit op&#233;r&#233; par une machine appartenant &#224; une soci&#233;t&#233; priv&#233;e, seule habilit&#233;e &#224; son contr&#244;le, est un probl&#232;me d&#233;mocratique qui est le centre de cette pi&#232;ce.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_473 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH335/darksource_02-l-0bb42.jpg?1735800598' width='500' height='335' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Profitant d'une faille de s&#233;curit&#233; dans le syst&#232;me serveur de Diebold, Rubin a obtenu le code source de la version 4.3.1 du logiciel. Il est donc tir&#233; sur papier et plac&#233; sur microfilm dans la pi&#232;ce d'exposition. Mais comme ce code est propri&#233;t&#233; priv&#233;e de la firme et ne peut pas &#234;tre rendu public, Rubin a effac&#233; au marqueur noir, manuellement donc, chacune des 49.609 lignes de C++. Et cela aussi bien sur les feuilles que sur les microfilms.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_475 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH335/darksource_01-8f905.jpg?1735800599' width='500' height='335' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_474 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH335/darksource_03-l-2f11b.jpg?1735800599' width='500' height='335' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;La pi&#232;ce cache donc l'information qu'elle montre. Elle est clairement dans une esth&#233;tique post-conceptuelle, mais cette hyperpr&#233;sence de l'absence est savamment th&#233;&#226;tralis&#233;e : les pages dispos&#233;es par paquets ont la beaut&#233; d'une installation minimale, cr&#233;e un volume constitu&#233; de peu de mati&#232;re, amplifi&#233; par les plaques r&#233;fl&#233;chissantes et le jeu des ombres port&#233;es.&lt;/p&gt;
&lt;p&gt;Cette pi&#232;ce de Ben Rubin (1964, USA) est une des plus low tech de son oeuvre. En effet, Rubin est plus connu pour des pi&#232;ces spectaculaires utilisant des panneaux d'affichage LED, que ce soit son r&#233;cent &#034;&lt;a href=&#034;http://vimeo.com/19466474&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Langage of diplomacy&lt;/a&gt;&#034; (2011), qui affiche des mots de six lettres issus des cables diplomatiques am&#233;ricains publi&#233;s par WikiLeaks, ou encore &#034;&lt;a href=&#034;http://earstudio.com/2010/10/07/moveable-type/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Movable types&lt;/a&gt;&#034; (2007) install&#233; dans le hall des bureaux du New York Times, affichant des textes issus des archives du journal.&lt;/p&gt;
&lt;p&gt;&lt;a href=&#034;http://earstudio.com/2010/10/03/dark-source/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Pr&#233;sentation de la pi&#232;ce sur le site de Rubin&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>Process 17, C.E.B. Reas, 2010</title>
		<link>https://arts-numeriques.codedrops.net/Process-17-C-E-B-Reas-2010</link>
		<guid isPermaLink="true">https://arts-numeriques.codedrops.net/Process-17-C-E-B-Reas-2010</guid>
		<dc:date>2010-09-19T16:09:33Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>St&#233;phane Noel</dc:creator>


		<dc:subject>Generative art</dc:subject>
		<dc:subject>Installation</dc:subject>
		<dc:subject>Art du code</dc:subject>
		<dc:subject>Open Source</dc:subject>
		<dc:subject>C.E.B. REAS</dc:subject>
		<dc:subject>Dessin</dc:subject>

		<description>&lt;p&gt;&#034;Process 17&#034; est une installation constitu&#195;&#169;e d'un texte et de deux &#195;&#169;crans de taille variable. Un des &#195;&#169;crans montre la structure du processus sous forme de lignes en d&#195;&#169;placement, l'autre &#195;&#169;cran affiche un dessin g&#195;&#169;n&#195;&#169;r&#195;&#169; par le processus, en constante &#195;&#169;volution. Le texte d&#195;&#169;crit le processus de mani&#195;&#168;re courte et synth&#195;&#169;tique.&lt;/p&gt;

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

/ 
&lt;a href="https://arts-numeriques.codedrops.net/+-Generative-art-+" rel="tag"&gt;Generative art&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Installation-+" rel="tag"&gt;Installation&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Art-du-code-+" rel="tag"&gt;Art du code&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Open-Source-+" rel="tag"&gt;Open Source&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-C-E-B-REAS-+" rel="tag"&gt;C.E.B. REAS&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Dessin-+" rel="tag"&gt;Dessin&lt;/a&gt;

		</description>


 <content:encoded>&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L150xH150/arton241-b5057.jpg?1726838350' class='spip_logo spip_logo_right' width='150' height='150' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;&#034;&lt;a href=&#034;http://reas.com/iperimage.php?section=works&amp;view=&amp;work=p17_s&amp;images=3&amp;id=0&amp;bgcolor=FFFFFF&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Process 17&lt;/a&gt;&#034; est une installation constitu&#233;e d'un texte et de deux &#233;crans de taille variable.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;Elle fait partie de la s&#233;rie des &#034;Process Compendium&#034;. Un des &#233;crans montre la structure du processus sous forme de lignes en d&#233;placement, l'autre &#233;cran affiche un dessin g&#233;n&#233;r&#233; par le processus, en constante &#233;volution. Le texte d&#233;crit le processus de mani&#232;re courte et synth&#233;tique.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_336 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH375/reas_p17_s_1-771c2.jpg?1735800599' width='500' height='375' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;La pi&#232;ce est d&#233;crite comme suit :&lt;/p&gt;
&lt;p&gt;&lt;i&gt;Process 17&lt;/p&gt;
&lt;p&gt;A rectangular surface filled with instances of Element 5, each with a different size and gray value. Draw a transparent circle at the midpoint of each Element. Increase a circles size and opacity while its Element is touching another Element and decrease while it is not.&lt;/p&gt;
&lt;p&gt;Implemented by C.E.B. Reas&lt;br class='manualbr' /&gt;Summer 2010&lt;br class='manualbr' /&gt;Processing 1.1&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_338 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH387/3182047726_f578dcc57a_b-17202.jpg?1735800599' width='500' height='387' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;H&#233;ritage cin&#233;tique de John Maeda&lt;/h2&gt;
&lt;p&gt;Issu de l'enseignement au MIT de John Maeda, Reas est int&#233;ress&#233; par les processus simples produisant des images complexes. La s&#233;rie des &#034;process&#034; se base sur une s&#233;rie d'objets simples (cercles, lignes) mis en interaction par des r&#232;gles strictes, &#233;nonc&#233;es dans un texte court. Ce texte est con&#231;u comme une version litt&#233;raire du code et est donc traduit par Reas en lignes de programmation.&lt;/p&gt;
&lt;p&gt;Dans la description de la s&#233;rie des &#034;&lt;a href=&#034;http://reas.com/texts/processcompendium.html&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Process Compendium&lt;/a&gt;&#034; Reas est explicite sur le rapport entre programmation et r&#233;sultat plastique :&lt;/p&gt;
&lt;p&gt;&lt;i&gt;A Process interpretation in software is a kinetic drawing machine with a beginning but no defined end.&lt;br class='manualbr' /&gt;The text is the Process described in English, written with the intent to translate its content into software.&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;(Traduction) L'interpr&#233;tation sous forme logicielle du processus est une machine a dessin cin&#233;tique avec un d&#233;but mais sans fin d&#233;finie.&lt;br class='manualbr' /&gt;Le texte est le processus d&#233;crit en anglais, &#233;crit avec l'intention de traduire son contenu en un logiciel.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;De l'art cin&#233;tique &#224; l'art digital&lt;/h2&gt;
&lt;p&gt;L'&#233;nonc&#233; comme forme artistique en soi n'est pas neuve : &lt;a href=&#034;http://arts-numeriques.codedrops.net/Sol-Lewitt&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Sol Lewitt&lt;/a&gt; le revendiquera dans le milieu des ann&#233;es 60' avec ses dessins. L&lt;a href=&#034;http://www.conceptual-art.net/lw.html&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;awrence Wiener&lt;/a&gt; en fera m&#234;me la forme premi&#232;re de son travail dans ces m&#234;mes ann&#233;es.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_337 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH333/16weiner3-682b6.jpg?1735800599' width='500' height='333' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;L'art conceptuel pose le postulat que l'art trouve dans l'id&#233;e de l'artiste, telle qu'elle peut &#234;tre identifi&#233;e, recompos&#233;e par l'exp&#233;rience esth&#233;tique du spectateur face &#224; l'oeuvre pr&#233;sent&#233;e. Le statut de cette &#034;oeuvre&#034; est donc ambig&#224;&#188;, et les artistes conceptuels vont s'attacher &#224; r&#233;duire sa mat&#233;rialit&#233;, parfois jusqu'&#224; la feuille de papier punais&#233;e au mur.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;MIT, Processing et open source&lt;/h2&gt;
&lt;p&gt;John Maeda, issu d'une premi&#232;re g&#233;n&#233;ration d'artistes programmeurs, a une approche post-cin&#233;tique de l'art : dans une lign&#233;e formaliste, il aime g&#233;n&#233;rer des formes, produire un impact visuel. Les formes g&#233;n&#233;ratives et l'interaction permis par l'informatique vont lui permettre d'&#233;tendre les possibilit&#233;s de l'art cin&#233;tique traditionnel (et le op' art dans une moindre mesure).&lt;/p&gt;
&lt;p&gt;Cette approche formaliste va le conduire &#224; cr&#233;er un logiciel destin&#233; &#224; son enseignement au MIT, destin&#233; aux artistes visuels &#034;&lt;a href=&#034;http://dbn.media.mit.edu/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;design by numbers&lt;/a&gt;&#034;. Cet outil va &#234;tre repens&#233; en profondeur par Fry et Raes, dans le logiciel aujourd'hui incontournable &lt;a href=&#034;http://processing.org/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Processing&lt;/a&gt;. La dimension capitale qui va y &#234;tre ajout&#233;e s'appelle &#034;&lt;strong&gt;open source&lt;/strong&gt;&#034;.&lt;/p&gt;
&lt;p&gt;Maeda a cr&#233;e une partie de son cr&#233;dit (artistique) et de son capital (financier) en vendant son savoir faire sous forme d'animations, parfois int&#233;ractives, &#224; des entreprises importantes. Il a pu le faire en prot&#233;geant son savoir-faire de pionnier de la programmation visuelle. S'il parle beaucoup de cr&#233;ativit&#233; dans ses livres, il ne divulgue aucun de ses secrets de programmeurs. C'est ce qui fait de son oeuvre une oeuvre post-cin&#233;tique. Nous assistons au r&#233;sultat d'un process qui nous est masqu&#233;.&lt;/p&gt;
&lt;p&gt;Reas et Fry accompagnent la cr&#233;ation de Processing d'une philosophie du partage et d'outils destin&#233; &#224; celui-ci : documentation, exemples, galerie en ligne, publications, s&#233;minaires, workshops. Rendre sensible au processus devient partie int&#233;grante du travail. L'exp&#233;rience esth&#233;tique de l'oeuvre se double de son appr&#233;hension cognitive par le spectateur. La richesse graphique du r&#233;sultat est d'autant plus appr&#233;ci&#233;e que l'&#233;conomie et l'ing&#233;niosit&#233; du processus est identifi&#233;e par le spectateur. En cela, Reas d&#233;passe le simple impact &#034;r&#233;tinien&#034;.&lt;/p&gt;
&lt;p&gt;Reas fait cependant bien la distinction entre son travail artistique et la promotion de l'art du code. Le code source de ses animations n'est pas disponible. Dans le m&#234;me texte de description du compendium, Reas pr&#233;cise :&lt;/p&gt;
&lt;p&gt;&lt;i&gt;The software interpretation is secondary to the text. The text leaves many decisions open to the programmer, decisions that must be made using personal judgment. The act of translating the Process from English into a machine language interprets the text. Process [NUMBER] was implemented by [NAME] into the [LANGUAGE] language in [YEAR]. &lt;/i&gt;&lt;/p&gt;
&lt;p&gt;(traduction) L'interpr&#233;tation logicielle est secondaire par rapport au texte. Le texte laisse plusieurs d&#233;cisions au libre choix du programmeur, d&#233;cisions qui doivent &#234;tre prises en vertu d'un jugement personnel. L'acte de traduire le proccessus depuis l'anglais vers le langage machine est une interpr&#233;tation. Le processus [NUMERO] a &#233;t&#233; impl&#233;ment&#233; par [NOM] en langage [LANGAGE] en [ANNEE].&lt;/p&gt;
&lt;p&gt;Voir &lt;a href=&#034;http://www.flickr.com/photos/_reas/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;les images de Reas sur Flickr&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>&#034;%20location&#034;, jodi, 1995</title>
		<link>https://arts-numeriques.codedrops.net/20location-jodi-1995</link>
		<guid isPermaLink="true">https://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="https://arts-numeriques.codedrops.net/-Catalogue-virtuel-" rel="directory"&gt;Catalogue virtuel&lt;/a&gt;

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

		</description>


 <content:encoded>&lt;img src='https://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='https://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='https://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='https://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='https://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;1 bit symphony&#034;, Tristan Perich, 2009-2010 </title>
		<link>https://arts-numeriques.codedrops.net/1-bit-symphony-Tristan-Perich-2009</link>
		<guid isPermaLink="true">https://arts-numeriques.codedrops.net/1-bit-symphony-Tristan-Perich-2009</guid>
		<dc:date>2010-08-24T00:58:34Z</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>physical computing</dc:subject>
		<dc:subject>Chiptune</dc:subject>

		<description>&lt;p&gt;Le &#034;1-bit symphony&#034; de Perich est un boitier CD de mod&#195;&#168;le fin, transparent, contenant quelques composants align&#195;&#169;s &#195; intervalles r&#195;&#169;gulier. On y place une paire d'&#195;&#169;couteurs, on glisse l'interrupteur sur &#034;on&#034; et un flot sonore s'&#195;&#169;coule, des nappes sonores qui rappellent le minimalisme d'un Steve Reich.&lt;/p&gt;

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

/ 
&lt;a href="https://arts-numeriques.codedrops.net/+-Art-du-code-+" rel="tag"&gt;Art du code&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-physical-computing-+" rel="tag"&gt;physical computing&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Chiptune-+" rel="tag"&gt;Chiptune&lt;/a&gt;

		</description>


 <content:encoded>&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L150xH100/arton227-327d6.jpg?1726775370' class='spip_logo spip_logo_right' width='150' height='100' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Tags : musique, chiptune, art du code, &#233;lectronique&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;Le &lt;a href=&#034;http://www.1bitsymphony.com/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;&#034;1-bit symphony&#034;&lt;/a&gt; de Perich est &#224; la fois une oeuvre sonore, du physical computing et du design. Un boitier CD de mod&#232;le fin, transparent, laissant voir quelques composants soud&#233;s &#224; la main, align&#233;s &#224; intervalles r&#233;guliers : une pile, un interrupteur, une puce, un bouton &#224; presser, un potentiom&#232;tre et une prise minijack coll&#233;e au bord droit du boitier. On y place une paire d'&#233;couteurs, on glisse l'interrupteur sur &#034;on&#034; et un flot sonore s'&#233;coule, soutenu, rep&#233;titif mais structur&#233;. Des nappes sonores qui rappellent certaines pi&#232;ces de Steve Reich ou John Adams. On y retrouve des patterns, des syncopes, des boucles et des permutations. On est en fait plut&#244;t &#233;tonn&#233;, vu le minimalisme de l'objet, d'y trouver de la &lt;i&gt;musique&lt;/i&gt;. C'est que la pi&#232;ce rel&#232;ve de ce que l'on appelle le &#034;chiptune&#034;, elle est produite directement par la puce &#233;lectronique, modulant du son uniquement en ouvrant et coupant l'alimentation &#233;lectrique &#224; tr&#232;s grande vitesse.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_320 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH356/1-bit-symphony-tristan-perich-musique-binaire-2-265f3.jpg?1735800600' width='500' height='356' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&#034;1-bit&#034; aurait pu &#234;tre une simple bo&#238;te, le coup de g&#233;nie final de Perich aura &#233;t&#233; de faire rentrer dans une &#034;slim case&#034;, qui permet d'appuyer par l'objet ce qui est d&#233;j&#224; pr&#233;sent dans le concept de l'oeuvre : on a affaire ici &#224; une pi&#232;ce musicale non pas reproduite apr&#232;s enregistrement, mais bien perform&#233;e lors de l'&#233;coute. Le CD, comme support de reproduction, est donc bien remplac&#233; par la pi&#232;ce elle-m&#234;me. L'objet, bien qu'autonome, n'est pas un i-pod non plus : il ne joue qu'une pi&#232;ce compos&#233;e de 4 mouvements d'un peu plus d'une demi-heure terminant sur un cinqui&#232;me mouvement en boucle.&lt;/p&gt;
&lt;p&gt;Perich, jeune artiste new-yorkais, a d&#233;j&#224; fabriqu&#233; un &#034;1-bit music&#034; et m&#234;me un &#034;1-bit vid&#233;o&#034;. Autant d'objets autonomes capables de produire un contenu sur base d'une simple puce programm&#233;e. L'id&#233;e de produire des contenus gr&#226;ce &#224; un code minimal a &#233;t&#233; l'enjeu des &lt;a href=&#034;http://fr.wikipedia.org/wiki/Sc%C3%A8ne_d%C3%A9mo&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;d&#233;mosc&#232;nes&lt;/a&gt;. Une forme d'art du code, o&#249; le trip est de faire beaucoup de diversit&#233; avec peu de lignes de code, une contrainte forte obligeant &#224; recourir &#224; pas mal d'ing&#233;niosit&#233; et d'imagination. L'&#233;lectronique permet &#224; Perich d'ajouter &#224; la performance l'&#233;l&#233;gance d'un objet autonome.&lt;/p&gt;
&lt;p&gt;Walter Benjamin parlait dans son texte le plus c&#233;l&#232;bre de la reproductibilit&#233; technique comme menace possible &#224; l'aura (le fameuse &#034;apparition d'un lointain, aussi proche soit-il&#034;). Comme en r&#233;ponse, le code source embarqu&#233; sur la puce &#233;lectronique de 1-bit Symphony est aussi fourni sur papier avec le CD. Une fa&#231;on pour Perich d'affirmer que la reproductibilit&#233; n'enl&#232;vera rien &#224; son &#197;&#8220;uvre, dont chaque composant peut &#234;tre achet&#233; dans le commerce. C'est l'assemblage du hardware et du software, et une pile de 3 volts, qui actualisent &#224; chaque audition l'intention de l'auteur, et font de 1 Bit Symphony, au creux de la main, une &#197;&#8220;uvre unique.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_321 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L392xH522/11-16941.jpg?1726877159' width='392' height='522' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;1-bit symphony a &#233;t&#233; produit en petite s&#233;rie, avec un prix de vente aux alentours de 25 dollars. Ce qui le fait entrer dans la cat&#233;gorie des &#034;multiples&#034;. Une oeuvre d'art pour le prix d'un bon CD.&lt;/p&gt;
&lt;object width=&#034;480&#034; height=&#034;270&#034;&gt;&lt;param name=&#034;allowfullscreen&#034; value=&#034;true&#034; /&gt;&lt;param name=&#034;allowscriptaccess&#034; value=&#034;always&#034; /&gt;&lt;param name=&#034;movie&#034; value=&#034;http://vimeo.com/moogaloop.swf?clip_id=12244413&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0&#034; /&gt;&lt;embed src=&#034;http://vimeo.com/moogaloop.swf?clip_id=12244413&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0&#034; type=&#034;application/x-shockwave-flash&#034; allowfullscreen=&#034;true&#034; allowscriptaccess=&#034;always&#034; width=&#034;480&#034; height=&#034;270&#034;&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>Cory Arcangel</title>
		<link>https://arts-numeriques.codedrops.net/Cory-Arcangel</link>
		<guid isPermaLink="true">https://arts-numeriques.codedrops.net/Cory-Arcangel</guid>
		<dc:date>2008-04-01T09:50:48Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>St&#233;phane Noel</dc:creator>


		<dc:subject>Installation</dc:subject>
		<dc:subject>Art du code</dc:subject>
		<dc:subject>Hacktivisme</dc:subject>
		<dc:subject>Citation num&#233;rique</dc:subject>
		<dc:subject>Cory Arcangel</dc:subject>

		<description>&lt;p&gt;Artiste Am&#195;&#169;ricain vivant &#195; New York, n&#195;&#169; en 1978. Il fait partie d'une g&#195;&#169;n&#195;&#169;ration d'artistes qui a grandi avec les consoles de jeux. Faire entrer la culture 8bits au mus&#195;&#169;e semble son pari r&#195;&#169;ussi.&lt;/p&gt;

-
&lt;a href="https://arts-numeriques.codedrops.net/-References-" rel="directory"&gt;R&#233;f&#233;rences&lt;/a&gt;

/ 
&lt;a href="https://arts-numeriques.codedrops.net/+-Installation-+" rel="tag"&gt;Installation&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Art-du-code-+" rel="tag"&gt;Art du code&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Hacktivisme-+" rel="tag"&gt;Hacktivisme&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Citation-numerique-+" rel="tag"&gt;Citation num&#233;rique&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Cory-Arcangel,32-+" rel="tag"&gt;Cory Arcangel&lt;/a&gt;

		</description>


 <content:encoded>&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L150xH84/arton43-7cd94.jpg?1726838350' class='spip_logo spip_logo_right' width='150' height='84' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Artiste Am&#195;&#169;ricain vivant &#195; New York, n&#195;&#169; en 1978. Il fait partie d'une g&#195;&#169;n&#195;&#169;ration d'artistes qui a grandi avec les consoles de jeux. Faire entrer la culture 8bits au mus&#195;&#169;e semble son pari r&#195;&#169;ussi.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;h2 class=&#034;spip&#034;&gt;Clouds and roads&lt;/h2&gt;
&lt;p&gt;&lt;span class='spip_document_35 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH333/Cory-Arcangel-6-14-07-c9f6d.jpg?1726870545' width='500' height='333' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;La peinture de paysage fait partie de l'histoire moderne des arts. Elle a fait passer, entre la renaissance et le romantisme, un objet secondaire de la peinture (ce qu'il y a autour d'une madone, d'une sc&#195;&#168;ne de la bible), au premier plan, affirmant qu'un rapport &#195; Dieu, une pr&#195;&#169;sence de l'homme, pouvaient &#195;&#170;tre manifest&#195;&#169;s par ce qui est consid&#195;&#169;r&#195;&#169; comme un accessoire.&lt;/p&gt;
&lt;p&gt;Ce glissement historique a quelque chose &#195; voir avec l'abstraction, au fait d'abstraire, litt&#195;&#169;ralement, de morceaux de la peinture pour les exhiber, b&#195;&#169;ants, fascinants de virginitude, insens&#195;&#169;s. La fascination de l'insens&#195;&#169;, la r&#195;&#169;v&#195;&#169;lation de l'accessoire sont des enjeux typiquement modernes.&lt;/p&gt;
&lt;p&gt;Tout cela pour placer le travail de Cory Archangel dans une filiation de la peinture de paysage, et de la modernit&#195;&#169;. Les travaux de Arcangel les plus connus sont cependant plus complexes qu'une simple continuit&#195;&#169; de la peinture romantique, m&#195;&#170;me si une certaine nostaglie empreint l'ensemble de son travail sur les jeux 8 bits. La console NES semble avoir &#195;&#169;t&#195;&#169; le point d'entr&#195;&#169;e de Arcangel dans la culture digitale. Une sorte de f&#195;&#169;tichisme semble du coup frapper ces cartouches de jeu d&#195;&#169;mont&#195;&#169;es, recod&#195;&#169;es et ressoud&#195;&#169;es. Elle mettent &#195; nu l'inconscient visuel des jeux Nintendo, ses motifs infinis et r&#195;&#169;p&#195;&#169;titifs, ses formes simples, iconiques et embl&#195;&#169;matiques.&lt;/p&gt;
&lt;p&gt;Beaucoup d'adolescents des ann&#195;&#169;es 80' auraient voulu stopper l'action des 2 premiers volets de la guerre des &#195;&#169;toiles pour pouvoir go&#195; &#187;ter au quotidien sur la plan&#195;&#168;te Tatooine. Super Mario Clouds r&#195;&#169;alise ironiquement ce fantasme adolescent, supprimant l'action des cartouches de jeu, ne laissant que des objets flottants et disjoints s'&#195;&#169;taler sur l'&#195;&#169;cran.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Complexit&#195;&#169; &#195;&#169;motionnelle des jeux vid&#195;&#169;os&lt;/h2&gt;
&lt;p&gt;Il est assez symptomatique de voir que l'histoire des &#195;&#169;motions en art ne fait que peu de cas de la relation affective du public aux jeux vid&#195;&#169;os. Le discours g&#195;&#169;n&#195;&#169;ral se focalise sur la consommation des jeux, parle d'addiction, de plaisir imm&#195;&#169;diat, d'adr&#195;&#169;naline. Au mieux il y ajoute l'&#195;&#169;pilepsie, comme l'&#195;&#169;motion ultime et effrayante, punition du joueur infantile, sorte de gorgone du joueur.&lt;/p&gt;
&lt;p&gt;Cory Arcangel ajoute donc le spleen, la r&#195;&#169;miniscence et d'autres &#195;&#169;motions complexes, qui montrent que l'aura de Walter Benjamin n'a pas disparu, que l'&#195;&#169;motion esth&#195;&#169;tique peut faire fl&#195;&#168;che de tout bois, qu'une formule 1 dessin&#195;&#169;e avec 64 carr&#195;&#169;s peut produire quelque chose d'aussi vif et complexe qu'une p&#195;&#162;tisserie fran&#195;&#167;aise portant un pr&#195;&#169;nom f&#195;&#169;minin.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Authenticit&#195;&#169; de l'age num&#195;&#169;rique&lt;/h2&gt;
&lt;p&gt;L'authentique &#195; l'&#195;&#168;re de la distribution de masse est un concept &#195;&#169;trange, mais le travail de Arcangel &#195;&#169;chappe au discours traditionnel du &#034;vintage&#034;, ce m&#195;&#169;lange &#195;&#169;trange de f&#195;&#169;tichisme et de collectionnite typiquement m&#195;&#169;pris&#195;&#169; par les &#195;&#169;lites culturelles, trop proche, d'une certaine mani&#195;&#168;re, des pratiques de consommation et m&#195;&#170;me de production de l'art.&lt;/p&gt;
&lt;p&gt;Un travail comme &#034;Super Mario Clouds&#034; a quelque chose &#195; voir avec la notion d'authenticit&#195;&#169; ch&#195;&#168;re au rock'n'roll, aux collectionneurs de GI Joe et d'art. La projection vid&#195;&#169;o de la route de F1 Race redessin&#195;&#169;e avec un logiciel n'aurait aucun int&#195;&#169;r&#195;&#170;t. C'est pourquoi les expositions de Cory Arcangel mettent en sc&#195;&#168;ne de vraies consoles NES. Ce n'est pas un d&#195;&#169;tail : le medium de Arcangel est la console de jeu, pas simplement son esth&#195;&#169;tique.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_37 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L283xH318/cart-b6c1c.jpg?1726870545' width='283' height='318' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;De la m&#195;&#170;me mani&#195;&#168;re, c'est une cartouche Super Mario qui est utilis&#195;&#169;e, pas un codage d'apr&#195;&#168;s une cartouche. Cependant, la cartouche de jeu est ici hack&#195;&#169;e, d&#195;&#169;coup&#195;&#169;e, dessoud&#195;&#169;e.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_36 spip_documents spip_documents_center'&gt;&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L419xH485/cartridge_making_2-9aceb.gif?1726870545' width='419' height='485' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;C'est que le travail a plus avoir avec l'hybridation, l'appropriation, qu'avec la conservation sous cellophane d'un objet culte. Arcangel travaille AVEC la NES comme mat&#195;&#169;riau physique. Elle est pr&#195;&#169;sente dans ses multiples dimensions : code, chip, soudure autant que plage de couleur et signe, ce qui rapproche ce travail des collages cubistes et fait le entrer pleinement dans l'&#195;&#168;re num&#195;&#169;rique.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Production et distribution num&#195;&#169;rique&lt;/h2&gt;
&lt;p&gt;En effet, l'oeuvre de Arcangel am&#195;&#168;ne des changements conceptuels et structurels importants :&lt;br class='manualbr' /&gt;&lt;strong&gt;Medium issu de la culture de masse&lt;/strong&gt; : la console Nes et les cartouches de jeu.&lt;br class='manualbr' /&gt;&lt;strong&gt;D&#195;&#169;tournement&lt;/strong&gt; : Arcangel travaille avec le mat&#195;&#169;riau m&#195;&#170;me, et le hacke tr&#195;&#168;s simplement, lui appliquant une logique soustractive, une forme d'intervention facile en musique par exemple, mais rarement possible aussi &#034;proprement&#034; dans les arts visuels.&lt;br class='manualbr' /&gt;&lt;strong&gt;Travail collaboratif&lt;/strong&gt; : en plus de reprendre, comme une bouture, une partie du code et des sprites (images) des programmeurs originaux des jeux, Arcangel a discut&#195;&#169; et &#195;&#169;labor&#195;&#169; ses projets avec d'autres programmeurs. &lt;br class='manualbr' /&gt;&lt;strong&gt;Virtualit&#195;&#169; de l'oeuvre&lt;/strong&gt; : difficile de dire o&#195;&#185; se trouve l'oeuvre d'art. Est-ce la surface, l'assemblage de projection, l'objet de la cartouche, le code &#195;&#169;crit, l'attitude de d&#195;&#169;tournement ? &lt;br class='manualbr' /&gt;&lt;strong&gt;Distribution libre de la m&#195;&#169;thode de production&lt;/strong&gt; : le code entr&#195;&#169; dans la puce est fourni sous toutes sorte de formes : page html, pdf, livre, un didacticel montre comment souder et dessouder la puce, o&#195;&#185; en racheter si &#195;&#167;a se passe mal, etc.&lt;br class='manualbr' /&gt;&lt;strong&gt;Diffusion libre de l'oeuvre sur un support utilisable gratuitement&lt;/strong&gt; : le r&#195;&#169;sultat final, la cartouche, a elle-m&#195;&#170;me &#195;&#169;t&#195;&#169; virtualis&#195;&#169;e pour &#195;&#170;tre utilisable par un &#195;&#169;mulateur (programme informatique permettant de lire un programme &#195;&#169;crit pour une autre machine), et donc &#195;&#170;tre utilisable par n'importe qui.&lt;/p&gt;
&lt;p&gt;Chacune de ces approches ont d&#195;&#169;j&#195; &#195;&#169;t&#195;&#169; revendiqu&#195;&#169;es par des artistes modernes et contemporains. La virtualit&#195;&#169; par exemple, est une question de l'histoire de la musique : l'art est-il dans la partition ou dans l'ex&#195;&#169;cution de l'oeuvre ? &lt;br class='manualbr' /&gt;C'est cette combinaison dans un seul travail qui fait la sp&#195;&#169;cificit&#195;&#169; de l'approche d'Arcangel.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Ironie et r&#195;&#169;conciliation&lt;/h2&gt;
&lt;p&gt;J'ai parl&#195;&#169; ici des oeuvres les plus saillantes de Arcangel sur cartouche NES. Il a d'autres travaux &#195; son actif, ainsi la recompression 666 fois d'un morceau de hard core, ou le fameux &#034;I shot Andy Warhol&#034;. Ces travaux r&#195;&#169;v&#195;&#168;lent un aspect plus ironique du travail de Arcangel, aussi pr&#195;&#169;sent dans Super Mario Cloud.&lt;/p&gt;
&lt;p&gt;Cet aspect m'int&#195;&#169;resse moins, l'ironie est une approche dominante dans la production et consommation des loisirs num&#195;&#169;riques en g&#195;&#169;n&#195;&#169;ral (blagues de bureau, vid&#195;&#169;os potaches, photoshoppages divers).&lt;/p&gt;
&lt;p&gt;Arcangel a aussi une activit&#195;&#169; de musicien, et a r&#195;&#169;alis&#195;&#169; &#195; la crois&#195;&#169;e de ses disciplines &#034;A couple thousand short films about Glenn Gould&#034;, une collection de vid&#195;&#169;os glan&#195;&#169;es sur le net remont&#195;&#169;es note par note, fracassant l'un contre l'autre les notions de virtuosit&#195;&#169; et d'amateurisme.&lt;/p&gt;
&lt;p&gt;Avec les artistes de la g&#195;&#169;n&#195;&#169;ration d'Arcangel semble enfin arriver la r&#195;&#169;conciliation des arts num&#195;&#169;riques et traditionnels, quand enfin les NTIC ont perdu le N de &#034;nouveau&#034;.&lt;/p&gt;&lt;/div&gt;
		&lt;div class="hyperlien"&gt;Voir en ligne : &lt;a href="http://www.beigerecords.com/cory/" class="spip_out"&gt;Site de Cory Arcangel&lt;/a&gt;&lt;/div&gt;
		
		</content:encoded>


		
		<enclosure url="https://arts-numeriques.codedrops.net/IMG/zip/f2.nes.zip" length="5255" type="application/zip" />
		
		<enclosure url="https://arts-numeriques.codedrops.net/IMG/zip/SuperMarioClouds.nes.zip" length="5623" type="application/zip" />
		

	</item>
<item xml:lang="fr">
		<title>Mame</title>
		<link>https://arts-numeriques.codedrops.net/Mame</link>
		<guid isPermaLink="true">https://arts-numeriques.codedrops.net/Mame</guid>
		<dc:date>2008-02-22T20:53:06Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>St&#233;phane Noel</dc:creator>


		<dc:subject>Mac</dc:subject>
		<dc:subject>Art du code</dc:subject>
		<dc:subject>Participatif</dc:subject>
		<dc:subject>Linux</dc:subject>
		<dc:subject>Open Source</dc:subject>

		<description>&lt;p&gt;Non pas une personne mais un projet, Mame est int&#195;&#169;ressant car il allie le jeu, l'histoire de l'informatique et l'open source. Projet ambitieux, en danger constant.&lt;/p&gt;

-
&lt;a href="https://arts-numeriques.codedrops.net/-References-" rel="directory"&gt;R&#233;f&#233;rences&lt;/a&gt;

/ 
&lt;a href="https://arts-numeriques.codedrops.net/+-Mac-+" rel="tag"&gt;Mac&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Art-du-code-+" rel="tag"&gt;Art du code&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Art-collaboratif-+" rel="tag"&gt;Participatif&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Linux-+" rel="tag"&gt;Linux&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Open-Source-+" rel="tag"&gt;Open Source&lt;/a&gt;

		</description>


 <content:encoded>&lt;img src='https://arts-numeriques.codedrops.net/local/cache-vignettes/L150xH94/arton35-3e7a0.jpg?1726838349' class='spip_logo spip_logo_right' width='150' height='94' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Non pas une personne mais un projet, Mame est int&#195;&#169;ressant car il allie le jeu, l'histoire de l'informatique et l'open source. Projet ambitieux, r&#195;&#169;ussi.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;Initi&#195;&#169; par Nicola Salmoria, sorti officiellement le &lt;a href=&#034;http://mamedev.org/history.html&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;5 f&#195;&#169;vrier 1997&lt;/a&gt;.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Aventure technologique&lt;/h2&gt;
&lt;p&gt;Mame est d'abord une aventure de programmation. Mame est un &#195;&#169;mulateur, c'est &#195; dire un logiciel qui fait se comporter une machine comme une autre machine. L'&#195;&#169;mulation est un enjeu informatique important, car le hardware se renouvelle sans cesse, et il laisse derri&#195;&#168;re lui des milliers d'applications, de cd-roms, de jeu, de donn&#195;&#169;es illisibles. Comment continuer &#195; avoir acc&#195;&#168;s &#195; ces fichiers ? La conservation du mat&#195;&#169;riel est une solution, l'&#195;&#169;mulation en est une autre, plus puissante &#195; long terme.&lt;/p&gt;
&lt;p&gt;L'&#195;&#169;mulation est fortement li&#195;&#169;e &#195; l'histoire du jeu vid&#195;&#169;o : on estime que le premier &#195;&#169;mulateur est une station de jeu, qui permettait &#195; ses acheteurs de jouer avec des cartouches de la g&#195;&#169;n&#195;&#169;ration pr&#195;&#169;c&#195;&#169;dente du constructeur, plus rapide mais incompatible avec les anciens jeux.&lt;/p&gt;
&lt;p&gt;Elle touche tous les aspects de l'informatique aujourd'hui.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Aventure juridique&lt;/h2&gt;
&lt;p&gt;T&#195;&#169;l&#195;&#169;charger un &#195;&#169;mulateur est une op&#195;&#169;ration l&#195;&#169;gale, par contre poss&#195;&#169;der les ROMS (terme g&#195;&#169;n&#195;&#169;rique pour d&#195;&#169;signer les jeux, choisi parce que les jeux &#195;&#169;taient stock&#195;&#169;s dans le Read Only Memory des premi&#195;&#168;res machines) est souvent ill&#195;&#169;gal. La plupart des firmes qui les ont con&#195;&#167;us et commercialis&#195;&#169;s existent encore et ces jeux sont toujours prot&#195;&#169;g&#195;&#169;s m&#195;&#170;mes si ils ne sont plus exploit&#195;&#169;s commercialement. C'est contre cet &#195;&#169;tat de chose que lutte les concepteurs/codeurs de MAME. Plusieurs proc&#195;&#168;s ont &#195;&#169;t&#195;&#169; intent&#195;&#169;s contre les &#195;&#169;mulateurs, notamment par SONY, tous perdus. Du c&#195;&#180;t&#195;&#169; des ROMS par contre, les concepteurs de jeux auront gain de cause, la propri&#195;&#169;t&#195;&#169; intellectuelle est un argument juridique puissant. Les ROMS s'&#195;&#169;changent toujours donc avec risque, le site de MAME stipule explicitement qu'il n'h&#195;&#169;berge pas de jeux. Les sites qui le font sont donc dans l'ill&#195;&#169;galit&#195;&#169;, menac&#195;&#169; de fermeture, h&#195;&#169;berg&#195;&#169;s dans des pays &#195; la l&#195;&#169;gislation flottante, et r&#195;&#169;guli&#195;&#168;rement hack&#195;&#169;s. Des initiatives comme celle des concepteurs de QUAKE (qui mettent leurs moteurs de jeux en open source lorsque leur exploitation commerciale est termin&#195;&#169;e) ou de propellerhead software (qui a cr&#195;&#169;&#195;&#169; un mus&#195;&#169;e pour son &#195;&#169;mulateur de boite &#195; rythme/s&#195;&#169;quenceur, ReBirth, t&#195;&#169;l&#195;&#169;chargeable gratuitement) restent marginales.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Projet historique et culturel&lt;/h2&gt;
&lt;p&gt;Ce projet est port&#195;&#169; par un d&#195;&#169;sir de nerd, celui des amateurs de &lt;i&gt;jeux de caf&#195;&#169;s&lt;/i&gt; du d&#195;&#169;but des ann&#195;&#169;es 80', qui ont vu le monde basculer dans le num&#195;&#169;rique, &#195;&#169;paul&#195;&#169; par l'objet le plus trivial du monde, une caisse en bois dans un caf&#195;&#169;, fait pour r&#195;&#169;colter des sous en tuant des aliens en forme de gros carr&#195;&#169;s.&lt;/p&gt;
&lt;p&gt;Mais il est port&#195;&#169; aussi par un d&#195;&#169;sir d'histoire, celle de ceux qui ont v&#195;&#169;cu de l'int&#195;&#169;rieur l'invention des jeux vid&#195;&#169;os, leur &#195;&#169;volution rapide du noir et blanc &#195; la 3D, du bip &#195; la m&#195;&#169;lodie 32 bits, comporte son lot de h&#195;&#169;ros, de batailles perdues et gagn&#195;&#169;es, de bonds et de reculs technologiques, de fortunes et de ruines. Elle doit &#195;&#170;tre conserv&#195;&#169;e par son biais le plus direct, les jeux eux-m&#195;&#170;mes, partie &#195;&#169;merg&#195;&#169;e de cet iceberg, qui sont &#195; l'histoire de l'informatique ce que les oeuvres d'art sont &#195; l'histoire de l'art.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Play it again, Proust&lt;/h2&gt;
&lt;p&gt;Au final on a donc un objet ind&#195;&#169;cidable, aussi nerd et infantile que puissant techniquement et respectable d'un point de vue d'historien. L'ind&#195;&#169;cidable &#195;&#169;tant une des vertus de l'art, ceci fait de MAME un objet passionnant. Et puis rejouer &#195; Rygar, &#195;&#169;couter sa musique d'origine, ou revoir la boule de Marble rouler avec inertie sur ses pentes isom&#195;&#169;triques, au son des premi&#195;&#168;res musique 8-bit st&#195;&#169;r&#195;&#169;o est une exp&#195;&#169;rience puissante.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_ps'&gt;&lt;p&gt;&lt;a href=&#034;http://fr.wikipedia.org/wiki/MAME&#034;&gt;Mame sur wikipedia&lt;/a&gt;&lt;br class='manualbr' /&gt;&lt;a href=&#034;http://www.mamedev.org/&#034;&gt;Le site de d&#195;&#169;veloppement de MAME&lt;/a&gt;&lt;br class='manualbr' /&gt;&lt;a href=&#034;http://www.romnation.net/&#034;&gt;Rom nation, un site de roms&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>Les fonctions</title>
		<link>https://arts-numeriques.codedrops.net/Les-fonctions</link>
		<guid isPermaLink="true">https://arts-numeriques.codedrops.net/Les-fonctions</guid>
		<dc:date>2007-10-25T21:09:46Z</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>Javascript</dc:subject>

		<description>&lt;p&gt;Un des concepts importants de la programmation, les fonctions sont pr&#195;&#169;sentes en javascript. Qu'est ce que c'est, comment les utiliser, c'est ici.&lt;/p&gt;

-
&lt;a href="https://arts-numeriques.codedrops.net/-Les-bases-" rel="directory"&gt;Les bases&lt;/a&gt;

/ 
&lt;a href="https://arts-numeriques.codedrops.net/+-Art-du-code-+" rel="tag"&gt;Art du code&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Javascript-+" rel="tag"&gt;Javascript&lt;/a&gt;

		</description>


 <content:encoded>&lt;div class='rss_chapo'&gt;&lt;p&gt;Un des concepts importants de la programmation, les fonctions sont pr&#195;&#169;sentes en javascript. Qu'est ce que c'est, comment les utiliser, c'est ici.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;Les fonctions ont une fonction : l'&#195;&#169;conomie d'&#195;&#169;chelle. On centralise des portions de code de telle mani&#195;&#168;re &#195; pouvoir les r&#195;&#169;utiliser plusieurs fois, et donc devoir corriger &#195; un seul endroit si &#195;&#167;a merde. C'est un &#034;sous-programme&#034; en soi, qui peut &#195;&#170;tre d'une grande complexit&#195;&#169;, avec des arguments transmis, etc. Allons-y doucement.&lt;/p&gt;
&lt;p&gt;&#195;&#8225;a se passe en deux temps : on &#195;&#169;crit une fonction, puis on l'invoque.&lt;br class='autobr' /&gt;
On &#195;&#169;crit la fonction :&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;script type=&#034;text/javascript&#034;&gt; function mafonction() { alert(&#034;Et hop&#034;); } &lt;/script&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;La fonction commence par le nom &#034;function&#034; suivi du nom de la fonction, que vous inventez, termin&#195;&#169; par une ouverture et fermeture de parenth&#195;&#168;ses. Dans ces parenth&#195;&#168;ses on verra qu'on peut mettre des choses. On ouvre et ferme ensuite des accolades, entre lesquelles on place le code de la fonction. Ce code sera ex&#195;&#169;cut&#195;&#169; chaque fois que l'on appelle la fonction comme suit :&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;a href=&#034;javascript:mafonction();&#034;&gt;Clic&lt;/a&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;Ici, vous voyez que le code javascript remplace le lien dans le code de la page. Mais on peut faire ceci aussi :&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;div onClick=&#034;mafonction();&#034;&gt;waow&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;Chaque fois que la fonction sera appell&#195;&#169;e, elle executera le code, ici une boite d'alerte qui contient &#034;Et hop !&#034;.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Appeller une fonction avec un argument&lt;/h2&gt;
&lt;p&gt;Mais une fonction reste statique si elle envoie le m&#195;&#170;me contenu &#195; chaque fois qu'on l'appelle. Il devient int&#195;&#169;ressant d'utiliser une fonction quand on peut lui envoyer des arguments.&lt;/p&gt;
&lt;p&gt;Un exemple simple : un questionnaire &#195; choix multiples. Trois r&#195;&#169;ponses &#195; une question, une seule des trois est juste.&lt;br class='autobr' /&gt;
Dans la page, on mettra ceci :&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;h3&gt;Qui est pr&#195;&#169;sident des USA aujourd'hui&lt;/h3&gt; &lt;ul&gt; &lt;li&gt;&lt;a href=&#034;javascript:testereponse('Mais non !');&#034;&gt;Abraham Lincoln&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&#034;javascript:testereponse('&#195;&#8225;a c'&#195;&#169;tait le pr&#195;&#169;c&#195;&#169;dent');&#034;&gt;Bill Clinton&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&#034;javascript:testereponse('malheureusement oui...');&#034;&gt;Georges Bush&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;Dans le head de la page, on va &#195;&#169;crire la fonction.&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;script type=&#034;text/javascript&#034;&gt; function testereponse(lareponse) { alert(lareponse); } &lt;/script&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;Vous constaterez que entre les parenth&#195;&#168;ses se trouvent un mot - lareponse - qui est r&#195;&#169;utilis&#195;&#169; dans la ligne juste apr&#195;&#168;s. C'est une variable. Elle re&#195;&#167;oit l'information provenant des r&#195;&#169;ponses potentielles par l'appel de fonction &#034;javascript:testereponse(&#034;quelquechose&#034;) ;&#034; et la stocke pour &#195;&#170;tre r&#195;&#169;utilis&#195;&#169;e. Dans notre cas, la fonction affiche simplement ce qui lui est envoy&#195;&#169; dans une boite d'alerte.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Plusieurs argument dans la fonction&lt;/h2&gt;
&lt;p&gt;Notre bout de code est amusant, mais il ne teste par r&#195;&#169;ellement le r&#195;&#169;sultat donn&#195;&#169; &#195; la r&#195;&#169;ponse : il affiche juste un bout de texte envoy&#195;&#169; par l'appel de fonction dans une boite d'alerte...&lt;br class='manualbr' /&gt;Pour faire un vrai test, avec un envoi vers une page en cas de r&#195;&#169;ussite, on va ajouter des variables pass&#195;&#169;e par la fonction.&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;h3&gt;Qui est pr&#195;&#169;sident des USA aujourd'hui&lt;/h3&gt; &lt;ul&gt; &lt;li&gt;&lt;a href=&#034;javascript:testereponse('Mais non !', false);&#034;&gt;Abraham Lincoln&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&#034;javascript:testereponse('&#195;&#8225;a c\'&#195;&#169;tait le pr&#195;&#169;c&#195;&#169;dent', false);&#034;&gt;Bill Clinton&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&#034;javascript:testereponse('malheureusement oui...', true, 'questionsuivante.html');&#034;&gt;Georges Bush&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;Trois arguments sont plac&#195;&#169;s dans le script, parfois 2 seulement. Remarquez au passage que les textes &#195; envoyer sont entour&#195;&#169;s de simples guillemets : c'est parce que l'appel &#195; la fonction se trouve lui-m&#195;&#170;me dans un double guillemets. La r&#195;&#169;ponse pour &#034;Bill Clinton&#034; a quelque chose en plus : un backslashe (\) devant le caract&#195;&#168;re de simpe guillemets. Pourquoi ? Parce la r&#195;&#169;ponse est elle-m&#195;&#170;me entre simple guillemets, et donc mettre un simple guillemet dans le texte correspond &#195; indiquer au script que la variable se cloture alors qu'on est au milieu de la phrase. Erreur de script garantie.&lt;/p&gt;
&lt;p&gt;Dans le head, on a plus de code pur plus de r&#195;&#169;sultats :&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;script type=&#034;text/javascript&#034;&gt; function testereponse(lareponse,test,url) { // on pr&#195;&#169;pare la fen&#195;&#170;tre d'alerte if (test) { message =&#034;Bonne r&#195;&#169;ponse \n&#034; + lareponse; } else { message = &#034;Mauvaise reponse \n&#034; + lareponse; } // on envoie la boite d'alerte avec son message alert(message); // si il y a une valeur pour url, on clique vers elle if(url) { window.location.href=url; } } &lt;/script&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;Houlala, plein de choses nouvelles :
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; On r&#195;&#169;cup&#195;&#168;re trois valeurs potentielles dans 3 variables. Si &#034;url&#034; ne re&#195;&#167;oit rien, le script ne se plaint pas : simplement cette variable reste vide.&lt;/p&gt;
&lt;p&gt;On teste la variable &#034;test&#034; : dans le code su lien, elle vaut soit &#034;true&#034; soit &#034;false&#034;. True et false ne sont pas des variables, mais des valeur bol&#195;&#169;ennes. True, c'est &#034;oui&#034;, 1, quelque chose, et false est &#034;non&#034;, 0, rien.&lt;br class='autobr' /&gt;
le test if() {} else {} &#195;&#169;value ce qui se trouve entre parenth&#195;&#168;ses et si le r&#195;&#169;sultat est positif (si x==10 par exemple), alors ce qui se trouve entre les premi&#195;&#168;res accolades est ex&#195;&#169;cut&#195;&#169;, et si le r&#195;&#169;sultat est n&#195;&#169;gatif, ce qui se trouve dans les accolades apr&#195;&#168;s else sera ex&#195;&#169;cut&#195;&#169;.&lt;br class='autobr' /&gt;
Dans notre cas, on stocke dans une variable &#034;message&#034; du texte et une variable.&lt;/p&gt;
&lt;p&gt;Enfin, si quelque chose se trouve dans la variable url, l'adresse de la page sera chang&#195;&#169;e via la commande window.location.href.&lt;/p&gt;&lt;/div&gt;
		&lt;div class="hyperlien"&gt;Voir en ligne : &lt;a href="http://fr.selfhtml.org/javascript/langage/fonctions.htm" class="spip_out"&gt;Page de documentation en fran&#195;&#167;ais sur SELHTML&lt;/a&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>Montrer du code avec jquery</title>
		<link>https://arts-numeriques.codedrops.net/Jquery-Montrer-du-code-avec-jquery</link>
		<guid isPermaLink="true">https://arts-numeriques.codedrops.net/Jquery-Montrer-du-code-avec-jquery</guid>
		<dc:date>2007-10-12T21:02:29Z</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>Javascript</dc:subject>

		<description>
&lt;p&gt;Un code tr&#195;&#168;s serr&#195;&#169;, tr&#195;&#168;s synth&#195;&#169;tique, qui permet d'afficher dans une page le code source d'une page situ&#195;&#169;e sur le m&#195;&#170;me serveur. &lt;br class='autobr' /&gt; Ce script a &#195;&#169;t&#195;&#169; &#195;&#169;crit par une codeur sur base de la librairie jquery. Il cr&#195;&#169;e une requ&#195;&#170;te http, qui permet de r&#195;&#169;cup&#195;&#169;rer le contenu d'une page (html, css, javascript) et de l'afficher dans un div cr&#195;&#169;&#195;&#169; pour l'occasion. Simple et puissant. &lt;br class='autobr' /&gt;
Utilisable pour l'exercice sur le code secret. &lt;br class='autobr' /&gt;
Une variante de ce code, en fran&#195;&#167;ais : ici.&lt;/p&gt;


-
&lt;a href="https://arts-numeriques.codedrops.net/-JQuery-79-" rel="directory"&gt;JQuery&lt;/a&gt;

/ 
&lt;a href="https://arts-numeriques.codedrops.net/+-Art-du-code-+" rel="tag"&gt;Art du code&lt;/a&gt;, 
&lt;a href="https://arts-numeriques.codedrops.net/+-Javascript-+" rel="tag"&gt;Javascript&lt;/a&gt;

		</description>


 <content:encoded>&lt;div class='rss_chapo'&gt;&lt;p&gt;Un code tr&#195;&#168;s serr&#195;&#169;, tr&#195;&#168;s synth&#195;&#169;tique, qui permet d'afficher dans une page le code source d'une page situ&#195;&#169;e sur le m&#195;&#170;me serveur.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;Ce script a &#195;&#169;t&#195;&#169; &#195;&#169;crit par une codeur sur base de la librairie jquery. Il cr&#195;&#169;e une requ&#195;&#170;te http, qui permet de r&#195;&#169;cup&#195;&#169;rer le contenu d'une page (html, css, javascript) et de l'afficher dans un div cr&#195;&#169;&#195;&#169; pour l'occasion. Simple et puissant.&lt;/p&gt;
&lt;p&gt;Utilisable pour l'exercice sur le code secret.&lt;/p&gt;
&lt;p&gt;Une variante de ce code, en fran&#195;&#167;ais : &lt;a href=&#034;http://www.jquery.info/Le-code-revele&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;ici&lt;/a&gt;.&lt;/p&gt;&lt;/div&gt;
		&lt;div class="hyperlien"&gt;Voir en ligne : &lt;a href="http://icant.co.uk/sandbox/jquerycodeview/" class="spip_out"&gt;La page d'origine&lt;/a&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>



</channel>

</rss>
