{"id":2426,"date":"2008-11-26T08:00:37","date_gmt":"2008-11-26T07:00:37","guid":{"rendered":"http:\/\/www.hyperbate.com\/dernier\/?p=2426"},"modified":"2008-11-26T08:00:37","modified_gmt":"2008-11-26T07:00:37","slug":"processing-premier-cours","status":"publish","type":"post","link":"https:\/\/hyperbate.fr\/dernier\/?p=2426","title":{"rendered":"Processing, premier cours"},"content":{"rendered":"<p>Je profite de l&rsquo;annonce d&rsquo;une version m\u00fbre (1.0) du logiciel Processing pour r\u00e9diger ici un tr\u00e8s modeste cours de manipulation de ce syst\u00e8me de programmation.<br \/>\nJe vais tenter de faire aussi court que possible, l&rsquo;id\u00e9e n&rsquo;\u00e9tant pas d&rsquo;\u00e9voquer tous les aspects de Processing mais plut\u00f4t de donner aux curieux un aper\u00e7u de la puissance et de la simplicit\u00e9 de mise en \u0153uvre de ce logiciel et de ce langage.<br \/>\nPremier \u00e9pisode : Qu&rsquo;est-ce que c&rsquo;est, \u00e0 quoi cela sert-il et comment l&rsquo;installe-t-on ?<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-medium wp-image-2437\" src=\"\/dernier\/files\/2008\/11\/processing_2.png\" alt=\"\" width=\"530\" height=\"100\" srcset=\"https:\/\/hyperbate.fr\/dernier\/files\/2008\/11\/processing_2.png 530w, https:\/\/hyperbate.fr\/dernier\/files\/2008\/11\/processing_2-300x56.png 300w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/><\/p>\n<h4>\u00c0 quoi sert processing ?<\/h4>\n<p>Processing est un logiciel d\u00e9di\u00e9 \u00e0 la programmation cr\u00e9ative.<br \/>\nIl permet entre autres de cr\u00e9er des images fixes ou anim\u00e9es, \u00e9ventuellement interactives. Il permet aussi de manipuler ou de g\u00e9n\u00e9rer des textes, des images vectorielles, des images en trois dimensions (OpenGL), du son, et de parser du XML (si vous ne comprenez pas ce que \u00e7a signifie, ce n&rsquo;est pas grave).<br \/>\nEnfin, les capacit\u00e9s de Processing peuvent-\u00eatre \u00e9tendues \u00e0 l&rsquo;aide de librairies d&rsquo;extensions et gr\u00e2ce \u00e0 des projets jumeaux tels que <a href=\"http:\/\/www.arduino.cc\/\" target=\"_blank\">Arduino<\/a> et <a href=\"http:\/\/www.wiring.org.co\/\" target=\"_blank\">Wiring<\/a>, qui permettent de piloter des appareils \u00e9lectroniques, ou <a href=\"http:\/\/mobile.processing.org\/\" target=\"_blank\">Mobile Processing<\/a>, qui est d\u00e9di\u00e9 \u00e0 la cr\u00e9ation d&rsquo;applications pour t\u00e9l\u00e9phones portables.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-medium wp-image-2432\" src=\"\/dernier\/files\/2008\/11\/processing_1.png\" alt=\"\" width=\"530\" height=\"100\" srcset=\"https:\/\/hyperbate.fr\/dernier\/files\/2008\/11\/processing_1.png 530w, https:\/\/hyperbate.fr\/dernier\/files\/2008\/11\/processing_1-300x56.png 300w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/><\/p>\n<p>Processing a \u00e9t\u00e9 cr\u00e9\u00e9 par des artistes (<a href=\"http:\/\/reas.com\/\" target=\"_blank\">Casey Reas<\/a> et <a href=\"http:\/\/benfry.com\/\" target=\"_blank\">Ben Fry<\/a>) pour des artistes.<br \/>\nIl s&rsquo;appuie sur la technologie Java, ce qui lui permet de fonctionner sur trois plate-formes : Windows, MacOS X et Linux.<br \/>\nCe syst\u00e8me est une alternative gratuite et open-source \u00e0 des logiciels auteur tels que Adobe Flash et Adobe Director. Malgr\u00e9 certaines lacunes qui en font un logiciel de production inadapt\u00e9 \u00e0 de nombreux cas<sup><a href=\"#footnote_1_2426\" id=\"identifier_1_2426\" class=\"footnote-link footnote-identifier-link\" title=\"pour r&eacute;pondre par avance &agrave; une question fr&eacute;quemment pos&eacute;e, la r&eacute;alisation d&rsquo;un site web n&rsquo;est pas du tout ce &agrave; quoi Processing peut typiquement servir\">1<\/a><\/sup> , Processing a de nombreux atouts. Je m&rsquo;y int\u00e9resse pour ma part en tant qu&rsquo;enseignant, car il me semble que Processing est extr\u00eamement p\u00e9dagogique de par sa simplicit\u00e9 de mise en \u0153uvre.<\/p>\n<h4>Mais encore ?<\/h4>\n<p><img decoding=\"async\" class=\"alignnone size-medium wp-image-2439\" src=\"\/dernier\/files\/2008\/11\/processing_21.png\" alt=\"\" width=\"530\" height=\"100\" srcset=\"https:\/\/hyperbate.fr\/dernier\/files\/2008\/11\/processing_21.png 530w, https:\/\/hyperbate.fr\/dernier\/files\/2008\/11\/processing_21-300x56.png 300w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/><\/p>\n<p>Si vous \u00eates artiste ou graphiste et que vous d\u00e9sirez r\u00e9aliser des installations num\u00e9riques ou des cr\u00e9ations visuelles \u00e0 imprimer, processing est un outil \u00e0 conna\u00eetre.<\/p>\n<p>On trouvera de nombreux exemples d&rsquo;utilisation de processing depuis <a href=\"http:\/\/processing.org\/exhibition\/index.html\" target=\"_blank\">les pages \u00ab\u00a0Exhibition\u00a0\u00bb du site processing.org<\/a>. Le site <a href=\"http:\/\/www.flight404.com\/blog\/\" target=\"_blank\">Flight404<\/a> contient de nombreuses animations qui bluffent g\u00e9n\u00e9ralement leurs spectateurs et qui constituent de ce fait une excellente publicit\u00e9.<br \/>\nBien plus modestement, <a href=\"http:\/\/www.hyperbate.fr\/processing\/\" target=\"_blank\">j&rsquo;ai r\u00e9uni ici des animations r\u00e9alis\u00e9es \u00e0 l&rsquo;aide de processing<\/a> pendant mon propre apprentissage (il y a donc beaucoup d&rsquo;exercices sans int\u00e9r\u00eat, il faut que je range tout \u00e7a) puis d&rsquo;autres <a href=\"http:\/\/www.hyperbate.fr\/processing_esah\/\" target=\"_blank\">r\u00e9alis\u00e9es par mes \u00e9tudiants de l&rsquo;\u00c9cole sup\u00e9rieure d&rsquo;arts du Havre lors d&rsquo;un workshop, ici<\/a>.<br \/>\nPour apprendre Processing, trois sources particuli\u00e8rement int\u00e9ressantes :<br \/>\n&#8211; Le site officiel, notamment pour ses pages\u00a0<a href=\"http:\/\/www.processing.org\/learning\/index.html\" target=\"_blank\">Learning<\/a> et <a href=\"http:\/\/www.processing.org\/reference\/index.html\" target=\"_blank\">Reference<\/a> (en anglais)<br \/>\n&#8211; Le <a href=\"http:\/\/www.ecole-art-aix.fr\/rubrique81.html\" target=\"_blank\">cours de programmation de Douglas Edric Stanley<\/a> (en collaboration avec Jeff Guess) \u00e0 l&rsquo;\u00e9cole d&rsquo;art d&rsquo;Aix en Provence (en fran\u00e7ais)<br \/>\n&#8211; Le <a href=\"http:\/\/www.shiffman.net\/teaching\/\" target=\"_blank\">cours de Daniel Shiffman<\/a> \u00e0 l&rsquo;Universit\u00e9 de New York (en anglais)<\/p>\n<h4>Installation<\/h4>\n<p>Pour installer Processing, il faut tout d&rsquo;abord se rendre sur <a href=\"http:\/\/processing.org\/download\/index.html\" target=\"_blank\">la page de t\u00e9l\u00e9chargement du site processing.org<\/a> et choisir la version qui est adapt\u00e9e \u00e0 sa configuration :<\/p>\n<p><a href=\"http:\/\/processing.org\/download\/index.html\"><img decoding=\"async\" class=\"alignnone size-medium wp-image-2434\" src=\"\/dernier\/files\/2008\/11\/download_processing.png\" alt=\"\" width=\"530\" height=\"105\" srcset=\"https:\/\/hyperbate.fr\/dernier\/files\/2008\/11\/download_processing.png 530w, https:\/\/hyperbate.fr\/dernier\/files\/2008\/11\/download_processing-300x59.png 300w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/><\/a><\/p>\n<p>&#8211; Linux si vous \u00eates sous Linux<br \/>\n&#8211; MacOS X si vous \u00eates sous MacOS X<br \/>\n&#8211; Windows sans java si vous \u00eates sous Windows et que vous pensez \u00eatre \u00e9quip\u00e9 de Java<br \/>\n&#8211; Windows (tout court) si la version pr\u00e9c\u00e9dente ne fonctionne pas.<br \/>\nUne fois le fichier t\u00e9l\u00e9charg\u00e9, l&rsquo;installation se fait tout simplement en d\u00e9pla\u00e7ant manuellement le dossier (ou le fichier unique dans le cas de la version MacOS) vers le r\u00e9pertoire de son choix (<em>applications<\/em> sur mac ou <em>program files<\/em> sous Windows, typiquement). C&rsquo;est pareil sous Linux, il n&rsquo;y a rien de sp\u00e9cial \u00e0 faire.<br \/>\nEnsuite on peut lancer le programme, c&rsquo;est aussi simple que \u00e7a.<br \/>\nEnfin presque car il peut y avoir des probl\u00e8mes qui seront relatifs \u00e0 la version de Java. Les vieux syst\u00e8mes MacOS X ne sauront pas ex\u00e9cuter les versions les plus r\u00e9centes de processing, et plus g\u00e9n\u00e9ralement, si Java est incorrectement install\u00e9, Processing ne saura pas se lancer.<br \/>\nSi Processing refuse de d\u00e9marrer, vous pouvez aller lire (en anglais) la liste des raisons possibles et le moyen de les contourner <a href=\"http:\/\/processing.org\/reference\/troubleshooting\/index.html#wontstart\" target=\"_blank\">sur cette page<\/a>.\u00a0<\/p>\n<p>Voil\u00e0, c&rsquo;\u00e9tait la partie ardue.<br \/>\nInstallez processing sur votre ordinateur, le prochain article sera consacr\u00e9 \u00e0 la r\u00e9daction d&rsquo;un tout premier programme.<\/p>\n<ol class=\"footnotes\"><li id=\"footnote_1_2426\" class=\"footnote\"> pour r\u00e9pondre par avance \u00e0 une question fr\u00e9quemment pos\u00e9e, la r\u00e9alisation d&rsquo;un site web n&rsquo;est pas du tout ce \u00e0 quoi Processing peut typiquement servir <span class=\"footnote-back-link-wrapper\"> [<a href=\"#identifier_1_2426\" class=\"footnote-link footnote-back-link\">&#8617;<\/a>]<\/span><\/li><\/ol>","protected":false},"excerpt":{"rendered":"<p>Je profite de l&rsquo;annonce d&rsquo;une version m\u00fbre (1.0) du logiciel Processing pour r\u00e9diger ici un tr\u00e8s modeste cours de manipulation de ce syst\u00e8me de programmation. Je vais tenter de faire aussi court que possible, l&rsquo;id\u00e9e n&rsquo;\u00e9tant pas d&rsquo;\u00e9voquer tous les aspects de Processing mais plut\u00f4t de donner aux curieux un aper\u00e7u de la puissance et [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[40],"tags":[],"class_list":["post-2426","post","type-post","status-publish","format-standard","hentry","category-processing"],"_links":{"self":[{"href":"https:\/\/hyperbate.fr\/dernier\/index.php?rest_route=\/wp\/v2\/posts\/2426","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hyperbate.fr\/dernier\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hyperbate.fr\/dernier\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hyperbate.fr\/dernier\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hyperbate.fr\/dernier\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2426"}],"version-history":[{"count":0,"href":"https:\/\/hyperbate.fr\/dernier\/index.php?rest_route=\/wp\/v2\/posts\/2426\/revisions"}],"wp:attachment":[{"href":"https:\/\/hyperbate.fr\/dernier\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2426"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hyperbate.fr\/dernier\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2426"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hyperbate.fr\/dernier\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2426"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}