{"id":586,"date":"2007-04-18T23:34:15","date_gmt":"2007-04-18T22:34:15","guid":{"rendered":"http:\/\/www.multimedialab.be\/blog\/?p=586"},"modified":"2007-06-03T14:00:39","modified_gmt":"2007-06-03T13:00:39","slug":"publier-un-sketch-processing-en-ligne","status":"publish","type":"post","link":"http:\/\/www.multimedialab.be\/blog\/?p=586","title":{"rendered":"Publier un sketch Processing en ligne"},"content":{"rendered":"

Processing permet la publication de vos exp\u00c3\u00a9riences en ligne sous forme d’un applet Java incrust\u00c3\u00a9 dans une page HTML.<\/p>\n

\"im_processing02_482.gif\"<\/p>\n

<\/p>\n

Pour exporter un sketch afin de le publier en ligne : cliquez sur le bouton \u00ab\u00a0Export\u00a0\u00bb. Processing va exporter votre application sous la forme d’un dossier contenant notamment un applet Java accompagn\u00c3\u00a9 d’un fichier HTML. Lorsque l’exporation est termin\u00c3\u00a9e, le dossier s’ouvre sur le bureau.<\/p>\n

\"im_p5_482.gif\"<\/p>\n

Vous pouvez ouvrir le fichier \u00ab\u00a0index.html\u00a0\u00bb pour v\u00c3\u00a9rifier le comportement de votre applet dans Firefox :<\/p>\n

  • Click droit puis \u00ab\u00a0Ouvrir avec\u00a0\u00bb Firefox sous Windows.<\/li>\n
  • CTRL+Click puis \u00ab\u00a0Ouvrir avec\u00a0\u00bb Firefox sous MacOSX.<\/li>\n

    Il vous restera \u00c3\u00a0 uploader le dossier entier sur votre h\u00c3\u00a9bergement \u00c3\u00a0 l’aide de votre logiciel FTP (Cyberduck pour MacOSX, FileZilla pour Windows ou via la fonction FTP de nVU ou Dreamweaver) et \u00c3\u00a0 pointer ensuite le fichier \u00ab\u00a0index.html\u00a0\u00bb pour cr\u00c3\u00a9er un lien vers la page.<\/p>\n

    \"im_p5_06_482.gif\"<\/p>\n

    Dans le dossier applet, vous trouverez aussi le fichier .pde qui vous permet de partager votre code. Ce fichier peut bien s\u00c3\u00bbr s’ouvrir avec un \u00c3\u00a9diteur de texte, puisqu’il s’agit de code pur.<\/p>\n

    ATTENTION : <\/strong>
    \nun \u00ab\u00a0\u00c3\u00a9diteur de texte\u00a0\u00bb ou \u00ab\u00a0\u00c3\u00a9diteur de code\u00a0\u00bb est un logiciel qui fonctionne en \u00ab\u00a0plain text\u00a0\u00bb, c’est-\u00c3\u00a0-dire qui produit du texte pur, CONTRAIREMENT \u00c3\u00a0 un logiciel de \u00ab\u00a0traitement de texte\u00a0\u00bb comme Microsoft Word, qui produit un texte format\u00c3\u00a9, contenant des informations de pr\u00c3\u00a9sentation (balises sp\u00c3\u00a9cifiques et autres signes cach\u00c3\u00a9s) qui polluerait votre fichier.<\/em><\/p>\n

    Utilisez donc un \u00c3\u00a9diteur de code comme Notepad++<\/a> ou Notepad2<\/a> sous Windows, ou Smultron<\/a> sous MacOSX. Quant \u00c3\u00a0 TextEdit<\/a>, il produit des fichiers dont la compatibilit\u00c3\u00a9 et la portabilit\u00c3\u00a9 est tr\u00c3\u00a8s variable. Le r\u00c3\u00a9glages des pr\u00c3\u00a9f\u00c3\u00a9rences est un vrai casse-t\u00c3\u00aate entre MacOSX et Windows, et son interpr\u00c3\u00a9tation de la norme Unicode<\/a> est parfois extr\u00c3\u00aamement bizarre.<\/p>\n

    Liens :<\/p>\n

  • http:\/\/processing.org\/reference\/environment\/export.html<\/a><\/li>\n
  • http:\/\/www.multimedialab.be\/cours\/processing\/index.htm<\/a><\/li>\n
  • http:\/\/www.multimedialab.be\/cours\/logiciels\/processing.htm<\/a><\/li>\n","protected":false},"excerpt":{"rendered":"

    Processing permet la publication de vos exp\u00c3\u00a9riences en ligne sous forme d’un applet Java incrust\u00c3\u00a9 dans une page HTML.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,14],"tags":[],"class_list":["post-586","post","type-post","status-publish","format-standard","hentry","category-code","category-processing"],"_links":{"self":[{"href":"http:\/\/www.multimedialab.be\/blog\/index.php?rest_route=\/wp\/v2\/posts\/586","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.multimedialab.be\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.multimedialab.be\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.multimedialab.be\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.multimedialab.be\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=586"}],"version-history":[{"count":0,"href":"http:\/\/www.multimedialab.be\/blog\/index.php?rest_route=\/wp\/v2\/posts\/586\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.multimedialab.be\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=586"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.multimedialab.be\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=586"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.multimedialab.be\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=586"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}