{"id":224,"date":"2014-10-17T10:49:58","date_gmt":"2014-10-17T09:49:58","guid":{"rendered":"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/?p=224"},"modified":"2015-02-15T17:45:54","modified_gmt":"2015-02-15T16:45:54","slug":"soundburger-gastronomique","status":"publish","type":"post","link":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/?p=224","title":{"rendered":"SoundBurger Gastronomique"},"content":{"rendered":"<p style=\"text-align: center;\"><a href=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/banderole.jpg\"><img loading=\"lazy\" width=\"1000\" height=\"319\" class=\"alignnone size-full wp-image-392\" src=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/banderole.jpg\" alt=\"banderole\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/banderole.jpg 1000w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/banderole-300x95.jpg 300w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/banderole-960x306.jpg 960w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><!--more--><\/p>\n<p style=\"text-align: center;\">En ce d\u00e9but de premi\u00e8re ann\u00e9e de BTS Design Graphique, nous avons approch\u00e9 plusieurs logiciels, notamment un nouveau logiciel de cr\u00e9ation graphique : Processing. Bas\u00e9 sur l&#8217;utilisation du code Javascript, il permet de nombreuses cr\u00e9ations en tout genre, mais aussi la manipulation d&#8217;images.<\/p>\n<p style=\"text-align: center;\">C&#8217;est ainsi qu&#8217;a \u00e9t\u00e9 cr\u00e9\u00e9 le projet SoundBurger; un travail de groupe, en classe enti\u00e8re.<\/p>\n<p style=\"text-align: center;\">Chaque groupe avait acc\u00e8s \u00e0 un fichier Photoshop (psd) compos\u00e9 de diff\u00e9rentes parties (une par calque). \u00c0 eux, et \u00e0 leur imagination d\u00e9bordante, de r\u00e9aliser\u00a0le burger de leurs r\u00eaves!<\/p>\n<p style=\"text-align: center;\">\u00a0\u00a0<a href=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/GOD-GIF.gif\"><img loading=\"lazy\" class=\"alignnone  wp-image-229\" src=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/GOD-GIF.gif\" alt=\"Gif Sound Burger L\u00e9a Camille Julie\" width=\"299\" height=\"299\" \/><\/a><\/p>\n<p style=\"text-align: center;\">Voici le burger de base, ainsi que ses diff\u00e9rents \u00e9l\u00e9ments modifiables.<\/p>\n\n\t\t<style type=\"text\/css\">\n\t\t\t#gallery-1 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 33%;\n\t\t\t}\n\t\t\t#gallery-1 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div id='gallery-1' class='gallery galleryid-224 gallery-columns-3 gallery-size-thumbnail'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/?attachment_id=265'><img width=\"150\" height=\"150\" src=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/super-buger-playa-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" aria-describedby=\"gallery-1-265\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/super-buger-playa-150x150.png 150w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/super-buger-playa.png 300w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-265'>\n\t\t\t\tBurger Playa\n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/?attachment_id=260'><img width=\"150\" height=\"150\" src=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/burger-caillou-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" aria-describedby=\"gallery-1-260\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/burger-caillou-150x150.png 150w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/burger-caillou.png 300w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-260'>\n\t\t\t\tBurger Caillou\n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/?attachment_id=261'><img width=\"150\" height=\"150\" src=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/burger-julie-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" aria-describedby=\"gallery-1-261\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/burger-julie-150x150.png 150w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/burger-julie.png 300w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-261'>\n\t\t\t\tBurger Julie\n\t\t\t\t<\/dd><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/?attachment_id=262'><img width=\"150\" height=\"150\" src=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/burger-ordinateur-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" aria-describedby=\"gallery-1-262\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/burger-ordinateur-150x150.png 150w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/burger-ordinateur.png 300w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-262'>\n\t\t\t\tBurger Ordinateur\n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/?attachment_id=263'><img width=\"150\" height=\"150\" src=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/burger-sous-vetement-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" aria-describedby=\"gallery-1-263\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/burger-sous-vetement-150x150.png 150w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/burger-sous-vetement.png 300w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-263'>\n\t\t\t\tBurger Sous-V\u00eatements\n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/?attachment_id=264'><img width=\"150\" height=\"150\" src=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/hygiene-burger-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" aria-describedby=\"gallery-1-264\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/hygiene-burger-150x150.png 150w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/hygiene-burger.png 300w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-264'>\n\t\t\t\tBurger Hygi\u00e8ne\n\t\t\t\t<\/dd><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<p style=\"text-align: center;\">Nous avons donc produit ces diff\u00e9rents burgers, issus de plusieurs th\u00e8mes : Plage \/ Caillou \/ Hygi\u00e8ne \/ Ordinateur \/ Sous-v\u00eatement \/ Camarade de classe&#8230;<\/p>\n<p style=\"text-align: center;\">De plus, nous avons li\u00e9, \u00e0 chaque \u00e9l\u00e9ment de nos burgers, un son particulier.<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/1-partie-1-son.png\"><img loading=\"lazy\" width=\"721\" height=\"285\" class=\"alignnone size-full wp-image-270\" src=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/1-partie-1-son.png\" alt=\"1 partie 1 son\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/1-partie-1-son.png 721w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/1-partie-1-son-300x118.png 300w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/1-partie-1-son-720x285.png 720w\" sizes=\"(max-width: 721px) 100vw, 721px\" \/><\/a><\/p>\n<p style=\"text-align: center;\">Ainsi, pour chaque \u00e9l\u00e9ment nous obtenons un son.<\/p>\n<p style=\"text-align: center;\">Nous avons ensuite utilis\u00e9 le logiciel Processing et voici le code qui nous a servi pour\u00a0g\u00e9n\u00e9rer nos burgers.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" width=\"328\" height=\"818\" class=\"alignnone size-full wp-image-279\" src=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/code-processing-soundburger.png\" alt=\"code processing soundburger\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/code-processing-soundburger.png 328w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/code-processing-soundburger-120x300.png 120w\" sizes=\"(max-width: 328px) 100vw, 328px\" \/><\/p>\n<p style=\"text-align: center;\">Processing a instaur\u00e9 une association d&#8217;images et de sons, le tout manipul\u00e9 et contr\u00f4l\u00e9 gr\u00e2ce \u00e0 une carte d&#8217;interface MakeyMakey. En plus de nos images de burger, le logiciel avait aussi acc\u00e8s \u00e0 toutes celles des autres groupes, cr\u00e9ant ainsi une banque de donn\u00e9es importante pour la g\u00e9n\u00e9ration finale. Gr\u00e2ce \u00e0 ce logiciel, nous pouvons \u00e9galement enregistrer nos images.<\/p>\n<p style=\"text-align: center;\">MakeyMakey est une carte d&#8217;interface qui remplace le clavier d&#8217;ordinateur. Reli\u00e9 \u00e0 diff\u00e9rents \u00e9l\u00e9ments par des fils conducteurs, il\u00a0permet d&#8217;utiliser d&#8217;autres \u00e9l\u00e9ments physiques en remplacement des touches du clavier. Cela permet une nouvelle appr\u00e9hension du clavier, plus ludique.<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/makeymakey-free.jpg\"><img loading=\"lazy\" width=\"600\" height=\"400\" class=\"size-full wp-image-327 aligncenter\" src=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/makeymakey-free.jpg\" alt=\"makeymakey free\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/makeymakey-free.jpg 600w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/makeymakey-free-300x200.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p style=\"text-align: center;\">Les \u00e9l\u00e9ments physiques reli\u00e9s \u00e0 MakeyMakey se devaient d&#8217;\u00eatre conducteurs pour fonctionner correctement (m\u00e9tal, papier aluminium,graphite, eau..) .<\/p>\n<p style=\"text-align: center;\">C&#8217;est ainsi que nous avons choisi une assiette, des couverts en m\u00e9tal, un verre, ainsi qu&#8217;un repas bien particulier pour mettre en sc\u00e8ne notre installation, sous le th\u00e8me de la &#8220;gastronomie fran\u00e7aise&#8221;.<\/p>\n<p style=\"text-align: center;\">Nous avons d\u00fb ruser pour l&#8217;assiette en porcelaine, puisqu&#8217;elle n&#8221;\u00e9tait pas conductrice, ainsi que pour le verre (en verre) en ajoutant du papier aluminium et de l&#8217;acrylique conductrice (\u00e0 base de graphite) pour cr\u00e9er un \u00e9l\u00e9ment conducteur.<\/p>\n\n\t\t<style type=\"text\/css\">\n\t\t\t#gallery-2 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-2 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 33%;\n\t\t\t}\n\t\t\t#gallery-2 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-2 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div id='gallery-2' class='gallery galleryid-224 gallery-columns-3 gallery-size-thumbnail'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/?attachment_id=324'><img width=\"150\" height=\"150\" src=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/installation-fil-et-couverts-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" aria-describedby=\"gallery-2-324\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-2-324'>\n\t\t\t\tCouverts\n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/?attachment_id=325'><img width=\"150\" height=\"150\" src=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/installation-verre-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" aria-describedby=\"gallery-2-325\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-2-325'>\n\t\t\t\tVerre + allu\n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/?attachment_id=326'><img width=\"150\" height=\"150\" src=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/10\/installation-assiette-jpg-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" aria-describedby=\"gallery-2-326\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-2-326'>\n\t\t\t\tAssiette\n\t\t\t\t<\/dd><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<p style=\"text-align: center;\">En appuyant sur les diff\u00e9rents \u00e9l\u00e9ments de l&#8217;installation, reli\u00e9s au MakeyMakey puis \u00e0 l&#8217;ordinateur, nous faisons varier les diverses\u00a0parties du burger qui s&#8217;affichaient \u00e0 l&#8217;\u00e9cran.<\/p>\n<p style=\"text-align: center;\">Vid\u00e9o de l&#8217;installation \u00e0 venir.<\/p>\n<p style=\"text-align: center;\">Par Camille Julie et L\u00e9a<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":41,"featured_media":325,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[6,14],"tags":[],"_links":{"self":[{"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=\/wp\/v2\/posts\/224"}],"collection":[{"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=224"}],"version-history":[{"count":7,"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=\/wp\/v2\/posts\/224\/revisions"}],"predecessor-version":[{"id":737,"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=\/wp\/v2\/posts\/224\/revisions\/737"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=\/wp\/v2\/media\/325"}],"wp:attachment":[{"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=224"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=224"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}