<?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_rubrique=57&amp;page=backend" rel="self" type="application/rss+xml" />




<item xml:lang="fr">
		<title>Breve histoire des interfaces (2) : t&#233;l&#233;ype, &#233;cran matriciel, clavier/souris, tablettes</title>
		<link>http://arts-numeriques.codedrops.net/Breve-histoire-des-interfaces-2-teleype-ecran-matriciel-clavier-souris</link>
		<guid isPermaLink="true">http://arts-numeriques.codedrops.net/Breve-histoire-des-interfaces-2-teleype-ecran-matriciel-clavier-souris</guid>
		<dc:date>2020-09-20T11:25:33Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>St&#233;phane Noel</dc:creator>



		<description>
&lt;p&gt;L'&#233;cran tel que nous le connaissons est une des inventions r&#233;centes de l'histoire de l'informatique. Il n'a pas toujours &#233;t&#233; l&#224; comme une &#233;vidence. A mesure que les ordinateurs vont prendre de l'importance dans le traitement et le stockage de l'information, l'ergonomie va &#234;tre pens&#233;e et repens&#233;e par des milliers d'acteurs discrets. &lt;br class='autobr' /&gt; Les t&#233;l&#233;types En 1956, Doug Ross propose de connecter une machine &#224; &#233;crire &#233;lectrique Flexowriter &#224; un ordinateur Whirlwind du MIT. L'exp&#233;rience se r&#233;v&#232;le (&#8230;)&lt;/p&gt;


-
&lt;a href="http://arts-numeriques.codedrops.net/-Matriciel-vectoriel-" rel="directory"&gt;Image num&#233;rique&lt;/a&gt;


		</description>


 <content:encoded>&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L150xH119/arton621-b4012.jpg?1733932995' class='spip_logo spip_logo_right' width='150' height='119' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;L'&#233;cran tel que nous le connaissons est une des inventions r&#233;centes de l'histoire de l'informatique. Il n'a pas toujours &#233;t&#233; l&#224; comme une &#233;vidence. A mesure que les ordinateurs vont prendre de l'importance dans le traitement et le stockage de l'information, l'ergonomie va &#234;tre pens&#233;e et repens&#233;e par des milliers d'acteurs discrets.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;h2 class=&#034;spip&#034;&gt;Les t&#233;l&#233;types&lt;/h2&gt;
&lt;p&gt;En 1956, Doug Ross propose de connecter une machine &#224; &#233;crire &#233;lectrique Flexowriter &#224; un ordinateur Whirlwind du MIT. L'exp&#233;rience se r&#233;v&#232;le concluante apr&#232;s 5 mois de recherche.&lt;/p&gt;
&lt;p&gt;Par la suite, la t&#233;l&#233;type, qui est employ&#233;e depuis des dizaines d'ann&#233;es dans le domaine de la communication (on envoie et re&#231;oit des textes via une machine &#224; &#233;crire &#233;lectrique et connect&#233;e en r&#233;seau t&#233;l&#233;phonique), va servir pour monitorer l'activit&#233; des ordinateurs. C'est une des premiers interfaces de sortie dynamique, mais uniquement textuelle &#233;videmment. Ici, le fameux mod&#232;le 33 (1963). Ils sont utilis&#233;s comme terminaux, c'est-&#224;-dire qu'il permettent d'interagir avec le calculateur &#224; distance, sans &#234;tre en eux-m&#234;mes un ordinateur.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_775 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH375/asr33-753504-9ddc3.jpg?1733933006' width='500' height='375' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Le terme &lt;strong&gt;terminal&lt;/strong&gt; d&#233;signe une machine connect&#233;e &#224; un ordinateur central qui ne fait que transporter l'information en entr&#233;e et sortie. Plusieurs terminaux peuvent &#234;tre connect&#233;s &#224; une m&#234;me unit&#233; centrale, qui g&#232;re le temps partag&#233; pour les diff&#233;rentes demandes des utilisateurs. Le minitel fran&#231;ais est un des plus connus des syst&#232;mes de terminaux. Un terminal n'est donc pas un ordinateur, c'est une machine minimale permettant d'acc&#233;der un ordinateur et d'interagir avec lui gr&#226;ce &#224; des commandes. &lt;br class='autobr' /&gt;
Les ing&#233;nieurs des grandes compagnies des ann&#233;es 60 voient l'avenir de l'informatique dans le d&#233;veloppement de tr&#232;s gros ordinateurs (appel&#233;s &lt;i&gt;mainframe&lt;/i&gt;) auxquels seront connect&#233;s des milliers de terminaux. L'avantage est que quelques grosses machines centralisent l'information et son traitement, ce qui permet un contr&#244;le et un entretien plus simple qu'un grand nombre d'ordinateurs ind&#233;pendants. Le concept de &lt;i&gt;Personal Computer&lt;/i&gt;, qui &#233;merge dans les ann&#233;es 70, va donc surprendre ces grandes compagnies, IBM en t&#234;te. L'id&#233;e leur semblera compl&#232;tement farfelue, et c'est ce qui explique qu'elles se feront prendre de vitesse pas des compagnies plus petites sur ce terrain, comme Apple. Anecdote c&#233;l&#232;bre, IBM signe en 1981, sans vision strat&#233;gique, un contrat de licence pour le &lt;a href=&#034;https://fr.wikipedia.org/wiki/MS-DOS&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;MS-DOS de Microsoft&lt;/a&gt; en 1981, ce qui rendra Bill Gates millionnaire en quelques ann&#233;es.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_1196 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH415/minitel-c95d3.jpg?1733933006' width='500' height='415' title=&#034;Le minitel, un terminal en fonction en France entre 1980 et 2012.&#034; alt=&#034;Le minitel, un terminal en fonction en France entre 1980 et 2012.&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Premiers &#233;crans CRT : le tube de Crookes&lt;/h2&gt;
&lt;p&gt;L'&#233;cran CRT (pour Catode Ray Tube, le gros &#233;cran t&#233;l&#233; que l'on trouvait partout avant que les &#233;crans plats le rende ringard) est l'&#233;volution d'exp&#233;rimentation d&#233;but&#233;es vers 1867 avec les &lt;a href=&#034;https://fr.wikipedia.org/wiki/Tube_de_Crookes&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;tubes de Crookes&lt;/a&gt;. En 1897, Ferdinand Braun utilise pour la premi&#232;re fois un tube &#224; rayons cathodiques pour &#233;tudier des ph&#233;nom&#232;nes dynamiques, l'enregistrement de ph&#233;nom&#232;nes &#233;lectriques rapides.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_776 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH399/gneses-mez-c5-91ben-282-29-a582a.jpg?1733933006' width='500' height='399' title=&#034;Un tube de Crooks&#034; alt=&#034;Un tube de Crooks&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Un fil &#233;lectrique sans un tube en verre sous vide est soumis &#224; une tension tr&#232;s &#233;lev&#233;e (100.000 volts). Il projette des &#233;lectrons en direction d'un anode, qu'on r&#233;cup&#232;re sur une surface couverte de phosphore pour que l'oeil puisse avoir le temps de la voir. On concentre et dirige ces rayons avec l'aide d'&#233;lectro-aimants et on dispose d'un point lumineux qu'on peut faire varier en intensit&#233;. L'id&#233;e est de visualiser et quantifier des ph&#233;nom&#232;nes &#233;lectriques, parfois trop rapides pour &#234;tre observ&#233;s &#224; l'oeil nu, mais dont la phosphorescence permet de garder la trace. &lt;br class='manualbr' /&gt;L'oscilloscope est un pas important dans l'&#233;volution du CRT : en faisant bouger lentement de la gauche vers la droite le point, et le faisant osciller verticalement selon l'intensit&#233; du courant &#233;lectrique, on peut observer une onde, et m&#234;me mesurer son intensit&#233; avec des gradations dessin&#233;es sur l'&#233;cran.&lt;/p&gt;
&lt;p&gt;A partir du moment ou un point lumineux pr&#233;cis peut &#234;tre d&#233;plac&#233; &#224; grande vitesse sur un &#233;cran, deux applications vont avancer un court moment en parall&#232;le : l'&#233;cran vectoriel et l'&#233;cran raster (ou matriciel).&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_777 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH281/old-school-computer-remix4-0bb83.jpg?1733933006' width='500' height='281' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;L'&#233;cran vectoriel comme stockage&lt;/h2&gt;
&lt;p&gt;Invent&#233; en 1946, le tube de Williams ne sert pas &#224; visualiser une information mais &#224; la stocker : c'est l'anc&#234;tre de la m&#233;moire vive. Il se trouve qu'il permet aussi de la visualiser sous la forme de point &#224; la surface.&lt;br class='autobr' /&gt;
En 1948, l'&#233;quipe travaillant sur le prototype &lt;a href=&#034;https://fr.wikipedia.org/wiki/Small-Scale_Experimental_Machine&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;&#034;The baby&#034;&lt;/a&gt; utilise un tube de Williams pour &#224; la fois afficher et pour stocker 2048 informations binaires.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_781 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L295xH409/crt2048-49d39.jpg?1726915557' width='295' height='409' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;En 1951, le Ferranti Mark 1 est le premier ordinateur commercialis&#233;. C'est &#224; dire produit en s&#233;rie pour une utilisation non sp&#233;cifique. Il est lui aussi &#233;quip&#233; d'un &#233;cran vectoriel qui permet de contr&#244;ler les informations binaires stock&#233;es en m&#233;moire.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_780 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH667/img07_l-5f9a8.jpg?1733933006' width='500' height='667' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;A l'universit&#233; de Cambridge, en 1952, Alexander Douglas utilise un clavier rotatif de t&#233;l&#233;phone pour envoyer des instructions &#224; un ordinateur EDSAC, pour jouer &#224; OXO avec lui. La partie est affich&#233;e sur un &#233;cran vectoriel de 35 X 15 points.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_778 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH500/timeline_graphics.games_1952.oxo-eb5bb.jpg?1726915557' width='500' height='500' title=&#034;Le OXO de 1952, sur tube de Crooks&#034; alt=&#034;Le OXO de 1952, sur tube de Crooks&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;En 1958, William Higinbotham programmera un jeu de tennis affich&#233; sur un oscilloscope vectoriel (avec un ordinateur analogique Donner Model 30). Il y a m&#234;me un son quand la balle est frapp&#233;e.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_779 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH430/timeline_graphics.games_1958.tennis-c5037.jpg?1733933006' width='500' height='430' title=&#034;Le jeu de tennis sur oscilloscope, en 1958&#034; alt=&#034;Le jeu de tennis sur oscilloscope, en 1958&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;En 1960 le PSP1-s offre pour 120.00 dollars un ordinateur avec un &#233;cran vectoriel, un clavier pour contr&#244;ler l'&#233;criture et recevoir les r&#233;sultats. C'est sur cette machine large dans ses possibilit&#233;s que sera &#233;crit le premier jeu vid&#233;o recens&#233; : &#034;SpaceWar !&#034;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Sage et le pointage sur &#233;cran&lt;/h2&gt;
&lt;p&gt;Le syst&#232;me SAGE, pour Semi-Automatic Ground Environment, d&#233;ploy&#233; par l'arm&#233;e am&#233;ricaine pour contr&#244;ler et intervenir de mani&#232;re semi-automatique dans l'espace a&#233;rien sur tout le territoire des Etats-Unis. C'est un gigantesque d&#233;ploiement d'ordinateurs associ&#233; &#224; des radars et des centres de traitement. L'id&#233;e est de pouvoir suivre toute l'activit&#233; a&#233;rienne et de pouvoir identifier une menace pour y riposter avec la plus grande rapidit&#233; possible. Pens&#233; d&#232;s 1952, il entre en fonction en 1959 et officiellement mis &#224; l'arr&#234;t en 1983.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_954 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH367/sage_cc-1_hancock_field_new_york-a55c8.jpg?1733933006' width='500' height='367' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Les images de militaires attabl&#233;s face &#224; des &#233;crans g&#233;ants montrant des portions de territoires couverts de signes et de trajectoires, dans les films hollywoodiens, sont en grande partie inspir&#233;s de son infrastructure.&lt;br class='autobr' /&gt;
Le syst&#232;me SAGE (&lt;a href=&#034;https://fr.wikipedia.org/wiki/Semi-Automatic_Ground_Environment&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Semi-Automatic Ground Environment&lt;/a&gt;) est reconnu pour &#234;tre l'un des tout premiers r&#233;seaux num&#233;riques de l'histoire de l'informatique (m&#234;lant capacit&#233;s de calcul, interfaces de saisie, interfaces de lecture, t&#233;l&#233;phonie, modems, t&#233;l&#233;scripteurs, t&#233;l&#233;graphie).&lt;/p&gt;
&lt;iframe width=&#034;100%&#034; height=&#034;415&#034; src=&#034;https://www.youtube.com/embed/iCCL4INQcFo&#034; frameborder=&#034;0&#034; allowfullscreen&gt;&lt;/iframe&gt;
&lt;p&gt;Une centaines de terminaux permettent d'interagir avec l'unit&#233; centrale, et chacun de ces terminaux est compos&#233; d'un &#233;cran vectoriel et d'un pistolet servant &#224; s&#233;lectionner des points sur l'&#233;cran, de tagguer comme ami ou ennemi des objets volants, et de d&#233;signer comme cible un de ces objets, d&#233;clenchant la recherche du missile le plus plus proches, le calcul de sa trajectoire et envoyant l'ordre de sa mise &#224; feu. Ce sera une des utilisations les plus pouss&#233;es de cette technologie.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_784 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH284/sage_console-8e109.jpg?1733933006' width='500' height='284' title=&#034;Une console SAGE, vers 1960&#034; alt=&#034;Une console SAGE, vers 1960&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;L'&#233;cran vectoriel sera employ&#233; dans les ann&#233;es 60 et 70. Il est pr&#233;cis et lumineux, mais il poss&#232;de plusieurs inconv&#233;nients.&lt;br class='autobr' /&gt;
Il est difficile de lui adjoindre des couleurs, et surtout la vitesse de rafraichissement d&#233;pend du nombre d'&#233;l&#233;ments &#224; dessiner, puisque chaque trait est trac&#233;. Pour ces raisons, l'affichage de texte est limit&#233;, ainsi que les forme trop complexes. Pour les m&#234;mes raisons, on ne peut pas &#034;remplir&#034; des surfaces, car &#231;a signifierait balayer de larges zones avec le faisceau. Cette technologie fera place &#224; l'&#233;cran matriciel dans les ann&#233;es 70.&lt;/p&gt;
&lt;p&gt;Ce type d'&#233;cran est utilis&#233; par Ivan Sutherland pour son &lt;a href=&#034;https://fr.wikipedia.org/wiki/Sketchpad&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Sketchpad&lt;/a&gt;, un logiciel d&#233;velopp&#233; en 1963 pour le dessin technique. Douglas Engelbart s'inspirera de ses concepts d'interface, le &#034;cliquer-pointer&#034; pour ses propres recherches.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_955 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH379/1961-sketchpad-ivan-sutherland_1200-64ad2.jpg?1733933007' width='500' height='379' title=&#034;Ivan Sutherland travaillant avec Sketchpad, 1961&#034; alt=&#034;Ivan Sutherland travaillant avec Sketchpad, 1961&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;L'&#233;cran CRT raster&lt;/h2&gt;
&lt;p&gt;Par opposition &#224; l'&#233;cran vectoriel, les &#233;cran raster affichent l'information par un balayage constant de gauche &#224; droite et de haut en bas. C'est pour faire court, l'&#233;cran de t&#233;l&#233;vision. L'essor de l'&#233;cran matriciel est d'ailleurs en grande partie li&#233; &#224; la diffusion t&#233;l&#233;visuelle. La technologie est la m&#234;me que l'&#233;cran vectoriel, sauf que le balayage de la surface est toujours le m&#234;me, seule l'intensit&#233; du signal change pendant celui-ci. La finesse de l'image est compt&#233;e en nombre de lignes, soit le nombre de balayages horizontaux. En 1935, un &#233;metteur d'ondes courtes install&#233;e sur la tour Eiffel diffuse quelques images en 180 lignes. Les ann&#233;es 40 vont voir la popularit&#233; de la t&#233;l&#233;vision exploser.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_1182 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH208/principetelenetb-8b845.jpg?1733933007' width='500' height='208' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;L'informatique va mettre encore une vingtaine d'ann&#233;es &#224; se saisir de cette technologie, en partie parce que &#231;a ne fait pas sens pour les ing&#233;nieurs, qui manipulent des chiffres qu'ils pr&#233;f&#232;rent voir imprim&#233;s, sur des cartes ou des listings, et pas fugacement sur un &#233;cran. D'autre part, il faut penser l'organisation de ce nouvel interface, et ce sont des personnages comme Douglas Engelbart, qui vont travailler sp&#233;cifiquement sur l'interface homme/machine dans les ann&#233;es 60', qui vont faire des avanc&#233;es de ce c&#244;t&#233;.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;&#034;Glass Teletype&#034;&lt;/h2&gt;
&lt;p&gt;En effet, d&#233;but des ann&#233;es 60, les premiers &#233;crans matriciels sont vus comme une mani&#232;re commode de remplacer le t&#233;l&#233;type. Ils sont plus rapide, plus silencieux et ne n&#233;cessite pas de chargement de papier, mais aucune autre fonction ne lui est demand&#233;e par rapport au listage papier, d'o&#249; le nom parfois donn&#233;e de &#034;Glass Teletype&#034;. Ils se branchent sur le m&#234;me mode que les t&#233;l&#233;types, et re&#231;oivent des messages textuels qu'ils affichent, sans couleur, ni typographie particuli&#232;re. Dans la premi&#232;re partie des ann&#233;es 70, il vont cependant faire dispara&#238;tre le t&#233;l&#233;type.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_782 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH414/televideo925terminal-6b617.jpg?1733933007' width='500' height='414' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;La multiplication des interfaces&lt;/h2&gt;
&lt;p&gt;La plupart des interfaces &#224; boutons et diodes cr&#233;&#233;es dans les ann&#233;es 60 et 70 d&#233;di&#233;es sont sp&#233;cifiques &#224; un usage. L'ordinateur est interfac&#233; &#224; travers des syst&#232;mes multiples : en entr&#233;e, on a des boutons avec ou sans diodes, des interrupteurs, des claviers alphab&#233;tiques augment&#233;s de signes sp&#233;cifiques. Les ordinateurs sont monitor&#233;s avec des cartes, des listings papier, la glass teletype, l'&#233;cran vectoriel et quelques &#233;crans CRT. Voici quelques exemples :&lt;/p&gt;
&lt;div class=&#034;galerie_embed&#034;&gt; &lt;ul class=&#034;galerie_liste flexit clearfix&#034;&gt; &lt;li&gt; &lt;a href=&#034;https://arts-numeriques.codedrops.net/IMG/jpg/keypunch_1960.jpg&#034; class=&#034;fancybox&#034; rel=&#034;rgp1185,1186,1183,1184,1187,1188,1189,1190,1191,1193&#034; alt=&#034;photo GP&#034; &gt; &lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L160xH200/58495a361eff1aad3395952e3c7fb1-41d0d.jpg?1727481785' width='160' height='200' /&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&#034;https://arts-numeriques.codedrops.net/IMG/jpg/9-centre-administratif-regional-anne_es1960-2.jpg&#034; class=&#034;fancybox&#034; rel=&#034;rgp1185,1186,1183,1184,1187,1188,1189,1190,1191,1193&#034; alt=&#034;Un centre administratif en 1960&#034; title=&#034;Un centre administratif en 1960&#034; &gt; &lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L160xH200/804bc4243998707163d7766674674d-b5eba.jpg?1727481785' width='160' height='200' /&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&#034;https://arts-numeriques.codedrops.net/IMG/jpg/vectorscreeen-and-pointer2.jpg&#034; class=&#034;fancybox&#034; rel=&#034;rgp1185,1186,1183,1184,1187,1188,1189,1190,1191,1193&#034; alt=&#034;photo GP&#034; &gt; &lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L160xH200/580b16d8da05cbfc76b630798cb040-9e163.jpg?1727481785' width='160' height='200' /&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&#034;https://arts-numeriques.codedrops.net/IMG/jpg/vectorscreeen-and-pointer.jpg&#034; class=&#034;fancybox&#034; rel=&#034;rgp1185,1186,1183,1184,1187,1188,1189,1190,1191,1193&#034; alt=&#034;photo GP&#034; &gt; &lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L160xH200/0fda9e0e5b7fdae657cdd418094666-87798.jpg?1727481785' width='160' height='200' /&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&#034;https://arts-numeriques.codedrops.net/IMG/jpg/woman_operating_census_univac_1105.jpg&#034; class=&#034;fancybox&#034; rel=&#034;rgp1185,1186,1183,1184,1187,1188,1189,1190,1191,1193&#034; alt=&#034;photo GP&#034; &gt; &lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L160xH200/dd0b72f8358d8753fad5c0d9bb5e51-70935.jpg?1727481785' width='160' height='200' /&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&#034;https://arts-numeriques.codedrops.net/IMG/jpg/univac2.jpg&#034; class=&#034;fancybox&#034; rel=&#034;rgp1185,1186,1183,1184,1187,1188,1189,1190,1191,1193&#034; alt=&#034;photo GP&#034; &gt; &lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L160xH200/b681e7f6cb7409630780a67623122a-e1bc3.jpg?1727481785' width='160' height='200' /&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&#034;https://arts-numeriques.codedrops.net/IMG/jpg/design.jpg&#034; class=&#034;fancybox&#034; rel=&#034;rgp1185,1186,1183,1184,1187,1188,1189,1190,1191,1193&#034; alt=&#034;photo GP&#034; &gt; &lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L160xH200/b68301ee1effe4728ea03139386ce8-c6cb3.jpg?1727481785' width='160' height='200' /&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&#034;https://arts-numeriques.codedrops.net/IMG/jpg/seventies-computer-univac_1972.jpg&#034; class=&#034;fancybox&#034; rel=&#034;rgp1185,1186,1183,1184,1187,1188,1189,1190,1191,1193&#034; alt=&#034;L'ordinateur Univac en 1972&#034; title=&#034;L'ordinateur Univac en 1972&#034; &gt; &lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L160xH200/d6f129c580c6b2a8f2b5a4a089483e-16a8a.jpg?1727481785' width='160' height='200' /&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&#034;https://arts-numeriques.codedrops.net/IMG/jpg/4f4a76517c52da2d1a4ecee0adcf9290.jpg&#034; class=&#034;fancybox&#034; rel=&#034;rgp1185,1186,1183,1184,1187,1188,1189,1190,1191,1193&#034; alt=&#034;photo GP&#034; &gt; &lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L160xH200/74597b336764ffd278017fc8396d20-66270.jpg?1727481785' width='160' height='200' /&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&#034;https://arts-numeriques.codedrops.net/IMG/jpg/1200px-ibm_1130_concole.ms.jpg&#034; class=&#034;fancybox&#034; rel=&#034;rgp1185,1186,1183,1184,1187,1188,1189,1190,1191,1193&#034; alt=&#034;photo GP&#034; &gt; &lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L160xH200/b49fe84fcf8c5ba2cda0afc1e9ae1a-852f4.jpg?1727481785' width='160' height='200' /&gt; &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt;
&lt;p&gt;C'est industriellement un frein &#233;conomique, chaque application industrielle sp&#233;cifique demandant un assemblage sp&#233;cifique, d&#233;velopp&#233; pour l'occasion, avec plus ou moins d'intelligence sur base de plans d'ing&#233;nieurs pas sp&#233;cialement soucieux de l'utilisation future, le but &#233;tant que toutes les fonctions demand&#233;es soient pr&#233;sentes dans l'espace de travail. Ceci produit une multiplication des boutons, switches, interrupteurs, et demande une formation sp&#233;cifique &#224; chaque machine, en aval. La comp&#233;tition entre les diff&#233;rentes compagnies (Bull, IBM, etc.) soutenues par leurs pays d'origine fait rage et des standards peinent &#224; se mettre en place. De plus, plusieurs syst&#232;mes d'archivages coexistent : il n'est pas rare de retrouver &#224; c&#244;t&#233; de machines flambant neuve une tabulatrice permettant de lire les bilans comptables de 10 ans d'age...&lt;/p&gt;
&lt;p&gt;La question de l'ergonomie, c'est-&#224; -dire l'&#233;tude scientifique des conditions de travail et des relations entre l'&#234;tre humain et la machine, devient centrale. Des exp&#233;riences comme le programme spatial Apollo vont booster &#224; la fois la miniaturisation des composants et la recherche de syst&#232;me pens&#233; avec facilit&#233; et s&#233;curit&#233;. En effet, voir des astronautes mourir des suites d'une fausse manoeuvre sous le regard des cam&#233;ras n'est pas une option pour la NASA, et la r&#233;alisation de l'int&#233;rieur de la capsule Apollo se fera en &#233;troite collaboration avec les pilotes.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_1194 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH398/apollo_guidance-6dad3.jpg?1733933007' width='500' height='398' title=&#034;Le Apollo Guidance Computer, l'ordinateur le plus petit et &#195;&#169;conome en &#195;&#169;nergie de son &#195;&#169;poque, et son panneau de contr&#195;&#180;le.&#034; alt=&#034;Le Apollo Guidance Computer, l'ordinateur le plus petit et &#195;&#169;conome en &#195;&#169;nergie de son &#195;&#169;poque, et son panneau de contr&#195;&#180;le.&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Une des pistes envisag&#233;e est le passage &#224; l'&#233;cran CRT, dont la technologie est &#233;prouv&#233;e gr&#226;ce au succ&#232;s de la t&#233;l&#233;vision. Mais la t&#233;l&#233;vision est &#224; l'&#233;poque une technologie analogique, il faut donc cr&#233;er un interfa&#231;age sp&#233;cifique pour qu'un ordinateur puisse piloter un tel &#233;cran. Et puis, il faut aussi savoir ce qu'on va afficher sur la surface disponible. C'est un travail de design, de programmation et d'ergonomie tr&#232;s sp&#233;cifique, qui va conduire &#224; la cr&#233;ation de m&#233;tiers sp&#233;cifiques.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;&#201;cran et souris&lt;/h2&gt;
&lt;p&gt;Douglas Engelbart, qui travaille au MIT sur les interfaces humain/machine, est le premier &#224; penser, designer et d&#233;poser le brevet de la souris comme moyen d'interagir avec l'&#233;cran CRT. La souris est &#233;videmment intimement li&#233;e &#224; l'&#233;cran, puisqu'il s'agit de d&#233;placer un pointeur sur sa surface. La premi&#232;re souris est test&#233;e dans ses labos en 1964. Un test de la NASA confirme en 1965 que le syst&#232;me est l'interface la plus pr&#233;cise pour pointer un &#233;cran. Il faudra attendre encore des ann&#233;es avant qu'elle se popularise. Le chemin qui m&#232;ne de la recherche scientifique sous contrat militaire au grand public passera par William English, co-cr&#233;ateur avec Engelbart de la souris, qui quitte le &lt;i&gt;Augmentation Research Center&lt;/i&gt; d'Engelbart pour le &lt;i&gt;Xerox Park&lt;/i&gt; o&#249; il am&#233;liorera la souris en rempla&#231;ant les roues du prototype par une boule avec des capteurs.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_1195 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH319/ecran-clavier-souris-48c11.jpg?1733933007' width='500' height='319' title=&#034;William English, co-cr&#233;ateur de la souris, teste l'interface clavier-souris au Stanford Research Institute &#034; alt=&#034;William English, co-cr&#233;ateur de la souris, teste l'interface clavier-souris au Stanford Research Institute &#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;La souris est paradoxalement un pas en arri&#232;re par rapport au crayon pointeur de l'&#233;cran vectoriel, avec lequel on touchait l'&#233;cran &#224; l'endroit o&#249; l'on veut intervenir. Il faudra attendre les ann&#233;es 2000 pour que l'&#233;cran tactile retrouve sa place dans l'histoire de l'interface homme machine grand public.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Contreculture, personal computer et sortie t&#233;l&#233;&lt;/h2&gt;
&lt;p&gt;De jeunes et ambitieux ing&#233;nieurs per&#231;oivent le potentiel, au d&#233;but des ann&#233;es 70, du &lt;i&gt;Personal computer&lt;/i&gt;. Organis&#233;s en &#034;computer clubs&#034;, certains d'entre eux ont des motivations politiques : les ordinateurs sont des objets techniques puissants et couteux, uniquement d&#233;tenus par l'&#233;tat et les grandes compagnies, domin&#233; par IBM et ses contrats officiels et secrets avec l'arm&#233;e, ce qui leur parait un danger pour la population. Il est donc urgent pour eux de d&#233;mocratiser l'usage de ordinateurs pour contrecarrer le complexe militaro-industriel et l'&#233;tat. Beaucoup d'entre eux, issus des prestigieuses &#233;coles, connaissent la situation de l'int&#233;rieur : le MIT par exemple travaille sur de nombreux projets sous contrat avec l'arm&#233;e. Le paradoxe est &#233;videmment que les millions de dollars inject&#233;s dans ces recherches permettent un acc&#232;s au savoir et au mat&#233;riel de pointe &#224; tous ces jeunes chercheurs.&lt;/p&gt;
&lt;p&gt;A l'encontre des politiques de d&#233;veloppement privil&#233;giant un mat&#233;riel &#224; la pointe de la puissance de calcul et orient&#233; sur l'architecture centralis&#233;e du super-ordinateur et de ses terminaux, ils cherchent &#224; cr&#233;er des ordinateurs appuy&#233;s sur des puces beaucoup moins puissantes mais bon march&#233; (comme la &lt;a href=&#034;https://fr.wikipedia.org/wiki/MOS_Technology_6502&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;MOS 6502&lt;/a&gt;).&lt;br class='autobr' /&gt;
Du c&#244;t&#233; de la programmation, ces ordinateurs utilisent des programmes sous forme de bande papier. Pour s&#233;duire le public qu'ils essaient d'attirer dans les clubs, une interface graphique serait id&#233;ale, d'autant que l'informatique est d&#233;j&#224; entr&#233;e dans les foyers avec des jeux comme Pong (1972) qui utilise la t&#233;l&#233;vision et des t&#233;l&#233;commandes. Le mat&#233;riel utilis&#233; en recherche, les t&#233;l&#233;types et les premiers &#233;crans d'ordinateurs ont un prix beaucoup trop &#233;lev&#233;s pour un acc&#232;s au commun des mortels. Les t&#233;l&#233;viseurs par contre sont abordables et disponibles dans la majorit&#233; des foyers. Ces concepteurs vont donc munir leur ordinateurs bon march&#233; d'une sortie t&#233;l&#233;, en utilisant la puce directement comme carte graphique.&lt;/p&gt;
&lt;p&gt;En 1976 sort le Apple 1, premier &#224; utiliser une sortie t&#233;l&#233;, mais aussi le Intecolor 8001, le premier &#233;cran couleur grand public.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_783 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH333/apple-1-100528523-primary.idge-2e8cb.jpg?1733933007' width='500' height='333' title=&#034;Le apple I, construit en 1976&#034; alt=&#034;Le apple I, construit en 1976&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Les ressources d&#233;j&#224; limit&#233;es de la puce doivent servir, avec cette nouvelle approche, &#224; g&#233;rer l'espace de l'&#233;cran. Les premi&#232;res interfaces sont purement textuelles (dans la continuit&#233; des t&#233;l&#233;types), et il faudra attendre que la &lt;a href=&#034;https://fr.wikipedia.org/wiki/Loi_de_Moore&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;loi de Moore&lt;/a&gt; rende les puces plus puissantes et moins ch&#232;res. A partir de la fin des ann&#233;es 70, le rapport entre le cout humain et le cout des machines commence &#224; pencher en faveur des humains et il faut permettre aux utilisateurs de travailler plus rapidement et confortablement avec les machines. On va donc s'int&#233;resser &#224; l'adressage m&#233;moire des pixels, pour afficher des points, des lignes, des formes cliquables sur l'&#233;cran.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_805 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH473/xerox-alto-1-ee4e0.jpg?1733933007' width='500' height='473' title=&#034;Le Alto de Rank Xerox, d&#195;&#169;velopp&#195;&#169; &#195; partir de 1973&#034; alt=&#034;Le Alto de Rank Xerox, d&#195;&#169;velopp&#195;&#169; &#195; partir de 1973&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Le Xerox Park et la m&#233;taphore du bureau&lt;/h2&gt;
&lt;p&gt;Xerox PARC (&lt;a href=&#034;https://en.wikipedia.org/wiki/PARC_(company)&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Palo Alto Research Center&lt;/a&gt;) est un centre de recherche et d&#233;veloppement financ&#233; par Xerox cr&#233;&#233; en 1969, sp&#233;cialis&#233; en imprimerie et transmission de documents. Proche g&#233;ographiquement de l'universit&#233; de Stanford, il va jouer un r&#244;le important dans le domaine des interfaces homme machine. De nombreux &#233;tudiants de Stanford et Berkeley y font des stages, encourag&#233;s par leurs professeurs, notamment Bill gates et Steve Jobs. C'est au PARC que ALTO, le premier ordinateur avec m&#233;taphore de bureau a &#233;t&#233; d&#233;velopp&#233; comme prototype &#224; partir de 1972. Consid&#233;r&#233; comme prometteur, le projet est aussi tr&#232;s critiqu&#233; : une interface graphique consomme beaucoup de ressources de calcul, juste pour am&#233;liorer l'ergonomie de la machine. Mais la balance entre co&#251;t des machines et co&#251;t humain est en train de changer dans les ann&#233;es 70, et &#231;a commence &#224; valoir le coup de se pencher sur le rendement des op&#233;rateurs, et de r&#233;duire les co&#251;ts de formation de ceux-ci via des interfaces moins rustiques que la ligne de commande et les manuels pesant des kilos.&lt;br class='autobr' /&gt;
En 1978, Xerox offrira 50 Alto &#224; quatre universit&#233;s am&#233;ricaines dont le MIT.&lt;/p&gt;
&lt;div class=&#034;galerie_embed&#034;&gt; &lt;ul class=&#034;galerie_liste flexit clearfix&#034;&gt; &lt;li&gt; &lt;a href=&#034;https://arts-numeriques.codedrops.net/IMG/jpg/xerox_alto_mit_rechner.jpg&#034; class=&#034;fancybox&#034; rel=&#034;rgp1204,1205,1206,1207,1208&#034; alt=&#034;photo GP&#034; &gt; &lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L160xH200/1d76c79506c0e25bbcfbaa15236e52-ec673.jpg?1727481785' width='160' height='200' /&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&#034;https://arts-numeriques.codedrops.net/IMG/jpg/xerox_alto_keyset.jpg&#034; class=&#034;fancybox&#034; rel=&#034;rgp1204,1205,1206,1207,1208&#034; alt=&#034;photo GP&#034; &gt; &lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L160xH200/25ce2c509ee19c63f64e5b464fe870-6d563.jpg?1727481785' width='160' height='200' /&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&#034;https://arts-numeriques.codedrops.net/IMG/png/smalltalk-76.png&#034; class=&#034;fancybox&#034; rel=&#034;rgp1204,1205,1206,1207,1208&#034; alt=&#034;photo GP&#034; &gt; &lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L160xH200/65c87edf23f85bbfbe5fd98c6bca40-38874.jpg?1727481785' width='160' height='200' /&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&#034;https://arts-numeriques.codedrops.net/IMG/jpg/alto_xerox.jpg&#034; class=&#034;fancybox&#034; rel=&#034;rgp1204,1205,1206,1207,1208&#034; alt=&#034;photo GP&#034; &gt; &lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L160xH200/6d8d8e7979e0309b2c83488a9239ec-63278.jpg?1727481785' width='160' height='200' /&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&#034;https://arts-numeriques.codedrops.net/IMG/png/gvfolders_desktop_alto.png&#034; class=&#034;fancybox&#034; rel=&#034;rgp1204,1205,1206,1207,1208&#034; alt=&#034;photo GP&#034; &gt; &lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L160xH200/3c97c6b1421d9c7b655504d5b657cf-a674c.jpg?1727481785' width='160' height='200' /&gt; &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt;
&lt;p&gt;Sur le Alto, un clic sur une ic&#244;ne est transform&#233; en instruction &#034;lancer l'application de traitement de texte&#034;. Steve Jobs per&#231;oit le potentiel de cet interface intuitive, qui de plus est un personal computer, concept qu'il est en train de d&#233;velopper. Il r&#233;oriente le projet de son ordinateur Lisa, mais en chantier depuis 1978 et pour y int&#233;grer une interface de bureau. Lisa est commercialis&#233; en 1983, mais il est trop cher pour le march&#233;. Jobs, qui se voit contraint d'abandonner le projet Lisa, reprend le projet &lt;a href=&#034;https://fr.wikipedia.org/wiki/Macintosh&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Macintosh&lt;/a&gt; des mains de Jef Raskin, et impose l'usage de la souris. Le Macintosh, premier ordinateur grand public a int&#233;grer la souris, sort en 1984 et sera un vrai boum commercial.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_807 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH375/1200px-apple-lisa-macintosh-xl-4198f.jpg?1733933007' width='500' height='375' title=&#034;Le Apple Lisa, 1983, un des premiers ordinateurs personnels &#195; poss&#195;&#169;der une souris et une interface graphique&#034; alt=&#034;Le Apple Lisa, 1983, un des premiers ordinateurs personnels &#195; poss&#195;&#169;der une souris et une interface graphique&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;La carte graphique&lt;/h2&gt;
&lt;p&gt;Le processeur central est &#224; ce moment toujours en charge de l'affichage de l'&#233;cran, ce qui ralentit les autres op&#233;rations de calcul et force les ing&#233;nieurs &#224; trouver des solutions alambiqu&#233;es pour acc&#233;l&#233;rer le traitement. Avec l'augmentation du nombre de pixels, puis l'arriv&#233;e de la couleur (4 puis rapidement 16), il devient n&#233;cessaire de trouver une autre solution. Les ing&#233;nieurs imaginent de d&#233;l&#233;guer &#224; d'autres puces le soin de s'occuper de l'affichage &#224; l'&#233;cran. La carte graphique est n&#233;e, et va monter en puissance d&#232;s la fin des ann&#233;es 80. Le nombre de points et le nombre de couleurs vont augmenter, puis la 3D va faire son apparition, demandant des cartes graphiques toujours plus puissantes, rivalisant dans la puissance de calcul avec les puces de la carte m&#232;re.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_806 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH318/diag-carte-graphique-dd690.jpg?1726915559' width='500' height='318' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;La combinaison &#233;cran / clavier / souris va subir des &#233;volutions. Taille, pr&#233;cision, prix, performances. A part dans le domaine des loisirs o&#249; l'&#233;cran tactile apporte une ergonomie diff&#233;rente, cette combinaison reste dominante et l'interfa&#231;age avec l'ordinateur pendant les ann&#233;es 80, 90 et 2000.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_1203 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH330/complete-pc-95150.jpg?1733933008' width='500' height='330' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;L'interfa&#231;age sans contact&lt;/h2&gt;
&lt;p&gt;A partir des ann&#233;es 90, des id&#233;es d'interfaces plus &#034;intuitives&#034; apparaissent dans les revues d'informatiques. L'industrie explore des syst&#232;mes sans contacts. Ceux-ci apparaissent en fait dans la fiction, car la mise en oeuvre de tels syst&#232;mes est on&#233;reux, peu pratique et au final peu fiable.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Gands connect&#233;s&lt;/strong&gt;&lt;br class='autobr' /&gt;
Un des accessoires r&#233;currents est le gand connect&#233;, simple ou double. On trouve trace de ces interfaces imaginaires dans Johnny Mnemonic de Robert Longo ou encore dans Minority Report de Spielberg. Le probl&#232;me principal pour son d&#233;veloppement et adoption reste au final la sueur. &lt;br class='autobr' /&gt;
Nintendo met sur le march&#233; son &lt;i&gt;Power Glove&lt;/i&gt; en 1987, et le gand connect&#233; a rarement d&#233;pass&#233; le stade de gadget pour jeu vid&#233;o. Des projets sont r&#233;guli&#232;rement propos&#233;s par la communaut&#233; DIY ou de petites startup.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;La d&#233;tection de gestes&lt;/strong&gt;&lt;br class='autobr' /&gt;
L'autre grand axe de recherche est la reconnaissance de geste par cam&#233;ra et senseurs divers. La kinect de Microsoft en est la version commerciale la plus connue, d'autant que le flux d'information va &#234;tre rapidement d&#233;crypte par la communaut&#233; DIY, int&#233;ress&#233; par son prix nettement en dessous des versions professionnelles. &lt;br class='autobr' /&gt;
La d&#233;tection de geste pose de nombreux probl&#232;mes car outre le fait qu'il s'agit d'isoler une forme de son fond, &#224; une &#233;chelle changeante, il faut ensuite analyser les mouvements pour les transformer en instructions. Les applications en dehors du jeu vid&#233;o sont quasiment inexistantes &#224; ce stade. &lt;br class='autobr' /&gt;
La recherche contemporaine dans ce domaine allie des cam&#233;ras de haute d&#233;finition et de l'intelligence artificielle pour l'analyse des gestes, mais dans des domaines de surveillance, et pas d'interfa&#231;age. Cepedant, quelques interfaces destin&#233;es au grand public se battent encore pour l'atteindre, comme &lt;a href=&#034;https://fr.wikipedia.org/wiki/Leap_Motion&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Leap Motion&lt;/a&gt;, un petit boitier connect&#233; en USB et vendu &#224; 500.000 unit&#233;s.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_1202 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH281/leap_motion-f2db8.jpg?1733933008' width='500' height='281' title=&#034;Leap Motion&#034; alt=&#034;Leap Motion&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Syst&#232;mes vocaux&lt;/h2&gt;
&lt;p&gt;Les ann&#233;es 90 voient aussi fleurir les projets de navigation vocale. C'est dans la t&#233;l&#233;phonie que son utilisation devient effective le plus rapidement : Il devient possible d&#232;s le milieu des ann&#233;es 90 de s&#233;lectionner les appels longue distance depuis une cabine t&#233;l&#233;phonique en donnant le nom d'un ville. Mais ces syst&#232;mes peuvent rarement &#224; l'&#233;poque d&#233;passer la reconnaissance de quelques mots dans un corpus limit&#233;. La reconnaissance doit &#234;tre entrain&#233;e pour pouvoir reconnaitre une voix, sa tonalit&#233; et inflexions sp&#233;cifiques. Les tentatives de dictaphones num&#233;riques, capables de transformer la parole en un fichier texte, demande des heures de param&#233;trage et un apprentissage nouveau de la parole pour l'utilisateur, sous peine de devoir traquer ensuite les homophonies dans le texte produit.&lt;br class='autobr' /&gt;
Actuellement la recherche avance &#224; grand pas, mais plut&#244;t dans le domotique domestique, hautement associ&#233;e &#224; une intelligence artificielle centralis&#233;e. &lt;a href=&#034;https://fr.wikipedia.org/wiki/Amazon_Alexa&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Le boitier Alexa&lt;/a&gt;, par exemple, ne fait que d&#233;tecter le son, le compresser et l'envoyer vers les serveurs d'Amazon, qui se charge de toute la partie reconnaissance et traitement de l'information.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;L'&#233;cran tactile&lt;/h2&gt;
&lt;p&gt;Les supports tactiles sont en chantier depuis le d&#233;but des ann&#233;es 70. C'est IBM, en 1972, qui lance le premier &#233;cran &#224; reconnaissance de toucher, qui fonctionne avec des leds infrarouge entourant l'&#233;cran du &lt;a href=&#034;https://en.wikipedia.org/wiki/PLATO_(computer_system)&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;PLATO IV&lt;/a&gt;. On ne peut toucher qu'un seul endroit &#224; la fois, et la pression n'est pas reconnue.&lt;br class='autobr' /&gt;
Les recherches dans les ann&#233;es qui suivent vont donc s'orienter vers la capture de la pression et de la possibilit&#233; de d&#233;tecter plusieurs touchers. &lt;br class='autobr' /&gt;
Durant les ann&#233;es 90, de multiples essais, notamment le Newton de Apple, vont se solder par des &#233;checs commerciaux.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_1198 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH333/somenextbigt-705x470-26fc9.jpg?1733933008' width='500' height='333' title=&#034;Plato IV, 1981&#034; alt=&#034;Plato IV, 1981&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;La premi&#232;re tablette tactile grand public, le &lt;a href=&#034;https://en.wikipedia.org/wiki/GRiDPad&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;GRiDPad&lt;/a&gt; de Samsung sera commercialis&#233;e en septembre 1989. Elle coute 3000 dollars, et sera surtout employ&#233;e par la police et l'arm&#233;e am&#233;ricaine. Il s'utilise avec un stylet sp&#233;cifique. Techniquement, on est donc proche du pistolet des ordinateurs du syst&#232;me SAGE, qui date de 1956...&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_1201 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH362/967119be60778e34429d3afdf1844bd3-f3ec9.jpg?1733933008' width='500' height='362' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Le t&#233;l&#233;phone portable, qui se popularise dans les m&#234;mes ann&#233;es, ne prend pas le risque du tactile avant les ann&#233;es 2000. C'est v&#233;ritablement avec le Iphone, en 2007, que la t&#233;l&#233;phonie mobile va se parer du nom &#034;Smartphone&#034;, qui sera rapidement synonyme d'&#233;cran tactile. Il s'agit de permettre une navigation au doigt, ce qui pose des probl&#232;mes de d&#233;tection et de pr&#233;cision et a demand&#233; des ann&#233;es de recherches, notamment logicielle pour filtrer les touches parasites.&lt;br class='autobr' /&gt;
Le vocabulaire gestuel de ce nouveau type d'interface va &#234;tre un enjeu fort : il faut que le public puisse rapidement trouver &#034;intuitive&#034; l'acc&#232;s &#224; l'information apr&#232;s des ann&#233;es de clavier et souris. Les grandes firmes, bien que tentant de breveter les gestes, vont rapidement s'accorder sur le tap, le swipe, le pinch, etc.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_1200 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L490xH490/touch-interface-gestures-black-vector-77f31.jpg?1726915560' width='490' height='490' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Microsoft va se lancer dans le d&#233;veloppement du projet Surface en 2009, et arrivera p&#233;niblement &#224; commercialiser un premier produit avec stylet en 2012. Si les ambitions sont &#224; l'&#233;poque &#233;norme (on peut voir des publicit&#233;s avec des tables &#233;crans o&#249; l'on peut payer en d&#233;posant son t&#233;l&#233;phone sur la surface), la commercialisation est un &#233;chec. Le d&#233;veloppement va finir par se retrouver dans une gamme plus adapt&#233;e au grand public, un ordinateur qui m&#233;lange l'usage de l'&#233;cran tactile auquel on peut adjoindre un clavier. Le d&#233;veloppement de Window 10 a par ailleurs b&#233;n&#233;fici&#233; de la recherche sur les interfaces adapt&#233;es au &lt;i&gt;touch screen&lt;/i&gt;.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_1199 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH333/surface_table-753d1.jpg?1733933008' width='500' height='333' title=&#034;Microsoft Surface&#034; alt=&#034;Microsoft Surface&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Dans le courant des ann&#233;es 2010, l'&#233;cran capacitif, la puissance des puces et la maturit&#233; de l'analyse logicielle permettent de stabiliser la technologie tactile. La baisse rapide des prix et l'app&#233;tit du public, associ&#233; &#224; l'offre logicielle font d&#233;coller les ventes. On est en 10 ans apr&#232;s l'invention du terme &#034;&lt;a href=&#034;https://fr.wikipedia.org/wiki/Web_2.0&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;web 2.0&lt;/a&gt;&#034; et l'informatique est compl&#232;tement int&#233;gr&#233;e aux usages des classes moyennes et populaire, gr&#226;ce au net et &#224; la consommation de service en ligne. La tablette et le smartphone ne sont pas fait pour le travail d'&#233;criture, et correspondent un usage par cliquer-pointer-glisser d'une informatique de loisir.&lt;br class='autobr' /&gt;
Alors qu'on annonce d&#233;j&#224; la mort du PC, la vente de tablettes recule d&#233;j&#224; depuis 2018.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;D&#233;veloppement futurs&lt;/h2&gt;
&lt;p&gt;Impossible de savoir quel d&#233;veloppement en cours va produire les usages communs de demain. &lt;br class='autobr' /&gt;
Citons p&#234;le-m&#234;le :
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; la recherche des claviers d&#233;mat&#233;rialis&#233;s, projet&#233;s en laser sur diff&#233;rentes surfaces
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; la communication vocale assist&#233;e par intelligence artificielle
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; l'analyse des comportements (conscients ou inconscients) via l'intelligence artificielle et le big data&lt;/p&gt;
&lt;p&gt;Le succ&#232;s de ces technologies n'est jamais garanti, il d&#233;pend des couts de productions, de l'offre logicielle, de l'ergonomie et de la r&#233;ceptivit&#233; du public. Autant de choses impossibles &#224; param&#233;trer.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Un peu plus d'informations&lt;/h2&gt;
&lt;p&gt;Sur &lt;a href=&#034;http://www.pcworld.com/article/209224/displays/historic-monitors-slideshow.html&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;PCWorld.com&lt;/a&gt;&lt;br class='autobr' /&gt;
Sur &lt;a href=&#034;http://www.computerhistory.org/timeline/computers/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;ComputerHistory.org&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>Design g&#233;n&#233;ratif, input et output</title>
		<link>http://arts-numeriques.codedrops.net/Design-generatif-input-et-output</link>
		<guid isPermaLink="true">http://arts-numeriques.codedrops.net/Design-generatif-input-et-output</guid>
		<dc:date>2019-02-03T19:01:48Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>St&#233;phane Noel</dc:creator>



		<description>
&lt;p&gt;Le design g&#233;n&#233;ratif a un spectre tr&#232;s large, surtout si on y adjoint des pratiques proches comme l'art g&#233;n&#233;ratif. Pour pouvoir s'y retrouver, un moyen pragmatique consiste &#224; regarder les diff&#233;rentes productions en terme d'output et d'input. &lt;br class='autobr' /&gt; Entr&#233;es et sortie Le coeur des processus g&#233;n&#233;ratifs est le plus souvent du code, une proc&#233;dure algorithmique traduite dans un des nombreux langages disponibles comme le java dans le case de Processing, ou le c++ dans le cas des programmes qui tournent (&#8230;)&lt;/p&gt;


-
&lt;a href="http://arts-numeriques.codedrops.net/-Art-generatif-Design-generatif-" rel="directory"&gt;Art g&#233;n&#233;ratif / Design g&#233;n&#233;ratif&lt;/a&gt;


		</description>


 <content:encoded>&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L150xH100/arton541-bee09.jpg?1761237378' class='spip_logo spip_logo_right' width='150' height='100' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Le design g&#233;n&#233;ratif a un spectre tr&#232;s large, surtout si on y adjoint des pratiques proches comme l'art g&#233;n&#233;ratif. Pour pouvoir s'y retrouver, un moyen pragmatique consiste &#224; regarder les diff&#233;rentes productions en terme d'output et d'input.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;h2 class=&#034;spip&#034;&gt;Entr&#233;es et sortie&lt;/h2&gt;
&lt;p&gt;Le coeur des processus g&#233;n&#233;ratifs est le plus souvent du code, une proc&#233;dure algorithmique traduite dans un des nombreux langages disponibles comme le java dans le case de Processing, ou le c++ dans le cas des programmes qui tournent sur des ordinateurs contemporains.&lt;/p&gt;
&lt;p&gt;Mais le r&#233;sultat du processus est n&#233;cessairement perceptible, et il y a donc toujours un media de sortie, un &lt;i&gt;output&lt;/i&gt;. Il est aussi assez courant que des informations soit inject&#233;es dans le processus, on parle alors d'&lt;i&gt;input&lt;/i&gt;.&lt;br class='autobr' /&gt;
Voici un aper&#231;u des input et output les plus courants, provenant de &lt;a href=&#034;https://vimeo.com/48858267&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;cette vid&#233;o du studio onformative&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_907 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH389/from-vimeo-d4400.jpg?1761237378' width='500' height='389' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Output : les plotters&lt;/h2&gt;
&lt;p&gt;Le r&#233;sultat du processus g&#233;n&#233;ratif peut ainsi &#234;tre physique, comme un tirage sur papier, sur toile, sur mur&lt;br class='autobr' /&gt;
La table tra&#231;ante (usuellement appel&#233;e plotter), fait sont apparition dans les ann&#233;es 60' et permet de d&#233;placer un stylo sur deux axes au dessus d'une feuille parfois scotch&#233;e &#224; la main. Le dessin est r&#233;alis&#233; &#224; partir d'un langage graphique rudimentaire : &#034; prendre plume &#034;, &#034; lever plume &#034;, &#034; baisser plume &#034;, &#034; se d&#233;placer en X-Y &#034;, &#034; prendre feuille &#034;, &#034; &#233;jecter feuille &#034;.&lt;/p&gt;
&lt;p&gt;Beaucoup utilis&#233;s par les bureaux d'architecture pour le tirage de plan, ces machines sont diff&#233;rentes des imprimantes &#224; aiguilles, &#224; jet d'encre et laser : le plotter ex&#233;cute des traits dans un espace 2D.&lt;/p&gt;
&lt;p&gt;Les premiers travaux en dessin g&#233;n&#233;ratif nous sont parvenus gr&#226;ce &#224; des tirages sur plotter, comme ceux de Vera Molnar.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_910 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH248/georg-nees-generative-computer-grafik-1965-index-grafik-bec6c.jpg?1761237378' width='500' height='248' title=&#034; Georg Nees, Generative computer grafik, 1965&#034; alt=&#034; Georg Nees, Generative computer grafik, 1965&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_911 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH333/roman_verostko-23b1d.jpg?1761237378' width='500' height='333' title=&#034; Alice Wagstaff pilotant le plotter de Roman Verostko &#195; Ars Electronica en 2004&#034; alt=&#034; Alice Wagstaff pilotant le plotter de Roman Verostko &#195; Ars Electronica en 2004&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Les plotters sont parfois fabriqu&#233;s &#224; la main, comme par exemple avec le robot &lt;a href=&#034;http://juerglehni.com/works/hektor&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Hektor de J&#224;&#188;rg Lehni&lt;/a&gt; ou pour les &lt;a href=&#034;http://www.tristanperich.com/#Artwork/Machine_Drawings&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;wall drawings de Tristan Perich&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_908 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH333/hektor-dbb37.jpg?1761237379' width='500' height='333' title=&#034;Hektor Meets Dexter Sinister, Dexter Sinister &amp;#38; J&#195;&#188;rg Lehni, 2007&#034; alt=&#034;Hektor Meets Dexter Sinister, Dexter Sinister &amp;#38; J&#195;&#188;rg Lehni, 2007&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_909 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH284/2_tristan_perich_-_machine_wall_drawing_at_leap_-_a0-2bf5b.jpg?1761237379' width='500' height='284' title=&#034;Tristan Perich&#034; alt=&#034;Tristan Perich&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Output : &#233;crans et projecteurs&lt;/h2&gt;
&lt;p&gt;Les &#233;crans sont devenus &#224; partir des ann&#233;es 80 un media de sortie possible pour les oeuvres g&#233;n&#233;ratives. Ils ont permis d'adjoindre le mouvement et la couleur, dans les limites de leur qualit&#233;. Dans les ann&#233;es 90 c'est le projecteur vid&#233;o qui est venu s'adjoindre au moyens disponibles aux artistes. La taille des projections et la qualit&#233; d'image actuelle en font un des medias de sortie privil&#233;gi&#233;.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_913 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH333/reas_p15_s_0-332ad.jpg?1761237379' width='500' height='333' title=&#034;Casey Reas, Process 15, 2006&#034; alt=&#034;Casey Reas, Process 15, 2006&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_912 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH333/souls-machines16p-60636.jpg?1761237379' width='500' height='333' title=&#034;SoulsandMachines de John Maeda&#034; alt=&#034;SoulsandMachines de John Maeda&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Output : sculpture&lt;/h2&gt;
&lt;p&gt;Les machines &#224; commande num&#233;rique &#233;taient trop sp&#233;cifiques pour &#234;tre utilis&#233;e dans le champ du design, il a fallu attendre la d&#233;mocratisation des CNC, des d&#233;coupeuses laser et plus tard des imprimantes 3D pour voir arriver des sculptures dans le champ artistique.&lt;/p&gt;
&lt;p&gt;Mickael Hansmeyer produit des forme architecturales &#224; partir d'algorithmes.&lt;br class='autobr' /&gt;
&lt;span class='spip_document_917 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH326/digital-grotesque-ii-3-l-f726c.jpg?1761237379' width='500' height='326' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;i&gt;Alerting infrastructure &lt;/i&gt; attaque un des murs de l'endroit ou est montr&#233;e la pi&#232;ce, &#224; chaque fois que son site web est visit&#233;, cr&#233;ant une relation entre virtuel et r&#233;el.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_916 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH470/alertingchi-4b052.jpg?1761237380' title=&#034;Alerting infastructure, Bruckner-Cohen, 2001&#034; alt=&#034;Alerting infastructure, Bruckner-Cohen, 2001&#034; width='500' height='470' /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Output : mouvement&lt;/h2&gt;
&lt;p&gt;Le mouvement peut &#234;tre la finalit&#233; d'une oeuvre num&#233;rique.&lt;/p&gt;
&lt;p&gt;Bit Fall de Julius Popp est une installation dans laquelle des gouttes d'eau &#233;grainent des mots issus de tweets.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_918 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH375/bit-fall-b5bba.jpg?1761237380' width='500' height='375' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Ici le &lt;i&gt;t&#233;l&#233;present wind &lt;/i&gt; de Bowen produit le mouvement du vent sur un objet en bord de mer dans une galerie.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_914 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH334/bowen_tp_wind18-13ecd.jpg?1761237380' width='500' height='334' title=&#034;tele-present wind de David Bowen, 2010&#034; alt=&#034;tele-present wind de David Bowen, 2010&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Output : son&lt;/h2&gt;
&lt;p&gt;Le son est une des possibilit&#233;s largement explor&#233;e. &lt;br class='autobr' /&gt;
Des m&#233;langes entre visualisation et production sonore existent, parfois assez spectaculaire comme le travail de &lt;a href=&#034;http://www.ryojiikeda.com/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Ryoji Ikeda&lt;/a&gt;&lt;/p&gt;
&lt;iframe src=&#034;https://player.vimeo.com/video/275788586&#034; width=&#034;640&#034; height=&#034;360&#034; frameborder=&#034;0&#034; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;
&lt;p&gt;Les recherches en terme d'intelligence artificielle ont produit des exemples int&#233;ressants, mais ici on placera plut&#244;t une pi&#232;ce bas&#233;e sur le hasard, le flypaper piano de Nova Jiang en 2009.&lt;/p&gt;
&lt;iframe src=&#034;https://player.vimeo.com/video/5193754&#034; width=&#034;640&#034; height=&#034;360&#034; frameborder=&#034;0&#034; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>Design generatif, un peu d'histoire</title>
		<link>http://arts-numeriques.codedrops.net/Design-generatif-un-peu-d-histoire</link>
		<guid isPermaLink="true">http://arts-numeriques.codedrops.net/Design-generatif-un-peu-d-histoire</guid>
		<dc:date>2019-02-03T16:53:33Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>St&#233;phane Noel</dc:creator>



		<description>
&lt;p&gt;Quelques rep&#195;&#168;res vite jet&#195;&#169;s pour comprendre le design g&#195;&#169;n&#195;&#169;ratif et des d&#195;&#169;riv&#195;&#169;s. &lt;br class='autobr' /&gt; G&#195;&#169;n&#195;&#169;rateurs analogiques et num&#195;&#169;riques D&#195;&#169;connecter le concept d'un dessin de son ex&#195;&#169;cution n'est pas sorti de nulle part. La mont&#195;&#169;e en puissance de l'industrialisation, la m&#195;&#169;canique, l'&#195;&#169;lectricit&#195;&#169;, la division du travail, sont des bouleversements auxquels assistent et participent les artistes. Des machines g&#195;&#169;n&#195;&#169;ratives ont d&#195;&#169;j&#195; &#195;&#169;t&#195;&#169; cr&#195;&#169;&#195;&#169;es dans le monde pr&#195;&#169;-num&#195;&#169;rique. Alexander Rodtchenko (&#8230;)&lt;/p&gt;


-
&lt;a href="http://arts-numeriques.codedrops.net/-Art-generatif-Design-generatif-" rel="directory"&gt;Art g&#233;n&#233;ratif / Design g&#233;n&#233;ratif&lt;/a&gt;


		</description>


 <content:encoded>&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L150xH102/arton540-fb163.jpg?1761237380' class='spip_logo spip_logo_right' width='150' height='102' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Quelques rep&#195;&#168;res vite jet&#195;&#169;s pour comprendre le design g&#195;&#169;n&#195;&#169;ratif et des d&#195;&#169;riv&#195;&#169;s.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;h2 class=&#034;spip&#034;&gt;G&#195;&#169;n&#195;&#169;rateurs analogiques et num&#195;&#169;riques&lt;/h2&gt;
&lt;p&gt;D&#195;&#169;connecter le concept d'un dessin de son ex&#195;&#169;cution n'est pas sorti de nulle part. La mont&#195;&#169;e en puissance de l'industrialisation, la m&#195;&#169;canique, l'&#195;&#169;lectricit&#195;&#169;, la division du travail, sont des bouleversements auxquels assistent et participent les artistes. &lt;br class='autobr' /&gt;
Des machines g&#195;&#169;n&#195;&#169;ratives ont d&#195;&#169;j&#195; &#195;&#169;t&#195;&#169; cr&#195;&#169;&#195;&#169;es dans le monde pr&#195;&#169;-num&#195;&#169;rique. Alexander Rodtchenko commande une plaque &#195;&#169;maill&#195;&#169;e qu'il d&#195;&#169;crit par t&#195;&#169;l&#195;&#169;phone dans les ann&#195;&#169;es 20'. Les surr&#195;&#169;alistes inventent le cadavre exquis, une proc&#195;&#169;dure pour faire &#195;&#169;merger l'inconscient collectif. Jackson Pollock dans les ann&#195;&#169;es 40', lance des r&#195;&#169;cipients trou&#195;&#169;s, suspendus &#195; une ficelle, au dessus de toiles. Jean Tinguely (1925-1991), cr&#195;&#169;a au milieu des ann&#195;&#169;es50' des machines m&#195;&#169;caniques au comportement chaotique destin&#195;&#169;es &#195; dessiner, les M&#195;&#169;ta-matic. Le &lt;a href=&#034;https://fr.wikipedia.org/wiki/M%C3%A9ta_Matics&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;M&#195;&#169;ta-Matic n&#194;&#176; 1&lt;/a&gt;, pr&#195;&#169;sent&#195;&#169; en 1959 &#195; Beaubourg, est &#195; la fois une sculpture, un outil et une dispositif de performance.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_561 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH340/with_Jean_Tinguely-302101331-b43d6.jpg?1761237380' width='500' height='340' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Mais c'est vraiment avec les ordinateurs que le dessin g&#195;&#169;n&#195;&#169;ratif va se d&#195;&#169;velopper. Au d&#195;&#169;part, seuls quelques programmeurs peuvent avoir acc&#195;&#168;s au mat&#195;&#169;riel et au savoir n&#195;&#169;cessaire &#195; la r&#195;&#169;alisation de programmes g&#195;&#169;n&#195;&#169;ratifs, et leur sortie sur imprimante.&lt;/p&gt;
&lt;p&gt;Des artistes pionniers ont int&#195;&#169;gr&#195;&#169; une logique algorithmique dans leur production &#195; la fin des ann&#195;&#169;es 60'. Citons Vera Molnar, Manfred Mohr, Roman Verostko, Georg Nees, Edward Zajec, Frieder Nake. Ces dessins utilisent des fonctions Algorithmiques parfois simple, bas&#195;&#169;es sur le cube et les lignes, et sont formellement dans une continuit&#195;&#169; de l'art abstrait. Le rapport au r&#195;&#169;el est avant tout computationnel, le r&#195;&#169;sultat d'une s&#195;&#169;rie d'op&#195;&#169;ration math&#195;&#169;matiques.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_794 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH520/nake-all-artworks-klee--dam-11383-7gvtv-de-2-79979.jpg?1761237380' width='500' height='520' title=&#034;Frieder Nake, 13/9/65 Nr. 2 (also known as Hommage to Paul Klee), 1965, plotter drawing, ink on paper, 40 x 40 cm&#034; alt=&#034;Frieder Nake, 13/9/65 Nr. 2 (also known as Hommage to Paul Klee), 1965, plotter drawing, ink on paper, 40 x 40 cm&#034; /&gt;&lt;/span&gt;&lt;br class='autobr' /&gt; &lt;strong&gt;Frieder Nake&lt;/strong&gt;, 13/9/65 Nr. 2 (Hommage to Paul Klee), 1965, plotter drawing, ink on paper, 40 x 40 cm&lt;/p&gt;
&lt;p&gt;&lt;a href=&#034;http://dam-cologne.de/mlArtist-pa-showpage-pid-22.html&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Vera Molnar&lt;/a&gt;, n&#195;&#169;e en 1924, invente des logiques proc&#195;&#169;durales pour produire des dessins d&#195;&#168;s les ann&#195;&#169;es 50, qu'elle applique &#195; la main, et utilisera l'ordinateur fin des ann&#195;&#169;es 60.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_563 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH476/molanr-interruptions-77c8d.jpg?1761237381' width='500' height='476' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&#034;http://www.emohr.com/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Manfred Mohr&lt;/a&gt;, n&#195;&#169; en 1938, commence &#195; cette m&#195;&#170;me &#195;&#169;poque &#195; produire des dessins via des algorithmes.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_564 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH494/bitforms_image_mohr-10e1a.jpg?1761237381' width='500' height='494' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Horst Bartnig, n&#195;&#169; en 1936, fait de m&#195;&#170;me.&lt;br class='autobr' /&gt;
&lt;span class='spip_document_768 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH517/jpg-c7106.jpg?1761237381' width='500' height='517' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;br class='autobr' /&gt;
&lt;i&gt;Ohne Titel, 1985&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;La fin des ann&#195;&#169;es 60' encore, les artistes comme Sol Lewitt s'int&#195;&#169;ress&#195;&#168;rent au dessin comme process, et produirent des pi&#195;&#168;ces qui n'&#195;&#169;taient rien d'autre que des proc&#195;&#169;dures permettant de r&#195;&#169;aliser le dessin. Le processus a pour eux la m&#195;&#170;me valeur que le dessin, celui-ce pouvant m&#195;&#170;me ne pas &#195;&#170;tre r&#195;&#169;alis&#195;&#169;. Si Lewitt n'est pas le seul a explorer cette voie : &lt;a href=&#034;http://fr.wikipedia.org/wiki/Lawrence_Weiner&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Laurence Wiener&lt;/a&gt; d&#195;&#169;finit des sculptures et performances par de simples &#195;&#169;nonc&#195;&#169;s dans les m&#195;&#170;mes ann&#195;&#169;es, par exemple. Mais le travail de Sol Lewitt, par son impact plastique probablement, influencera notablement l'histoire des arts num&#195;&#169;riques.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_562 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L401xH550/5-06878.jpg?1727889598' width='401' height='550' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Les machines &#195; commande num&#195;&#169;rique&lt;/h2&gt;
&lt;p&gt;Le plotter et une machine &#195; commande num&#195;&#169;rique faite pour dessiner, mais on trouve d&#195;&#168;s les ann&#195;&#169;es 60' des machines industrielles capable de recevoir des commandes digitales. Les premiers mod&#195;&#168;les de fraiseuses num&#195;&#169;riques utilisent des bandes perfor&#195;&#169;es pour d&#195;&#169;terminer leur d&#195;&#169;placement. Charles B&#195;&#169;zier travaillera pour le constructeur de voitures Renaud &#195; la conception des fameuses courbes de Bezier qui permettent aux ing&#195;&#169;nieurs de dessiner plus facilement les courbes que devront suivre les machines pendant l'usinage. Ces outils resteront longtemps trop co&#195; &#187;teux et complexes pour &#195;&#170;tre utilis&#195;&#169;s par les particuliers, il faudra attendre les ann&#195;&#169;es 2000 pour voir des petits ateliers se doter d'une d&#195;&#169;coupeuse laser ou d'une fraiseur CNC pour &lt;i&gt;computer numerical control&lt;/i&gt;, contr&#195;&#180;l&#195;&#169;e directement par ordinateur.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;La r&#195;&#169;volution du Personal Computer&lt;/h2&gt;
&lt;p&gt;Les ann&#195;&#169;es 80' marquent un tournant dans l'histoire de l'informatique. Les processeurs, fabriqu&#195;&#169;s en plus grandes s&#195;&#169;ries, voient leur co&#195; &#187;t de production chuter et les premiers ordinateurs destin&#195;&#169; au march&#195;&#169; domestique font leur apparition. L'ordinateur se banalise dans la culture et fait son entr&#195;&#169;e timide dans les loisirs. Une g&#195;&#169;n&#195;&#169;ration de gosses va grandir avec un ordinateur lourd avec &#195;&#169;cran monochrome dans la maison familiale, et s'emparer de cet outil sans &#195; priori.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_770 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH329/wargames_still8-9cc95.jpg?1761237381' width='500' height='329' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;br class='autobr' /&gt;
&lt;i&gt;Le film &#034;wargames&#034; (1983, John Badham) est symptomatique de son &#195;&#169;poque : un adolescent disposant d'un des premiers personal computer &#195; la maison trafique ses notes de cours gr&#195;&#162;ce &#195; un acc&#195;&#168;s au serveur de son coll&#195;&#168;ge. Il hacke avec facilit&#195;&#169; un serveur militaire et d&#195;&#169;clenche sans le savoir une guerre nucl&#195;&#169;aire. Dans les faits, le r&#195;&#169;seau de communication militaire sera s&#195;&#169;par&#195;&#169; de l'Internet en 1984, soit un an apr&#195;&#168;s la sortie du film...&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;Les ann&#195;&#169;es 90' et l'apparition d'ordinateur puissants et abordables finaci&#195;&#168;rement vont donner un coup d'acc&#195;&#169;l&#195;&#169;rateur &#195; la pratique du dessin g&#195;&#169;n&#195;&#169;ratif. John Maeda va r&#195;&#169;aliser des oeuvres et des programmes pour des &#195;&#169;v&#195;&#169;nements (pour sony par exemple), des dispositifs int&#195;&#169;ractifs. Il poursuit en parall&#195;&#168;le un travail de commande et des expositions d'oeuvres personnelles. Il devient professeur au MIT d&#195;&#168;s 1996 et forme une g&#195;&#169;n&#195;&#169;ration d'artistes int&#195;&#169;ress&#195;&#169;s par le design g&#195;&#169;n&#195;&#169;ratif gr&#195;&#162;ce &#195; son approche de la programmation et le logiciel Design by Numbers, anc&#195;&#170;tre de Processing.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_565 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH375/desktopbig-maeda-2335e.jpg?1761237381' width='500' height='375' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Les ann&#195;&#169;es 2000&lt;/h2&gt;
&lt;p&gt;A sa suite, Ben Fry et Casey Raes cr&#195;&#169;ent Processing qui va participer &#195; la popularisation du concept de design g&#195;&#169;n&#195;&#169;ratif. D'autres logiciels (Vvvv, Quartz Composer, Open Frameworks) et l'ouverture de cours d&#195;&#169;di&#195;&#169; aux pratiques g&#195;&#169;n&#195;&#169;ratives ont install&#195;&#169; ensuite le design g&#195;&#169;n&#195;&#169;ratif dans les pratiques des designers et des artistes.&lt;/p&gt;
&lt;p&gt;Le design g&#195;&#169;n&#195;&#169;ratif peut s'appliquer &#195; de large pan de l'industrie. Il r&#195;&#169;pond notamment &#195; une demande accrue de personnalisation des objets en r&#195;&#169;action &#195; la production de masse et l'uniformisation que subit la culture. Les outils contemporains comme les imprimantes et les imprimantes 3D, et les petits ateliers de production num&#195;&#169;rique permettent de r&#195;&#169;pondre &#195; des commandes &#195; la pi&#195;&#168;ce ou en quantit&#195;&#169; limit&#195;&#169;e.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_566 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH334/radiolariaTable-63300.jpg?1761237381' width='500' height='334' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>Breve histoire des interfaces (1) : cartes perfor&#233;es et cabl&#226;ge &#233;lectrique</title>
		<link>http://arts-numeriques.codedrops.net/Breve-histoire-des-interfaces-1-cartes-perforees-et-cablage-electrique</link>
		<guid isPermaLink="true">http://arts-numeriques.codedrops.net/Breve-histoire-des-interfaces-1-cartes-perforees-et-cablage-electrique</guid>
		<dc:date>2016-10-02T00:40:58Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>St&#233;phane Noel</dc:creator>



		<description>
&lt;p&gt;L'&#233;cran tel que nous le connaissons est une des inventions de l'histoire de l'informatique. Il n'a pas toujours &#233;t&#233; l&#224; comme une &#233;vidence. Que du contraire. Tout commence par des cartes avec des trous. &lt;br class='autobr' /&gt; Outils et machines Les humains ont parmi leurs principales caract&#233;ristiques leur capacit&#233; &#224; fabriquer des outils, g&#233;n&#233;ralement pour une augmentation de leurs capacit&#233;s physiques (le marteau est un poing plus solide, par ex.) ou se doter de nouvelles capacit&#233;s : couper, forer, voir plus (&#8230;)&lt;/p&gt;


-
&lt;a href="http://arts-numeriques.codedrops.net/-Matriciel-vectoriel-" rel="directory"&gt;Image num&#233;rique&lt;/a&gt;


		</description>


 <content:encoded>&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L150xH109/arton446-b969c.jpg?1733961395' class='spip_logo spip_logo_right' width='150' height='109' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;L'&#233;cran tel que nous le connaissons est une des inventions de l'histoire de l'informatique. Il n'a pas toujours &#233;t&#233; l&#224; comme une &#233;vidence. Que du contraire. Tout commence par des cartes avec des trous.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;h2 class=&#034;spip&#034;&gt;Outils et machines&lt;/h2&gt;
&lt;p&gt;Les humains ont parmi leurs principales caract&#233;ristiques leur capacit&#233; &#224; fabriquer des outils, g&#233;n&#233;ralement pour une augmentation de leurs capacit&#233;s physiques (le marteau est un poing plus solide, par ex.) ou se doter de nouvelles capacit&#233;s : couper, forer, voir plus loin, etc.&lt;/p&gt;
&lt;p&gt;Une machine est un objet plus ext&#233;rieur au corps. La machine est d&#233;finie ainsi dans le Larousse : &lt;i&gt;Appareil ou ensemble d'appareils capable d'effectuer un certain travail ou de remplir une certaine fonction, soit sous la conduite d'un op&#233;rateur, soit d'une mani&#232;re autonome.&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;C'est bien ce &#034;une certaine fonction&#034; qui distingue l'ordinateur des autres machines qui l'ont pr&#233;c&#233;d&#233; dans l'histoire. &lt;br class='autobr' /&gt;
L&#224; o&#249; une moissonneuse batteuse est design&#233;e pour moissonner, un balance pour peser, une foreuse pour forer, on d&#233;finit l'ordinateur comme une machine &lt;i&gt;potentielle&lt;/i&gt;, ce qui signifie que ce qu'elle peut faire n'est pas enti&#232;rement d&#233;fini par son design.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_1170 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH331/moissoneuse-aa7b5.jpg?1733961698' width='500' height='331' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Programmer et interfacer avec une machine&lt;/h2&gt;
&lt;p&gt;Si on regarder l'ensemble des machines depuis le point de vue de l'ordinateur, on peut se poser la question de sa programmation, c'est &#224; dire de sa pr&#233;paration en vue de l'ex&#233;cution de ses t&#226;ches. &lt;br class='autobr' /&gt;
On voit bien que dans la plupart des machines, la programmation est fix&#233;e par la structure m&#234;me de son m&#233;canisme. La moissonneuse ne peut s'utiliser qu'en accord avec sa structure physique : les roues d&#233;finissent son axe de d&#233;placement, l'endroit o&#249; s'assied le conducteur est d&#233;fini ainsi que la largeur de bl&#233; qui peut &#234;tre fauch&#233;. Pour modifier ces param&#232;tres, il faut modifier son design physique, d&#233;construire ou adjoindre des parties &#224; sa structure. &lt;br class='autobr' /&gt;
De la m&#234;me mani&#232;re, la mani&#232;re dont on peut interagir avec la machine fait partie de son design physique : leviers, roues, points d'ancrages on &#233;t&#233; pens&#233; en amont et les modifier demande une modification physique de la machine.&lt;br class='autobr' /&gt;
Ce d&#233;passement de ces limitations a &#233;t&#233; l'objet d'une grande partie du travail des ing&#233;nieurs dans l'histoire des techniques. Rendre plus adaptable les machines s'est fait en parall&#232;le de la standardisation de l'industrie. &lt;br class='autobr' /&gt;
Une imprimante jet d'encre, aujourd'hui, est cependant toujours un proche cousin de la moissonneuse : elle est design&#233;e pour une t&#226;che pr&#233;cise, et sur un format de papier pr&#233;cis.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_1171 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH375/printer-26d22.jpg?1733961698' width='500' height='375' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Avec le temps, les machines ont pu devenir &#034;multifonctions&#034;, mais un seul type de machine a d&#233;pass&#233; ce terme pour devenir une machine &#034;potentielle&#034;, c'est &#224; dire dont l'usage n'est pas pr&#233;d&#233;termin&#233; par sa structure, et c'est l'ordinateur. En ce sens, l'ordinateur est un des points culminants de la culture industrielle.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;L'ordinateur, la machine potentielle&lt;/h2&gt;
&lt;p&gt;Un ordinateur est une machine qui manipule des donn&#233;es contenues dans une m&#233;moire (binaires la plupart du temps) &#224; travers une s&#233;rie d'instructions (on parle d'algorithme) pour obtenir un r&#233;sultat imm&#233;diatement &#233;crit sur un support, ou stock&#233; &#224; nouveau dans une m&#233;moire. Tout ordinateur doit donc comporter des organes d'entr&#233;e et de sortie qui permettent &#224; l'utilisateur de placer ses informations dans la m&#233;moire et de lire les r&#233;sultats apr&#232;s leur traitement.&lt;/p&gt;
&lt;p&gt;Les premiers ordinateurs n'ont pas d'&#233;cran. La plupart du temps leur mission est de crypter/d&#233;crypter des messages ennemis ou calculer les fameuses &#034;tables de tir&#034;, des manuels permettant de r&#233;gler les canons sur le champ de bataille en fonction du type de charge, de la vitesse du vent, du point &#224; atteindre. Des calculs complexes, pr&#233;cis et r&#233;p&#233;titifs qui ont pouss&#233; les ing&#233;nieurs &#224; trouver des solutions algorithmiques. Pour comprendre les formes particuli&#232;res qu'ont pris les ordinateurs au cours de l'histoire jusqu'&#224; leurs formes actuelles, il faut remonter plus de deux si&#232;cles en arri&#232;re.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_947 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH353/59-table-de-tirs-03be0.jpg?1733961698' width='500' height='353' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Reprendre le fil&lt;/h2&gt;
&lt;p&gt;L'origine de l'informatique est souvent pos&#233;e en 1801, ann&#233;e de commercialisation du m&#233;tier &#224; tisser Jacquard. Ce m&#233;tier &#224; tisser r&#233;volutionne l'industrie textile en permettant la cr&#233;ation de motifs complexes &#224; partir d'une seule et m&#234;me machine. Le m&#233;tier Jacquard comporte en effet un syst&#232;me de lecture de cartes perfor&#233;es, des cartes qui contiennent le &#034;code&#034; de motifs qui sont lus ligne par ligne par la machine, dessinant les motifs qui reposaient autrefois sur le savoir faire des fileuses. D&#233;sormais, pour changer de motif de tissage, il suffit de changer de jeu de cartes. Le savoir faire est transf&#233;r&#233; dans la machine, et l'industrialisation du textile va emmener derri&#232;re elle des bouleversements sociaux en masse. Le m&#233;tier Jacquard va g&#233;n&#233;rer imm&#233;diatement du piratage industriel : un trafic de cartes perfor&#233;es mais aussi des copies de la machine elle-m&#234;me sont rapidement mis en circulation.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_948 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH508/00-metier-a-tisser-jacquard-a3cff.jpg?1733961699' width='500' height='508' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;iframe width=&#034;100%&#034; height=&#034;415&#034; src=&#034;https://www.youtube.com/embed/HDROcn_0ZbI&#034; frameborder=&#034;0&#034; allowfullscreen&gt;&lt;/iframe&gt;
&lt;p&gt;Entre Le m&#233;tier Jacquard en 1801et les premiers ordinateurs des ann&#233;es 1940, il y aura plus d'un si&#232;cle pendant lequel les pionniers se heurtent aux limites de la m&#233;canique. Lourdes et laborieuses &#224; fabriquer, les machines m&#233;caniques demandent des milliers d'heures de travail et posent des probl&#232;mes d'usure par frottement qui faussent les r&#233;sultats. &lt;br class='autobr' /&gt;
Babbage, math&#233;maticien et inventeur, s'int&#233;resse &#224; la construction d'une machine m&#233;canique dite &lt;i&gt;machine &#224; diff&#233;rences&lt;/i&gt; et obtient des fonds du parlement anglais en 1823 pour construire une prototype. Cette machine a pour ambition de r&#233;aliser des tables nautiques, astronomiques et math&#233;matiques exactes. Celles qui existent &#224; l'&#233;poque sont calcul&#233;es par des employ&#233;s qui font des erreurs par fatigue ou ennui, ce qui conduit parfois &#224; des erreurs diverses, ou dans le cas de la navigation, &#224; des accidents.&lt;/p&gt;
&lt;dl class='spip_document_860 spip_documents spip_documents_center'&gt;
&lt;dt&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH480/analyticalmachine_babbage_london-6bd26.jpg?1733961699' width='500' height='480' alt='JPEG - 1.4&#160;Mio' /&gt;&lt;/dt&gt;
&lt;dt class='crayon document-titre-860 spip_doc_titre'&gt;&lt;strong&gt;Mod&#232;le d'essai d'une partie de la machine analytique&lt;/strong&gt;&lt;/dt&gt;
&lt;dd class='crayon document-descriptif-860 spip_doc_descriptif'&gt;Construit par Charles Babbage, expos&#233;e au Science Museum de Londres.
&lt;/dd&gt;
&lt;/dl&gt;
&lt;p&gt;Les diff&#233;rents prototypes que Babbage construit avec les fonds de l'argent gouvernemental comporte des probl&#232;mes m&#233;caniques quasi insurmontables, et il en r&#233;&#233;crit constamment les plans, sans arriver &#224; quoi que ce soit de fonctionnel. &lt;br class='autobr' /&gt;
Entre 1834 et 1836, il con&#231;oit cependant les plans d'une machine plus ambitieuse, &lt;i&gt;la machine analytique&lt;/i&gt;. Cette machine serait nourrie de deux types de cartes perfor&#233;es : un jeu de cartes pour les donn&#233;es, un jeu de cartes pour les instructions, c'est-&#224; -dire le programme. C'est une v&#233;ritable r&#233;volution conceptuelle. Cette machine ne sera jamais construite, pas plus que la version 2 de sa machine &#224; diff&#233;rences, pourtant trois fois moins compliqu&#233;e que la premi&#232;re version, dont il dessine les plans entre 1847 et 1849.&lt;br class='autobr' /&gt;
Il est a noter que pendant ses recherches th&#233;oriques sur la machine analytique, Babbage est contact&#233; par &lt;a href=&#034;https://fr.wikipedia.org/wiki/Ada_Lovelace&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Ada Lovelace&lt;/a&gt;, qui propose de traduire vers l'anglais, en 1842, un texte en fran&#231;ais de Louis-Fr&#233;d&#233;ric M&#233;nabr&#233;a sur la machine de Babbage. Ada, amatrice de math&#233;matique cherchant &#224; &#233;chapper &#224; sa condition de femme de l'aristocratie, effectue ce travail en 9 mois avec soin. Impressionn&#233;, Babbage l'invite &#224; r&#233;diger des notes suppl&#233;mentaires sur le fonctionnement de la machine. Ada Lovelace n'a pas, en effet, que traduit du texte : elle a analys&#233; et compris le fonctionnement de la machine. &lt;br class='autobr' /&gt;
C'est dans le cadre de cette collaboration avec Babbage qu'elle r&#233;dige vers 1843 le premier programme pour cartes perfor&#233;es destin&#233; &#224; la machine analytique comme d&#233;monstration des capacit&#233;s de la machine. Elle est donc la premi&#232;re personne dans l'histoire &#224; avoir &#233;crit un programme informatique pour une machine qui n'existera... qu'en 1910, construite par Henry Babbage, fils Charles, pour laver l'honneur de son p&#232;re.&lt;/p&gt;
&lt;div class=&#034;galerie_embed&#034;&gt; &lt;ul class=&#034;galerie_liste flexit clearfix&#034;&gt; &lt;li&gt; &lt;a href=&#034;https://arts-numeriques.codedrops.net/IMG/jpg/03-ada_lovelace.jpg&#034; class=&#034;fancybox&#034; rel=&#034;rgp949,950,951,952&#034; alt=&#034;photo GP&#034; &gt; &lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L160xH200/d4018be17d9bbedb0f4d09460dcd28-f49f0.jpg?1727119703' width='160' height='200' /&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&#034;https://arts-numeriques.codedrops.net/IMG/png/05-ada-lovelace-calculus-letter-large.png&#034; class=&#034;fancybox&#034; rel=&#034;rgp949,950,951,952&#034; alt=&#034;photo GP&#034; &gt; &lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L160xH200/86807fe1276b0d59f834cf0f071880-a223b.jpg?1727119703' width='160' height='200' /&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&#034;https://arts-numeriques.codedrops.net/IMG/jpg/07-diagram_for_the_computation_of_bernoulli_numbers.jpg&#034; class=&#034;fancybox&#034; rel=&#034;rgp949,950,951,952&#034; alt=&#034;photo GP&#034; &gt; &lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L160xH200/61fec188ace7e7e33bcea0b9d96343-d00ae.jpg?1727119703' width='160' height='200' /&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&#034;https://arts-numeriques.codedrops.net/IMG/png/06-computation-of-coefficients-in-product-of-two-polynomials-large.png&#034; class=&#034;fancybox&#034; rel=&#034;rgp949,950,951,952&#034; alt=&#034;photo GP&#034; &gt; &lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L160xH200/d4d0ab788c5713e3f33d8c6c2ff4ad-5862d.jpg?1728085026' width='160' height='200' /&gt; &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt;
&lt;p&gt;La premi&#232;re machine &#224; calculer a &#233;t&#233; fabriqu&#233;e par le philosophe &lt;a href=&#034;https://fr.wikipedia.org/wiki/Pascaline&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Blaise Pascal en 1642 sous le nom de Pascaline&lt;/a&gt; puis reprise et am&#233;lior&#233;e pour les multiplications et divisions par &lt;a href=&#034;https://fr.wikipedia.org/wiki/Cylindre_cannel%C3%A9_de_Leibniz&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;philosophe Gottfried Leibniz en 1673&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_1172 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH274/arts_et_metiers_pascaline_dsc03869-3aca8.jpg?1733961699' width='500' height='274' title=&#034;La pascaline de 1652&#034; alt=&#034;La pascaline de 1652&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Ces machines cr&#233;&#233;s comme des d&#233;fis intellectuels (Blaise Pascal la cr&#233;e pour aider son p&#232;re qui est mont&#233; en grade dans l'administration fran&#231;aise) sont trop complexes pour une production &#224; grande &#233;chelle et pour disposer de la premi&#232;re machine &#224; calculer produite en s&#233;rie il faudra attendre 1851 avec l'&lt;a href=&#034;https://fr.wikipedia.org/wiki/Arithmom%C3%A8tre&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Arithmom&#232;tre&lt;/a&gt;, et qui trouve rapidement sa place dans de nombreux bureaux comptables. Capables d'additionner, soustraire, multiplier et diviser gr&#226;ce au &lt;a href=&#034;https://fr.wikipedia.org/wiki/Cylindre_cannel%C3%A9_de_Leibniz&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;cylindre cannel&#233; du philosophe Leibniz&lt;/a&gt;. C'est un succ&#232;s industriel, les calculatrices sont clon&#233;es par de nombreux fabricants en Europe et en Am&#233;rique. On d&#233;place des curseurs, puis tourne une manivelle et le r&#233;sultat s'affiche sur un ensemble de cadrans. L'arithmom&#232;tre cependant ne r&#233;alise qu'une seule op&#233;ration &#224; la fois. Que faire si on veut r&#233;aliser des calculs plus complexes, ou des calculs en s&#233;rie ?&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_804 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH378/arithmometre-39cf6.jpg?1733961699' width='500' height='378' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;De la m&#233;canique &#224; l'&#233;lectrom&#233;canique&lt;/h2&gt;
&lt;p&gt;Comme on le verra, l'histoire de l'informatique est li&#233;e &#224; l'industrie plus encore qu'&#224; la recherche scientifique : elle restera jusqu'au ann&#233;es 1960 li&#233;e &#224; la carte perfor&#233;e h&#233;rit&#233; de Jacquard et Hollerith, et &#233;tendra son domaine d'application avec cette &#034;machine &#224; statistiques&#034;, outil permettant dans un premier temps de compter et de trier des cartes comportant des perforations qui sont autant d'informations structur&#233;es sur la surface de la carte, qui va devenir la tabulatrice quand elle va permettre de r&#233;aliser des op&#233;rations plus complexes d'addition, soustraction, multiplication et division sur des ensembles de cartes.&lt;/p&gt;
&lt;p&gt;&lt;a href=&#034;https://fr.wikipedia.org/wiki/Herman_Hollerith&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Herman Hollerit&lt;/a&gt;, un ing&#233;nieur li&#233;e &#224; l'administration am&#233;ricaine d&#233;pose en 1887 un brevet pour une machine lisant les cartes perfor&#233;es destin&#233;e &#224; servir au recensement de population de 1990. Il a particip&#233; &#224; celui de 1880, qui a demand&#233; 9 ans de d&#233;pouillement et d'analyse, et entend bien acc&#233;l&#233;rer le processus gr&#226;ce &#224; sa machine &#233;lectro-m&#233;canique et une carte comportant 210 perforations. &lt;br class='autobr' /&gt;
Son invention permettra en effet de faire le recensement de 1890 en 3 ans, avec une pr&#233;cision plus grande qu'un d&#233;pouillement humain et la possibilit&#233; de faire des recherches statistiques de mani&#232;re beaucoup plus rapide. Combien de femmes dans tel &#233;tat, combien de personnes d'origine russe dans telle autre, combien de personnes de plus de 30 ans dans telle autre encore ? La machine de Hollerith permet de trier les cartes selon un crit&#232;re, et d'incr&#233;menter des compteurs, avec au bout du traitement des chiffres pr&#233;cis et des cartes &#224; nouveau employables.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_803 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH224/hollerith_punched_card-9b63e.jpg?1733961699' width='500' height='224' title=&#034;La carte perfor&#195;&#169;e de Hollerith, vers 1890&#034; alt=&#034;La carte perfor&#195;&#169;e de Hollerith, vers 1890&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_801 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH417/hollerithmachine-6e8ca.jpg?1733961699' width='500' height='417' title=&#034;La machine de Hollerith&#034; alt=&#034;La machine de Hollerith&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;La machine de Hollerith est &#034;programmable&#034; manuellement : on d&#233;cide des crit&#232;res de tri en cr&#233;ant une connexion entre un emplacement de la carte et un compteur.&lt;/p&gt;
&lt;p&gt;Hollerith quitte l'administration en 1894 et fonde en 1896 la Tabulating Machine Corporation, qui au bout de plusieurs fusions deviendra IBM en 1924. Entretemps, les cartes perfor&#233;es auront trouv&#233; leur format d&#233;finitif, celui impos&#233; par IBM. Un seul autre standard de format de carte est propos&#233; par Rand corporation, mais il ne pourra jamais d'imposer.&lt;/p&gt;
&lt;div class=&#034;galerie_embed&#034;&gt; &lt;ul class=&#034;galerie_liste flexit clearfix&#034;&gt; &lt;li&gt; &lt;a href=&#034;https://arts-numeriques.codedrops.net/IMG/jpg/xcarteperforee.jpg.pagespeed.ic.c1cqdjoumw.jpg&#034; class=&#034;fancybox&#034; rel=&#034;rgp802,953,1178,1173,1177&#034; alt=&#034;La carte perfor&#195;&#169;e IBM, utilis&#195;&#169;e jusque dans les ann&#195;&#169;es 80&#034; title=&#034;La carte perfor&#195;&#169;e IBM, utilis&#195;&#169;e jusque dans les ann&#195;&#169;es 80&#034; &gt; &lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L160xH200/e5fe75e65df064a78af9fadfe47ea6-5b910.jpg?1727119703' width='160' height='200' /&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&#034;https://arts-numeriques.codedrops.net/IMG/jpg/ibm407_tabulator_1961_01.redstone.jpg&#034; class=&#034;fancybox&#034; rel=&#034;rgp802,953,1178,1173,1177&#034; alt=&#034;photo GP&#034; &gt; &lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L160xH200/1279a4696184846c7ca50c8bce3b90-98631.jpg?1727119703' width='160' height='200' /&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&#034;https://arts-numeriques.codedrops.net/IMG/jpg/1200px-punch_card_sorter.jpg&#034; class=&#034;fancybox&#034; rel=&#034;rgp802,953,1178,1173,1177&#034; alt=&#034;photo GP&#034; &gt; &lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L160xH200/c9423574427f76f9ed75fda02b5275-055b7.jpg?1728085026' width='160' height='200' /&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&#034;https://arts-numeriques.codedrops.net/IMG/jpg/8-operatrice-mecanographie-sur-bull_vers-1960.jpg&#034; class=&#034;fancybox&#034; rel=&#034;rgp802,953,1178,1173,1177&#034; alt=&#034;photo GP&#034; &gt; &lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L160xH200/7f5c4ae2e4d3737ed858c49b0bff2e-8a2d4.jpg?1727119703' width='160' height='200' /&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&#034;https://arts-numeriques.codedrops.net/IMG/jpg/9-centre-administratif-regional-anne_es1960.jpg&#034; class=&#034;fancybox&#034; rel=&#034;rgp802,953,1178,1173,1177&#034; alt=&#034;photo GP&#034; &gt; &lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L160xH200/dd22f5cd9b643ec629ad057be6250f-5d9ac.jpg?1727119703' width='160' height='200' /&gt; &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt;
&lt;p&gt;IBM devient une compagnie de tr&#232;s grande taille d&#232;s 1924, et est un partenaire privil&#233;gi&#233; de l'&#233;tat am&#233;ricain. Ceci lui donne une position dominante et la capacit&#233; de produire de la recherche/d&#233;veloppement autour de l'informatique naissante. Mais partout dans le monde, la tabulatrice et les cartes perfor&#233;es se sont impos&#233;es dans la manipulation de l'information. Des machines existent, des employ&#233;s sont form&#233;s &#224; leur usages. C'est donc avec cette m&#233;thode de stockage de l'information que va avancer l'histoire de l'informatique dans les ann&#233;es 30 et 40, qui sont cruciales.&lt;/p&gt;
&lt;p&gt;Les tabulatrices sont programmables comme la machine de Hollerith, mais vont int&#233;grer progressivement des capacit&#233;s de calcul suppl&#233;mentaire. La programmation se fait via des panneaux complexes qui demande des ing&#233;nieurs d&#233;di&#233;s, car on connecte des cables sur des plaques de contact. Cette approche &#233;lectro-m&#233;canique est la limite de ce type de machine, qui deviennent des monstres d'acier fragiles, bruyants et &#233;nergivores. De leur c&#244;t&#233;, les donn&#233;es en entr&#233;e et sortie, stock&#233;es sur des cartes, envahissent les d&#233;p&#244;ts et multiplient les probl&#232;mes de gestion.&lt;/p&gt;
&lt;div class=&#034;galerie_embed&#034;&gt; &lt;ul class=&#034;galerie_liste flexit clearfix&#034;&gt; &lt;li&gt; &lt;a href=&#034;https://arts-numeriques.codedrops.net/IMG/jpg/frahbnpp_110.16.05_560x392_acf_cropped.jpg&#034; class=&#034;fancybox&#034; rel=&#034;rgp1174,1175,1176,1179&#034; alt=&#034;photo GP&#034; &gt; &lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L160xH200/c74b7733a27c435eaeae3b62280102-8d03c.jpg?1727119703' width='160' height='200' /&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&#034;https://arts-numeriques.codedrops.net/IMG/jpg/frahbnpp_110.16.14_light.jpg&#034; class=&#034;fancybox&#034; rel=&#034;rgp1174,1175,1176,1179&#034; alt=&#034;photo GP&#034; &gt; &lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L160xH200/9173a20e480fff8551ce4e9f3e4389-8631a.jpg?1727119703' width='160' height='200' /&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&#034;https://arts-numeriques.codedrops.net/IMG/jpg/010.jpg&#034; class=&#034;fancybox&#034; rel=&#034;rgp1174,1175,1176,1179&#034; alt=&#034;photo GP&#034; &gt; &lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L160xH200/cfdcca06815816b7171d533c7098bc-0969a.jpg?1727119703' width='160' height='200' /&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href=&#034;https://arts-numeriques.codedrops.net/IMG/jpg/images-2.jpg&#034; class=&#034;fancybox&#034; rel=&#034;rgp1174,1175,1176,1179&#034; alt=&#034;photo GP&#034; &gt; &lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L160xH200/7b90d8bc7a175b7d9eaf1e3b2292d1-699db.jpg?1727119703' width='160' height='200' /&gt; &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt;
&lt;p&gt;Dans les ann&#233;es 60, on rencontre d&#233;j&#224; les limites du stockage de l'information sur carte. D'autres solutions encore tr&#232;s ch&#232;res se d&#233;veloppent alors, comme le stockage sur bande magn&#233;tique ou le disque dur. Les cartes perfor&#233;es seront encore employ&#233;es jusque dans les ann&#233;es 80, dans les supermarch&#233;s du groupe Colruyt, en Belgique, par exemple.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;L'architecture de von Neumann&lt;/h2&gt;
&lt;p&gt;L'informatique contemporaine nait avec l'&lt;a href=&#034;https://fr.wikipedia.org/wiki/Architecture_de_von_Neumann&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;architecture de Von Neumann&lt;/a&gt;, du nom de l'ing&#233;nieur Von Neumann, qui entre dans le comit&#233; du &lt;i&gt;Ballistic Research Laboratory&lt;/i&gt; en 1940. Il calculera notamment l'optimisation de l'altitude de d&#233;clenchement de la bombe atomique d'Hiroshima et Nagasaki et sera un des th&#233;oriciens de la course aux armements.&lt;/p&gt;
&lt;p&gt;Von Neuman, brillant math&#233;maticien (anticommuniste et accessoirement harceleur de son personnel f&#233;minin notoire), formalisa le plan des ordinateurs en 4 parties distinctes :
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; une unit&#233; arithm&#233;tique et logique, qui s'occupe des calculs eux-m&#234;mes
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; une unit&#233; de contr&#244;le, qui cadence les op&#233;rations &lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; un dispositif d'entr&#233;e-sortie permettant d'interfacer avec l'ext&#233;rieur
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; une m&#233;moire, qui contient &#224; la fois les donn&#233;es et le programme qui indiquera &#224; l'unit&#233; de contr&#244;le quels sont les calculs &#224; faire sur ces donn&#233;es. La m&#233;moire se divise entre m&#233;moire volatile (programmes et donn&#233;es en cours de fonctionnement) et m&#233;moire permanente (programmes et donn&#233;es de base de la machine)&lt;/p&gt;
&lt;p&gt;C'est cette m&#233;moire interne &#224; l'architecture qui est cruciale : depuis le m&#233;tier Jacquard, c'est la machine qui &#034;est&#034; le programme, c'est-&#224; -dire qui d&#233;finit comment seront interpr&#233;t&#233;es les donn&#233;es fournies. Les tabulatrices avanc&#233;es pouvaient &#234;tre modifi&#233;es dans leur traitement en rec&#226;blant le syst&#232;me de traitement, mais il s'agissait du coup d'un traitement manuel. Pour l'&lt;a href=&#034;https://fr.wikipedia.org/wiki/ENIAC&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;eniac&lt;/a&gt;, consid&#233;r&#233; comme le premier ordinateur, c'est aussi le cas... &lt;br class='autobr' /&gt;
Une machine, pour &#234;tre un ordinateur, doit pouvoir &#234;tre programm&#233;e. Ce qui signifie qu'on doit pouvoir stocker et modifier la proc&#233;dure de traitement dans la m&#233;moire de la m&#234;me mani&#232;re que l'on y stocke les donn&#233;es &#224; traiter.&lt;/p&gt;
&lt;p&gt;Le terme &#034;architecture de von Neumann&#034; est controvers&#233; car d'autres chercheurs ont th&#233;oris&#233; cette architecture en m&#234;me temps que lui ou m&#234;me avant : Konrad Zuse et Turing notamment.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_1180 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH260/neumann-08f13.gif?1727082211' width='500' height='260' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;L'informatique entre aussi dans son &#232;re moderne avec l'invention en 1947 du &lt;a href=&#034;https://fr.wikipedia.org/wiki/Transistor&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;transistor&lt;/a&gt;, qui la fait basculer de l'&#233;lectrom&#233;canique &#224; l'&#233;lectronique, avec des cons&#233;quences gigantesques : la miniaturisation, r&#233;duction des coups de d&#233;veloppement et de consommation &#233;lectrique seront exponentiels.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Cartes trou&#233;es en input et output&lt;/h2&gt;
&lt;p&gt;Pour communiquer avec les premiers ordinateurs, il fallait se plier &#224; leur logique aussi bien pour leur communiquer des donn&#233;es et commandes, que pour lire les r&#233;sultats des op&#233;rations. Rappelons que les premiers ordinateurs sont aussi appel&#233;s &#034;calculateurs&#034; parce que leur t&#226;che premi&#232;re est de r&#233;aliser des calculs laborieux avec de grands nombres, qu'ils r&#233;alisent plus vite et plus pr&#233;cis&#233;ment que les hommes. On leur communique des chiffres, un traitement algorithmique et on attend donc d'eux des r&#233;sultats qui sont... d'autres chiffres.&lt;br class='autobr' /&gt;
Avec le ENIAC (1946), par exemple, on programme en connectant des c&#226;bles d'un module &#224; un autre.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_773 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH326/eniac4-4bffa.png?1733961700' width='500' height='326' title=&#034;Le Eniac et deux programmeuses&#034; alt=&#034;Le Eniac et deux programmeuses&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Ensuite, on communique &#224; travers des cartes dans lesquelles on perfore des trous &#224; des endroits pr&#233;cis. Le ENIAC r&#233;pond en perforant lui aussi des cartes, qu'on peut interpr&#233;ter et lister &#224; l'aide de machines m&#233;caniques (des tabulatrices, encore). Le principe des cartes perfor&#233;es est le plus ancien moyen de stocker des donn&#233;es binaires : il est employ&#233; depuis les m&#233;tiers &#224; tisser Jacquard, d&#232;s 1801.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_774 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH371/chapter_3-74-f4824.jpg?1733961700' width='500' height='371' title=&#034;Deux techniciennes pr&#195;&#169;parant des cartes perfor&#195;&#169;es&#034; alt=&#034;Deux techniciennes pr&#195;&#169;parant des cartes perfor&#195;&#169;es&#034; /&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>Orient&#195;&#169; objet</title>
		<link>http://arts-numeriques.codedrops.net/Oriente-objet</link>
		<guid isPermaLink="true">http://arts-numeriques.codedrops.net/Oriente-objet</guid>
		<dc:date>2015-12-31T14:12:51Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>St&#233;phane Noel</dc:creator>



		<description>
&lt;p&gt;Du dessein m&#195;&#169;canique &#195; la machine potentielle, puis de l&#195; , &#195; la programmation orient&#195;&#169;e objet et &#195; des oeuvres d'art g&#195;&#169;n&#195;&#169;ratives, un petit parcours historico-technique. &lt;br class='autobr' /&gt; En m&#195;&#169;canique, la structure d&#195;&#169;finit la t&#195;&#162;che Si vous construisez une machine, ce qu&#226;&#8364;&#8482;elle peut faire est d&#195;&#169;fini de mani&#195;&#168;re stricte par la structure de cette machine. Engrenages, rouleaux et pompes, moteurs, et surtout la mani&#195;&#168;re dont ils sont assembl&#195;&#169;s d&#195;&#169;terminent l&#226;&#8364;&#8482;&#195;&#169;tendue de ses possibilit&#195;&#169;s. &lt;br class='autobr' /&gt; 1881, (&#8230;)&lt;/p&gt;


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


		</description>


 <content:encoded>&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L150xH113/arton433-80da3.jpg?1761237382' class='spip_logo spip_logo_right' width='150' height='113' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Du dessein m&#195;&#169;canique &#195; la machine potentielle, puis de l&#195; , &#195; la programmation orient&#195;&#169;e objet et &#195; des oeuvres d'art g&#195;&#169;n&#195;&#169;ratives, un petit parcours historico-technique.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;h2 class=&#034;spip&#034;&gt;En m&#195;&#169;canique, la structure d&#195;&#169;finit la t&#195;&#162;che&lt;/h2&gt;
&lt;p&gt;Si vous construisez une machine, ce qu&#226;&#8364;&#8482;elle peut faire est d&#195;&#169;fini de mani&#195;&#168;re stricte par la structure de cette machine. Engrenages, rouleaux et pompes, moteurs, et surtout la mani&#195;&#168;re dont ils sont assembl&#195;&#169;s d&#195;&#169;terminent l&#226;&#8364;&#8482;&#195;&#169;tendue de ses possibilit&#195;&#169;s.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_736 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH271/oriente__objet_page_04_image_0001-efa75.jpg?1761237383' width='500' height='271' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;i&gt;1881, une des premi&#195;&#168;res batteuses&lt;/i&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Fabriquer une machine, un processus lourd&lt;/h2&gt;
&lt;p&gt;Construire une machine suppose un DESSEIN, un but de production. Le textile et l&#226;&#8364;&#8482;agriculture sont les premiers domaines &#195; s&#226;&#8364;&#8482;industrialiser, et on y construit des machines en bois et en acier qui supposent l&#226;&#8364;&#8482;acc&#195;&#168;s &#195; des technologies comme la sid&#195;&#169;rurgie et la vapeur.&lt;/p&gt;
&lt;p&gt;La recherche, les capitaux, les brevets entrent dans leur phase industrielle.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_737 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH299/oriente__objet_page_05_image_0001-68e51.jpg?1761237383' width='500' height='299' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_739 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH345/oriente__objet_page_07_image_0001-81f2a.jpg?1761237383' width='500' height='345' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Obsession pour l&#226;&#8364;&#8482;&#195;&#169;conomie d&#226;&#8364;&#8482;&#195;&#169;chelle &lt;/h2&gt;
&lt;p&gt;L&#226;&#8364;&#8482;industrialisation fait passer d&#226;&#8364;&#8482;une culture agraire et men&#195;&#169;e par des artisans &#195; une culture industrielle orient&#195;&#169;e sur les &#195;&#169;changes commerciaux. L&#226;&#8364;&#8482;&#195;&#169;conomie d&#226;&#8364;&#8482;&#195;&#169;chelle, qui permet de d&#195;&#169;gager des marges de profit va aiguiller son progr&#195;&#168;s.&lt;/p&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Segmenter la production
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; M&#195;&#169;caniser les t&#195;&#162;ches r&#195;&#169;p&#195;&#169;titives
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Standardiser la production &lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; D&#195;&#169;velopper des produits facilement reproductibles&lt;/p&gt;
&lt;p&gt;Le taylorisme et le design industriel vont &#195;&#170;tre des cons&#195;&#169;quences logiques de ce processus.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;L&#226;&#8364;&#8482;ordinateur, point culminant de l&#226;&#8364;&#8482;industrialisation&lt;/h2&gt;
&lt;p&gt;L&#226;&#8364;&#8482;ordinateur est lui aussi le fruit de cette &#195;&#169;volution. Il propose des solutions pratiques. C&#226;&#8364;&#8482;est une machine logique, standardis&#195;&#169;e, r&#195;&#169;p&#195;&#169;titive, configurable, rapide, sans revendication syndicale. Elle pousse l&#226;&#8364;&#8482;&#195;&#169;conomie d&#226;&#8364;&#8482;&#195;&#169;chelle dans des retranchements jamais atteint auparavant. Seule la main d&#226;&#8364;&#8482;oeuvre &#195; bas co&#195; &#187;t peut rivaliser avec elle. Et m&#195;&#170;me l&#195; , la litt&#195;&#169;rature n&#195;&#169;o-lib&#195;&#169;rale promet des avenirs sans main d'oeuvre.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Jonction entre l&#226;&#8364;&#8482;industrie et l&#226;&#8364;&#8482;informatique naissante : la carte perfor&#195;&#169;e&lt;/h2&gt;
&lt;p&gt;En 1725, Basile Bouchon, un Lyonnais, met au point le premier syst&#195;&#168;me de programmation d&#226;&#8364;&#8482;un m&#195;&#169;tier &#195; tisser gr&#195;&#162;ce &#195; un ruban perfor&#195;&#169;.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_742 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH501/oriente__objet_page_14_image_0001-fe402.jpg?1761237383' width='500' height='501' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;C'est une saute technologique d'importance. Le fait d&#226;&#8364;&#8482;utiliser des cartes perfor&#195;&#169;es li&#195;&#169;es &#195; un m&#195;&#169;tier &#195; tisser a plusieurs cons&#195;&#169;quences :
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; On fabrique des m&#195;&#169;tiers capables d&#226;&#8364;&#8482;interpr&#195;&#169;ter les cartes, donc standardis&#195;&#169;s, plut&#195;&#180;t qu'un m&#195;&#169;tier par type de dessin. &lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; On passe de l'artisan, qui poss&#195;&#168;de les techniques du tissage et la connaissance des motifs, &#195; l'ouvrier, qui manutentionne la machine
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; On peut commercialiser les cartes, cr&#195;&#169;&#195;&#169;es ou dupliqu&#195;&#169;es, c'est le d&#195;&#169;marrage de nouveaux types de commerces et de services.
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; On peut produire exactement le m&#195;&#170;me produit &#195; plusieurs endroits, donc d&#195;&#169;localiser la production.
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; A partir du moment ou r&#195;&#169;pliquer une carte ne demande aucune intelligence particuli&#195;&#168;re, pas plus que d'utiliser le m&#195;&#169;tier a tisser automatis&#195;&#169;, la question de la propri&#195;&#169;t&#195;&#169; intellectuelle surgit, et le piratage industriel commence.&lt;/p&gt;
&lt;p&gt;En 1834, Charles Babbage utilise les cartes du m&#195;&#169;tier Jacquard pour donner des instructions et des donn&#195;&#169;es &#195; sa &lt;a href=&#034;https://fr.wikipedia.org/wiki/Machine_analytique&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;machine analytique&lt;/a&gt;, l&#226;&#8364;&#8482;anc&#195;&#170;tre des ordinateurs.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;D&#195;&#169;passer la m&#195;&#169;canique et l&#226;&#8364;&#8482;&#195;&#169;lectronique : la computation&lt;/h2&gt;
&lt;p&gt;La m&#195;&#169;canique associ&#195;&#169;e &#195; la lecture de carte perfor&#195;&#169;e permet de s&#195;&#169;quencer le travail des machines, et donc de rendre modulable les t&#195;&#162;ches effectu&#195;&#169;es par la machine.&lt;/p&gt;
&lt;p&gt;Mais pour d&#195;&#169;passer ce stade, il faudra attendre la naissance de l&#226;&#8364;&#8482;informatique, par petites &#195;&#169;tapes.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;L'architecture de Von Neuman&lt;/h2&gt;
&lt;p&gt;Von Neuman, math&#195;&#169;maticien hongrois &#195;&#169;migr&#195;&#169; en Am&#195;&#169;rique, mettra au point l'ENIAC en 1946, le premier ordinateur &#195;&#169;lectronique et &lt;a href=&#034;https://fr.wikipedia.org/wiki/Turing-complet&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Turing Complet&lt;/a&gt;. L'ENIAC a plusieurs d&#195;&#169;fauts majeurs int&#195;&#169;ressants : il calcule sur base 10, comme les humains, il n'est pas encore binaire comme tous les ordinateurs contemporains. Et puis il se &#034;programme&#034; en reliant par des c&#195;&#162;bles des modules entre eux. Programmer, avec l'Eniac, c'est donc c&#195;&#162;bler... ce qui prend des jours de manipulations physiques stressantes, puisqu'un mauvais c&#195;&#162;blage donne des erreurs de calcul parfois difficile &#195; d&#195;&#169;tecter. Notons que ce travail de manipulation subalterne est souvent confi&#195;&#169; &#195; des femmes.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_856 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH333/02102016_eniac_programmers_la.2e16d0ba.fill-735x490-1c350.jpg?1761237383' width='500' height='333' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Les t&#195;&#162;ches de l'ENIAC sont militaires : il va servir massivement &#195; l'&#195;&#169;criture de table de tirs, utiles pour r&#195;&#169;gler les trajectoires des canons sur le champ de bataille.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_858 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH403/table-tir-cf094.jpg?1761237384' width='500' height='403' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Il faudra encore quelques ann&#195;&#169;es pour qu'il ajoute ce qui fera de cette machine un ordinateur au sens o&#195;&#185; nous l'entendons, avec une architecture de Von Neuman : une machine dans laquelle une m&#195;&#169;moire centrale contient de l'information (lue aussi bien qu'&#195;&#169;crite par la machine) ET le programme que cette machine ex&#195;&#169;cute, son logiciel donc.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_857 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH476/1200px-von_neumann_architecture_fr.svg-462f7.png?1761237384' width='500' height='476' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;On a donc maintenant un algorithme &#195;&#169;crit dans une m&#195;&#169;moire au lieu d&#226;&#8364;&#8482;un assemblage m&#195;&#169;canique, une machine potentielle dont les usages n&#226;&#8364;&#8482;ont pas &#195;&#169;t&#195;&#169; tous pens&#195;&#169;s &#195; l&#226;&#8364;&#8482;avance. Une &#034;machine potentielle&#034;.&lt;/p&gt;
&lt;h2 class=&#034;bigtitle&#034;&gt;2. Qu&#226;&#8364;&#8482;est-ce que la programmation&lt;/h2&gt;&lt;h2 class=&#034;spip&#034;&gt;Donner des ordres&lt;/h2&gt;
&lt;p&gt;Programmer signifie envoyer &#195; une puce un ensemble d&#226;&#8364;&#8482;ordres, ex&#195;&#169;cut&#195;&#169;s dans un ordre logique, en vue d&#226;&#8364;&#8482;ex&#195;&#169;cuter une t&#195;&#162;che.&lt;/p&gt;
&lt;p&gt;Les ordres doivent &#195;&#170;tre compris par la machine, il faut donc respecter une syntaxe pr&#195;&#169;cise. L&#226;&#8364;&#8482;ordre est aussi d&#195;&#169;terminant : on ne place par la charrue avant les boeufs.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Tout ce qui peut &#195;&#170;tre &#195;&#169;nonc&#195;&#169; logiquement peut &#195;&#170;tre programm&#195;&#169;&lt;/h2&gt;
&lt;p&gt;Par &#194;&#171; logiquement&#194; &#187; on entendra &#194;&#171; non ambig&#195;&#188;&#194; &#187;.&lt;br class='manualbr' /&gt;&#034;Dessine quelque chose de chouette&#034; n'est pas un &#195;&#169;nonc&#195;&#169; recevable. &lt;br class='manualbr' /&gt;&#034;Dessine un cercle d'une taille de 30 pixels &#195; la position 100,100&#034; est d&#195;&#169;j&#195; beaucoup mieux.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Les variables&lt;/h2&gt;
&lt;p&gt;Tous les programmes emploient ce qu&#226;&#8364;&#8482;on appelle des variables.&lt;/p&gt;
&lt;p&gt;Une variable est basiquement un espace de m&#195;&#169;moire vive dans la m&#195;&#169;moire vive de l&#226;&#8364;&#8482;ordinateur, auquel on donne un nom (ou une adresse), et dans lequel le programme stocke momentan&#195;&#169;ment une information.&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;truc = 10&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;On peut ensuite demander &#195; tout instant la valeur de la variable dans le programme.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;D&#195;&#169;clarer un type&lt;/h2&gt;
&lt;p&gt;Dans la plupart des programmes &#195;&#169;volu&#195;&#169;s, on doit identifier le type d&#226;&#8364;&#8482;information que l&#226;&#8364;&#8482;on va stocker dans la variable.&lt;/p&gt;
&lt;p&gt;Par exemple &lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Un chiffre entier (1, 5,2000378, ou -15)
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Un chiffre avec virgule (10.679 ou -576890.1)
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Une chaine de caract&#195;&#168;res (&#194;&#171; Bonjour&#194; &#187;)
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; et m&#195;&#170;me une liste (1,2,78,6543)&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Assigner&lt;/h2&gt;
&lt;p&gt;Assigner une variable signifie lui associer une valeur, comme on vient de le faire&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;int truc = 10; float machin = 39.6909; string chose = &#194;&#171;une phrase toute enti&#195;&#168;re&#194;&#187; int[] bazar = 10,20,89,-3&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 class=&#034;spip&#034;&gt;Lire et modifier&lt;/h2&gt;
&lt;p&gt;On peut enfin lire ou afficher des variables, et s&#226;&#8364;&#8482;en servir pour r&#195;&#169;aliser des op&#195;&#169;rations. Pour le programme, lire un chiffre ou une variable contenant un chiffre est indiff&#195;&#169;rent.&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;int truc=10 int machin = truc * 6 print truc print machin&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 class=&#034;spip&#034;&gt;Environnement du code&lt;/h2&gt;
&lt;p&gt;Tout code est ex&#195;&#169;cut&#195;&#169; dans un contexte sp&#195;&#169;cifique, une machine capable de recevoir et d&#226;&#8364;&#8482;ex&#195;&#169;cuter le programme :&lt;/p&gt;
&lt;p&gt;une puce &#195;&#169;lectronique (le langage C)&lt;br class='autobr' /&gt;
un ordinateur (C++ ou JAVA)&lt;br class='autobr' /&gt;
un serveur web (langage PHP)&lt;/p&gt;
&lt;p&gt;En fonction de cet environnement, on a acc&#195;&#168;s &#195; certaines possibilit&#195;&#169;s du code. Un microcontroleur permettra de d&#195;&#169;clencher une alarme si une porte reste ouverte trop longtemps, un logiciel sur un ordinateur pourra afficher le contenu d'un dossier sur son disque dur, analyser les touches du clavier qui sont appuy&#195;&#169;es, lire une vid&#195;&#169;o.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Programmation s&#195;&#169;quentielle&lt;/h2&gt;
&lt;p&gt;Il existe diff&#195;&#169;rent types de programmation. La plus simple est la programmation s&#195;&#169;quentielle, permet d&#226;&#8364;&#8482;ex&#195;&#169;cuter une t&#195;&#162;che connu &#195; l&#226;&#8364;&#8482;avance en disposant de toute l&#226;&#8364;&#8482;information, sans feed-back d&#226;&#8364;&#8482;information durant le processus.&lt;/p&gt;
&lt;p&gt;Par exemple, &lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Convertir une monnaie dans une autre monnaie :&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;montant * cours unitaire = r&#195;&#169;sultat&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Construire un mur de brique :&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;Mettre une demi-truelle de mortier, poser la brique en laissant un joint &#195; droite de 1 cm, si le bord gauche est atteint, se d&#195;&#169;placer sur le bord gauche si la hauteur demand&#195;&#169; est atteinte, stopper, sinon recommencer&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;	&lt;h2 class=&#034;spip&#034;&gt;Programmation proc&#195;&#169;durale&lt;/h2&gt;
&lt;p&gt;La programmation proc&#195;&#169;durale permet de faire appel &#195; des fonctions.&lt;/p&gt;
&lt;p&gt;Une fonction est un ensemble d&#226;&#8364;&#8482;instructions regroup&#195;&#169;es dans un ensemble, qui peut &#195;&#170;tre appel&#195;&#169; &#195; plusieurs endroits du code.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;La fonction James V1&lt;/h2&gt;
&lt;p&gt;Imaginons que nous engageons un aide-m&#195;&#169;nager. Nous allons lui apprendre &#195; faire des courses. Le premier exemple permet de lui faire acheter un ensemble de produits habituels...&lt;/p&gt;
&lt;p&gt;On programmera une fonction qui s&#226;&#8364;&#8482;appelle &#194;&#171; fait les courses&#194; &#187;.&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;fait les courses { prendre 100 euros aller &#195; l&#226;&#8364;&#8482;&#195;&#169;picerie du village mettre dans le panier 1 kilo de pommes6 tranches de jambon 6 rouleaux de papier toilette payer rentrer ranger le jambon dans le frigo ranger les pommes et le papier toilette dans le cellier rendre la monnaie }&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt; Ensuite on appelle notre fonction en &#195;&#169;crivant dans le programme&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;fait les courses()&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 class=&#034;spip&#034;&gt;James V2 : envoyer des arguments&lt;/h2&gt;
&lt;p&gt;Une fonction peut recevoir des arguments, des informations qui sont utilis&#195;&#169;es lors de l&#226;&#8364;&#8482;ex&#195;&#169;cution :&lt;/p&gt;
&lt;p&gt;Par exemple la liste de course peut varier tout en gardant la m&#195;&#170;me proc&#195;&#169;dure, ce qui la rendra plus utilisable.&lt;/p&gt;
&lt;p&gt;On ajoute donc un endroit qui permet de donner de l&#226;&#8364;&#8482;information en m&#195;&#170;me temps que l&#226;&#8364;&#8482;on appelle 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;fait les courses (element 1, element 2, element 3){ prendre 100 euros aller &#195; l&#226;&#8364;&#8482;&#195;&#169;picerie du village mettre dans le panier element 1 mettre dans le panier element 2 mettre dans le panier element 3 rentrer mettre les &#195;&#169;l&#195;&#169;ments dans le cellier rendre l&#226;&#8364;&#8482;argent dire &#034;j'ai fini&#034; }&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;Cette fois l'appel de la fonction est plus complexe :&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;fait les courses(&#194;&#171;1 litre de lait&#194;&#187;, &#194;&#171;2 tranches de jambon&#194;&#187;, &#194;&#171;un pain&#194;&#187;)&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;Dans notre cas, le programme pr&#195;&#169;voit que la fonction dit &#034;j'ai fini&#034;, c'est &#195; dire renvoie une information vers celui qui a appel&#195;&#169; la fonction. Cette r&#195;&#169;ponse pourrait &#195;&#170;tre plus complexe, comme la liste des chose qui manquait au magasin, ou le cout total de l'achat. il faut alors compl&#195;&#169;ter la fonction pour qu'elle renvoie ces information sp&#195;&#169;cifiques.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Bien s&#195; &#187;r, il y a plus&lt;/h2&gt;
&lt;p&gt;Les langages s&#195;&#169;quentiels et proc&#195;&#169;duraux emploient de plus
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; des tests (si ceci arrive, fait cela)
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; des boucles (r&#195;&#169;p&#195;&#168;te 3 fois ceci, r&#195;&#169;p&#195;&#168;te &#034;ceci&#034; jusqu&#226;&#8364;&#8482;&#195; ce que &#034;&#195;&#167;a&#034; se passe, etc.)
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; les fonctions peuvent renvoyer une information&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;C&#226;&#8364;&#8482;est compliqu&#195;&#169;, on r&#195;&#169;sume&lt;/h2&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Les langages s&#195;&#169;quentiels et proc&#195;&#169;duraux utilisent des variables.
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Un langage proc&#195;&#169;dural utilise en plus des fonctions
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Une fonction est un ensemble d&#226;&#8364;&#8482;instructions regroup&#195;&#169;es sous un nom, qui peut &#195;&#170;tre appel&#195;&#169;e &#195; tout moment
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; On peut envoyer des arguments &#195; une fonction
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; La fonction peut renvoyer une information vers celui qui l'a appel&#195;&#169;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Code et management&lt;/h2&gt;
&lt;p&gt;Cette simple d&#195;&#169;monstration fait d&#195;&#169;j&#195; pointer la mani&#195;&#168;re dont la logique de programmation a colonis&#195;&#169; l'espace social : on trouve dans notre environnement humain bon nombre de documents &#195;&#169;crits en proc&#195;&#169;dural d&#195;&#169;crivant par exemple le comportement &#195; adopter en cas d'incendie dans un b&#195;&#162;timent public.&lt;br class='manualbr' /&gt;Mais le management va avoir recourt &#195; de telles proc&#195;&#169;dures, dans le comportement des employ&#195;&#169;s sur leur lieu de travail, dans l'administration ou le travail en usine par exemple. On voit bien que transformer des actions qualitatives humaines en s&#195;&#169;quences logiques permet de pr&#195;&#169;parer leur automatisation plus pouss&#195;&#169;e par des machines, ou pour permettre leur ex&#195;&#169;cution par du personnel moins form&#195;&#169; et moins cher, ne faisant qu'appliquer sans r&#195;&#169;fl&#195;&#169;chir des ordres.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;L&#226;&#8364;&#8482;art et l&#226;&#8364;&#8482;&#195;&#169;criture proc&#195;&#169;dural&lt;/h2&gt;
&lt;p&gt;Il y a de nombreux exemple de l&#226;&#8364;&#8482;utilisation du code proc&#195;&#169;dural en art.&lt;/p&gt;
&lt;p&gt;En peinture, dessin, performance, animation, &#195;&#169;criture, etc.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_744 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH502/oriente__objet_page_35_image_0001-59147.jpg?1761237384' width='500' height='502' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Vera Molnar (&lt;a href=&#034;http://www.veramolnar.com/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Site personnel&lt;/a&gt; - &lt;a href=&#034;https://fr.wikipedia.org/wiki/Vera_Moln%C3%A1r&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;page Wikipedia&lt;/a&gt;)&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_745 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH377/oriente__objet_page_36_image_0001-46eea.jpg?1761237384' width='500' height='377' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_746 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH341/oriente__objet_page_37_image_0001-e8f1f.jpg?1761237384' width='500' height='341' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_747 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH352/oriente__objet_page_38_image_0001-c1e73.jpg?1761237384' width='500' height='352' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;br class='autobr' /&gt;
&lt;strong&gt;Tony Orrico (&lt;a href=&#034;http://tonyorrico.com/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;site personnel&lt;/a&gt;)&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_748 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH872/oriente__objet_page_39_image_0001-c34ed.jpg?1761237384' width='500' height='872' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Bruce Nauman (&lt;a href=&#034;https://fr.wikipedia.org/wiki/Bruce_Nauman&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;page Wikipedia&lt;/a&gt;)&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Dance or Exercise on the Perimeter of a Square (Square Dance), 1967-68&lt;/b&gt;&lt;br class='autobr' /&gt;
&lt;i&gt;Avec Playing a Note&#226;&#8364;&#166;, Bouncing two Balls&#226;&#8364;&#166;, et Walking in an Exaggerated Manner&#226;&#8364;&#166;, ce film fait partie des quatre premiers films enregistrant des activit&#195;&#169;s d&#226;&#8364;&#8482;atelier r&#195;&#169;alis&#195;&#169;s &#195; Mill Valley au cours de l&#226;&#8364;&#8482;hiver1967-68. Bruce Nauman y ex&#195;&#169;cute un pas de danse simple. Partant d&#226;&#8364;&#8482;un angle d&#226;&#8364;&#8482;un carr&#195;&#169; mat&#195;&#169;rialis&#195;&#169; par du ruban adh&#195;&#169;sif coll&#195;&#169; sur le sol,il se d&#195;&#169;place sur son p&#195;&#169;rim&#195;&#168;tre. Il tourne son corps alternativement vers l&#226;&#8364;&#8482;int&#195;&#169;rieur du carr&#195;&#169; ou vers le mur, se pr&#195;&#169;sentant selon les cas de dos ou face &#195; la cam&#195;&#169;ra. Ses mouvements sont r&#195;&#169;gul&#195;&#169;s par le battement d&#226;&#8364;&#8482;un m&#195;&#169;tronome.&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_749 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH667/oriente__objet_page_40_image_0001-88698.jpg?1761237384' width='500' height='667' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_750 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH499/oriente__objet_page_41_image_0001-312e0.jpg?1761237385' width='500' height='499' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Robert Ryman (&lt;a href=&#034;https://fr.wikipedia.org/wiki/Robert_Ryman&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;page Wikiedia&lt;/a&gt;)&lt;/strong&gt;&lt;/p&gt;
&lt;h2 class=&#034;bigtitle&#034;&gt;3. &#194;&#171; Orient&#195;&#169; objet&#194; &#187; ?&lt;/h2&gt;&lt;h2 class=&#034;spip&#034;&gt;Une &#195;&#169;criture plus &#194;&#171; naturelle&#194; &#187;&lt;/h2&gt;
&lt;p&gt;La programmation orient&#195;&#169;e objet a &#195;&#169;t&#195;&#169; impl&#195;&#169;ment&#195;&#169;e dans les ann&#195;&#169;es 80&#226;&#8364;&#8482;. L&#226;&#8364;&#8482;id&#195;&#169;e est d&#226;&#8364;&#8482;apporter aux programmeurs des m&#195;&#169;thodes plus proche du &#034;monde r&#195;&#169;el&#034; dans leur mani&#195;&#168;re de coder.&lt;/p&gt;
&lt;p&gt;On identifie les objets dont a besoin : un livre dans une biblioth&#195;&#168;que par exemple, on identifie ses variables (titre, auteur, maison d&#226;&#8364;&#8482;&#195;&#169;dition, etc.) et on identifie des processus qui lui sont associ&#195;&#169;s (pr&#195;&#170;ter, d&#195;&#169;placer, associer).&lt;/p&gt;
&lt;p&gt;L&#226;&#8364;&#8482;&#195;&#169;criture est facilit&#195;&#169;e par le fait que les variables et comportements sont DANS l&#226;&#8364;&#8482;objet. On peut &#195; tout moment augmenter l'objet individuellement en ajoutant des comportements et en modifiant ses variables.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Manipuler plein d&#226;&#8364;&#8482;&#195;&#169;l&#195;&#169;ments&lt;/h2&gt;
&lt;p&gt;La programmation orient&#195;&#169; objet a permis l&#226;&#8364;&#8482;&#195;&#169;criture plus facile de programmes manipulant un grand nombre d&#226;&#8364;&#8482;&#195;&#169;l&#195;&#169;ments :
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; les poils de monstres et company
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; les flammes, fum&#195;&#169;es, balles dans les jeux vid&#195;&#169;os
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; les zombies de world war z
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; les oeuvres de reas
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; oiseaux en nu&#195;&#169;e
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; des commandes sur Amazon&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_751 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH374/oriente__objet_page_46_image_0001-63cba.jpg?1761237385' width='500' height='374' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;br class='autobr' /&gt;
&lt;span class='spip_document_752 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH322/oriente__objet_page_47_image_0001-eca4d.jpg?1761237385' width='500' height='322' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;br class='autobr' /&gt;
&lt;span class='spip_document_753 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH377/oriente__objet_page_48_image_0001-4aa0f.jpg?1761237385' width='500' height='377' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;br class='autobr' /&gt;
&lt;span class='spip_document_754 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH375/oriente__objet_page_49_image_0001-f0b6f.jpg?1761237385' width='500' height='375' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;br class='autobr' /&gt;
&lt;span class='spip_document_755 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH375/oriente__objet_page_50_image_0001-4c83a.jpg?1761237385' width='500' height='375' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;br class='autobr' /&gt;
&lt;span class='spip_document_756 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH377/oriente__objet_page_51_image_0001-6947d.jpg?1761237385' width='500' height='377' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;L&#226;&#8364;&#8482;objet, un outil facile&lt;/h2&gt;
&lt;p&gt;Un objet est utile en programmation parce qu&#226;&#8364;&#8482;il permet aussi de r&#195;&#169;utiliser facilement le travail d&#226;&#8364;&#8482;autres programmeurs. On int&#195;&#168;gre un fichier et de l&#195; on dispose d&#226;&#8364;&#8482;un outil qu&#226;&#8364;&#8482;on a pas besoin d'&#195;&#169;crire mais surtout dont on a pas &#195; conna&#195;&#174;tre le fonctionnement. &lt;br class='autobr' /&gt;
On doit juste conna&#195;&#174;tre ce qu&#226;&#8364;&#8482;il peut faire (ses m&#195;&#169;thodes) et ce dont il a besoin pour fonctionner.&lt;/p&gt;
&lt;p&gt;Pour prendre une analogie, pas besoin de conna&#195;&#174;tre la biologie pour savoir qu'une plante a besoin de soleil, d'eau et de nutriment. Il faut appliquer les recommandations (plein soleil ou &#195; l'ombre, pas trop d'eau, etc.) mais vous n'avez pas besoin de savoir ce qui se passe &#195; l'int&#195;&#169;rieur de la plante. A chaque nouveau type de plante que vous achetez, vous avez juste &#195; demander quels sont les m&#195;&#169;thodes &#195; employer pour la faire grandir efficacement...&lt;/p&gt;
&lt;p&gt;De l&#195; , on peut l&#226;&#8364;&#8482;employer de mani&#195;&#168;re opaque, comme lorsqu&#226;&#8364;&#8482;on commande un livre sur internet. On sait juste qu&#226;&#8364;&#8482;il faut l&#226;&#8364;&#8482;acheter, et qu&#226;&#8364;&#8482;il va arriver par la poste.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_757 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH377/oriente__objet_page_53_image_0001-81b33.jpg?1761237385' width='500' height='377' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Mod&#195;&#169;liser un objet&lt;/h2&gt;
&lt;p&gt;L&#226;&#8364;&#8482;exemple le plus courant est celui de voitures prises dans la circulation :&lt;br class='autobr' /&gt;
Comment programmer le comportement d&#226;&#8364;&#8482;un flux de voiture ?&lt;br class='autobr' /&gt;
On peut le faire via la programmation proc&#195;&#169;durale, bien s&#195; &#187;r, mais c&#226;&#8364;&#8482;est vite chiant.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_758 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH376/oriente__objet_page_55_image_0001-ce893.jpg?1761237385' width='500' height='376' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;D&#195;&#169;finir la classe&lt;/h2&gt;
&lt;p&gt;On d&#195;&#169;finira une voiture de mani&#195;&#168;re g&#195;&#169;n&#195;&#169;rique en &#195;&#169;crivant la matrice de toutes les voitures : sa classe&lt;/p&gt;
&lt;p&gt;Une classe comprend &lt;br class='autobr' /&gt;
1) Des propri&#195;&#169;t&#195;&#169;s (= ses variables)
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; sa vitesse, sa cylindr&#195;&#169;e, sa direction, sa couleur, sa taille&lt;br class='autobr' /&gt;
Ce sont des chiffres ou des valeurs&lt;/p&gt;
&lt;p&gt;2) Des m&#195;&#169;thodes (= ses fonctions)
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; avancer, acc&#195;&#169;l&#195;&#169;rer, changer de direction, &#195;&#169;viter &lt;br class='autobr' /&gt;
Ce sont des actions qui modifient ses variables, la plupart du temps&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Les pommes sur un arbre &lt;/h2&gt;
&lt;p&gt;Les pommes sur un arbre ont le m&#195;&#170;me code g&#195;&#169;n&#195;&#169;tique. &lt;br class='autobr' /&gt;
Elles se comportent toutes de la m&#195;&#170;me mani&#195;&#168;re.&lt;br class='autobr' /&gt;
On peut donc l&#226;&#8364;&#8482;&#195;&#169;crire sous forme de classe&lt;/p&gt;
&lt;p&gt;Elles pourraient &#195;&#170;tre d&#195;&#169;crites comme ceci :&lt;br class='autobr' /&gt;
Un &#195;&#169;tat : bourgeon - fleur - pomme&lt;br class='autobr' /&gt;
Un poids en grammes, une couleur, une taille&lt;br class='autobr' /&gt;
Une position sur l&#226;&#8364;&#8482;arbre&lt;/p&gt;
&lt;p&gt;Tout ceci constitue ses propri&#195;&#169;t&#195;&#169;s, sous forme de chiffre, de texte&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Les m&#195;&#169;thodes de la pomme&lt;/h2&gt;
&lt;p&gt;Si on veut maintenant d&#195;&#169;crire les actions de la pomme (ses m&#195;&#169;thodes), on peut les lister par exemple comme ceci :&lt;/p&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Pousser (prendre du poids)
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Changer de type (passer de bourgeon &#195; fleur)
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; M&#195; &#187;rir (changer de couleur, prendre du poids)
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Tomber (quand un certain poids est atteint)&lt;/p&gt;
&lt;p&gt;On pourrait ajouter des interactions plus pouss&#195;&#169;e avec son environnement : le vent peut faire tomber une pomme pas encore m&#195; &#187;re, ou une branche peut lui faire de l&#226;&#8364;&#8482;ombre et freiner sa croissance, etc.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;On peut acc&#195;&#169;der aux propri&#195;&#169;t&#195;&#169;s&lt;/h2&gt;
&lt;p&gt;Dans un programme, on peut acc&#195;&#169;der aux propri&#195;&#169;t&#195;&#169;s : je peux savoir &#195; tout moment quel est le stade d&#226;&#8364;&#8482;&#195;&#169;volution de la pomme (bourgeon ou fleur ?) au poids, &#195; sa position dans l&#226;&#8364;&#8482;espace. Je peux dans certains cas actionner ses m&#195;&#169;thodes.&lt;/p&gt;
&lt;p&gt;Par exemple, je lui dit que le soleil est fort, ce qui augmente la vitesse de sa maturation.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Sol Lewitt versus Casey Reas&lt;/h2&gt;
&lt;p&gt;Pour illustrer le changement conceptuel apport&#195;&#169; par la programmation orient&#195;&#169; objet, comparons deux oeuvres d&#226;&#8364;&#8482;art :&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Sol Lewitt est proc&#195;&#169;dural !&lt;/h2&gt;
&lt;p&gt;Il donne un ensemble d&#226;&#8364;&#8482;instructions &#195; un assistant, qui les ex&#195;&#169;cute.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_759 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH697/oriente__objet_page_62_image_0001-e4a3e.jpg?1761237385' width='500' height='697' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_760 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH651/oriente__objet_page_63_image_0001-8a355.jpg?1761237386' width='500' height='651' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Casey Reas est orient&#195;&#169; objet&lt;/h2&gt;
&lt;p&gt;Il d&#195;&#169;crit la proc&#195;&#169;dure affectant des &#195;&#169;l&#195;&#169;ments ind&#195;&#169;pendants, qu&#226;&#8364;&#8482;il peut faire agir en grand nombre, et laisse travailler la machine qui g&#195;&#169;n&#195;&#168;re des formes qui r&#195;&#169;pondent &#195; son dessein, mais qui comportent une part d'impr&#195;&#169;vu.&lt;/p&gt;
&lt;p&gt;The Elements, Forms, and Behaviors referenced within the Processes are defined in the Library :&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Forms&lt;/b&gt;&lt;br class='manualbr' /&gt;F1 : Circle&lt;br class='manualbr' /&gt;F2 : Line&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Behaviors&lt;/b&gt;&lt;br class='manualbr' /&gt;B1 : Move in a straight line&lt;br class='manualbr' /&gt;B2 : Constrain to surface&lt;br class='manualbr' /&gt;B3 : Change direction while touching another Element&lt;br class='manualbr' /&gt;B4 : Move away from an overlapping Element&lt;br class='manualbr' /&gt;B5 : Enter from the opposite edge after moving off the surface&lt;br class='manualbr' /&gt;B6 : Orient toward the direction of an Element that is touching&lt;br class='manualbr' /&gt;B7 : Deviate from the current direction&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Elements&lt;/b&gt;&lt;br class='manualbr' /&gt;E1 : F1 + B1 + B2 + B3 + B4&lt;br class='manualbr' /&gt;E2 : F1 + B1 + B5&lt;br class='manualbr' /&gt;E3 : F2 + B1 + B3 + B5&lt;br class='manualbr' /&gt;E4 : F1 + B1 + B2 + B3&lt;br class='manualbr' /&gt;E5 : F2 + B1 + B5 + B6 + B7&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Process 17&lt;/b&gt;&lt;br class='manualbr' /&gt;&lt;i&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 circle ?s size and opacity while its Element is touching another Element and decrease while it is not.&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;Implemented by Casey Reas, Summer 2010, Processing 1.1&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Process 16&lt;/b&gt;&lt;br class='autobr' /&gt;
&lt;i&gt;A rectangular surface filled with instances of Element 3, each with a different size and gray value. Draw a tiny, transparent circle at the midpoint of each Element. Increase a circle ?s size and opacity while its Element is touching another Element and decrease while it is not.&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;Implemented by Casey Reas, Fall 2006, Processing 1.2.1&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_761 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH500/oriente__objet_page_65_image_0001-9f65f.jpg?1761237386' width='500' height='500' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_762 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH400/oriente__objet_page_66_image_0001-11df0.jpg?1761237386' width='500' height='400' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_763 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH400/oriente__objet_page_66_image_0002-bc78d.jpg?1761237386' width='500' height='400' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_764 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH400/oriente__objet_page_66_image_0003-5c84c.jpg?1761237386' width='500' height='400' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_765 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH400/oriente__objet_page_66_image_0004-93418.jpg?1761237386' width='500' height='400' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_766 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH375/oriente__objet_page_67_image_0001-98fa9.jpg?1761237386' width='500' height='375' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;bigtitle&#034;&gt;Limites de l&#226;&#8364;&#8482;orient&#195;&#169; objet&lt;/h2&gt;
&lt;p&gt;La programmation orient&#195;&#169;e objet est utilis&#195;&#169;e massivement dans les programmes contemporains.&lt;/p&gt;
&lt;p&gt;Pris en charge par un call-center, on sent bien que l&#226;&#8364;&#8482;on est un objet dans un processus. (&lt;a href=&#034;http://blog.codedrops.net/?p=586&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Voir mon article sur le sujet sur le blog codedrops&lt;/a&gt;).&lt;/p&gt;
&lt;p&gt;La programmation orient&#195;&#169;e objet d&#195;&#169;crit les objets et ce qui peut les modifier. Mais elle ne peut agir que ce qui a &#195;&#169;t&#195;&#169; pr&#195;&#169;vu par celui-ci. Contrairement aux objets r&#195;&#169;els, il ne subissent aucune contrainte sur des variables non pr&#195;&#169;vues. M&#195;&#170;me si la mod&#195;&#169;lisation permet de faire &#195;&#169;merger des comportements qui n'avaient pas &#195;&#169;t&#195;&#169; anticip&#195;&#169;s, ils refl&#195;&#168;tent uniquement la compr&#195;&#169;hension que nous avons d'un ph&#195;&#169;nom&#195;&#168;ne. Ils ne peuvent pas se confondre avec le r&#195;&#169;el.&lt;/p&gt;
&lt;p&gt;Les pommes de mon arbre mod&#195;&#169;lis&#195;&#169; ne r&#195;&#169;agiront pas &#195; une explosion nucl&#195;&#169;aire, parce que le programme n&#226;&#8364;&#8482;a pas pr&#195;&#169;vu ce cas de figure. Nous n&#226;&#8364;&#8482;avons pas cette chance.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_767 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH338/oriente__objet_page_70_image_0001-80bf4.jpg?1761237386' width='500' height='338' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;C&#226;&#8364;&#8482;est une des raisons pour lesquelles les mod&#195;&#169;lisations donnent des r&#195;&#169;sultats erron&#195;&#169;s. Certains pensent qu&#226;&#8364;&#8482;en complexifiant les propri&#195;&#169;t&#195;&#169;s de objets et leurs m&#195;&#169;thodes, on finit par copier la nature, mais les th&#195;&#169;ories du chaos par exemple leur donne tort. L'effet papillon est la m&#195;&#169;taphore de cette faille : un param&#195;&#168;tre minuscule et n&#195;&#169;gligeable (le battement d'aile d'un papillon) peut affecter un ph&#195;&#169;nom&#195;&#168;ne &#195; grande &#195;&#169;chelle (l'ouragan).&lt;/p&gt;
&lt;p&gt;Le r&#195;&#169;el est plus riche que la programmation. Il est simplement autre chose que le monde de la programmation. On ne peut ni mod&#195;&#169;liser ni solutionner le monde avec des lignes de codes, aussi intelligentes soient-elles.&lt;/p&gt;
&lt;p&gt;Dans un livre de blagues &#195;&#169;crit en 1977, on trouve trois blagues associ&#195;&#169;es au mot &#034;ordinateur&#034;, dont celle-ci.&lt;/p&gt;
&lt;p&gt;&lt;i&gt;On a mis trente ans &#195; construire le plus grand ordinateur du monde. C&#226;&#8364;&#8482;est une machine &#195; laquelle on a infus&#195;&#169; toutes les connaissances scientifiques et qui peut r&#195;&#169;soudre tous les probl&#195;&#168;mes rest&#195;&#169;s insolubles. Et le jour de son inauguration, une centaine d&#226;&#8364;&#8482;ing&#195;&#169;nieurs sont rassembl&#195;&#169;s autour de la machine. Ils ont d&#195;&#169;cid&#195;&#169; de lui poser la question des questions : &#034;Est-ce que Dieu existe ?&#034;&lt;br class='manualbr' /&gt;Au bout d&#226;&#8364;&#8482;une minute, l&#226;&#8364;&#8482;ordinateur rend sa r&#195;&#169;ponse affirmative : &lt;br class='manualbr' /&gt;&#034;Maintenant, oui &#226;&#8364;&#166; Dieu, c&#226;&#8364;&#8482;est moi.&#034;&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;Il est &#195;&#169;tonnant de constater que cette blague molle et un peu clich&#195;&#169; trouve des r&#195;&#169;sonances particuli&#195;&#168;res aujourd'hui, comme par exemple dans le livre &#034;Pour tout r&#195;&#169;soudre, cliquez ici&#034; de evgeny Morozov.&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>Stick to standards</title>
		<link>http://arts-numeriques.codedrops.net/Stick-to-standards</link>
		<guid isPermaLink="true">http://arts-numeriques.codedrops.net/Stick-to-standards</guid>
		<dc:date>2015-11-11T16:47:58Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>St&#233;phane Noel</dc:creator>



		<description>
&lt;p&gt;Cette pr&#195;&#169;sentation fait partie du cycle du cours de &#034;Cultures num&#195;&#169;riques&#034; de l'erg. &lt;br class='autobr' /&gt; 1. Qu&#226;&#8364;&#8482;est-ce qu&#226;&#8364;&#8482;un standard ? D&#195;&#169;finition : Standard Ensemble de recommandations d&#195;&#169;velopp&#195;&#169;es et pr&#195;&#169;conis&#195;&#169;es par un groupe repr&#195;&#169;sentatif d&#226;&#8364;&#8482;utilisateurs. &lt;br class='autobr' /&gt;
(Wikipedia) &lt;br class='autobr' /&gt;
Briques et blocs de b&#195;&#169;ton sont standardis&#195;&#169;s Leurs dimensions tournent autour de quelques tailles 29 ou 39 en longueur, 9, 14, 19, 29 en largeur, 14 ou 19 en hauteur Leur r&#195;&#169;sistance est certifi&#195;&#169;e et normalis&#195;&#169;e au niveau (&#8230;)&lt;/p&gt;


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


		</description>


 <content:encoded>&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L147xH150/arton432-67361.jpg?1761237387' class='spip_logo spip_logo_right' width='147' height='150' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Cette pr&#195;&#169;sentation fait partie du cycle du cours de &#034;Cultures num&#195;&#169;riques&#034; de l'erg.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;h2 class=&#034;bigtitle&#034;&gt;1. Qu&#226;&#8364;&#8482;est-ce qu&#226;&#8364;&#8482;un standard ?&lt;/h2&gt;&lt;h2 class=&#034;spip&#034;&gt;D&#195;&#169;finition : Standard&lt;/h2&gt;
&lt;p&gt;Ensemble de recommandations &lt;br/&gt;d&#195;&#169;velopp&#195;&#169;es et pr&#195;&#169;conis&#195;&#169;es &lt;br/&gt;par un groupe repr&#195;&#169;sentatif d&#226;&#8364;&#8482;utilisateurs. &lt;br&gt;
(&lt;a href=&#034;https://fr.wikipedia.org/wiki/Norme_et_standard_techniques&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Wikipedia&lt;/a&gt;)&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Briques et blocs de b&#195;&#169;ton sont standardis&#195;&#169;s&lt;/h2&gt;
&lt;p&gt;Leurs dimensions tournent autour de quelques tailles &lt;br/&gt;29 ou 39 en longueur, 9, 14, 19, 29 en largeur, 14 ou 19 en hauteur&lt;br class='manualbr' /&gt;Leur r&#195;&#169;sistance est certifi&#195;&#169;e &lt;br/&gt;et normalis&#195;&#169;e au niveau international et europ&#195;&#169;en. Ceci permet de construire une maison sur base de mat&#195;&#169;riau connu, et de pouvoir trouver facilement des blocs pour compl&#195;&#169;ter ou r&#195;&#169;nover un b&#195;&#162;timent.&lt;br class='autobr' /&gt;
&lt;span class='spip_document_671 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH610/stick_to_standards-2015_page_004_image_0001-44dee.jpg?1761237387' width='500' height='610' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Votre vie sociale aussi&lt;/h2&gt;
&lt;p&gt;Votre existence sur Facebook est elle-m&#195;&#170;me standardis&#195;&#169;e. &lt;br class='manualbr' /&gt;De par les types de contenus que vous pouvez poster : photo, texte et vid&#195;&#169;o.&lt;br class='manualbr' /&gt;De par le layout qui les affiche.&lt;br class='manualbr' /&gt;Le fait d&#226;&#8364;&#8482;utiliser un r&#195;&#169;seau social est un standard &lt;br/&gt;de comportement de jeune adulte en 2014.&lt;br class='autobr' /&gt;
&lt;span class='spip_document_672 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH160/stick_to_standards-2015_page_005_image_0001-58564.jpg?1761237387' width='500' height='160' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;hr&gt;&lt;h2 class=&#034;bigtitle&#034;&gt;2. Standards et normes&lt;/h2&gt;&lt;h2 class=&#034;spip&#034;&gt;Norme et normalisation&lt;/h2&gt;
&lt;p&gt;La normalisation le fait d&#226;&#8364;&#8482;&#195;&#169;tablir des normes techniques, c&#226;&#8364;&#8482;est-&#195; -dire un &lt;span&gt;r&#195;&#169;f&#195;&#169;rentiel commun et document&#195;&#169;&lt;/span&gt; destin&#195;&#169; &#195; harmoniser l&#226;&#8364;&#8482;activit&#195;&#169; d&#226;&#8364;&#8482;un secteur.&lt;/p&gt;
&lt;p&gt;Elle est r&#195;&#169;alis&#195;&#169;e par des &lt;span&gt;organismes sp&#195;&#169;cialis&#195;&#169;s&lt;/span&gt;, qui sont le plus souvent soit des organismes d&#226;&#8364;&#8482;&#195;&#8240;tat, soit des organisations cr&#195;&#169;&#195;&#169;es par les professionnels d&#226;&#8364;&#8482;un secteur d&#226;&#8364;&#8482;activit&#195;&#169; donn&#195;&#169;.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;D&#195;&#169;finition officielle ISO&lt;/h2&gt;
&lt;p&gt;&#194;&#171; Document &#195;&#169;tabli par un consensus et approuv&#195;&#169; par un organisme reconnu, qui fournit, pour des usages communs et rep&#195;&#169;r&#195;&#169;s, des r&#195;&#168;gles, des lignes directrices ou des caract&#195;&#169;ristiques, pour des activit&#195;&#169;s ou leurs r&#195;&#169;sultats, garantissant un niveau d&#226;&#8364;&#8482;ordre optimal dans un contexte donn&#195;&#169;.&#194; &#187;&lt;br class='autobr' /&gt;
&lt;span class='spip_document_674 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH183/stick_to_standards-2015_page_008_image_0001-fcc18.jpg?1761237387' width='500' height='183' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Standard et standardisation&lt;/h2&gt;
&lt;p&gt;Un standard est un ensemble de recommandations d&#195;&#169;velopp&#195;&#169;es et pr&#195;&#169;conis&#195;&#169;es par un groupe repr&#195;&#169;sentatif d&#226;&#8364;&#8482;utilisateurs.&lt;/p&gt;
&lt;p&gt;Un standard est aussi un proc&#195;&#169;d&#195;&#169; ou un service qui est largement r&#195;&#169;pandu.&lt;/p&gt;
&lt;p&gt;Un standard peut &#195;&#170;tre ou non une norme.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Confusion entre norme et standard&lt;/h2&gt;
&lt;p&gt;Une confusion existe entre les deux termes du fait que l&#226;&#8364;&#8482;anglais utilise &#194;&#171; standard&#194; &#187; dans les deux cas (Et l&#226;&#8364;&#8482;utilisation de l&#226;&#8364;&#8482;anglais dans la publication des normes technique est un standard)&lt;/p&gt;
&lt;p&gt;On parle de standard de Facto ou de standard de jure.&lt;br class='manualbr' /&gt;On y reviendra.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Pourquoi cr&#195;&#169;e-t-on des standards ?&lt;/h2&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Nommer des choses : &#194;&#171; un blog&#194; &#187;, &#194;&#171; un court m&#195;&#169;trage&#194; &#187;, &#194;&#171; un artiste plasticien&#194; &#187;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Harmoniser un secteur
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Permettre l&#226;&#8364;&#8482;interop&#195;&#169;rabilit&#195;&#169;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Imposer des r&#195;&#168;gles&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Diff&#195;&#169;rence d&#226;&#8364;&#8482;acc&#195;&#168;s&lt;/h2&gt;
&lt;p&gt;Une norme, parce qu&#226;&#8364;&#8482;elle est enregistr&#195;&#169;e, est d&#195;&#169;crite dans des documents officiels qui servent de r&#195;&#169;f&#195;&#169;rence. &lt;br class='manualbr' /&gt;L&#226;&#8364;&#8482;acc&#195;&#168;s &#195; ces documents est g&#195;&#169;n&#195;&#169;ralement payant, via les organismes certificateurs, et sont parfois tr&#195;&#168;s cher.&lt;/p&gt;
&lt;p&gt;Un standard est g&#195;&#169;n&#195;&#169;ralement d&#195;&#169;crit dans des documents libres d&#226;&#8364;&#8482;acc&#195;&#168;s.&lt;/p&gt;
&lt;hr&gt;&lt;h2 class=&#034;bigtitle&#034;&gt;3. Comment et par qui se cr&#195;&#169;e un standard ?&lt;/h2&gt;
&lt;p&gt;&lt;span class='spip_document_675 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH224/stick_to_standards-2015_page_013_image_0001-9a4e1.jpg?1761237387' width='500' height='224' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;span class='spip_document_676 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH331/stick_to_standards-2015_page_013_image_0002-f20ba.jpg?1761237388' width='500' height='331' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Standard de facto &lt;/h2&gt;
&lt;p&gt;Un standard de facto d&#195;&#169;signe un standard qui est admis et utilis&#195;&#169; &#195; grande &#195;&#169;chelle dans une industrie sans avoir &#195;&#169;t&#195;&#169; examin&#195;&#169; et approuv&#195;&#169; formellement par un organisme de normalisation.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Exemple&lt;/strong&gt;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Le format de fichiers PDF pour les documents imprimables, cr&#195;&#169;&#195;&#169; et g&#195;&#169;r&#195;&#169; par Adobe.
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Le format DVD pour les films (1995, par les studios cin&#195;&#169;ma).
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &#194;&#171; C&#226;&#8364;&#8482;est trop bien&#194; &#187; &#194;&#171; La classe&#194; &#187; &#194;&#171; mdr&#194; &#187;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Standard consensuel&lt;/h2&gt;
&lt;p&gt;Une norme consensuelle est soumise &#195; une proc&#195;&#169;dure formelle de pr&#195;&#169;paration de normes. &lt;br class='manualbr' /&gt;Des communaut&#195;&#169;s de normalisation au sein d&#226;&#8364;&#8482;une organisation d&#226;&#8364;&#8482;&#195;&#169;laboration de normes &#195;&#169;valuent de mani&#195;&#168;re objective la faisabilit&#195;&#169; et l&#226;&#8364;&#8482;importance d&#226;&#8364;&#8482;une norme potentielle, puis &#195;&#169;laborent la norme qui, apr&#195;&#168;s avoir &#195;&#169;t&#195;&#169; accept&#195;&#169;e, est diffus&#195;&#169;e et g&#195;&#169;r&#195;&#169;e par l&#226;&#8364;&#8482;organisation qui en est &#195; l&#226;&#8364;&#8482;origine.&lt;br class='manualbr' /&gt;l&#226;&#8364;&#8482;IEEE, l&#226;&#8364;&#8482;IEC ou l&#226;&#8364;&#8482;ISO (Organisation internationale de normalisation) sont des organismes de normalisation&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Exemple&lt;/strong&gt;&lt;br class='manualbr' /&gt;&lt;a href=&#034;https://fr.wikipedia.org/wiki/Wi-Fi&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Wi-Fi&lt;/a&gt; et &lt;a href=&#034;https://fr.wikipedia.org/wiki/FireWire&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;FireWire&lt;/a&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Exemple historique : le m&#195;&#168;tre&lt;/h2&gt;
&lt;p&gt;Le m&#195;&#168;tre a &#195;&#169;t&#195;&#169; invent&#195;&#169; et normalis&#195;&#169; &#195; un niveau tr&#195;&#168;s &#195;&#169;lev&#195;&#169;, celui du pouvoir national fran&#195;&#167;ais.&lt;/p&gt;
&lt;p&gt;En 1790, l&#226;&#8364;&#8482;Assembl&#195;&#169;e nationale constituante (France) se prononce, sur proposition de Talleyrand, lui-m&#195;&#170;me conseill&#195;&#169; par Condorcet, pour la cr&#195;&#169;ation d&#226;&#8364;&#8482;un syst&#195;&#168;me de mesure stable, uniforme et simple, et c&#226;&#8364;&#8482;est l&#226;&#8364;&#8482;unit&#195;&#169; de Burattini qui est d&#226;&#8364;&#8482;abord adopt&#195;&#169;e comme unit&#195;&#169; de base.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Unit&#195;&#169; de Burattini&lt;/strong&gt;&lt;br class='autobr' /&gt;
Longueur d&#226;&#8364;&#8482;un pendule qui oscille avec une demi-p&#195;&#169;riode d&#226;&#8364;&#8482;une seconde. Probl&#195;&#168;me : elle change selon l&#226;&#8364;&#8482;endroit o&#195;&#185; l&#226;&#8364;&#8482;on se trouve...&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_677 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH377/stick_to_standards-2015_page_017_image_0001-d57e6.jpg?1761237388' width='500' height='377' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;br class='manualbr' /&gt;&lt;i&gt;M&#195;&#168;tre plac&#195;&#169; en 1795 au 36 de la rue de Vaugirard, Paris&lt;/i&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Syst&#195;&#168;me international d&#226;&#8364;&#8482;unit&#195;&#169;&lt;/h2&gt;
&lt;p&gt;C&#226;&#8364;&#8482;est finalement la dix-millioni&#195;&#168;me partie d&#226;&#8364;&#8482;un quart de m&#195;&#169;ridien qui est choisie provisoirement en 1793. &lt;br/&gt;Deux savants sont charg&#195;&#169;s d&#226;&#8364;&#8482;effectuer les mesures g&#195;&#169;od&#195;&#169;siques n&#195;&#169;cessaires, Delambre et M&#195;&#169;chain, lesquels vont, durant sept ans, mesurer la distance entre Dunkerque et Barcelone.&lt;/p&gt;
&lt;p&gt;La plupart des pays du monde ont fait du syst&#195;&#168;me international leur syst&#195;&#168;me officiel d&#226;&#8364;&#8482;unit&#195;&#169;s.&lt;/p&gt;
&lt;p&gt;Depuis 1983, un m&#195;&#168;tre est la distance parcourue &lt;br/&gt;par la lumi&#195;&#168;re dans le vide en 1/299 792 458 seconde.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_678 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH377/stick_to_standards-2015_page_019_image_0001-1868c.jpg?1761237388' width='500' height='377' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Autre curiosit&#195;&#169; : le daguerr&#195;&#169;otype&lt;/h2&gt;
&lt;p&gt;Ce proc&#195;&#169;d&#195;&#169; photographique a &#195;&#169;t&#195;&#169; con&#195;&#167;u par Daguerre (sur base des travaux de Niepce) et vendu en 1839 au gouvernement fran&#195;&#167;ais qui le fait publier par l&#226;&#8364;&#8482;Acad&#195;&#169;mie Fran&#195;&#167;aise, afin d&#226;&#8364;&#8482;en &#194;&#171; doter lib&#195;&#169;ralement le monde entier&#194; &#187;.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_679 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH359/stick_to_standards-2015_page_020_image_0001-d3335.jpg?1761237388' width='500' height='359' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;hr&gt;
&lt;h2 class=&#034;bigtitle&#034;&gt;4. Pourquoi parler de standards &#195; des artistes&lt;/h2&gt;
&lt;p&gt;&lt;span class='spip_document_681 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH382/stick_to_standards-2015_page_021_image_0001-d7d01.jpg?1761237388' width='500' height='382' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Hors standard ?&lt;/h2&gt;
&lt;p&gt;&lt;br class='manualbr' /&gt;Apr&#195;&#168;s tout, les artistes ne sont-ils pas &#194;&#171; hors norme&#194; &#187; ?&lt;br class='manualbr' /&gt;Le g&#195;&#169;nie n&#226;&#8364;&#8482;est-il pas celui qui invente ses propres r&#195;&#168;gles ?&lt;br class='manualbr' /&gt;L&#226;&#8364;&#8482;artiste n&#226;&#8364;&#8482;est-il pas en &#194;&#171; avance sur son temps&#194; &#187; ?&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Classicisme et avant-gardes&lt;/h2&gt;
&lt;p&gt;L&#226;&#8364;&#8482;id&#195;&#169;e du g&#195;&#169;nie, qui invente de nouvelles r&#195;&#168;gles dans son art se double, avec les avant-gardes, de celle de r&#195;&#169;volutionner la soci&#195;&#169;t&#195;&#169;, en &#195;&#169;tant aux avant-postes de ses changements.&lt;/p&gt;
&lt;p&gt;Du coup l&#226;&#8364;&#8482;artiste a longtemps &#195;&#169;t&#195;&#169; somm&#195;&#169; de cr&#195;&#169;er des oeuvres qui brisent les anciennes r&#195;&#168;gles, et de facto invente de nouveaux standards.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Prescripteur de tendances&lt;/h2&gt;
&lt;p&gt;Marcel Duchamp visitant en 1912 une exposition de technologie a&#195;&#169;ronautique aurait d&#195;&#169;clar&#195;&#169; &#195; Fernand L&#195;&#169;ger et Brancusi &#194;&#171; La peinture est morte. Qui pourra faire mieux que cette h&#195;&#169;lice ? Dis-moi, tu en serais capable, toi ?&#194; &#187;&lt;/p&gt;
&lt;p&gt;Il signifie par l&#195; que l&#226;&#8364;&#8482;artiste doit incorporer des standards qui l&#226;&#8364;&#8482;entourent. On passe du g&#195;&#169;nie &#195; l&#226;&#8364;&#8482;intuition. C&#226;&#8364;&#8482;est une d&#195;&#169;finition moins romantique mais plus int&#195;&#169;ressante.&lt;/p&gt;
&lt;hr&gt;&lt;h2 class=&#034;bigtitle&#034;&gt;5. Faut-il aimer les standards ?&lt;/h2&gt;
&lt;h2 class=&#034;bigtitle&#034;&gt;NON, il ne faut pas aimer &lt;br/&gt;les standards&lt;/h2&gt;&lt;h2 class=&#034;spip&#034;&gt;L&#226;&#8364;&#8482;aberration du QWERTY&lt;/h2&gt;
&lt;p&gt;Christopher Latham Sholes brevette de sa machine &#195; &#195;&#169;crire, &#194;&#171; the typewriter&#194; &#187; en 1867. Sa machine a un probl&#195;&#168;me : quand on frappe trop rapidement, les bras qui impriment les lettres sur le papier s&#226;&#8364;&#8482;emm&#195;&#170;lent.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_682 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L384xH624/stick_to_standards-2015_page_027_image_0001-40036.jpg?1727081886' width='384' height='624' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;br class='autobr' /&gt;
&lt;span class='spip_document_683 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH546/stick_to_standards-2015_page_028_image_0001-7e993.jpg?1761237388' width='500' height='546' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Une mauvaise solution&lt;/strong&gt;&lt;br class='autobr' /&gt;
Pour r&#195;&#169;gler le probl&#195;&#168;me, Sholes dispose les lettres de son clavier de telle mani&#195;&#168;re &#195; ralentir l&#226;&#8364;&#8482;&#195;&#169;criture : les lettre les plus usuelles sont &#195;&#169;parpill&#195;&#169;es sur le clavier.&lt;br class='manualbr' /&gt;En plus, on ne peut voir le r&#195;&#169;sultat de la frappe, qui se fait hors de vue, sous le rouleau.&lt;/p&gt;
&lt;p&gt;Il propose son invention &#195; Remington, un fabricant d&#226;&#8364;&#8482;armes, qui ach&#195;&#168;te une licence et produit en s&#195;&#169;rie la &#194;&#171; Typewriter&#194; &#187; sous le nom de Remington N&#194;&#176;1.&lt;/p&gt;
&lt;p&gt;La machine se vend peu. 5000 pi&#195;&#168;ces en 5 ans.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;La Remington N&#194;&#176;2&lt;/strong&gt;&lt;br class='autobr' /&gt;
La Remington N&#194;&#176;2 est commercialis&#195;&#169;e en 1878. Elle permet de voir ce qu&#226;&#8364;&#8482;on &#195;&#169;crit et les touches sont munies de ressorts. La frappe est plus rapide, le mod&#195;&#168;le plus efficace et l&#195;&#169;ger. 100.000 machines se vendent en 3 ans. Dans la seule ann&#195;&#169;e 1890, Remington vend 100.000 machines.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_684 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH527/stick_to_standards-2015_page_031_image_0001-b237b.jpg?1761237389' width='500' height='527' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;L&#226;&#8364;&#8482;industrie contre l&#226;&#8364;&#8482;usager et l'effet de sentier&lt;/strong&gt;&lt;br class='manualbr' /&gt;Sholes propose un clavier plus ergonomique puisque le probl&#195;&#168;me du chevauchement des touches n&#226;&#8364;&#8482;existe plus. Remington refuse : les clients sont contents, les cha&#195;&#174;nes de montages travaillent &#195; plein rendement, et des cours se donnent pour apprendre le Qwerty.&lt;/p&gt;
&lt;p&gt;Nous utilisons au quotidien des claviers standards dessin&#195;&#169;s pour &#195;&#170;tre anti-ergonomique.&lt;/p&gt;
&lt;p&gt;C&#226;&#8364;&#8482;est ce qu&#226;&#8364;&#8482;on appelle &#194;&#171; l&#226;&#8364;&#8482;effet de sentier&#194; &#187;. Une fois une norme accept&#195;&#169;e, il est commercialement plus rentable de la suivre, plut&#195;&#180;t que de la remplacer. Les acteurs industriels laissent d'autres prendre le risque de proposer des alternatives.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;La VHS ou que le pire gagne&lt;/h2&gt;
&lt;p&gt;Fin des ann&#195;&#169;es 70&#226;&#8364;&#8482;, le march&#195;&#169; du lecteur vid&#195;&#169;o grand public se profile. 3 firmes veulent capter ce march&#195;&#169; avec leur propre format :&lt;/p&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Betamax (Sony, 1975)
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; VHS (JVC, 1976)
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; V2000 (Philips, 1979)&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_685 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH333/stick_to_standards-2015_page_033_image_0001-b75ef.jpg?1761237389' width='500' height='333' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;La concurrence contre l&#226;&#8364;&#8482;usager&lt;/h2&gt;
&lt;p&gt;Incapable de se concerter, ces producteurs vont donc lancer chacun leur format. Le public devra acheter (ou louer) des lecteurs tr&#195;&#168;s chers et les cassettes adapt&#195;&#169;es.&lt;/p&gt;
&lt;p&gt;Betamax, avec sa bande plus large, est de meilleure qualit&#195;&#169; mais ne peut stocker de longs films. V2000 est sup&#195;&#169;rieur en qualit&#195;&#169; d&#226;&#8364;&#8482;image. Mais c&#226;&#8364;&#8482;est VHS, le moins cher &#195; l&#226;&#8364;&#8482;achat, qui va s&#226;&#8364;&#8482;imposer.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Des oignons calibr&#195;&#169;s&lt;/h2&gt;
&lt;p&gt;Les supermarch&#195;&#169;s et la distribution agro-alimentaire exige des conditionnements d&#226;&#8364;&#8482;oignons calibr&#195;&#169;s. L&#226;&#8364;&#8482;approvisionnement doit &#195;&#170;tre stable tout au long de l&#226;&#8364;&#8482;ann&#195;&#169;e en calibre et quantit&#195;&#169;.&lt;/p&gt;
&lt;p&gt;Seuls les tr&#195;&#168;s gros producteurs peuvent satisfaire &#195; cette demande.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_686 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH376/stick_to_standards-2015_page_036_image_0001-42d97.jpg?1761237389' width='500' height='376' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Les standards contre les producteurs&lt;/strong&gt;&lt;br class='autobr' /&gt;
Les oignons belges, produits sur de trop petites parcelles sont de facto hors course. Le circuit court est donc souvent impossible dans la distribution, non pas &#195; cause d'un probl&#195;&#168;me d'offre ou de qualit&#195;&#169;, mais &#195; cause de la demande de standardisation de la production.&lt;/p&gt;
&lt;p&gt;Ceci n&#226;&#8364;&#8482;est qu&#226;&#8364;&#8482;un exemple, l&#226;&#8364;&#8482;agro-alimentaire agit sur la standardisation de l&#226;&#8364;&#8482;ensemble de la production.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Oishi Wasaburo et l&#226;&#8364;&#8482;esperanto&lt;/h2&gt;
&lt;p&gt;Dans les ann&#195;&#169;es 20&#226;&#8364;&#8482;, Oishi Wasaburo d&#195;&#169;couvre les vents de haute altitude. Il veut communiquer le fruit de ses recherches au plus grand nombre. Il choisit le m&#195;&#169;dium qui lui semble le plus &#195; m&#195;&#170;me de communiquer sa d&#195;&#169;couverte : l&#226;&#8364;&#8482;esp&#195;&#169;ranto.&lt;/p&gt;
&lt;p&gt;L'esperanto ne d&#195;&#169;collera jamais comme standard de communication. Les am&#195;&#169;ricains red&#195;&#169;couvriront ces vents en bombardant son pays 20 ans plus tard.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_687 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH1041/stick_to_standards-2015_page_038_image_0001-aba3b.jpg?1761237389' width='500' height='1041' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;La le&#195;&#167;on du CD-rom&lt;/h2&gt;
&lt;p&gt;Les ann&#195;&#169;es 90&#226;&#8364;&#8482; ont &#195;&#169;t&#195;&#169; celles du CD-rom. Que reste-t-il de cette &#195;&#169;pop&#195;&#169;e, des millions d&#226;&#8364;&#8482;heures a fabriquer des encyclop&#195;&#169;dies, port&#195;&#169; par un espoir d&#226;&#8364;&#8482;acc&#195;&#168;s universel au savoir ?&lt;/p&gt;
&lt;p&gt;Les formats &#195;&#169;taient propri&#195;&#169;taires, les logiciels embarqu&#195;&#169;s cr&#195;&#169;&#195;&#169;s pour des versions sp&#195;&#169;cifiques des operating system des ordinateurs.&lt;br class='manualbr' /&gt;Aujourd&#226;&#8364;&#8482;hui, la plupart des CD-Rom sont impossible &#195; lire.&lt;br class='manualbr' /&gt;Une perte &#195;&#169;norme pour les usagers.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;L&#226;&#8364;&#8482;obsolescence programm&#195;&#169;e&lt;/h2&gt;
&lt;p&gt;Floppy / cassette / disquette / disque dur / zip / jazz / cd-rom / dvd-rom / blue-ray / disque SSD / cloud / ...&lt;/p&gt;
&lt;p&gt;Voici une liste de supports rien que pour l&#226;&#8364;&#8482;histoire informatique. On peut faire une liste quasi aussi longue pour les supports de son, ou de film.&lt;/p&gt;
&lt;p&gt;L&#226;&#8364;&#8482;histoire des supports est une histoire de standards devenus obsol&#195;&#168;tes. A chaque support rendu illisible par la disparition des lecteurs, des masses de donn&#195;&#169;es perdues.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Les standards r&#195;&#169;duisent la diversit&#195;&#169;&lt;/h2&gt;
&lt;p&gt;Les standards posent des cadres de production, qui deviennent un cadre mental, et une normalisation sociale.&lt;br class='manualbr' /&gt;Le cas Abercombie &amp; Fitch le rappelle : nommer des physiques par des tailles de v&#195;&#170;tement, c&#226;&#8364;&#8482;est porter des jugements souvent vexatoires.&lt;br class='manualbr' /&gt;La taille des bonnets de soutien-gorge des femmes, l&#226;&#8364;&#8482;indisponibilit&#195;&#169; de certaines tailles &#194;&#171; hors norme&#194; &#187; sont autant de doigts point&#195;&#169;s sur le physique.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Tout plat&lt;/strong&gt;&lt;br class='manualbr' /&gt;La politique d&#226;&#8364;&#8482;IKEA de produire des meubles transportable en emballage plat et &#195; bas co&#195; &#187;t de production est de m&#195;&#170;me une astreinte forte sur leur design.&lt;br class='autobr' /&gt;
&lt;span class='spip_document_688 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH320/stick_to_standards-2015_page_042_image_0001-10643.jpg?1761237389' width='500' height='320' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Enferm&#195;&#169; dans le menu d&#195;&#169;roulant&lt;/strong&gt;&lt;br class='manualbr' /&gt;La production graphique, depuis Photoshop, s&#226;&#8364;&#8482;est fortement liss&#195;&#169;e, a mont&#195;&#169; en qualit&#195;&#169;, mais s&#226;&#8364;&#8482;est aussi standardis&#195;&#169;e.&lt;/p&gt;
&lt;p&gt;Les m&#195;&#170;mes visages retouch&#195;&#169;s partout, les m&#195;&#170;mes corps sans pli abdominal, les m&#195;&#170;mes longs cous. Les m&#195;&#170;mes ombres port&#195;&#169;es, murs lisses, effets de reflet plastique et auras lumineuses. Les m&#195;&#170;mes blagues pourries d&#226;&#8364;&#8482;incrustation de visage.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_689 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH337/stick_to_standards-2015_page_044_image_0001-07a9b.jpg?1761237389' width='500' height='337' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Ils rendent vuln&#195;&#169;rable&lt;/h2&gt;
&lt;p&gt;Le fait que la majorit&#195;&#169; des ordinateurs sont dot&#195;&#169; un operating system Microsoft ou Apple avec les m&#195;&#170;mes options de base produit des vuln&#195;&#169;rabilit&#195;&#169;s : les virus peuvent ainsi profiter de la m&#195;&#170;me faille sur des millions de machines.&lt;br class='autobr' /&gt;
&lt;span class='spip_document_690 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH335/stick_to_standards-2015_page_045_image_0001-9556d.jpg?1761237389' width='500' height='335' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;L'&#195;&#169;trange exemple du train espagnol&lt;/h2&gt;
&lt;p&gt;Le gouvernement espagnol d&#195;&#169;cida vers 1830 de construire le r&#195;&#169;seau ferr&#195;&#169; national &#195; l&#226;&#8364;&#8482;&#195;&#169;cartement inhabituel de 1674 mm. Ce choix d&#226;&#8364;&#8482;&#195;&#169;cartement large fut influenc&#195;&#169; par le souvenir encore vivace de l&#226;&#8364;&#8482;invasion napol&#195;&#169;onienne en 1808, qui &#195;&#169;tait bas&#195;&#169;e sur la vitesse de d&#195;&#169;placement des troupes de Napol&#195;&#169;on, utilisant le r&#195;&#169;seau de routes en place. (&lt;a href=&#034;https://fr.wikipedia.org/wiki/Histoire_des_chemins_de_fer_espagnols&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Wikipedia&lt;/a&gt;)&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_691 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH334/stick_to_standards-2015_page_046_image_0001-01d40.jpg?1761237389' width='500' height='334' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;hr&gt;&lt;h2 class=&#034;bigtitle&#034;&gt;6. OUI, il faut aimer les standards&lt;/h2&gt;&lt;h2 class=&#034;spip&#034;&gt;Ils harmonisent la production &lt;/h2&gt;
&lt;p&gt;D&#195;&#169;j&#195; &#195;&#169;voqu&#195;&#169;, ce point est important. Faire un raccord de gaz serait l&#226;&#8364;&#8482;enfer si des normes n&#226;&#8364;&#8482;existaient pas.&lt;/p&gt;
&lt;p&gt;Mettre du papier dans une imprimante serait une &#195;&#169;preuve si la norme DIN n&#226;&#8364;&#8482;harmonisait pas les tailles de papier.&lt;/p&gt;
&lt;p&gt;Si un seul constructeur r&#195;&#169;ussit &#195; prot&#195;&#169;ger une technologie et que celle-ci devient dominante sur le march&#195;&#169;, on a aussi un effet de monopole qui s'installe et un danger pour les consommateurs.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_692 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH364/stick_to_standards-2015_page_048_image_0001-96b54.jpg?1761237389' width='500' height='364' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_693 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L444xH599/stick_to_standards-2015_page_048_image_0002-59a0c.jpg?1727081888' width='444' height='599' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Les standards rendent interop&#195;&#169;rable&lt;/h2&gt;
&lt;p&gt;L&#226;&#8364;&#8482;interop&#195;&#169;rabilit&#195;&#169; est le fait qu&#226;&#8364;&#8482;un m&#195;&#170;me contenu puisse &#195;&#170;tre pris en charge par diff&#195;&#169;rents m&#195;&#169;dias.&lt;/p&gt;
&lt;p&gt;Un texte en PDF peut &#195;&#170;tre lu sur une tablette ou imprim&#195;&#169;, sur un smartphone, ou encore &#195;&#170;tre index&#195;&#169; automatiquement par un moteur de recherche.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_695 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH579/stick_to_standards-2015_page_049_image_0001-e0813.jpg?1761237390' width='500' height='579' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Le cas du chargeur USB&lt;/h2&gt;
&lt;p&gt;Fait rare dans l&#226;&#8364;&#8482;industrie : la commission europ&#195;&#169;enne a forc&#195;&#169; les constructeurs de t&#195;&#169;l&#195;&#169;phones portables &#195; adopter une norme unique pour les chargeurs en 2009 dans la sp&#195;&#169;cification &lt;span&gt;common external power supply&lt;/span&gt; (EPS), avec fin de la tol&#195;&#169;rance en 2012.&lt;/p&gt;
&lt;p&gt;La fiche micro-usb et ses 5 volts (4.75 to 5.25 v) sont d&#195;&#169;sormais impos&#195;&#169;s.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_696 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH362/stick_to_standards-2015_page_050_image_0001-e6a6e.jpg?1761237390' width='500' height='362' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Ils permettent une &#195;&#169;volution motiv&#195;&#169;e&lt;/h2&gt;
&lt;p&gt;Faire &#195;&#169;voluer un standard, lorsque l&#226;&#8364;&#8482;op&#195;&#169;ration est bien men&#195;&#169;e, se fait :&lt;/p&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; en concertation avec les acteurs
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; en veillant &#195; la r&#195;&#169;trocompatibilit&#195;&#169;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; en am&#195;&#169;liorant la qualit&#195;&#169;&lt;/p&gt;
&lt;p&gt;L&#226;&#8364;&#8482;&#195;&#169;volution du HTML s&#226;&#8364;&#8482;est fait selon ces principes.&lt;/p&gt;
&lt;hr&gt;&lt;h2 class=&#034;bigtitle&#034;&gt;7. D&#226;&#8364;&#8482;o&#195;&#185; vient le danger d'une standardisation ?&lt;/h2&gt;
&lt;p&gt;&lt;span class='spip_document_697 spip_documents'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH489/stick_to_standards-2015_page_052_image_0001-255e9.jpg?1761237390' width='500' height='489' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Poss&#195;&#169;der le standard c&#226;&#8364;&#8482;est mener la danse&lt;/h2&gt;
&lt;p&gt;Lorsqu&#226;&#8364;&#8482;un standard est la propri&#195;&#169;t&#195;&#169; d&#226;&#8364;&#8482;une firme, elle poss&#195;&#168;de une s&#195;&#169;rie de droits. Elle peut imposer un paiement pour l&#226;&#8364;&#8482;emploi de ce standard. Elle peut proc&#195;&#169;der &#195; des &#195;&#169;volutions de la norme librement, sans concertation, ce qui peut faire partie de sa strat&#195;&#169;gie commerciale pour forcer ses clients &#195; racheter des updates.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Le cas du GIF&lt;/h2&gt;
&lt;p&gt;Le GIF est le premier format de compression d&#226;&#8364;&#8482;image de l&#226;&#8364;&#8482;histoire. Il a &#195;&#169;t&#195;&#169; cr&#195;&#169;&#195;&#169; en 1987 par Compuserve, une soci&#195;&#169;t&#195;&#169; qui proposait des services li&#195;&#169;s &#195; l&#226;&#8364;&#8482;Internet &#195; d&#226;&#8364;&#8482;autres soci&#195;&#169;t&#195;&#169;s. Le World Wide Web n&#226;&#8364;&#8482;existe pas encore en 1987 (le premier serveur web sera lanc&#195;&#169; 4 ans plus tard), mais le mail existe depuis 1971, par exemple.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_698 spip_documents'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L482xH534/stick_to_standards-2015_page_054_image_0001-6bcd0.jpg?1727081888' width='482' height='534' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Big success&lt;/strong&gt;&lt;br class='autobr' /&gt;
En 1989, la norme est revue pour inclure la possibilit&#195;&#169; de placer plusieurs images dans le fichier, et les faire d&#195;&#169;filer avec un rythme d&#195;&#169;fini. C&#226;&#8364;&#8482;est le GIF anim&#195;&#169;. En 1993, le navigateur Mosaic rend possible l&#226;&#8364;&#8482;affichage des images en GIF dans une page web. Le GIF devient rapidement populaire.&lt;/p&gt;
&lt;p&gt; &lt;span class='spip_document_699 spip_documents'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L300xH300/stick_to_standards-2015_page_055_image_0001-085d6.jpg?1727081888' width='300' height='300' alt=&#034;&#034; /&gt;&lt;/span&gt; &lt;span class='spip_document_700 spip_documents'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L340xH263/stick_to_standards-2015_page_055_image_0002-dc5b6.jpg?1727081888' width='340' height='263' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Payer pour voir&lt;/strong&gt;&lt;br class='autobr' /&gt;
&lt;span class='spip_document_701 spip_documents spip_documents_left' style='float:left;'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L368xH208/stick_to_standards-2015_page_056_image_0001-e8f78.jpg?1727081888' width='368' height='208' alt=&#034;&#034; /&gt;&lt;/span&gt;_ En 1994, Unisys, d&#195;&#169;tenteur de deux brevets sur la compression LZW d&#195;&#169;pos&#195;&#169;s en 1989, demande soudain des royalties pour l&#226;&#8364;&#8482;utilisation du GIF. Le format est devenu incontournable, les logiciels qui compressent en GIF (photoshop par exemple), passent &#195; la caisse.&lt;/p&gt;
&lt;p&gt;Les brevets technologiques expirent apr&#195;&#168;s 15 ans. Les brevets de Unisys ont expir&#195;&#169; en 2003 (US) et 2004 (Europe).&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Le cas du .doc&lt;/h2&gt;
&lt;p&gt;Le format .doc n&#226;&#8364;&#8482;est pas une norme, c&#226;&#8364;&#8482;est un format propri&#195;&#169;taire. &lt;br class='manualbr' /&gt;C&#226;&#8364;&#8482;est par contre un standard : beaucoup d&#226;&#8364;&#8482;administration publiques et d&#226;&#8364;&#8482;utilisateurs priv&#195;&#169;s travaillent et s&#226;&#8364;&#8482;&#195;&#169;changent des fichiers en format .doc.&lt;/p&gt;
&lt;p&gt;Jusqu&#226;&#8364;&#8482;il y a peu, l&#226;&#8364;&#8482;absence de concurrence au traitement de texte faisait de Microsoft le ma&#195;&#174;tre du jeu.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Un secret gard&#195;&#169;&lt;/h2&gt;
&lt;p&gt;Chaque version de Word peut &#195;&#170;tre l&#226;&#8364;&#8482;occasion de changement dans la structure du fichier, sans consultation.&lt;/p&gt;
&lt;p&gt;Ce qui signifie g&#195;&#169;n&#195;&#169;ralement l&#226;&#8364;&#8482;incompatibilit&#195;&#169; des fichiers cr&#195;&#169;&#195;&#169;s avec les nouvelles versions du logiciel avec les anciennes version, et donc...&lt;/p&gt;
&lt;p&gt;L&#226;&#8364;&#8482;obligation pour les administration de mettre &#195; jour tous les logiciels.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;N&#226;&#8364;&#8482;agir que sur la menace&lt;/h2&gt;
&lt;p&gt;La donne a chang&#195;&#169; lorsque Open Office, soutenu par Sun Microsystem depuis 2000, a pouss&#195;&#169; &#195; l&#226;&#8364;&#8482;adoption d&#226;&#8364;&#8482;un standard ouvert nomm&#195;&#169; OpenDocument, lentement adopt&#195;&#169; &#195; partir de 2006.&lt;/p&gt;
&lt;p&gt;La peur de perdre le march&#195;&#169; juteux des administrations a forc&#195;&#169; Microsoft a int&#195;&#169;grer le format ODT, &#195; abandonner le format .doc, mais la firme continue de tenter de garder sa mainmise en cr&#195;&#169;ant .docx, un format pas tr&#195;&#168;s &#195;&#169;loign&#195;&#169; du ODT mais qui n&#226;&#8364;&#8482;est pas du ODT.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Connectez-vous avez Facebook&lt;/h2&gt;
&lt;p&gt;Les outils en ligne et les r&#195;&#169;seaux sociaux poss&#195;&#168;dent vos donn&#195;&#169;es, et vendent votre travail quotidien de cliqueur imp&#195;&#169;nitent.&lt;/p&gt;
&lt;p&gt;Leur imposition comme standard est pr&#195;&#169;ocuppante : la plupart des journaux proposent de vous logguer en utilisant votre compte Facebook, ce qui permet en un clic d&#226;&#8364;&#8482;&#195;&#170;tre reconnu par un syst&#195;&#168;me tiers (journal, blog, site commercial).&lt;/p&gt;
&lt;p&gt;Vous augmentez &#195; chaque fois la valeur de l&#226;&#8364;&#8482;information r&#195;&#169;cup&#195;&#169;r&#195;&#169;e par ces syst&#195;&#168;mes, bien que vous n&#226;&#8364;&#8482;ayez aucun contr&#195;&#180;le sur ce qui en est fait.&lt;/p&gt;
&lt;hr&gt;&lt;h2 class=&#034;bigtitle&#034;&gt;8. Produire un meilleur standard en concertant les producteurs&lt;/h2&gt;&lt;h2 class=&#034;spip&#034;&gt;Quand l&#226;&#8364;&#8482;industrie pense&lt;/h2&gt;
&lt;p&gt;Une firme faisant un mauvais choix de standard peut perdre &#195;&#169;norm&#195;&#169;ment d&#226;&#8364;&#8482;argent, voir &#195;&#170;tre coul&#195;&#169;e.&lt;/p&gt;
&lt;p&gt;Le cafouillage autour du format des cassettes vid&#195;&#169;o a fait r&#195;&#169;fl&#195;&#169;chir l&#226;&#8364;&#8482;industrie, qui a produit quelques beaux moments de concertations des &lt;span&gt;acteurs industriels&lt;/span&gt;.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Le format CD&lt;/h2&gt;
&lt;p&gt;Lorsque plusieurs industriels comprennent que le support num&#195;&#169;rique est l&#226;&#8364;&#8482;avenir des donn&#195;&#169;es, ils mettent au travail des &#195;&#169;quipes de techniciens pour cr&#195;&#169;er des syst&#195;&#168;mes de lecture pour le grand public.&lt;br class='autobr' /&gt;
&lt;span class='spip_document_702 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L458xH454/stick_to_standards-2015_page_063_image_0001-6016a.jpg?1727081888' width='458' height='454' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;La peur de la guerre des cassettes&lt;/strong&gt;&lt;br class='autobr' /&gt;
Le foirage du la saga VHS-betamax-V2000 produit un effet spectaculaire : Sony, Phillips et Hitachi se concertent pour cr&#195;&#169;er une norme commune, le CD, d&#195;&#168;s 1978.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_703 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH373/stick_to_standards-2015_page_064_image_0001-f2022.jpg?1761237390' width='500' height='373' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Inventer un support&lt;/strong&gt;&lt;br class='autobr' /&gt;
Tout sera donc invent&#195;&#169; :
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; La technologie : une surface m&#195;&#169;tallique avec un relief minuscule permettant le codage binaire
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; La taille : 120 mm
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; La dur&#195;&#169;e maximale enregistrable : 74 minutes, soit la dur&#195;&#169;e de la version la plus lente de la 9e symphonie de Beethoven, celle enregistr&#195;&#169;e au festival de Bayreuth en 1951 sous la direction de Wilhelm Furtw&#195;&#164;ngler&lt;br class='manualbr' /&gt;Le format est commercialis&#195;&#169; en 1982.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_704 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH377/stick_to_standards-2015_page_066_image_0001-ead13.jpg?1761237390' width='500' height='377' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Le JPG du JPEG&lt;/h2&gt;
&lt;p&gt;Le GIF est un format qui convient pour les images comportant peu de couleurs. Il est assez mauvais pour compresser les photographies.&lt;/p&gt;
&lt;p&gt;En 1986 se cr&#195;&#169;e le JPEG, pour Join Picture Expert Group, un organisme compos&#195;&#169; de personnalit&#195;&#169; repr&#195;&#169;sentatives de l&#226;&#8364;&#8482;industrie de l&#226;&#8364;&#8482;image ou d&#226;&#8364;&#8482;internet. A sa t&#195;&#170;te est actuellement Dr Daniel Lee, de chez eBay.&lt;/p&gt;
&lt;p&gt;Ce groupe d&#226;&#8364;&#8482;une trentaine d&#226;&#8364;&#8482;experts va travailler et proposer en 1991 une norme de compression qui porte son nom.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Gros boulot&lt;/strong&gt;&lt;br class='manualbr' /&gt;C&#226;&#8364;&#8482;est 5 algorithmes diff&#195;&#169;rents qui sont en action pour ce format.&lt;br class='manualbr' /&gt;Il sera publi&#195;&#169; par le groupe, mais la Global Patent Holdings revendique depuis 2007 la paternit&#195;&#169; du format.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_705 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH166/stick_to_standards-2015_page_068_image_0001-442ea.jpg?1761237390' width='500' height='166' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;L&#226;&#8364;&#8482;&#195;&#169;trange imposition du DVD&lt;/h2&gt;
&lt;p&gt;D&#195;&#169;but 90&#226;&#8364;&#8482; alors que le VHS est en bout de course et que le CD commence &#195; s&#226;&#8364;&#8482;imposer, les cr&#195;&#169;ateurs de contenus voient se profiler le d&#195;&#169;but d&#226;&#8364;&#8482;une guerre commerciale pour qui lancera le successeur digital du format VHS.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_706 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH465/stick_to_standards-2015_page_069_image_0001-577fe.jpg?1761237390' width='500' height='465' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Concertations des majors de l&#226;&#8364;&#8482;industrie culturelle&lt;/strong&gt;&lt;br class='manualbr' /&gt;Durant les r&#195;&#169;unions du secteur &#195;&#169;lectronique, la guerre des brevets et les tentatives d&#226;&#8364;&#8482;imposition de normes propri&#195;&#169;taires se multiplient entre Sony, Philips, Toshiba, etc.&lt;/p&gt;
&lt;p&gt;Warren Lieberfarb, alors patron de Warner Home Vid&#195;&#169;o, d&#195;&#169;cide de rassembler les majors de l&#226;&#8364;&#8482;industrie culturelle pour exiger l&#226;&#8364;&#8482;imposition d&#226;&#8364;&#8482;un standard de haute qualit&#195;&#169; commun &#195; tous les majors des constructeurs.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Cahier de charge impos&#195;&#169;&lt;/strong&gt;&lt;br class='manualbr' /&gt;En 1994, MGM, Columbia, Paramount, etc. exigent un support capable de contenir un film de 135 minutes, une image et un son de haute qualit&#195;&#169;, un doublage en 8 langues et la possibilit&#195;&#169; aux parents de censurer certaines sc&#195;&#168;nes.&lt;/p&gt;
&lt;p&gt;Les majors de l&#226;&#8364;&#8482;industrie de l&#226;&#8364;&#8482;informatique, qui monte en puissance, sont appel&#195;&#169;s pour arbitrer. Il optent pour une des technologies propos&#195;&#169;es par la Warner.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Ouf.&lt;/strong&gt;&lt;br class='manualbr' /&gt;En d&#195;&#169;cembre 1995, les 10 plus grands industriels de la vid&#195;&#169;o annoncent officiellement leur accord sur un support vid&#195;&#169;o unique.&lt;/p&gt;
&lt;p&gt;Le premier lecteur DVD est lanc&#195;&#169; au Japon en 1996 (1998 en France).&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_707 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L480xH137/stick_to_standards-2015_page_072_image_0001-58e98.jpg?1727081889' width='480' height='137' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_708 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH130/stick_to_standards-2015_page_072_image_0002-eaf09.jpg?1761237390' width='500' height='130' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_709 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L452xH310/stick_to_standards-2015_page_072_image_0003-d5a39.jpg?1727081889' width='452' height='310' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;hr&gt;
&lt;h2 class=&#034;bigtitle&#034;&gt;9. Standards ouverts&lt;/h2&gt;
&lt;p&gt;&lt;span class='spip_document_710 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L256xH256/stick_to_standards-2015_page_073_image_0001-0e4b5.jpg?1727081889' width='256' height='256' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Poss&#195;&#169;der et imposer &lt;/h2&gt;
&lt;p&gt;On l&#226;&#8364;&#8482;a vu, les exp&#195;&#169;rience les plus r&#195;&#169;ussies sont celles qui engagent plusieurs acteurs.&lt;/p&gt;
&lt;p&gt;Un seul acteur produit des normes obscures, changeantes, qui rendent d&#195;&#169;pendants les autres acteurs, cr&#195;&#169;er une &#034;rente de situation&#034;, et incite cet acteur a r&#195;&#169;-it&#195;&#169;rer son coup en changeant de norme (et donc d&#195;&#169;poser un nouveau brevet) avant que celle-ci n'arrive dans le domaine public. Un acteur &#195;&#169;conomique puissant assure sa position par le chantage &#195;&#169;conomique, le lobby, voire la corruption.&lt;/p&gt;
&lt;p&gt;(Le format DOC, le GIF, Facebook, Google)&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_711 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH205/stick_to_standards-2015_page_074_image_0001-44316.jpg?1761237390' width='500' height='205' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Rassembler pour r&#195;&#169;gner &lt;/h2&gt;
&lt;p&gt;Plusieurs acteurs industriels concert&#195;&#169;s produisent des formats plus p&#195;&#169;rennes, avec moins de pertes pour les usagers, avec tout de m&#195;&#170;me un monopole qui leur garantit la mainmise d&#226;&#8364;&#8482;un march&#195;&#169;.&lt;/p&gt;
&lt;p&gt;(Le CD)&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_712 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH281/stick_to_standards-2015_page_075_image_0001-c3731.jpg?1761237390' width='500' height='281' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Concerter pour &#195;&#169;viter le chaos &lt;/h2&gt;
&lt;p&gt;Des acteurs industriels provenant de plusieurs industries diff&#195;&#169;rentes produisent l&#226;&#8364;&#8482;adoption de standards plus larges.&lt;/p&gt;
&lt;p&gt;(Le DVD)&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_713 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L450xH312/stick_to_standards-2015_page_076_image_0001-7a1af.jpg?1727081889' width='450' height='312' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;N&#195;&#169;gocier plut&#195;&#180;t qu&#226;&#8364;&#8482;imposer &lt;/h2&gt;
&lt;p&gt;Les normes peuvent pens&#195;&#169;es en amont par des organismes de certification li&#195;&#169;s aux &#195;&#169;tats. &lt;br class='manualbr' /&gt;Elles peuvent pr&#195;&#169;c&#195;&#169;der la production ou imposer une harmonisation &#195; un secteur d&#226;&#8364;&#8482;activit&#195;&#169;.&lt;/p&gt;
&lt;p&gt;(OpenDocument, le chargeur USB)&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_714 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH375/stick_to_standards-2015_page_077_image_0001-e6e51.jpg?1761237390' width='500' height='375' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;L&#226;&#8364;&#8482;&#195;&#169;vidence du standard ouvert&lt;/h2&gt;
&lt;p&gt;Il en ressort que le meilleur moyen d&#226;&#8364;&#8482;assurer un gain collectif est d&#226;&#8364;&#8482;utiliser des standards cr&#195;&#169;&#195;&#169;s par concertation et librement disponibles.&lt;/p&gt;
&lt;p&gt;&lt;i&gt;&#194;&#171; Les termes format ouvert, format libre ou encore sp&#195;&#169;cification ouverte, d&#195;&#169;signent des formats de donn&#195;&#169;es interop&#195;&#169;rables et dont les sp&#195;&#169;cifications techniques sont publiques et sans restriction d&#226;&#8364;&#8482;acc&#195;&#168;s ni de mise en &#197;&#8220;uvre, par opposition &#195; un format ferm&#195;&#169; ou propri&#195;&#169;taire.&#194; &#187;&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;(&lt;a href=&#034;https://fr.wikipedia.org/wiki/Format_ouvert&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;wikipedia&lt;/a&gt;)&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Service public = standard ouvert&lt;/h2&gt;
&lt;p&gt;Imaginez une administration qui vous obligerait &#195; acheter la suite Office pour ouvrir un document officiel.&lt;/p&gt;
&lt;p&gt;Cette situation a &#195;&#169;t&#195;&#169; rencontr&#195;&#169;e dans de nombreux pays, avant que les &#195;&#169;tats ne se rendent &#195; l&#226;&#8364;&#8482;&#195;&#169;vidence : leur d&#195;&#169;pendance aux standards propri&#195;&#169;taires est dangereuse et injustifiable politiquement.&lt;/p&gt;
&lt;p&gt;Le milieu des ann&#195;&#169;es 2000 a vu cette question devenir centrale dans les d&#195;&#169;cisions politiques en Europe.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Un cas int&#195;&#169;ressant : le PNG&lt;/h2&gt;
&lt;p&gt;On l&#226;&#8364;&#8482;a vu, le GIF devient payant en 1994. Compresser une image sous ce format est donc payant (mais pas la lire). En r&#195;&#169;ponse &#195; ce probl&#195;&#168;me, &lt;a href=&#034;https://fr.wikipedia.org/wiki/Portable_Network_Graphics&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;le format ouvert PNG&lt;/a&gt; a &#195;&#169;t&#195;&#169; propos&#195;&#169; par le W3C comme alternative au GIF et au JPG.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Ouvert, sans perte, param&#195;&#169;trable&lt;/strong&gt;&lt;br class='autobr' /&gt;
Le PNG est un format sans perte, et il permet de compresser aussi bien de l&#226;&#8364;&#8482;image photographique que des logos, avec diff&#195;&#169;rents algorithmes associ&#195;&#169;s.&lt;/p&gt;
&lt;p&gt;Le format est ouvert, nous seulement la structure du fichier est d&#195;&#169;finie, mais des algorithmes de compression peuvent &#195;&#170;tre trouv&#195;&#169;s gratuitement.&lt;/p&gt;
&lt;p&gt;Il permet en outre la transparence alpha, qu&#226;&#8364;&#8482;aucun autre format de fichier pour le web ne permet.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Waow&lt;/strong&gt;&lt;br class='autobr' /&gt;
Le PNG offre donc un vrai plus par rapport au PNG.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_715 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH375/stick_to_standards-2015_page_082_image_0001-8db55.jpg?1761237391' width='500' height='375' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Le frein d&#226;&#8364;&#8482;Internet Explorer&lt;/strong&gt;&lt;br class='manualbr' /&gt;On ne peut qu&#226;&#8364;&#8482;aimer le PNG, qui est un format libre, qui se rajoute aux deux formats d&#195;&#169;j&#195; existants pour le web et apporte une innovation.&lt;/p&gt;
&lt;p&gt;Malheureusement pour le PNG, il rencontre un adversaire de poids : Internet Explorer n&#226;&#8364;&#8482;affichera pas le format PNG correctement pendant de longues ann&#195;&#169;es, freinant son utilisation.&lt;/p&gt;
&lt;p&gt;Il faudra attendre que Firefox menace le monopole du navigateur de Microsoft pour que celui-ci soit enfin rendu correctement &#195; l&#226;&#8364;&#8482;&#195;&#169;cran...&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;L&#226;&#8364;&#8482;argument massif : le web&lt;/h2&gt;
&lt;p&gt;Mais ce n&#226;&#8364;&#8482;est pas seulement le PNG mais le web dans son ensemble qui s&#226;&#8364;&#8482;appuie sur des standards ouverts. La majorit&#195;&#169; des applications serveurs, les protocoles, une partie importante des contenus sont des standards ouverts.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Internet = format ouvert&lt;/strong&gt;&lt;br class='manualbr' /&gt;Tim Berners-Lee et Caillau se posent la question en 1993 : vont-ils d&#195;&#169;poser un brevet sur leur serveur web, le syst&#195;&#168;me DNS, le HTML et sa sp&#195;&#169;cification ?&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_717 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH403/stick_to_standards-2015_page_085_image_0001-c9674.jpg?1761237391' width='500' height='403' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_718 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH342/stick_to_standards-2015_page_085_image_0002-de561.jpg?1761237391' width='500' height='342' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;&#194;&#171; Make it available&#194; &#187;&lt;/h2&gt;
&lt;p&gt;&lt;i&gt;Il a fallu un certain temps pour d&#195;&#169;cider quoi faire, parce que les arguments &#195;&#169;taient complexes et qu&#226;&#8364;&#8482;on ne voyait pas ce qu&#226;&#8364;&#8482;il adviendrait de WWW dans les deux cas. Enfin, comme nous &#195;&#169;tions plus int&#195;&#169;ress&#195;&#169;s par l&#226;&#8364;&#8482;excitation de faire quelque chose d&#226;&#8364;&#8482;utile que de devenir riche, nous avons d&#195;&#169;cid&#195;&#169; d&#226;&#8364;&#8482;utiliser le mod&#195;&#168;le du CERN traditionnel de la technologie spin-off : rendre disponible gratuitement. Le concept de licence Open Source &#195;&#169;tant encore &#195; ses d&#195;&#169;buts, nous avons opt&#195;&#169; pour mettre le logiciel Web dans le domaine public, incluant en elle la renonciation aux droits de propri&#195;&#169;t&#195;&#169; intellectuelle du CERN.&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;&lt;i&gt;Robert Caillau &#195; propos de la lib&#195;&#169;ration des technologie du web en 1993&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Impliquer&lt;/strong&gt;&lt;br class='autobr' /&gt;
&lt;i&gt;&#034;Sans cette d&#195;&#169;cision, le web serait mort. L&#226;&#8364;&#8482;aventure a vraiment d&#195;&#169;marr&#195;&#169; parce que les gens d&#226;&#8364;&#8482;un bout &#195; l&#226;&#8364;&#8482;autre de la plan&#195;&#168;te, de simples gens, se sont impliqu&#195;&#169;s.&#034;&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;&lt;i&gt;Tim Berners-Lee&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_719 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH280/stick_to_standards-2015_page_087_image_0001-ea91d.jpg?1761237391' width='500' height='280' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Format ouvert = interop&#195;&#169;rabilit&#195;&#169;&lt;/h2&gt;
&lt;p&gt;Le but premier de la cr&#195;&#169;ation d&#226;&#8364;&#8482;un standard ouvert est l&#226;&#8364;&#8482;interop&#195;&#169;rabilit&#195;&#169;, c&#226;&#8364;&#8482;est &#195; dire de casse la d&#195;&#169;pendance d&#226;&#8364;&#8482;un produit par rapport &#195; son &#195;&#169;cosyst&#195;&#168;me.&lt;/p&gt;
&lt;p&gt;Imaginez une poudre &#195; lessiver qui ne fonctionnerait qu&#226;&#8364;&#8482;avec une machine, de la poudre de cacao avec un seul lait, une cartouche d&#226;&#8364;&#8482;encre avec un seul porte plume, l&#226;&#8364;&#8482;essence avec une seule voiture, un grille pain avec un seul type de prise de courant, etc.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Casser le monopole priv&#195;&#169; des biens et services indispensables&lt;/h2&gt;
&lt;p&gt;Si un bien ou service est indispensable &#195; la soci&#195;&#169;t&#195;&#169;, son acc&#195;&#168;s doit &#195;&#170;tre garanti par les institutions.&lt;/p&gt;
&lt;p&gt;Chaque innovation technologique est une chance et une menace de ce point de vue : &lt;br class='manualbr' /&gt;les soins de sant&#195;&#169;, l&#226;&#8364;&#8482;eau potable, l&#226;&#8364;&#8482;&#195;&#169;lectricit&#195;&#169;, puis aujourd&#226;&#8364;&#8482;hui internet et la t&#195;&#169;l&#195;&#169;phonie,...&lt;/p&gt;
&lt;hr&gt;&lt;h2 class=&#034;bigtitle&#034;&gt;10. Optimisme pour l&#226;&#8364;&#8482;avenir&lt;/h2&gt;
&lt;p&gt;&lt;span class='spip_document_720 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH358/stick_to_standards-2015_page_090_image_0001-8eeef.jpg?1761237391' width='500' height='358' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Tendance lourde de l&#226;&#8364;&#8482;industrie en faveur des standards ouverts&lt;/h2&gt;
&lt;p&gt;L&#226;&#8364;&#8482;open source, les standards ouverts, ont &#195;&#169;t&#195;&#169; des questions invisibles dans les ann&#195;&#169;es 90&#226;&#8364;&#8482; avant de s&#226;&#8364;&#8482;imposer comme strat&#195;&#169;giques aux &#195;&#169;tats dans les ann&#195;&#169;es 2000.&lt;/p&gt;
&lt;p&gt;Microsoft et ses strat&#195;&#169;gies de d&#195;&#169;fense de son monopole a fini par &#195;&#169;veiller les conscience.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Affaiblir Microsoft par l&#226;&#8364;&#8482;injection de formats ouverts&lt;/h2&gt;
&lt;p&gt;Google a gagn&#195;&#169; des millions en s&#226;&#8364;&#8482;&#195;&#169;cartant du business model de Microsoft. Des outils gratuits, qui s&#226;&#8364;&#8482;imposent comme standards (moteur de recherche, google docs, ...). Mais les technologies restent majoritairement propri&#195;&#169;taires : l&#226;&#8364;&#8482;algorithme du moteur de recherche de google reste secret. Microsoft est ressorti de ce nouveau standard de business affaibli mais Google a impos&#195;&#169; un standard encore plus pr&#195;&#169;gnant.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Imposer des standards en les ouvrants&lt;/h2&gt;
&lt;p&gt;La tendance de ces derni&#195;&#168;res ann&#195;&#169;es est &#195; l&#226;&#8364;&#8482;ouverture des normes.&lt;/p&gt;
&lt;p&gt;Google a par exemple lib&#195;&#169;r&#195;&#169; le codec VP8 utilis&#195;&#169; dans le format ouvert WebM.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_721 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L469xH300/stick_to_standards-2015_page_093_image_0001-da402.jpg?1727081889' width='469' height='300' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;S&#226;&#8364;&#8482;appuyer sur des standards&lt;/h2&gt;
&lt;p&gt;Adobe vient de lancer discr&#195;&#168;tement un projet d&#226;&#8364;&#8482;&#195;&#169;diteur de code, Brackets, en open source.&lt;br class='manualbr' /&gt;Cet &#195;&#169;diteur est &#195;&#169;crit en html, css et javascript, trois technologie au standard ouvert.&lt;/p&gt;
&lt;p&gt;Ailleurs, de nombreuses applications s&#226;&#8364;&#8482;appuient sur le XML, le javascript et d&#226;&#8364;&#8482;autres langages.&lt;/p&gt;
&lt;p&gt;Citons Unity, application de fabrication de jeu vid&#195;&#169;o, qui utilise le javascript comme code de programmation des &#195;&#169;v&#195;&#169;nements.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Epub, format ouvert de livre num&#195;&#169;rique&lt;/strong&gt;&lt;br class='autobr' /&gt;
Le format Epub est doucement en train de faire sa place dans les formats de lecture pour tablettes et liseuses.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_722 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L447xH625/stick_to_standards-2015_page_095_image_0001-5e7c0.jpg?1727081889' width='447' height='625' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Html 5, enfin&lt;/h2&gt;
&lt;p&gt;La balise html &lt;canvas&gt; et la balise &lt;video&gt; sont en train de rel&#195;&#169;guer flash au rang de &#194;&#171; bizarrerie de l&#226;&#8364;&#8482;histoire du web&#194; &#187;.&lt;/p&gt;
&lt;p&gt;Pouss&#195;&#169;e par les majors comme google et Apple, HTML 5 permet d&#226;&#8364;&#8482;harmoniser l&#226;&#8364;&#8482;affichage des contenus riches comme la vid&#195;&#169;o, le son, les animations.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_725 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH313/stick_to_standards-2015_page_096_image_0001-f4099.jpg?1761237391' width='500' height='313' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;hr&gt;&lt;h2 class=&#034;bigtitle&#034;&gt;11. Conseils divers&lt;/h2&gt;&lt;h2 class=&#034;spip&#034;&gt;&lt;span style='text-decoration:line-through'&gt;Remplacez tout par une app&#226;&#8364;&#8482;&lt;/span&gt;&lt;/h2&gt;
&lt;p&gt;Nous sommes actuellement somm&#195;&#169;s de d&#195;&#169;sirer des app&#226;&#8364;&#8482;s pour nos t&#195;&#169;l&#195;&#169;phones portables. La le&#195;&#167;on du CD-rom n&#226;&#8364;&#8482;est d&#195;&#169;cid&#195;&#169;ment pas pass&#195;&#169;e.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_726 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH251/stick_to_standards-2015_page_098_image_0001-d7a3c.jpg?1761237391' width='500' height='251' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Pr&#195;&#169;f&#195;&#169;rer un hardware compatible avec les standards&lt;/h2&gt;
&lt;p&gt;Que ce soit dans le choix d&#226;&#8364;&#8482;une liseuse, d&#226;&#8364;&#8482;une imprimante, d&#226;&#8364;&#8482;un t&#195;&#169;l&#195;&#169;phone, d&#226;&#8364;&#8482;un aspirateur, il convient de regarder si l&#226;&#8364;&#8482;interop&#195;&#169;rabilit&#195;&#169; est possible, c'est &#195; dire si les choix technologiques du constructeur permettent de transf&#195;&#169;rer facilement les informations d'un objet vers un autre objet (de t&#195;&#169;l&#195;&#169;phone &#195; t&#195;&#169;l&#195;&#169;phone), de les backuper, de les tranf&#195;&#169;rer d'un objet &#195; un autre type d'objet (d'une liseuse vers un ordinateur), etc. C'est important si vous voulez que vos donn&#195;&#169;es ne soit pas emprisonn&#195;&#169;es par une marque particuli&#195;&#168;re, dans ce qu&#034;on appelle sournoisement aujourd'hui un &#034;ecosyst&#195;&#168;me&#034;, qui fait penser &#195; &#034;syst&#195;&#168;me &#195;&#169;cologique&#034; mais qui signifie r&#195;&#169;ellement &#034;syst&#195;&#168;me &#195;&#169;conomique&#034;.&lt;/p&gt;
&lt;p&gt;Pour des raisons affich&#195;&#169;es de s&#195;&#169;curit&#195;&#169; mais qui sont des raisons commerciales cach&#195;&#169;es (et parfois de la fain&#195;&#169;antise de la part des programmeurs), ce n'est pas tr&#195;&#168;s souvent le cas.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Pr&#195;&#169;f&#195;&#169;rer utiliser des logiciels respectant l&#226;&#8364;&#8482;interop&#195;&#169;rabilit&#195;&#169;&lt;/h2&gt;
&lt;p&gt;Dans le choix d&#226;&#8364;&#8482;un logiciel, pr&#195;&#169;f&#195;&#169;rer ceux qui sont capables d&#226;&#8364;&#8482;ouvrir et de sauver dans des formats ouverts.&lt;/p&gt;
&lt;p&gt;Encore mieux, sauvant nativement dans un format ouvert. Okay, c&#226;&#8364;&#8482;est rare.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Utiliser des formats ouverts dans sa communication&lt;/h2&gt;
&lt;p&gt;Envoyer des formats .doc par mail est une mauvaise id&#195;&#169;e. &lt;br class='manualbr' /&gt;Dans les formats de texte, de pr&#195;&#169;sentation, d&#226;&#8364;&#8482;image, de vid&#195;&#169;o, que ce soit pour la consultation ou la production, communiquez autant que vous le pouvez dans des formats ouverts. C&#226;&#8364;&#8482;est une question d&#226;&#8364;&#8482;interop&#195;&#169;rabilit&#195;&#169;, et de survie de vos donn&#195;&#169;es dans le futur.&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;&lt;span class='spip_document_727 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH255/stick_to_standards-2015_page_102_image_0001-7d484.jpg?1761237391' width='500' height='255' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Apprendre les standards&lt;/h2&gt;
&lt;p&gt;Apprendre a utiliser un format ouvert est g&#195;&#169;n&#195;&#169;ralement plus utile qu&#226;&#8364;&#8482;apprendre dans un cadre propri&#195;&#169;taire.&lt;/p&gt;
&lt;p&gt;Cela donne plus d&#226;&#8364;&#8482;agilit&#195;&#169; et d&#226;&#8364;&#8482;ind&#195;&#169;pendance dans le travail.&lt;/p&gt;
&lt;p&gt;Comme &#195;&#169;voqu&#195;&#169;, javascript est un langage qui s&#226;&#8364;&#8482;impose au del&#195; de son but initial, qui &#195;&#169;tait de permettre l&#226;&#8364;&#8482;interactivit&#195;&#169; d&#226;&#8364;&#8482;une page web.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Collaborer plut&#195;&#180;t qu&#226;&#8364;&#8482;&#195;&#170;tre g&#195;&#169;nial tout seul&lt;/h2&gt;
&lt;p&gt;La cr&#195;&#169;ation contemporaine n&#226;&#8364;&#8482;a jamais &#195;&#169;t&#195;&#169; aussi connect&#195;&#169;e. L&#226;&#8364;&#8482;association en petit groupe pour mener des projets permet d&#226;&#8364;&#8482;&#195;&#169;viter le pi&#195;&#168;ge de la page blanche.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_728 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH198/stick_to_standards-2015_page_104_image_0001-4e9e3.jpg?1761237391' width='500' height='198' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Utiliser un standard c&#226;&#8364;&#8482;est lui donner du pouvoir&lt;/h2&gt;
&lt;p&gt;Vous infl&#195;&#169;chissez le choix des personnes avec qui vous &#195;&#170;tes en contact. &lt;br class='manualbr' /&gt;Utiliser amazon, google, applestore pour faire ses achats fait de vous un d&#195;&#169;fenseur de ces majors.&lt;/p&gt;
&lt;p&gt;Apprenez &#195; diversifier votre pouvoir d&#226;&#8364;&#8482;achat.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_729 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH427/stick_to_standards-2015_page_105_image_0001-82467.jpg?1761237391' width='500' height='427' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Concentration dangereuse&lt;/h2&gt;
&lt;p&gt;Apr&#195;&#168;s avoir &#195;&#169;t&#195;&#169; un vecteur d&#226;&#8364;&#8482;espoir d&#195;&#169;mocratique, le web devient un lieu de concentration de pouvoir. &lt;br class='manualbr' /&gt;Quelques sites centralisent l&#226;&#8364;&#8482;activit&#195;&#169; de milliards de personnes : Google, Facebook, Twitter, Instagram, Amazon, Apple, Immoweb, Ryanair, les agences de voyage, etc.&lt;/p&gt;
&lt;p&gt;Cette concentration asservit les petits producteurs, qui n&#226;&#8364;&#8482;ont d&#226;&#8364;&#8482;autres choix que de se soumettre aux dictas de ces majors incontournables.&lt;/p&gt;
&lt;p&gt;Contournez-les pour acc&#195;&#169;der aux mineurs du web.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_730 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH707/stick_to_standards-2015_page_107_image_0001-d984a.jpg?1761237391' width='500' height='707' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;br class='autobr' /&gt;
&lt;i&gt;Mondrian, vers 1940&lt;/i&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Les artistes et les standards&lt;/h2&gt;
&lt;p&gt;Mondrian esp&#195;&#169;rait que sa peinture permettrait d&#226;&#8364;&#8482;irradier et modifier l&#226;&#8364;&#8482;esth&#195;&#169;tique des lieux dans laquelle elle &#195;&#169;tait montr&#195;&#169;e.&lt;/p&gt;
&lt;p&gt;Les artistes des ann&#195;&#169;es 20&#226;&#8364;&#8482; se sentent le devoir de changer la soci&#195;&#169;t&#195;&#169; a travers un art total, qui va du mobilier (c&#226;&#8364;&#8482;est la naissance du design) &#195; l&#226;&#8364;&#8482;architecture et m&#195;&#170;me la politique.&lt;/p&gt;
&lt;p&gt;Les deux guerres mondiales seront de rudes rappels que transformer en profondeur la soci&#195;&#169;t&#195;&#169; cr&#195;&#169;e de la violence &#195; grande &#195;&#169;chelle.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_731 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH359/stick_to_standards-2015_page_109_image_0001-bbac8.jpg?1761237392' width='500' height='359' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_732 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH356/stick_to_standards-2015_page_110_image_0001-97dae.jpg?1761237392' width='500' height='356' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Faire de l&#226;&#8364;&#8482;art c&#226;&#8364;&#8482;est cr&#195;&#169;er un standard&lt;/h2&gt;
&lt;p&gt;Produire de l&#226;&#8364;&#8482;art est toujours ajouter un objet nouveau au monde, et consiste &#195; d&#195;&#169;placer les pratiques, les signes.&lt;/p&gt;
&lt;p&gt;Mais ceci consiste-t-il, dans ce qui nous occupe, &#195; cr&#195;&#169;er un nouveau standard &#195; chaque fois ?&lt;/p&gt;
&lt;p&gt;Andy Warhol cherche avec le pop art a &#195;&#169;tendre la norme de l&#226;&#8364;&#8482;abstraction : une image r&#195;&#169;p&#195;&#169;t&#195;&#169;e devient abstraite par sa perception visuelle brouill&#195;&#169;e, ou par la disparition de son sens. Warhol appelle a prendre en compte la nature d&#195;&#169;sormais globale de la sph&#195;&#168;re artistique, li&#195;&#169;e aux m&#195;&#169;dias comme le cin&#195;&#169;ma, la t&#195;&#169;l&#195;&#169;vision, les revues, etc.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_733 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH296/stick_to_standards-2015_page_112_image_0001-96e18.jpg?1761237392' width='500' height='296' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;L&#226;&#8364;&#8482;invention de nouvelles normes &lt;/h2&gt;
&lt;p&gt;Une nouvelle forme artistique passe par la cr&#195;&#169;ation ou le d&#195;&#169;voiement d&#226;&#8364;&#8482;un standard ouvert.&lt;/p&gt;
&lt;p&gt;Se r&#195;&#169;f&#195;&#169;rer uniquement &#195; des standards existants signifie s&#226;&#8364;&#8482;y plier, g&#195;&#169;n&#195;&#169;ralement pour une rentabilit&#195;&#169; imm&#195;&#169;diate (utiliser facebook comme support de cr&#195;&#169;ation, faire des citations de Star Wars) et ne fait qu&#226;&#8364;&#8482;alimenter l&#226;&#8364;&#8482;industrie culturelle. Le gain est imm&#195;&#169;diat, mais le risque est alors de faire dispara&#195;&#174;tre l&#226;&#8364;&#8482;art dans le trivial : qui se rappellera de Facebook dans 15 ans, quel int&#195;&#169;r&#195;&#170;t y a-t-il &#195; citer encore et encore Star Wars ?&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		
		<enclosure url="http://arts-numeriques.codedrops.net/IMG/pdf/stick_to_standards-2015-ld.pdf" length="6019634" type="application/pdf" />
		

	</item>
<item xml:lang="fr">
		<title>Le design g&#195;&#169;n&#195;&#169;ratif, une introduction</title>
		<link>http://arts-numeriques.codedrops.net/Le-design-generatif-une-introduction</link>
		<guid isPermaLink="true">http://arts-numeriques.codedrops.net/Le-design-generatif-une-introduction</guid>
		<dc:date>2013-05-05T21:27:45Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>St&#233;phane Noel</dc:creator>


		<dc:subject>Processing</dc:subject>

		<description>
&lt;p&gt;Le design g&#195;&#169;n&#195;&#169;ratif est un concept &#195; la mode. Une tentative de d&#195;&#169;finition ici. &lt;br class='autobr' /&gt; Le processus de cr&#195;&#169;ation standard consiste &#195; d&#195;&#169;marrer sur une intention (ou concept, ou id&#195;&#169;e, ou envie, peu importe le terme) et sur cette base produire une cr&#195;&#169;ation &#195; l'aide de la main et d'un outil, qui peut &#195;&#170;tre un crayon aussi bien qu'un outil logiciel comme Photoshop ou Illustrator, d'ailleurs. &lt;br class='autobr' /&gt;
On peut compl&#195;&#169;ter ce sch&#195;&#169;ma par une boucle de r&#195;&#169;troaction. En effet, lorsqu'on est &#195; l'int&#195;&#169;rieur (&#8230;)&lt;/p&gt;


-
&lt;a href="http://arts-numeriques.codedrops.net/-Art-generatif-Design-generatif-" rel="directory"&gt;Art g&#233;n&#233;ratif / Design g&#233;n&#233;ratif&lt;/a&gt;

/ 
&lt;a href="http://arts-numeriques.codedrops.net/+-Processing-+" rel="tag"&gt;Processing&lt;/a&gt;

		</description>


 <content:encoded>&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L150xH113/arton371-95720.jpg?1726857209' class='spip_logo spip_logo_right' width='150' height='113' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Le design g&#195;&#169;n&#195;&#169;ratif est un concept &#195; la mode. Une tentative de d&#195;&#169;finition ici.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;Le processus de cr&#195;&#169;ation standard consiste &#195; d&#195;&#169;marrer sur une intention (ou concept, ou id&#195;&#169;e, ou envie, peu importe le terme) et sur cette base produire une cr&#195;&#169;ation &#195; l'aide de la main et d'un outil, qui peut &#195;&#170;tre un crayon aussi bien qu'un outil logiciel comme Photoshop ou Illustrator, d'ailleurs.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_904 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH92/schema0-6e171.jpg?1758483405' width='500' height='92' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;On peut compl&#195;&#169;ter ce sch&#195;&#169;ma par une boucle de r&#195;&#169;troaction. En effet, lorsqu'on est &#195; l'int&#195;&#169;rieur d'un processus cr&#195;&#169;atif, on &#195;&#169;value le r&#195;&#169;sultat obtenu et selon qu'il corresponde ou pas aux attentes, ou donne de nouvelles id&#195;&#169;es, on revient &#195; la main pour am&#195;&#169;liorer le processus de cr&#195;&#169;ation, pour obtenir d'autres r&#195;&#169;sultats.&lt;br class='autobr' /&gt;
On obtient ce sch&#195;&#169;ma :&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_903 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH186/schema1-2a1ad.jpg?1758483405' width='500' height='186' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Avec le design g&#195;&#169;n&#195;&#169;ratif, le but est de fabriquer une machine (g&#195;&#169;n&#195;&#169;ralement un logiciel) destin&#195;&#169;e &#195; g&#195;&#169;n&#195;&#169;rer des formes et dont on d&#195;&#169;termine le comportement, plut&#195;&#180;t que de dessiner directement. Le d&#195;&#169;veloppement passe par une phase plut&#195;&#180;t abstraite dans laquelle on d&#195;&#169;termine un ensemble de proc&#195;&#169;dures, qu'on appelle algorithme, puis le codage de cet algorithme dans un environnement sp&#195;&#169;cifique (javascript, java, python, c++, etc.). Le r&#195;&#169;sultat obtenu peut &#195;&#170;tre &#195;&#169;valu&#195;&#169; par l'auteur avant de modifier soit les algorithmes, soit le code et les param&#195;&#168;tres. C'est la machinerie, g&#195;&#169;n&#195;&#169;ralement du code, qui produit le r&#195;&#169;sultat, et pas la main dans ce cas.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_905 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH234/schema2-7f04d.jpg?1758483405' width='500' height='234' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Pourquoi tant de complexit&#195;&#169; ?&lt;/h2&gt;
&lt;p&gt;On pourrait se demander quel est l&#226;&#8364;&#8482;int&#195;&#169;r&#195;&#170;t de passer par un media aussi complexe que le code pour obtenir au final quelque chose que l'on peut obtenir par des moyens plus directs comme la main associ&#195;&#169;e au crayon ou &#195; un instrument de musique, etc.&lt;/p&gt;
&lt;p&gt;M&#195;&#169;thodologiquement, le design g&#195;&#169;n&#195;&#169;ratif correspond au d&#195;&#169;sir toujours plus grande de maitrise du processus cr&#195;&#169;atif. Produire un m&#195;&#170;me dessin ou objet avec des variantes de taille, d'outil, de couleur, de support est une demande de longue date de l'industrie, mais aussi des artistes. L'informatique a r&#195;&#169;pondu &#195; cette attente en modifiant le travail des artistes, en d&#195;&#169;portant une partie de leur travail d'ex&#195;&#169;cution vers l'algorithmie, c'est &#195; dire la capacit&#195;&#169; &#195; d&#195;&#169;couper un processus en une s&#195;&#169;rie d'action dites &#034;non ambigu&#195;&#171; s&#034;, et par l&#195; -m&#195;&#170;me r&#195;&#169;p&#195;&#169;tables. Ce n'est donc pas une pr&#195;&#169;occupation isol&#195;&#169;e ni sp&#195;&#169;cifique au champ artistique.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_906 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH313/warhol_dollars-db665.jpg?1758483405' width='500' height='313' title=&#034;Dollars signs, Andy Warhol, 1981&#034; alt=&#034;Dollars signs, Andy Warhol, 1981&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Cette m&#195;&#169;diation donne potentiellement plusieurs gains :
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;strong&gt;La profusion&lt;/strong&gt; : en g&#195;&#169;n&#195;&#169;rant 100 graphiques sur base d'un m&#195;&#170;me proc&#195;&#169;d&#195;&#169;, on peut ensuite choisir le ou les meilleurs r&#195;&#169;sultats. Le &#034;Ad generator&#034; de Alexis Lloyd (2006) produisait une multitude d'association texte/image. Une partie est sans int&#195;&#169;r&#195;&#170;t, mais d'autres sont exploitables.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_793 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH375/ad-generator-9dca9.png?1758483405' width='500' height='375' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;strong&gt;L'exhaustivit&#195;&#169;&lt;/strong&gt; : un proc&#195;&#169;d&#195;&#169;, exploit&#195;&#169; par un ordinateur travaillant sans rel&#195;&#162;che, peut passer en revue, syst&#195;&#169;matiquement, toutes les possibilit&#195;&#169;s combinatoires qui s'offre &#195; lui. Sol Lewitt, avec son &#034;Variations Of Incomplete Open Cubes&#034; dessine ainsi toutes les combinatoires possibles et diff&#195;&#169;rentes de 3 &#195; 8 ar&#195;&#170;tes.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_659 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH507/lewitt-opencubes-7dadd.jpg?1758483405' width='500' height='507' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;strong&gt;La complexit&#195;&#169;&lt;/strong&gt; : parce qu'ils sont produits par des machines qui ignorent le sommeil, les dessins g&#195;&#169;n&#195;&#169;ratifs peuvent &#195;&#170;tre vertigineux de complexit&#195;&#169; : milliers de lignes sinueuses, espaces tridimensionnels aux fins d&#195;&#169;grad&#195;&#169;s color&#195;&#169;s, espaces infinis. Une map de Minecraft est sans fin, cr&#195;&#169;&#195;&#169;e &#195; la demande, alternant d&#195;&#169;serts, for&#195;&#170;ts tropicales et campagnes verdoyantes toujours diff&#195;&#169;rentes.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_771 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH384/green-cloud-w2-18f32.jpg?1758483405' width='500' height='384' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;br class='autobr' /&gt;
&lt;i&gt;Roman Verostko, Green cloud, 2011&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;strong&gt;La pr&#195;&#169;cision&lt;/strong&gt; : l&#195; o&#195;&#185; la main tremble, le m&#195;&#169;lange de couleur peut manquer d'uniformit&#195;&#169;, l'ordinateur, l'imprimante, la d&#195;&#169;coupeuse, peuvent lisser la production et permettre de jour des formes combin&#195;&#169;es avec la rigueur du scientifique. &lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;strong&gt;La rapidit&#195;&#169;&lt;/strong&gt; : sur base de code, on peut tester un proc&#195;&#169;d&#195;&#169; avec une vitesse qui d&#195;&#169;passe ce que la main peut r&#195;&#169;aliser. L'ordinateur devient extension non seulement dans l'espace, mais aussi dans le temps.
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;strong&gt;Le temps r&#195;&#169;el&lt;/strong&gt; : la capacit&#195;&#169; d'un code &#195; r&#195;&#169;agit &#195; des interactions en temps r&#195;&#169;el permet d'int&#195;&#169;grer une dimension de performance dans l'action du dessin. Jackson Pollock a utilis&#195;&#169; des r&#195;&#168;gles simple qui lui permettait de s'immerger totalement dans le geste de peindre, dans sa temporalit&#195;&#169; m&#195;&#170;me.&lt;/p&gt;
&lt;p&gt;Il s'agit donc de cr&#195;&#169;er un outil, de la param&#195;&#169;trer, de la regarder produire et de la corriger au besoin. Une fois l'outil produit, il peut &#195;&#170;tre param&#195;&#169;tr&#195;&#169; pour produire des r&#195;&#169;sultats l&#195;&#169;g&#195;&#168;rement ou compl&#195;&#168;tement diff&#195;&#169;rents.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Un peu plus d'info&lt;/h2&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;a href=&#034;http://www.generative-gestaltung.de/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Le site &#034;generative design&#034;&lt;/a&gt; qui contient un grand nombre d'exp&#195;&#169;rimentation en Processing t&#195;&#169;l&#195;&#169;chargeable. Le site est traduit en fran&#195;&#167;ais.
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Une s&#195;&#169;rie de r&#195;&#169;f&#195;&#169;rence sur &lt;a href=&#034;http://www.olivierevrard.be/master/design_generatif.html&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;le site de Olivier Evrard&lt;/a&gt;, professeur &#195; Li&#195;&#168;ge
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Le &lt;a href=&#034;http://openprocessing.org/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;site Openprocessing&lt;/a&gt;, contenant des milliers de codes pour Processing utilisables&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>Exemple de manipulation 3D : Sketchup</title>
		<link>http://arts-numeriques.codedrops.net/Exemple-de-manipulation-3D</link>
		<guid isPermaLink="true">http://arts-numeriques.codedrops.net/Exemple-de-manipulation-3D</guid>
		<dc:date>2013-05-05T19:47:17Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>St&#233;phane Noel</dc:creator>



		<description>
&lt;p&gt;Les logiciels 3D sont des outils souvent complexes. Il en existe une large gamme. Impossible ici de couvrir ce sujet, nous allons juste rappeler quelques notions &#195;&#169;l&#195;&#169;mentaires en nous appuyant sur le logiciel gratuit (mais pas open source) Sketchup. &lt;br class='autobr' /&gt; Historique Sketchup est un logiciel d&#195;&#169;velopp&#195;&#169; &#195; l'origine par la soci&#195;&#169;t&#195;&#169; @Last Software pour aider les architectes &#195; croquer des id&#195;&#169;es rapidement, comme on le ferait sur du papier, mais en 3D d'o&#195;&#185; l'utilisation du mot sketch (&#8230;)&lt;/p&gt;


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


		</description>


 <content:encoded>&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L150xH125/arton368-32d47.jpg?1761237392' class='spip_logo spip_logo_right' width='150' height='125' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Les logiciels 3D sont des outils souvent complexes. Il en existe une large gamme. Impossible ici de couvrir ce sujet, nous allons juste rappeler quelques notions &#195;&#169;l&#195;&#169;mentaires en nous appuyant sur le logiciel gratuit (mais pas open source) Sketchup.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;h2 class=&#034;spip&#034;&gt;Historique&lt;/h2&gt;
&lt;p&gt;Sketchup est un logiciel d&#195;&#169;velopp&#195;&#169; &#195; l'origine par la soci&#195;&#169;t&#195;&#169; @Last Software pour aider les architectes &#195; croquer des id&#195;&#169;es rapidement, comme on le ferait sur du papier, mais en 3D d'o&#195;&#185; l'utilisation du mot sketch (&#034;croquis&#034;).&lt;/p&gt;
&lt;p&gt;Le logiciel, simple &#195; prendre en main, a int&#195;&#169;ress&#195;&#169; Google qui cherchait &#195; mettre en place un outil grand public pour nourrir son logiciel Google Earth. Il a &#195;&#169;t&#195;&#169; achet&#195;&#169; par Google en 2006, et mis en distribution gratuite rapidement. L'id&#195;&#169;e est de fournir des outils au grand public pour qu'il mod&#195;&#169;lise les b&#195;&#162;timents, de l'Empire State Building &#195; la maison unifamiliale, et les d&#195;&#169;pose sur Google Earth. Une entreprise typiquement web 2.0, o&#195;&#185; le client fabrique le produit, mais qui n'a pas vraiment r&#195;&#169;ussi.&lt;/p&gt;
&lt;p&gt;Le logiciel est cependant utilis&#195;&#169; massivement pour les internautes, pour mod&#195;&#169;liser de petits objets, pr&#195;&#169;senter des projets, si bien que Goggle va progressivement brider le logiciel en retirant &#195; chaque nouvelle version des possibilit&#195;&#169;s d'importation et d'exportation, au profit d'une version &#034;pro&#034; payante et plus compl&#195;&#168;te.&lt;/p&gt;
&lt;p&gt;En 2012, Google a revendu Sketchup &#195; une soci&#195;&#169;t&#195;&#169; sp&#195;&#169;cialis&#195;&#169;e dans les outils GPS et Laser qui continuera le d&#195;&#169;veloppement et la mise &#195; disposition gratuite. Vid&#195;&#169; de sa substance par Google, il a perdu beaucoup de son int&#195;&#169;r&#195;&#170;t premier.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Manipuler en 3D&lt;/h2&gt;
&lt;p&gt;Le dessin en 3D reste complexe d&#195;&#168;s qu'il s'agit de le manipuler. Agir sur un volume en 3D &#195; partir d'une surface en 2D (l'&#195;&#169;cran) est d&#195;&#169;j&#195; complexe. Mais cliquer sur un point d'un volume ne dit pas encore ce qu'on veut en faire : le d&#195;&#169;placer, r&#195;&#169;duire sa taille, transformer un point ou une surface ? Ceci rend la manipulation hasardeuse pour les d&#195;&#169;butants et en d&#195;&#169;courage plus d'un.&lt;br class='manualbr' /&gt;Sketchup tente de parer &#195; cette difficult&#195;&#169; en fonctionnant par inf&#195;&#169;rence, ce qui signifie qu'il interpr&#195;&#168;te les actions de l'utilisateur pour savoir quel point, surface ou volume il veut manipuler et quel type de manipulation il veut op&#195;&#169;rer. Ceci signifie qu'un temps d'apprivoisement est n&#195;&#169;cessaire pour comprendre comment le logiciel vous comprend.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Vecteurs partout&lt;/h2&gt;
&lt;p&gt;En 3D, on manipule des vecteurs, c'est &#195; dire des droites, courbes et surfaces d&#195;&#169;finies par des coordonn&#195;&#169;es, un calcul restitu&#195;&#169; sous la forme d'un dessin. On peut bien s&#195; &#187;r utiliser des images matricielles, mais elles sont incorpor&#195;&#169;es dans le logiciel sous forme de texture, plaqu&#195;&#169;es sur les surfaces vectorielles. L'image restitu&#195;&#169;e &#195; l'&#195;&#169;cran est donc la somme des calculs effectu&#195;&#169;s &#195; partir des coordonn&#195;&#169;es des divers volumes pr&#195;&#169;sent dans l'espace du dessin, le type de mat&#195;&#169;rialit&#195;&#169; (solide, liquide, r&#195;&#169;fl&#195;&#169;chissant) depuis le point de vue d'un cam&#195;&#169;ra virtuelle.&lt;/p&gt;
&lt;p&gt;A partir de ces dessins vectoriels, on pourra aussi exporter des images matricielles, du PDF, ou des animations, mais un export en 3D vers d'autres logiciels est possible, dont les imprimantes 3D ou le fichier .obj.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Op&#195;&#169;rations vectorielles&lt;/h2&gt;
&lt;p&gt;L'op&#195;&#169;ration de base en dessin vectoriel est &#195;&#169;videmment le dessin, c'est &#195; dire la cr&#195;&#169;ation de ligne, de courbes et de surfaces dans l'espace 3d. Ces formes sont appel&#195;&#169;es des &#034;primitives&#034;. La complexit&#195;&#169; surgit directement : de quel point &#195; quel point dessine-t-on ? Sketchup se rattachera g&#195;&#169;n&#195;&#169;ralement aux surfaces d&#195;&#169;j&#195; cr&#195;&#169;&#195;&#169;es, par d&#195;&#169;faut le sol sera le point de chute de tous les traits. Sketchup donne des informations sur la direction du dessins par des couleurs et des rep&#195;&#168;res dynamiques qui indiquent verticalit&#195;&#169;, ou l'alignement de deux points par exemple.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_560 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L483xH251/s7-1a307.gif?1726877231' width='483' height='251' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;La logique du dessin vectoriel est une des choses les plus &#195;&#169;tranges &#195; comprendre lorsqu'on d&#195;&#169;bute. Comme le pathfinder dans illustrator, la puissance des logiciels 3D se trouve dans leur capacit&#195;&#169; &#195; effectuer des op&#195;&#169;rations &#195; partir de plusieurs volumes : addition, soustraction.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;L'extrusion&lt;/strong&gt; est l'outil le plus utilis&#195;&#169;. Elle consiste &#195; cr&#195;&#169;er une forme tridimensionnelle &#195; partir d'un objet plan. L'extrusion peut se faire positivement (on cr&#195;&#169;e alors un volume &#195; partir d'une surface) ou n&#195;&#169;gativement (on retire un volume dans un autre). &lt;a href=&#034;https://www.youtube.com/watch?v=uOrfZM6nY-U&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Voir une vid&#195;&#169;o sur ce suje&lt;/a&gt;t.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_558 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH300/extrude12-0219c.png?1761237392' width='500' height='300' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;L'extrusion, alli&#195;&#169;e &#195; l'imagination, permet de cr&#195;&#169;er des objets tr&#195;&#168;s complexes.&lt;/p&gt;
&lt;iframe width=&#034;520&#034; height=&#034;405&#034; src=&#034;http://www.youtube.com/embed/JYNDEy8DhFI&#034; frameborder=&#034;0&#034; allowfullscreen&gt;&lt;/iframe&gt;&lt;h2 class=&#034;spip&#034;&gt;Principe du composant - instances&lt;/h2&gt;
&lt;p&gt;Sketchup permet d'utiliser des composants. On cr&#195;&#169;e un objet, que l'on enregistre en tant que composant. On peut ensuite cr&#195;&#169;er &#195; partir de ce composant diverses &lt;strong&gt;instances&lt;/strong&gt;, c'est &#195; dire une copie de cet objet qui reste connect&#195;&#169;e &#195; son mod&#195;&#168;le. Toute modification du composant modifie tout ses instances. C'est un outil puissant pour d&#195;&#169;velopper des dessins complexes et les modifier rapidement. Une for&#195;&#170;t peut &#195;&#170;tre fabriqu&#195;&#169;e sur la base de quelques arbres, dupliqu&#195;&#169;s des centaines de fois et modifi&#195;&#169;s l&#195;&#169;g&#195;&#168;rement en hauteur ou largeur. Dans l'exemple suivant, un escalier dessin&#195;&#169; &#195; partir d'une marche.&lt;/p&gt;
&lt;iframe width=&#034;520&#034; height=&#034;405&#034; src=&#034;http://www.youtube.com/embed/riNTxc-86pw&#034; frameborder=&#034;0&#034; allowfullscreen&gt;&lt;/iframe&gt;
&lt;p&gt;On peut de plus enregistrer les composants et les partager. Sketchup est accompagn&#195;&#169; d'un outil permettant de rechercher des mod&#195;&#168;les archiv&#195;&#169;s par Google.&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>Autour du copyleft</title>
		<link>http://arts-numeriques.codedrops.net/Autour-du-copyleft</link>
		<guid isPermaLink="true">http://arts-numeriques.codedrops.net/Autour-du-copyleft</guid>
		<dc:date>2011-12-11T18:39:31Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>St&#233;phane Noel</dc:creator>



		<description>
&lt;p&gt;Les droits sur la consommation et le partage des cr&#195;&#169;ations num&#195;&#169;riques est un enjeu important depuis que nous sommes entr&#195;&#169; dans l'&#195;&#168;re de l'information. &lt;br class='autobr' /&gt; Au moyen age, l'attitude d'un ange dans une annonciation, une composition de mise en croix r&#195;&#169;ussies donnaient immanquablement droit &#195; des copies et recopies sans que qui ne ce soit ne crie au plagiat, ou se sente le droit de trainer en justice un individu pour demander r&#195;&#169;paration ou destruction de la &#034;copie&#034;. C'est que le peintre du (&#8230;)&lt;/p&gt;


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


		</description>


 <content:encoded>&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L150xH96/arton315-cb492.png?1761237393' class='spip_logo spip_logo_right' width='150' height='96' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Les droits sur la consommation et le partage des cr&#195;&#169;ations num&#195;&#169;riques est un enjeu important depuis que nous sommes entr&#195;&#169; dans l'&#195;&#168;re de l'information.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;Au moyen age, l'attitude d'un ange dans une annonciation, une composition de mise en croix r&#195;&#169;ussies donnaient immanquablement droit &#195; des copies et recopies sans que qui ne ce soit ne crie au plagiat, ou se sente le droit de trainer en justice un individu pour demander r&#195;&#169;paration ou destruction de la &#034;copie&#034;. C'est que le peintre du moyen-age est un artisan, et que recopier son oeuvre demande autant de travail que l'original. Les artisans d'autre part sont form&#195;&#169;s en atelier, ils re&#195;&#167;oivent une formation qu'ils transmettent. Mais d&#195;&#168;s que le concept d'&#034;artiste&#034; apparait, au 16eme si&#195;&#168;cle environ, le g&#195;&#169;nie et l'imagination se privatisent, et on va pouvoir enfin s'&#195;&#169;triper dans les salons pour savoir qui &#034;invente&#034; ou &#034;cr&#195;&#169;e&#034; le premier.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Reproduction m&#195;&#169;canique&lt;/h2&gt;
&lt;p&gt;Le &lt;a href=&#034;http://fr.wikipedia.org/wiki/Droit_d%27auteur&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;droit d'auteur&lt;/a&gt; nait surtout avec les moyens de reproduction m&#195;&#169;caniques, d&#195;&#168;s les ann&#195;&#169;es 1440, avec la mise en place de l'industrie de l'imprimerie. Ironie du sort, la duplication permet d&#195;&#168;s l'origine des b&#195;&#169;n&#195;&#169;fices pour l'imprimeur avec une loi lui permettant un &#034;privil&#195;&#168;ge&#034; (c'est le terme technique) sur un certain territoire et pour une certaine dur&#195;&#169;e. Le droit d'auteur est bien li&#195;&#169; aux techniques de duplication.&lt;/p&gt;
&lt;p&gt;On distingue, &#195; l'int&#195;&#169;rieur des co&#195; &#187;ts d'une oeuvre, les &lt;i&gt;co&#195; &#187;ts fixes&lt;/i&gt;, co&#195; &#187;ts de cr&#195;&#169;ation d'une oeuvre d'art, et ses co&#195; &#187;ts de duplications, appel&#195;&#169;s &lt;i&gt;frais marginaux&lt;/i&gt;.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Glissements progressifs et clash informatique&lt;/h2&gt;
&lt;p&gt;Le droit d'auteur est ancien : 1440 pour ses d&#195;&#169;buts, puis une s&#195;&#169;rie de r&#195;&#169;formes importantes au 18eme et 19eme si&#195;&#168;cle. Mais l'apparition de nouvelles techniques de duplication comme le disque, la radio, la cassette audio et vid&#195;&#169;o, vont acc&#195;&#169;l&#195;&#169;rer le travail des juristes. L'acc&#195;&#169;l&#195;&#169;ration des communications (train, voiture, avion, internet) aussi.&lt;/p&gt;
&lt;p&gt;Paradoxalement, alors que les moyens de production se d&#195;&#169;mocratisent, on assiste aujourd'hui &#195; la concentration des d&#195;&#169;tenteurs de droits (de grosses compagnies dans tous les secteurs industriels et dans les industries culturelles), qui va de pair avec un travail de lobby puissant. La loi Hadopi, en France, est le fruit d'un travail de lobby de grands groupes, sans que l'on voie ce que le public &#195; vraiment &#195; y gagner. Les fournisseurs d'acc&#195;&#168;s internet se sont vu oblig&#195;&#169;s de communiquer la liste des plus gros t&#195;&#169;l&#195;&#169;chargeurs, en vue de les contacter pour les menacer de la fameuse &#034;&lt;a href=&#034;http://fr.wikipedia.org/wiki/Riposte_gradu%C3%A9e&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;riposte gradu&#195;&#169;e&lt;/a&gt;&#034; pr&#195;&#169;vue par la loi. Il faut dire que la duplication &#195; l'&#195;&#168;re d'internet n'a rien de commun avec ce qui a &#195;&#169;t&#195;&#169; fait auparavant. Le copyright est devenu aujourd'hui un droit agressif et les anecdotes absurdes sont cit&#195;&#169;es par centaines : montage vid&#195;&#169;o en wallon de Prison Break attaqu&#195;&#169;s par la Fox en personne, etc.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Copyleft&lt;/h2&gt;
&lt;p&gt;Le terme Copyleft est un jeu de mot sur Copyright. En fait le copyleft n'est pas une n&#195;&#169;gation, un anti-copyright, mais s'appuie sur le copyright pour d&#195;&#169;fendre les droits des utilisateurs, plut&#195;&#180;t que ceux des cr&#195;&#169;ateurs.&lt;br class='autobr' /&gt;
&#034;&lt;i&gt;Le copyleft est la possibilit&#195;&#169; donn&#195;&#169;e par l'auteur d'un travail soumis au droit d'auteur (&#197;&#8220;uvre d'art, texte, programme informatique, etc.) de copier, d'utiliser, d'&#195;&#169;tudier, de modifier et/ou de distribuer son &#197;&#8220;uvre dans la mesure o&#195;&#185; ces possibilit&#195;&#169;s restent pr&#195;&#169;serv&#195;&#169;es.&lt;/i&gt;&#034; (&lt;a href=&#034;http://fr.wikipedia.org/wiki/Copyleft&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Wikipedia&lt;/a&gt;)&lt;/p&gt;
&lt;p&gt;Le copyleft tire son origine du projet GNU. Richard Stallman, programmeur au MIT, travaille en 1984 sur un syst&#195;&#168;me d'exploitation distribu&#195;&#169; librement. Un probl&#195;&#168;me juridique lui pose question : s'il d&#195;&#169;pose des droits d'auteur sur le logiciel, personne ne pourra l'utiliser librement. S'il le distribue sans prot&#195;&#169;ger ses droits, n'importe qui peut s'en saisir, le d&#195;&#169;clarer sien et faire payer des droits &#195; son utilisation. Il faut donc cr&#195;&#169;er un nouveau statut. Qu'il d&#195;&#169;signe comme du copyleft. Il cr&#195;&#169;e en 1985 la Free Software Foundation en 1985 et la licence GPL en 1989. Cette licence garantit le droit des utilisateurs, plut&#195;&#180;t que ceux du cr&#195;&#169;ateur. L'utilisateur re&#195;&#167;oit : &lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; La libert&#195;&#169; d'ex&#195;&#169;cuter le logiciel, pour n'importe quel usage ;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; La libert&#195;&#169; d'&#195;&#169;tudier le fonctionnement d'un programme et de l'adapter &#195; ses besoins, ce qui passe par l'acc&#195;&#168;s aux codes sources ;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; La libert&#195;&#169; de redistribuer des copies ;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; La libert&#195;&#169; de faire b&#195;&#169;n&#195;&#169;ficier &#195; la communaut&#195;&#169; des versions modifi&#195;&#169;es.&lt;/p&gt;
&lt;p&gt;La licence GPL ne donne pas &#195; l'utilisateur des droits de redistribution sans limite. Le droit de redistribuer est garanti seulement si l'utilisateur fournit publiquement le code source de la version modifi&#195;&#169;e. En outre, les copies distribu&#195;&#169;es, incluant les modifications, doivent &#195;&#170;tre aussi sous les termes de la licence GPL.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Gratuit&#195;&#169; et Copyleft&lt;/h2&gt;
&lt;p&gt;Il faut bien distinguer gratuit&#195;&#169; et copyleft. Beaucoup de logiciels sont distribu&#195;&#169; comme freeware, ou gratuiciel, sans pour autant &#195;&#170;tre open source : l'auteur garde les droits complet sur le logiciel, dont on ne peut disposer des codes sources et que l'on ne peut pas distribuer, ni modifier, ni vendre.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Open Source&lt;/h2&gt;
&lt;p&gt;En anglais, logiciel libre se dit &#034;free software&#034;. Mais &lt;i&gt;free&lt;/i&gt; signifie aussi &#034;gratuit&#034;, ce qui est vrai, mais r&#195;&#169;ducteur. Afin de lever l'ambiguit&#195;&#169;, Christine Peterson du Foresight Institute proposa &lt;i&gt;Open Source&lt;/i&gt;, et ainsi garder &#195; l'esprit des utilisateurs qu'un logiciel a un co&#195; &#187;t. Il s'agissait &#195;&#169;galement de choisir un vocabulaire correspondant mieux au monde des affaires, le terme Free (gratuit) de Free Software risquant g&#195;&#169;n&#195;&#169;ralement d'inqui&#195;&#169;ter les entreprises.&lt;br class='manualbr' /&gt;le terme s'applique aux logiciels dont la licence respecte des crit&#195;&#168;res pr&#195;&#169;cis&#195;&#169;ment &#195;&#169;tablis par l'&lt;a href=&#034;http://fr.wikipedia.org/wiki/Open_Source_Initiative&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Open Source Initiative&lt;/a&gt;, c'est-&#195; -dire la possibilit&#195;&#169; de libre redistribution, d'acc&#195;&#168;s au code source et aux travaux d&#195;&#169;riv&#195;&#169;s. Ces crit&#195;&#168;res ne sont pas juridiques, donc Open Source et Copyleft ne sont pas synonymes, ce qui complique parfois les discussions.&lt;br class='manualbr' /&gt;On parlera donc plut&#195;&#180;t de &lt;a href=&#034;http://fr.wikipedia.org/wiki/FLOSS&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;FLOSS&lt;/a&gt;, qui qualifie &#195; la fois les logiciels libres et les logiciels open source.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Copyleft et &#195;&#169;conomie&lt;/h2&gt;
&lt;p&gt;Stallman n'est pas communiste. Libre penseur &#195; l'am&#195;&#169;ricaine, il est aussi pour la libre entreprise. Sa licence tend &#195; garantir l'&#195;&#169;volution des logiciels et consid&#195;&#168;re que la protection des logiciels par des brevets nuit au progr&#195;&#168;s informatique et donc au bien commun. Les licences propri&#195;&#169;taires emp&#195;&#170;chent de son point de vue une redistribution correcte des riches intellectuelles mais aussi mon&#195;&#169;taires : les d&#195;&#169;tenteurs de licence contr&#195;&#180;lent et monnaient celle-ci d'autant plus cher qu'ils les rendent incontournables. Le pouvoir de ceux qui en ont se renforce et ils n'ont dans ce cas nul besoin de faire &#195;&#169;voluer leurs programmes tant qu'ils n'ont pas pleinement exploit&#195;&#169; ceux-ci. &lt;br class='manualbr' /&gt;Le logiciel libre est d'autre part rentable &#195;&#169;conomiquement : les logiciels sont fournis librement, mais les services qui les entourent sont factur&#195;&#169;s normalement : l'installation et la maintenance d'un serveur web Apache par exemple est une activit&#195;&#169; r&#195;&#169;mun&#195;&#169;ratrice.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Creative commons&lt;/h2&gt;
&lt;p&gt;La notion de copyleft s'est &#195;&#169;tendue au del&#195; des fronti&#195;&#168;res du logiciel, et des cadres juridiques ont &#195;&#169;t&#195;&#169; pens&#195;&#169; pour l'appliquer aux oeuvres d'art. Le droit d'auteur est soumis &#195; diff&#195;&#169;rentes lois suivant les pays, c'est donc un v&#195;&#169;ritable casse t&#195;&#170;te de produire des licences permettant d'ouvrir les droits sur des ouvres d'art (musique, cin&#195;&#169;ma, animation, image, etc.). Une association s'est donc cr&#195;&#169;&#195;&#169;e pour mettre au point des licence &#034;&lt;a href=&#034;http://creativecommons.org/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;creative commons&lt;/a&gt;&#034; correspondant &#195; la l&#195;&#169;gislation de chaque pays au cas par cas.&lt;/p&gt;
&lt;p&gt;Ces licences, selon leur choix, restreignent seulement quelques droits (ou aucun) des travaux.&lt;/p&gt;
&lt;p&gt;Six possibilit&#195;&#169;s combin&#195;&#169;es autour de quatre p&#195;&#180;les d&#195;&#169;finissent les diff&#195;&#169;rents usages :&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_492 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L268xH268/cc_icons-48301.jpg?1726877207' width='268' height='268' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Attribution : signature de l&#226;&#8364;&#8482;auteur initial (ce choix est obligatoire en droit fran&#195;&#167;ais) (sigle : BY)&lt;/p&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Non Commercial : interdiction de tirer un profit commercial de l&#226;&#8364;&#8482;&#197;&#8220;uvre sans autorisation de l'auteur (sigle : NC)&lt;/p&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; No derivative works : impossibilit&#195;&#169; d&#226;&#8364;&#8482;int&#195;&#169;grer tout ou partie dans une &#197;&#8220;uvre composite ; l'&#195;&#169;chantillonnage (sampling), par exemple, devenant impossible (sigle : ND)&lt;/p&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Share alike : partage &#195; l'identique, avec obligation de rediffuser selon la m&#195;&#170;me licence ou une licence similaire (version ult&#195;&#169;rieure ou localis&#195;&#169;e) (sigle : SA)&lt;/p&gt;
&lt;p&gt;On peut combiner ces licence : on peut imposer de nommer l'auteur et permettre la modification si l'oeuvre nouvelle reprend les m&#195;&#170;mes droits au final.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Open hardware et autres d&#195;&#169;riv&#195;&#169;s&lt;/h2&gt;
&lt;p&gt;Autour des notions de open source on trouve aujourd'hui des initiatives tendant vers le design et les objets &#034;r&#195;&#169;els&#034; avec le &#034;&lt;a href=&#034;http://fr.wikipedia.org/wiki/Mat%C3%A9riel_libre&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;open hardware&lt;/a&gt;&#034;, avec des projets aussi divers que des voiturs, des machines &#195; laver, des t&#195;&#169;l&#195;&#169;phones portables et des outils &#195;&#169;lectroniques et m&#195;&#169;dicaux.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Quelques vid&#195;&#169;os&lt;/h2&gt;
&lt;p&gt;Une intervention &#195;&#169;difiante de &lt;strong&gt;Johanna Blakely chez TED&lt;/strong&gt; concernant la propri&#195;&#169;t&#195;&#169; intellectuelle dans le domaine de la mode.&lt;/p&gt;
&lt;object width=&#034;398&#034; height=&#034;374&#034;&gt;
&lt;param name=&#034;movie&#034; value=&#034;http://video.ted.com/assets/player/swf/EmbedPlayer.swf&#034;&gt;&lt;/param&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;wmode&#034; value=&#034;transparent&#034;&gt;&lt;/param&gt;
&lt;param name=&#034;bgColor&#034; value=&#034;#ffffff&#034;&gt;&lt;/param&gt;
&lt;param name=&#034;flashvars&#034; value=&#034;vu=http://video.ted.com/talk/stream/2009X/Blank/JohannaBlakley_2009X-320k.mp4&amp;su=http://images.ted.com/images/ted/tedindex/embed-posters/JohannaBlakely-2009X.embed_thumbnail.jpg&amp;vw=384&amp;vh=288&amp;ap=0&amp;ti=866&amp;lang=fr&amp;introDuration=15330&amp;adDuration=4000&amp;postAdDuration=830&amp;adKeys=talk=johanna_blakley_lessons_from_fashion_s_free_culture;year=2010;theme=art_unusual;theme=women_reshaping_the_world;theme=design_like_you_give_a_damn;theme=tales_of_invention;theme=not_business_as_usual;theme=unconventional_explanations;theme=the_creative_spark;event=TEDxUSC;tag=Business;tag=Culture;tag=Design;tag=creativity;tag=fashion;tag=law;tag=media;&amp;preAdTag=tconf.ted/embed;tile=1;sz=512x288;&#034; /&gt;
&lt;embed src=&#034;http://video.ted.com/assets/player/swf/EmbedPlayer.swf&#034; pluginspace=&#034;http://www.macromedia.com/go/getflashplayer&#034; type=&#034;application/x-shockwave-flash&#034; wmode=&#034;transparent&#034; bgColor=&#034;#ffffff&#034; width=&#034;398&#034; height=&#034;374&#034; allowFullScreen=&#034;true&#034; allowScriptAccess=&#034;always&#034; flashvars=&#034;vu=http://video.ted.com/talk/stream/2009X/Blank/JohannaBlakley_2009X-320k.mp4&amp;su=http://images.ted.com/images/ted/tedindex/embed-posters/JohannaBlakely-2009X.embed_thumbnail.jpg&amp;vw=384&amp;vh=288&amp;ap=0&amp;ti=866&amp;lang=fr&amp;introDuration=15330&amp;adDuration=4000&amp;postAdDuration=830&amp;adKeys=talk=johanna_blakley_lessons_from_fashion_s_free_culture;year=2010;theme=art_unusual;theme=women_reshaping_the_world;theme=design_like_you_give_a_damn;theme=tales_of_invention;theme=not_business_as_usual;theme=unconventional_explanations;theme=the_creative_spark;event=TEDxUSC;tag=Business;tag=Culture;tag=Design;tag=creativity;tag=fashion;tag=law;tag=media;&amp;preAdTag=tconf.ted/embed;tile=1;sz=512x288;&#034;&gt;&lt;/embed&gt;
&lt;/object&gt;
&lt;p&gt;Le documentaire &lt;strong&gt;&#034;Good copy bad copy&#034;&lt;/strong&gt; de ANDREAS JOHNSEN, &lt;br class='autobr' /&gt;
RALF CHRISTENSEN et HENRIK MOLTKE, Danemark, 2007. Ce film parle notamment du site Piratebay, mais aussi du Gray album de Danger Mouse et Tecno brega, un mouvement musical br&#195;&#169;silien.&lt;/p&gt;
&lt;iframe src=&#034;http://blip.tv/play/Aa2hDAI.html&#034; width=&#034;550&#034; height=&#034;332&#034; frameborder=&#034;0&#034; allowfullscreen&gt;&lt;/iframe&gt;
&lt;p&gt;&lt;embed type=&#034;application/x-shockwave-flash&#034; src=&#034;http://a.blip.tv/api.swf#Aa2hDAI&#034; style=&#034;display:none&#034;&gt;&lt;/embed&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Copier n'est pas voler&lt;/strong&gt; est un documentaire r&#195;&#169;alis&#195;&#169; par l&#226;&#8364;&#8482;association COAGUL (C&#195;&#180;te-d&#226;&#8364;&#8482;Or - Association G&#195;&#169;n&#195;&#169;rale des Utilisateurs de Logiciels libres).&lt;/p&gt;
&lt;iframe width=&#034;420&#034; height=&#034;315&#034; src=&#034;http://www.youtube.com/embed/W7pLQ8-_l54&#034; frameborder=&#034;0&#034; allowfullscreen&gt;&lt;/iframe&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>L'imposition</title>
		<link>http://arts-numeriques.codedrops.net/L-imposition</link>
		<guid isPermaLink="true">http://arts-numeriques.codedrops.net/L-imposition</guid>
		<dc:date>2011-11-20T23:06:17Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>St&#233;phane Noel</dc:creator>



		<description>
&lt;p&gt;L'imposition n'est pas un terme d'image num&#195;&#169;rique, mais d'impression. Pourtant, il faut maitriser ce concept pour pouvoir parler aux imprimeurs lorsque l'on pr&#195;&#169;sente son PDF, et/ou allier le meilleur de la PAO par le bricolage ordi/main. &lt;br class='autobr' /&gt; L'imposition est le montage de pages d'un document sur une feuille plus grande. Par pliage on obtient ainsi un livre (g&#195;&#169;n&#195;&#169;ralement recto/verso) ou une partie de livre. Les pages ont une disposition et une orientation qui pr&#195;&#169;pare l'&#195;&#169;tape de finition, (&#8230;)&lt;/p&gt;


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


		</description>


 <content:encoded>&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L150xH112/arton312-fa2e5.jpg?1761237393' class='spip_logo spip_logo_right' width='150' height='112' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;L'imposition n'est pas un terme d'image num&#195;&#169;rique, mais d'impression. Pourtant, il faut maitriser ce concept pour pouvoir parler aux imprimeurs lorsque l'on pr&#195;&#169;sente son PDF, et/ou allier le meilleur de la PAO par le bricolage ordi/main.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;L'imposition est le montage de pages d'un document sur une feuille plus grande. Par pliage on obtient ainsi un livre (g&#195;&#169;n&#195;&#169;ralement recto/verso) ou une partie de livre. Les pages ont une disposition et une orientation qui pr&#195;&#169;pare l'&#195;&#169;tape de finition, c'est &#195; dire le moment ou le livre sera agraf&#195;&#169; ou coll&#195;&#169;, avec des recto-verso corrects.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_479 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH182/Impo_8_poses-422b2.jpg?1761237393' width='500' height='182' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&#034;http://fr.wikipedia.org/wiki/Imposition_%28imprimerie%29&#034; class=&#034;spip_url spip_out auto&#034; rel=&#034;nofollow external&#034;&gt;http://fr.wikipedia.org/wiki/Imposition_%28imprimerie%29&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;L'imposition est surtout utilis&#195;&#169;e pour l'impression offset, et dans ce cas on obtient des cahiers, ensemble de 16 pages, assembl&#195;&#169;s et cousus ensemble pour obtenir des livres.&lt;/p&gt;
&lt;p&gt;En impression num&#195;&#169;rique, on utilisera l'imposition sur des reliures agraf&#195;&#169;es, bon march&#195;&#169; et rapide &#195; la production. On d&#195;&#169;marrera alors de format A3 ou A4 pour obtenir, en les pliant en deux, des livres respectivement en A4 ou A5.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Qui effectue le travail d'imposition ?&lt;/h2&gt;
&lt;p&gt;La plupart du temps, c'est l'imprimeur qui effectue le travail d'imposition, sp&#195;&#169;cialement pour les livres imprim&#195;&#169;s en offset : ce travail est d&#195;&#169;licat car il faut tenir compte lors de l'imposition de l'&#195;&#169;paisseur du papier et la s&#195;&#169;quence des plis. En effet, chaque pli produit une sur&#195;&#169;paisseur qui peut d&#195;&#169;caler les rep&#195;&#168;res d'impression. Les imprimeurs disposent de logiciels sp&#195;&#169;cifiquement con&#195;&#167;u pour prendre en charge un document PDF et le disposer sur la plaque d'impression avec les rep&#195;&#168;res de montages et les d&#195;&#169;calages en pr&#195;&#169;vision du pliage et de la coupe.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_480 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH329/02_etapes-reliure-big-53ebb.jpg?1761237393' width='500' height='329' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Impression num&#195;&#169;rique&lt;/h2&gt;
&lt;p&gt;Lorsque l'on travaille avec un imprimeur digital, il faut prendre ses renseignements avant le montage pour savoir si l'imprimeur dispose d'un logiciel (ou d'une m&#195;&#169;thode) particulier pour r&#195;&#169;aliser l'imposition. La plupart des imprimeurs digitaux proposant des finitions avec agrafes disposent d'un plug-in pour Adobe Acrobat (Quite Imposing est le plus connu) qui permet de r&#195;&#169;aliser cette op&#195;&#169;ration facilement.&lt;/p&gt;
&lt;p&gt;Dans ce cas, pr&#195;&#169;parez le document au format final ferm&#195;&#169; (la taille du livre lorsqu'il sera assembl&#195;&#169; et ferm&#195;&#169;) en tenant compte du bord perdu sp&#195;&#169;cifi&#195;&#169; par l'imprimeur.&lt;/p&gt;
&lt;p&gt;Il arrive cependant que l'imposition soit votre travail, soit parce que le travail comporte peu de pages, soit que l'imprimeur ne prend pas en charge la finition, ou parce que vous travaillez avec un imprimante personnelle.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Imposition avec un logiciel PAO&lt;/h2&gt;
&lt;p&gt;Il existe depuis la version 3 d'Adobe CS un outil interne dans Indesign pr&#195;&#169;vu pour l'imposition &#195; destination d'imprimante personnelle. Cette option s'appelle &#034;imprimer le livret&#034;. Pour ne pas concurrencer des plug-in commerciaux, cette option ne permet pas d'exporter de PDF, ce qui est f&#195;&#162;cheux lorsque l'on veut externaliser la production.&lt;br class='manualbr' /&gt;Il est cependant possible de contourner cette limitation par l'exportation d'un fichier postscript &#195; distiller avec le logiciel Acrobat Distiller.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Imposition manuelle avec un logiciel PAO&lt;/h2&gt;
&lt;p&gt;Cette m&#195;&#169;thode consiste &#195; pr&#195;&#169;parer le document impos&#195;&#169; directement dans un logiciel PAO, de mani&#195;&#168;re &#195; produire un PDF &#034;standard&#034; et de directement l'imprimer en recto-verso, sans autre type de pr&#195;&#169;paration.&lt;/p&gt;
&lt;p&gt;Beaucoup utilis&#195;&#169;e pour des livres de petite taille (quart d'A4, Huiti&#195;&#168;me d'A4) destin&#195;&#169; &#195; &#195;&#170;tre pli&#195;&#169; ensuite, ou lorsque l'on pr&#195;&#169;voit d'imprimer plusieurs fois le la m&#195;&#170;me page sur une m&#195;&#170;me feuille.&lt;br class='manualbr' /&gt;Cette m&#195;&#169;thode est un peu technique : il faut connaitre l'organisation et l'orientation des pages. Souvent, la r&#195;&#169;alisation d'une maquette papier est n&#195;&#169;cessaire pour rep&#195;&#169;rer la m&#195;&#169;thode de pliage et donc de pr&#195;&#169;paration du document.&lt;/p&gt;
&lt;p&gt;&lt;span class='spip_document_481 spip_documents spip_documents_center'&gt;&lt;img src='http://arts-numeriques.codedrops.net/local/cache-vignettes/L500xH374/kidzines_3-c42cf.jpg?1761237393' width='500' height='374' alt=&#034;&#034; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Imposition par montage papier&lt;/h2&gt;
&lt;p&gt;Il est possible de monter apr&#195;&#168;s tirage un document pour l'impression &#195; la photocopieuse. Il s'agit alors d'imprimer le document et d'imposer avec du scotch les pages en vis &#195; vis.&lt;/p&gt;
&lt;p&gt;Par exemple pour un document de 16 pages &lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; pages 16 et 1 &lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; pages 2 et 15
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; pages 14 et 3
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; pages 4 et 13
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; pages 12 et 5
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; pages 6 et 11
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; pages 10 et 7
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; pages 8 et 9&lt;br class='manualbr' /&gt;ce qui nous fait 8 faces &#195; photocopier ensuite.&lt;/p&gt;
&lt;p&gt;Cette m&#195;&#169;thode beaucoup employ&#195;&#169;e dans le fanzinat (punk notamment) comporte le d&#195;&#169;savantage de faire chuter la qualit&#195;&#169; d'impression puisque l'on photocopie une sortie papier. Cela peut avoir son charme, mais les images de type photographie en souffrent.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Imposition analogique&lt;/h2&gt;
&lt;p&gt;Une vid&#195;&#169;o vaut mieux qu'un long discours :&lt;/p&gt;
&lt;iframe width=&#034;420&#034; height=&#034;315&#034; src=&#034;http://www.youtube.com/embed/Xh1W15BWCUk&#034; frameborder=&#034;0&#034; allowfullscreen&gt;&lt;/iframe&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>



</channel>

</rss>
