{"id":820,"date":"2022-05-10T10:55:47","date_gmt":"2022-05-10T10:55:47","guid":{"rendered":"http:\/\/javierladino.com\/fr\/?post_type=rara-portfolio&#038;p=820"},"modified":"2022-05-17T05:16:26","modified_gmt":"2022-05-17T05:16:26","slug":"el-arte-funcional-de-los-carteles-urbanos-generativos-lucha-contra-el-acoso-sexual","status":"publish","type":"rara-portfolio","link":"https:\/\/javierladino.com\/fr\/portfolio\/el-arte-funcional-de-los-carteles-urbanos-generativos-lucha-contra-el-acoso-sexual\/","title":{"rendered":"L&rsquo;art fonctionnel des affiches urbaines g\u00e9n\u00e9ratives : Lutte contre le harc\u00e8lement sexuel"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\" id=\"block-b54cbf29-7799-448f-ac5a-2455fa03fa57\">Chaque jour dans le monde, des femmes sont victimes de violences psychologiques, verbales, \u00e9conomiques, administratives, institutionnelles, physiques ou sexuelles. Cette violence n&rsquo;est pas une fatalit\u00e9, nous pouvons agir contre elle en sachant la d\u00e9tecter \u00e0 temps, en identifiant ses m\u00e9canismes et en utilisant tous les moyens pour exprimer notre refus. <strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-purple-color\">L&rsquo;affiche comme support s&rsquo;approprie l&rsquo;espace urbain et refl\u00e8te la lutte quotidienne contre ce mal.<\/mark><\/strong><\/p>\n\n\n\n<iframe loading=\"lazy\" src=\"https:\/\/openprocessing.org\/sketch\/1575640\/embed\/\" width=\"580\" height=\"842\"><\/iframe>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-54092fb7-478f-438d-9d9a-f35269685a59\">Ce projet est n\u00e9 de l&rsquo;id\u00e9e de s&rsquo;approprier diff\u00e9rents espaces de la ville, en utilisant des <strong>contenus num\u00e9riques contre le harc\u00e8lement sexuel des femmes<\/strong>, par la superposition d&rsquo;affiches g\u00e9n\u00e9ratives construites dans l&rsquo;outil <strong><a href=\"https:\/\/processing.org\/\">Processing<\/a><\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"514\" height=\"632\" data-id=\"924\" src=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/dv_boo.gif\" alt=\"\" class=\"wp-image-924\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"584\" height=\"750\" data-id=\"923\" src=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/dv_lettre.gif\" alt=\"\" class=\"wp-image-923\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"574\" height=\"736\" data-id=\"922\" src=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/dv_ojos_01.gif\" alt=\"\" class=\"wp-image-922\"\/><\/figure>\n<\/figure>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-1f763dab-6397-40af-a280-cb733d55242a\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-pale-pink-color\">Des objectifs sp\u00e9cifiques:<\/mark><\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Concevoir des pi\u00e8ces visuelles avec diff\u00e9rents contenus faisant allusion \u00e0 la lutte contre le harc\u00e8lement sexuel des femmes dans la ville.&nbsp;<\/li><li>G\u00e9n\u00e9rer une prise de conscience et une r\u00e9flexion sur le probl\u00e8me du harc\u00e8lement sexuel.<\/li><li>Intervenir dans les espaces urbains qui g\u00e9n\u00e8rent un impact sur les citoyens.<\/li><li>Collecter et utiliser le contenu publi\u00e9 sur les r\u00e9seaux sociaux, segment\u00e9 et g\u00e9olocalis\u00e9.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-purple-color\">Contexte:<\/mark><\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Adri\u00e1n Santuario<\/strong>, professeur de philosophie des sciences \u00e0 l&rsquo;UNAM, au Mexique, a mis au point un algorithme en utilisant l&rsquo;API de Twitter et l&rsquo;outil Processing. Gr\u00e2ce \u00e0 l&rsquo;apprentissage automatique, il a analys\u00e9 <a href=\"https:\/\/verne.elpais.com\/verne\/2016\/05\/19\/mexico\/1463615258_699475.html\" target=\"_blank\" rel=\"noreferrer noopener\">183 000 tweets portant le hashtag #MiPrimerAcoso<\/a>, lors d&rsquo;une journ\u00e9e de protestation contre le harc\u00e8lement sexuel au Mexique et dans certains pays d&rsquo;Am\u00e9rique latine.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L&rsquo;analyse a r\u00e9v\u00e9l\u00e9, selon les informations publi\u00e9es, qu&rsquo;en Am\u00e9rique latine, les femmes subissent leur premier harc\u00e8lement sexuel entre 6 et 10 ans. Et cela ne s&rsquo;arr\u00eate pas tout au long de leur vie, restant la plupart du temps dans l&rsquo;impunit\u00e9, se sentant coupables et portant la peur de savoir quand sera la prochaine fois.<\/p>\n\n\n\n<div class=\"wp-block-image is-style-default\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"526\" height=\"526\" src=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/tw_01.jpg\" alt=\"\" class=\"wp-image-821\" srcset=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/tw_01.jpg 526w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/tw_01-300x300.jpg 300w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/tw_01-150x150.jpg 150w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/tw_01-60x60.jpg 60w\" sizes=\"auto, (max-width: 526px) 100vw, 526px\" \/><\/figure><\/div>\n\n\n\n<pre class=\"wp-block-preformatted\"><em>\u201c<\/em>j'ai analys\u00e9 les tweets \u00e9crits sous #MiPrimerAcoso. j'ai entra\u00een\u00e9 l'algorithme \u00e0 identifier l'\u00e2ge auquel l'auteur faisait r\u00e9f\u00e9rence dans chaque tweet. ce qui est alarmant : la plupart d'entre eux font r\u00e9f\u00e9rence \u00e0 un \u00e2ge compris entre 6 et 10 ans. cela me fait penser \u00e0 un autre probl\u00e8me au mexique : la p\u00e9d\u00e9rastie\". - Extrait du profil Facebook public d'Adri\u00e1n Santuario, professeur de philosophie des sciences \u00e0 l'UNAM au Mexique.<\/pre>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"643\" src=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/DmvoHanU8AERb4t-1024x643.jpg\" alt=\"\" class=\"wp-image-827\" srcset=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/DmvoHanU8AERb4t-1024x643.jpg 1024w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/DmvoHanU8AERb4t-300x189.jpg 300w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/DmvoHanU8AERb4t-768x483.jpg 768w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/DmvoHanU8AERb4t-95x60.jpg 95w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/DmvoHanU8AERb4t.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<pre class=\"wp-block-preformatted\">\"Le harc\u00e8lement sexuel est un crime\", CDMX<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Cette situation est pr\u00e9sente dans tous les types de soci\u00e9t\u00e9. En France par exemple, selon le <a href=\"https:\/\/www.paysdelaloire.fr\/sites\/default\/files\/2020-01\/observatoire-des-violences-faites-aux-femm%20es-rapport-inter-departemental-2019-2_0.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">rapport interminist\u00e9riel de l&rsquo;Observatoire des violences faites aux femmes en France<\/a>, en 2019, 152 femmes ont \u00e9t\u00e9 tu\u00e9es par leur conjoint ou ex-conjoint. 93 000 femmes ont \u00e9t\u00e9 victimes de viols ou de tentatives de viols, o\u00f9 9 femmes sur 10 connaissent l&rsquo;agresseur.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"638\" height=\"638\" data-id=\"823\" src=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/NousToutes.jpg\" alt=\"\" class=\"wp-image-823\" srcset=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/NousToutes.jpg 638w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/NousToutes-300x300.jpg 300w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/NousToutes-150x150.jpg 150w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/NousToutes-60x60.jpg 60w\" sizes=\"auto, (max-width: 638px) 100vw, 638px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"638\" height=\"638\" data-id=\"825\" src=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/NousToutesAfficheFeminicides.jpg\" alt=\"\" class=\"wp-image-825\" srcset=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/NousToutesAfficheFeminicides.jpg 638w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/NousToutesAfficheFeminicides-300x300.jpg 300w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/NousToutesAfficheFeminicides-150x150.jpg 150w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/NousToutesAfficheFeminicides-60x60.jpg 60w\" sizes=\"auto, (max-width: 638px) 100vw, 638px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"638\" height=\"446\" data-id=\"824\" src=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/NousToutesAppela-lamarche-1.jpg\" alt=\"\" class=\"wp-image-824\" srcset=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/NousToutesAppela-lamarche-1.jpg 638w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/NousToutesAppela-lamarche-1-300x210.jpg 300w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/NousToutesAppela-lamarche-1-86x60.jpg 86w\" sizes=\"auto, (max-width: 638px) 100vw, 638px\" \/><\/figure>\n<\/figure>\n\n\n\n<pre class=\"wp-block-preformatted\"><a href=\"https:\/\/www.noustoutes.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">#NousToutes est un collectif f\u00e9ministe ouvert \u00e0 tous<\/a>, compos\u00e9 de militants dont l'objectif est de mettre fin aux violences sexistes et sexuelles dont les femmes et les enfants sont massivement victimes en France.<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Les manifestations de rejet et les campagnes de lutte contre ces crimes progressent et se renforcent, mais le probl\u00e8me semble \u00eatre directement proportionnel \u00e0 sa solution.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L&rsquo;\u00e9ducation est la base de l&rsquo;\u00e9limination de ce probl\u00e8me. Tout d&rsquo;abord, en assumant l&rsquo;\u00e9galit\u00e9 des sexes et en prot\u00e9geant leurs droits, en connaissant les cons\u00e9quences et les sanctions impos\u00e9es par le syst\u00e8me judiciaire de chaque pays.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">C&rsquo;est l\u00e0 que le design, en tant qu&rsquo;\u00e9l\u00e9ment catalyseur et en \u00e9tant pr\u00e9sent dans toutes les sph\u00e8res de la soci\u00e9t\u00e9, devient un \u00e9l\u00e9ment fonctionnel qui aide \u00e0 transmettre ces messages en temps utile, directement ou indirectement aux victimes ou \u00e0 leurs agresseurs.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"638\" height=\"821\" data-id=\"832\" src=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/2010.jpg\" alt=\"\" class=\"wp-image-832\" srcset=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/2010.jpg 638w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/2010-233x300.jpg 233w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/2010-47x60.jpg 47w\" sizes=\"auto, (max-width: 638px) 100vw, 638px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"638\" height=\"942\" data-id=\"830\" src=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/2015.jpg\" alt=\"\" class=\"wp-image-830\" srcset=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/2015.jpg 638w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/2015-203x300.jpg 203w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/2015-41x60.jpg 41w\" sizes=\"auto, (max-width: 638px) 100vw, 638px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"638\" height=\"926\" data-id=\"831\" src=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/2017.jpg\" alt=\"\" class=\"wp-image-831\" srcset=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/2017.jpg 638w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/2017-207x300.jpg 207w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/2017-41x60.jpg 41w\" sizes=\"auto, (max-width: 638px) 100vw, 638px\" \/><\/figure>\n<\/figure>\n\n\n\n<pre class=\"wp-block-preformatted\">Campagnes contre le harc\u00e8lement sexuel en France.<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-purple-color\">Cadre th\u00e9orique :<\/mark><\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u00ab\u00a0A la fin du XIXe si\u00e8cle, dans les villes en expansion, les affiches sont l&rsquo;expression de la vie \u00e9conomique, sociale et culturelle. Ils \u00e9taient en concurrence les uns avec les autres pour s\u00e9duire le public. Ils attiraient l&rsquo;attention des passants par leurs couleurs, gr\u00e2ce aux progr\u00e8s de la lithographie. Les illustrations, auxquelles le texte donnait du sens, refl\u00e9taient le mode artistique de l&rsquo;\u00e9poque ; elles introduisent une nouvelle esth\u00e9tique d&rsquo;images simplifi\u00e9es, g\u00e9n\u00e9r\u00e9es par la technique de fabrication\u00a0\u00bb : Hollis, (2002).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L&rsquo;affiche moderne est apparue au d\u00e9but des ann\u00e9es 1800, principalement \u00e0 des fins d&rsquo;information, pour tenir le grand public au courant des nouvelles et des \u00e9v\u00e9nements culturels tels que les repr\u00e9sentations th\u00e9\u00e2trales et les bals. Parmi les plus embl\u00e9matiques, on trouve peut-\u00eatre les affiches con\u00e7ues par Toulouse-Lautrec pour promouvoir la danseuse fran\u00e7aise Jane Avril.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"757\" height=\"1024\" data-id=\"829\" src=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/poster-history-and-design-1-757x1024-1.png\" alt=\"\" class=\"wp-image-829\" srcset=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/poster-history-and-design-1-757x1024-1.png 757w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/poster-history-and-design-1-757x1024-1-222x300.png 222w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/poster-history-and-design-1-757x1024-1-44x60.png 44w\" sizes=\"auto, (max-width: 757px) 100vw, 757px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"694\" height=\"1024\" data-id=\"828\" src=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/poster-history-and-design-13-694x1024-1.png\" alt=\"\" class=\"wp-image-828\" srcset=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/poster-history-and-design-13-694x1024-1.png 694w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/poster-history-and-design-13-694x1024-1-203x300.png 203w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/poster-history-and-design-13-694x1024-1-41x60.png 41w\" sizes=\"auto, (max-width: 694px) 100vw, 694px\" \/><\/figure>\n<\/figure>\n\n\n\n<pre class=\"wp-block-preformatted\">Affiches con\u00e7ues par Toulouse-Lautrec - Image par Art Institute Chicago<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Pendant les Premi\u00e8re et Seconde Guerres mondiales, l&rsquo;affiche est devenue une m\u00e9thode efficace d&rsquo;influence politique et de propagande, elles ont \u00e9t\u00e9 con\u00e7ues pour inspirer un sentiment de patriotisme collectif et un appel \u00e0 l&rsquo;action.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le langage utilis\u00e9 avait un ton percutant et les affiches semblaient s&rsquo;adresser directement \u00e0 chaque individu au sein des masses.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-5 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"694\" height=\"1024\" data-id=\"835\" src=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/poster-history-and-design-5-694x1024-1.png\" alt=\"\" class=\"wp-image-835\" srcset=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/poster-history-and-design-5-694x1024-1.png 694w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/poster-history-and-design-5-694x1024-1-203x300.png 203w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/poster-history-and-design-5-694x1024-1-41x60.png 41w\" sizes=\"auto, (max-width: 694px) 100vw, 694px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"1024\" data-id=\"834\" src=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/poster-history-and-design-9-770x1024-1.jpg\" alt=\"\" class=\"wp-image-834\" srcset=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/poster-history-and-design-9-770x1024-1.jpg 770w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/poster-history-and-design-9-770x1024-1-226x300.jpg 226w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/poster-history-and-design-9-770x1024-1-768x1021.jpg 768w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/poster-history-and-design-9-770x1024-1-45x60.jpg 45w\" sizes=\"auto, (max-width: 770px) 100vw, 770px\" \/><\/figure>\n<\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><em><a rel=\"noreferrer noopener\" href=\"http:\/\/www.internationalposter.com\/\" target=\"_blank\">Images de la Galerie internationale des affiches<\/a><\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">D&rsquo;une certaine mani\u00e8re, les affiches refl\u00e8tent les \u00e9tats \u00e9conomiques, politiques et culturels de la soci\u00e9t\u00e9 dans laquelle elles sont cr\u00e9\u00e9es et utilis\u00e9es. Aujourd&rsquo;hui, la tendance est \u00e0 la consommation et au plaisir, et leurs objectifs sont principalement publicitaires, commerciaux, informatifs et d\u00e9coratifs.<\/p>\n\n\n\n<figure class=\"wp-block-gallery aligncenter has-nested-images columns-default is-cropped wp-block-gallery-6 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"518\" data-id=\"836\" src=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/Captura-de-pantalla-2021-05-02-a-las-9.28.36-1024x518.png\" alt=\"\" class=\"wp-image-836\" srcset=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/Captura-de-pantalla-2021-05-02-a-las-9.28.36-1024x518.png 1024w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/Captura-de-pantalla-2021-05-02-a-las-9.28.36-300x152.png 300w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/Captura-de-pantalla-2021-05-02-a-las-9.28.36-768x389.png 768w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/Captura-de-pantalla-2021-05-02-a-las-9.28.36-119x60.png 119w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/Captura-de-pantalla-2021-05-02-a-las-9.28.36.png 1152w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"656\" data-id=\"837\" src=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/Captura-de-pantalla-2021-05-02-a-las-9.29.09-1024x656.png\" alt=\"\" class=\"wp-image-837\" srcset=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/Captura-de-pantalla-2021-05-02-a-las-9.29.09-1024x656.png 1024w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/Captura-de-pantalla-2021-05-02-a-las-9.29.09-300x192.png 300w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/Captura-de-pantalla-2021-05-02-a-las-9.29.09-768x492.png 768w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/Captura-de-pantalla-2021-05-02-a-las-9.29.09-94x60.png 94w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/Captura-de-pantalla-2021-05-02-a-las-9.29.09.png 1152w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<pre class=\"wp-block-preformatted\"><em><em>Dise\u00f1o de cartel por Namrata Katiyar<\/em><\/em><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u00ab\u00a0L&rsquo;affiche imprim\u00e9e, principal moyen de communication visuelle dans l&rsquo;espace public depuis des si\u00e8cles, subit des transformations fondamentales. L'\u00a0\u00bbaffiche 2.0&Prime; est bien plus qu&rsquo;une surface avec de la typographie, des couleurs et des images : c&rsquo;est une application interactive, anim\u00e9e, audible, pilot\u00e9e par des donn\u00e9es et m\u00e9diatis\u00e9e. Elle fait appel \u00e0 tous les sens et \u00e0 toutes les disciplines. Et il fusionne le design graphique avec les technologies de pointe\u00a0\u00bb. Slanted Magazine, Allemagne.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Gr\u00e2ce au design g\u00e9n\u00e9ratif et \u00e0 la programmation, les possibilit\u00e9s visuelles se multiplient avec l&rsquo;ex\u00e9cution d&rsquo;algorithmes qui contr\u00f4lent les \u00e9l\u00e9ments et construisent de nouvelles pi\u00e8ces qui communiquent le message en g\u00e9n\u00e9rant une interactivit\u00e9 avec le lecteur.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-7 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" data-id=\"840\" src=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/5b9fc8fc7fa44cd2c600060d-1024x576.gif\" alt=\"\" class=\"wp-image-840\" srcset=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/5b9fc8fc7fa44cd2c600060d-1024x576.gif 1024w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/5b9fc8fc7fa44cd2c600060d-300x169.gif 300w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/5b9fc8fc7fa44cd2c600060d-768x432.gif 768w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/5b9fc8fc7fa44cd2c600060d-1536x864.gif 1536w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/5b9fc8fc7fa44cd2c600060d-107x60.gif 107w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"793\" height=\"801\" data-id=\"839\" src=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/cart22.png\" alt=\"\" class=\"wp-image-839\" srcset=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/cart22.png 793w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/cart22-297x300.png 297w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/cart22-768x776.png 768w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/cart22-59x60.png 59w\" sizes=\"auto, (max-width: 793px) 100vw, 793px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"789\" height=\"446\" data-id=\"838\" src=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/cart23.png\" alt=\"\" class=\"wp-image-838\" srcset=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/cart23.png 789w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/cart23-300x170.png 300w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/cart23-768x434.png 768w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/cart23-106x60.png 106w\" sizes=\"auto, (max-width: 789px) 100vw, 789px\" \/><\/figure>\n<\/figure>\n\n\n\n<pre class=\"wp-block-preformatted\">Affiches interactives \/\/ Nike - Agence DIA - 2019<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u00ab\u00a0Mais un produit num\u00e9rique n&rsquo;est pas le m\u00eame qu&rsquo;un produit imprim\u00e9. Les produits num\u00e9riques sont affich\u00e9s sur des \u00e9crans de diff\u00e9rentes tailles et avec un contenu dynamique. Les produits num\u00e9riques permettent aux utilisateurs d&rsquo;interagir avec leur contenu et tirent parti du mouvement et de l&rsquo;animation. En outre, les produits num\u00e9riques ont souvent une logique temporelle dans laquelle un r\u00e9cit lin\u00e9aire est remplac\u00e9 par un ensemble d&rsquo;\u00e9tats et de transitions complexes. En g\u00e9n\u00e9ral, les produits num\u00e9riques ont un point commun : ils sont cr\u00e9\u00e9s avec des langages de programmation\u00a0\u00bb. <a href=\"https:\/\/programmingdesignsystems.com\/\">Madsen (2019)<\/a><\/p>\n\n\n\n<div class=\"wp-block-image is-style-default\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/sedimentmars.jpg\" alt=\"\" class=\"wp-image-841\" width=\"840\" height=\"556\" srcset=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/sedimentmars.jpg 1024w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/sedimentmars-300x199.jpg 300w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/sedimentmars-768x509.jpg 768w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/sedimentmars-91x60.jpg 91w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/figure><\/div>\n\n\n\n<pre class=\"wp-block-preformatted\"><em><em>Sediment Mars es una serie de dise\u00f1os de carteles generativos de Sarah Hallacher y Alessandra Villaamil. Las funciones sin()y cos()se utilizan para generar una forma el\u00edptica, que luego se distorsiona agreg\u00e1ndole valores aleatorios.<\/em><\/em><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><a rel=\"noreferrer noopener\" href=\"http:\/\/gaudeamusprojecta.dissenygrafic.org\/programming-posters\/\" target=\"_blank\">Le designer espagnol Lucas Su\u00e1rez, laur\u00e9at du prix Gaudeamus Tecnia 2019, pr\u00e9sente le projet \u00ab\u00a0Programmation d&rsquo;affiches\u00a0\u00bb, o\u00f9 il propose l&rsquo;hybridation de l&rsquo;adaptation et du d\u00e9veloppement de produits graphiques statiques aux technologies dynamiques.<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c0 l&rsquo;aide de microcontr\u00f4leurs et de capteurs de mouvement et de proximit\u00e9, il g\u00e9n\u00e8re des r\u00e9ponses al\u00e9atoires et programm\u00e9es dans son installation en trois s\u00e9ries d&rsquo;affiches num\u00e9riques. La base de son design est d\u00e9velopp\u00e9e dans le traitement typographique avec l&rsquo;animation de phrases ou de concepts pr\u00e9-con\u00e7us, g\u00e9n\u00e9rant chez l&rsquo;utilisateur une sensation de contr\u00f4le de l&rsquo;interface mais en m\u00eame temps une r\u00e9ponse unique dans son exp\u00e9rience.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-8 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" data-id=\"842\" src=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/gaudeamusProjecta_Lucas_Suarez_01-1024x683.jpg\" alt=\"\" class=\"wp-image-842\" srcset=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/gaudeamusProjecta_Lucas_Suarez_01-1024x683.jpg 1024w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/gaudeamusProjecta_Lucas_Suarez_01-300x200.jpg 300w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/gaudeamusProjecta_Lucas_Suarez_01-768x512.jpg 768w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/gaudeamusProjecta_Lucas_Suarez_01-90x60.jpg 90w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/gaudeamusProjecta_Lucas_Suarez_01.jpg 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"684\" data-id=\"843\" src=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/gaudeamusProjecta_Lucas_Suarez_05-1024x684.jpg\" alt=\"\" class=\"wp-image-843\" srcset=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/gaudeamusProjecta_Lucas_Suarez_05-1024x684.jpg 1024w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/gaudeamusProjecta_Lucas_Suarez_05-300x200.jpg 300w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/gaudeamusProjecta_Lucas_Suarez_05-768x513.jpg 768w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/gaudeamusProjecta_Lucas_Suarez_05-90x60.jpg 90w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/gaudeamusProjecta_Lucas_Suarez_05.jpg 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<pre class=\"wp-block-preformatted\">Projet d'affiches de programmation - Lucas Su\u00e1rez - 2019<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u00ab\u00a0Nous vivons d\u00e9sormais \u00e0 l&rsquo;\u00e8re o\u00f9 les m\u00e9dias num\u00e9riques coexistent pleinement avec la r\u00e9alit\u00e9. Les industries cr\u00e9atives doivent repenser la mani\u00e8re dont les objets sont repr\u00e9sent\u00e9s aujourd&rsquo;hui. Les affiches interactives constituent l&rsquo;un des nouveaux moyens d&rsquo;y parvenir. Avec un format qui respecte les dimensions internationales du papier, les affiches interactives ne sont pas si \u00e9loign\u00e9es de l&rsquo;affiche imprim\u00e9e traditionnelle, mais offrent un moyen de communication plus appropri\u00e9 pour les \u00e9crans LED qui ont surgi partout, y compris \u00e0 l&rsquo;arr\u00eat de bus local\u00a0\u00bb. <a rel=\"noreferrer noopener\" href=\"https:\/\/www.itsnicethat.com\/articles\/pangpangpang-interactive-posters-graphic-design-011118\" target=\"_blank\">Jyni Ong &#8211; IT\u2019S NICE THAT Design Magazine &#8211; 2018.<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c0 la question de savoir si les affiches interactives vont d\u00e9passer l&rsquo;affiche imprim\u00e9e, les tendances du march\u00e9 et le positionnement des produits seront toujours \u00e0 la recherche d&rsquo;un espace plus visible et plus fort, ce sera la transition continue des m\u00e9dias soutenus par le design graphique la meilleure fa\u00e7on et excuse pour \u00e9voluer, pour r\u00e9duire la consommation de mat\u00e9riel imprim\u00e9 et pour \u00eatre de plus en plus efficace et fonctionnel.<\/p>\n\n\n\n<div class=\"wp-block-image is-style-default\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"724\" height=\"600\" src=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/5bdae8677fa44c5aa100115f.gif\" alt=\"\" class=\"wp-image-844\"\/><\/figure><\/div>\n\n\n\n<pre class=\"wp-block-preformatted\"><em><em>PangPangPang- Estudio Dise\u00f1o Coreano \/ Bienal Tipogr\u00e1fica Internacional: Typojanchi saisai 2018-19<\/em><\/em><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u00ab\u00a0La s\u00e9lection interactive fait r\u00e9f\u00e9rence au processus d&rsquo;\u00e9volution de quelque chose (souvent une image g\u00e9n\u00e9r\u00e9e par ordinateur) gr\u00e2ce \u00e0 l&rsquo;interaction de l&rsquo;utilisateur. Disons que vous entrez dans la galerie d&rsquo;un mus\u00e9e et que vous voyez dix tableaux. Avec la s\u00e9lection interactive, vous choisiriez vos favoris et permettriez \u00e0 un processus algorithmique de g\u00e9n\u00e9rer (ou de faire \u00a0\u00bb \u00e9voluer \u00ab\u00a0) de nouvelles peintures en fonction de vos pr\u00e9f\u00e9rences.\u00a0\u00bb <a rel=\"noreferrer noopener\" href=\"http:\/\/Web\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\thttps:\/\/natureofcode.com\/\" target=\"_blank\">Shiffman (2019)<\/a> <em><a href=\"Web\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\thttps:\/\/www.youtube.com\/watch?v=Zy_obitkyOE&amp;t=99s\">Genetic Algorithm: Interactive Selection &#8211; The Nature of Code &#8211; Youtube<\/a><\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ainsi, les panneaux d&rsquo;affichage interactifs urbains migreront continuellement en fonction de leurs besoins et de leurs objectifs, en \u00e9tant de plus en plus efficaces au fur et \u00e0 mesure qu&rsquo;ils seront li\u00e9s aux donn\u00e9es que nous fournissons quotidiennement, en utilisant notre g\u00e9olocalisation comme facteur d&rsquo;interaction ou d&rsquo;achat possible, et en \u00e9voluant ou en redessinant leurs contenus en fonction de leurs syst\u00e8mes d&rsquo;apprentissage automatique qui d\u00e9tectent notre \u00e9tat d&rsquo;esprit gr\u00e2ce au suivi des visages.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-9 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" data-id=\"849\" src=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/cocacola-smile-1024x576-3.jpg\" alt=\"\" class=\"wp-image-849\" srcset=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/cocacola-smile-1024x576-3.jpg 1024w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/cocacola-smile-1024x576-3-300x169.jpg 300w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/cocacola-smile-1024x576-3-768x432.jpg 768w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/cocacola-smile-1024x576-3-107x60.jpg 107w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<pre class=\"wp-block-preformatted\">Technologie de suivi du visage \/\/ Coca-Cola Smile<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-purple-color\">Mise en \u0153uvre :<\/mark><\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-pale-pink-color\"><strong>Proposition #1<\/strong><\/mark><\/p>\n\n\n\n<iframe loading=\"lazy\" src=\"https:\/\/openprocessing.org\/sketch\/1575640\/embed\/\" width=\"580\" height=\"842\"><\/iframe>\n\n\n\n<p class=\"wp-block-paragraph\">Conception et d\u00e9veloppement d&rsquo;une affiche interactive qui utilise le traitement d&rsquo;images, les cycles et les conditionnels du langage JavaScript pour \u00e9muler la situation de diverses illustrations d&rsquo;yeux \u00ab\u00a0vigilants\u00a0\u00bb qui, depuis leur position fixe, poursuivent le personnage de la princesse.<\/p>\n\n\n\n<iframe loading=\"lazy\" src=\"https:\/\/openprocessing.org\/sketch\/1575320\/embed\/\" width=\"500\" height=\"400\"><\/iframe>\n\n\n\n<p class=\"wp-block-paragraph\">Simule la poursuite et le si\u00e8ge continus auxquels les femmes sont soumises lorsqu&rsquo;elles sont seules dans diff\u00e9rents environnements.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">Voir le sch\u00e9ma et le code: <a rel=\"noreferrer noopener\" href=\"https:\/\/openprocessing.org\/sketch\/1575640\" target=\"_blank\">https:\/\/openprocessing.org\/sketch\/1575640<\/a><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Avec la position de la souris, nous d\u00e9finissons l&#8217;emplacement de la princesse (caract\u00e8re #1) et la direction du regard des yeux (caract\u00e8re #2) au sein de l&rsquo;interface. Apr\u00e8s le temps imparti, le sc\u00e9nario se termine par le message \u00ab\u00a0Le harc\u00e8lement n&rsquo;est pas un jeu, c&rsquo;est un crime\u00a0\u00bb.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-pale-pink-color\">Proposition #2<\/mark><\/strong><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"514\" height=\"632\" src=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/dv_boo-1.gif\" alt=\"\" class=\"wp-image-926\"\/><\/figure><\/div>\n\n\n\n<pre class=\"wp-block-preformatted\">Voir le sch\u00e9ma et le code: <a rel=\"noreferrer noopener\" href=\"https:\/\/openprocessing.org\/sketch\/1575782\" target=\"_blank\">https:\/\/openprocessing.org\/sketch\/1575782<\/a><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Conception et d\u00e9veloppement d&rsquo;une affiche interactive qui utilise le traitement d&rsquo;images et le graphisme en langage JavaScript pour \u00e9muler la situation du personnage n\u00b01 (fant\u00f4me) qui poursuit continuellement le personnage n\u00b02 (princesse).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Avec la position de la souris, nous d\u00e9finissons l&#8217;emplacement du caract\u00e8re #1 suivi de la position du caract\u00e8re #2 qui ex\u00e9cute la fonction lerp() pour cr\u00e9er le mouvement dans le chemin qu&rsquo;il parcourt dans l&rsquo;interface.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-pale-pink-color\">Proposition #3<\/mark><\/strong><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"584\" height=\"750\" src=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/dv_lettre-1.gif\" alt=\"\" class=\"wp-image-927\"\/><\/figure><\/div>\n\n\n\n<pre class=\"wp-block-preformatted\">Voir le sch\u00e9ma et le code: <a rel=\"noreferrer noopener\" href=\"https:\/\/openprocessing.org\/sketch\/1575886\" target=\"_blank\">https:\/\/openprocessing.org\/sketch\/1575886<\/a><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Conception et d\u00e9veloppement d&rsquo;un poster interactif qui utilise le traitement d&rsquo;images, de graphiques et de textes dans le langage JavaScript pour \u00e9muler l&rsquo;\u00e9criture de messages de t\u00e9moignages de femmes victimes de harc\u00e8lement sexuel provenant de <a href=\"http:\/\/https\/\/www.ocac.cl\/testimonios-2\/\">l&rsquo;Observatoire contre le harc\u00e8lement au Chili (www.ocac.cl)<\/a>, ces messages sont dessin\u00e9s en fonction de la trajectoire et de la position du personnage de la princesse.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il simule le t\u00e9moignage et la narration des situations de harc\u00e8lement dont sont victimes les femmes lorsqu&rsquo;elles sont seules dans diff\u00e9rents environnements.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">Texte : \"\u00c0 l'\u00e9poque, je ne me rendais m\u00eame pas compte que j'avais \u00e9t\u00e9 victime de harc\u00e8lement. Il m'utilisait comme mod\u00e8le pour tous ses exercices, o\u00f9 il avait l'habitude de toucher ma taille ou mes jambes. Apr\u00e8s \u00e7a, je n'ai pas voulu me taire, ma famille l'a confront\u00e9. Il a arr\u00eat\u00e9 la voiture, est descendu et a insist\u00e9 : \"Je vous dis de monter\". Apr\u00e8s \u00e7a, je ne suis plus jamais all\u00e9 voir le psychologue scolaire. Je suis all\u00e9 directement aux toilettes pour pleurer de rage et d'humiliation. Je l'ai d\u00e9nonc\u00e9, j'ai quitt\u00e9 mon travail parce qu'il savait o\u00f9 je vivais. A ce jour, je ne sais pas ce qu'il est advenu de l'affaire\".<\/pre>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"305\" src=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2022\/05\/text.gif\" alt=\"\" class=\"wp-image-928\"\/><\/figure><\/div>\n\n\n\n<pre class=\"wp-block-preformatted\">Voir le sch\u00e9ma et le code: <a rel=\"noreferrer noopener\" href=\"https:\/\/openprocessing.org\/sketch\/1575898\" target=\"_blank\">https:\/\/openprocessing.org\/sketch\/1575898<\/a><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">En prenant comme r\u00e9f\u00e9rence <a href=\"http:\/\/github.com\/generative-design\/Code-Package-Processing-1.5.1\/blob\/master\/01_P\/P_2_3_3_01\/P_2_3_3_01.pde\">l&rsquo;exercice P_2_3_3_01 du livre Generative-Gestaltung<\/a> qui simule le suivi d&rsquo;une cha\u00eene de texte en fonction de la position de la souris, nous utilisons des messages de t\u00e9moignages qui laissent leur trace apr\u00e8s le d\u00e9placement du personnage de la Princesse Peach dans l&rsquo;interface.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-purple-color\">Conclusions<\/mark><\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Le <strong>design graphique<\/strong> pr\u00e9vaut dans la transition du succ\u00e8s que nous vivons quotidiennement vers les nouveaux m\u00e9dias o\u00f9, gr\u00e2ce \u00e0 l&rsquo;utilisation de nouvelles technologies, parfois avec des r\u00e9sultats al\u00e9atoires, nous pouvons faire participer l&rsquo;utilisateur au r\u00e9sultat final.<\/li><li><strong>L&rsquo;exp\u00e9rience de l&rsquo;utilisateur<\/strong> dans les diff\u00e9rents m\u00e9dias \u00e9tait auparavant g\u00e9n\u00e9r\u00e9e de mani\u00e8re passive, se conformant \u00e0 la m\u00e9morisation et \u00e0 l&rsquo;appropriation du message, mais aujourd&rsquo;hui, les outils technologiques et l&rsquo;explosion de la manipulation des donn\u00e9es font que les r\u00e9cits et les contextes transm\u00e9dias s&rsquo;activent et re\u00e7oivent un retour imm\u00e9diat du public cible.<\/li><li>Apr\u00e8s la mise en \u0153uvre des <strong>affiches urbaines g\u00e9n\u00e9ratives<\/strong>, on analysera les mesures et les r\u00e9actions qui visent \u00e0 susciter une prise de conscience et une r\u00e9flexion sur la question du harc\u00e8lement sexuel. Une phase ult\u00e9rieure consistera \u00e0 examiner le comportement et les r\u00e9actions du public.<\/li><li>La mise en \u0153uvre et le d\u00e9veloppement du code dans <strong>Processing<\/strong> continueront \u00e0 progresser afin de trouver le meilleur niveau d&rsquo;interaction avec les utilisateurs, en tenant compte des commentaires re\u00e7us dans une phase ult\u00e9rieure.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-purple-color\">Sources<\/mark><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/verne.elpais.com\/verne\/2016\/05\/19\/mexico\/1463615258_699475.html\">El gr\u00e1fico sobre la edad a la que empieza el acoso en M\u00e9xico &#8211; Diario El Pa\u00eds<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.noustoutes.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">Organizaci\u00f3n francesa Nous Toutes 44 &#8211; Colectivo feminista franc\u00e9s.<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.paysdelaloire.fr\/sites\/default\/files\/2020-01\/observatoire-des-violences-faites-aux-femm es-rapport-inter-departemental-2019-2_0.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">Informe interdepartamental del observatorio de violencia contra las mujeres en Francia<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"http:\/\/gaudeamusprojecta.dissenygrafic.org\/programming-posters\/\" target=\"_blank\" rel=\"noreferrer noopener\">Proyecto \u201cProgramming posters\u201d, ganador del premio Gaudeamus Tecnia 2019 Espa\u00f1a<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a rel=\"noreferrer noopener\" href=\"https:\/\/www.itsnicethat.com\/articles\/pangpangpang-interactive-posters-graphic-design-011118\" target=\"_blank\">Are interactive, digital posters set to overtake the printed poster? &#8211; It\u2019s nice that &#8211;<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a rel=\"noreferrer noopener\" href=\"https:\/\/www.ocac.cl\/testimonios-2\/\" target=\"_blank\">Observatorio contra el acoso en Chile<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.babelio.com\/livres\/Hollis-Le-Graphisme-de-1890-a-nos-jours\/300518\" target=\"_blank\" rel=\"noreferrer noopener\">Hollis, Richard. (2002). Le Graphisme de 1890 \u00e0 nos jours &#8211; L\u2019art d l\u2019affiche.<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/programmingdesignsystems.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Madsen, Rune. (2019). Programming Design Systems.<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/natureofcode.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Shiffman, Daniel (2019). The Nature of code<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.youtube.com\/watch?v=Zy_obitkyOE&amp;t=99s\" target=\"_blank\" rel=\"noreferrer noopener\">Genetic Algorithm: Interactive Selection &#8211; The Nature of Code<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/generative-design\/Code-Package-Processing-1.5.1\/blob\/master\/01_P\/ P_2_3_3_01\/P_2_3_3_01.pde\" target=\"_blank\">Generative Gestaltung<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Chaque jour dans le monde, des femmes sont victimes de violences psychologiques, verbales, \u00e9conomiques, administratives, institutionnelles, physiques ou sexuelles. Cette violence n&rsquo;est pas une fatalit\u00e9, nous pouvons agir contre elle en sachant la d\u00e9tecter \u00e0 temps, en identifiant ses m\u00e9canismes et en utilisant tous les moyens pour exprimer notre refus. L&rsquo;affiche comme support s&rsquo;approprie l&rsquo;espace &hellip; <\/p>\n","protected":false},"author":1,"featured_media":917,"comment_status":"open","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0},"rara_portfolio_categories":[26],"class_list":["post-820","rara-portfolio","type-rara-portfolio","status-publish","has-post-thumbnail","hentry","rara_portfolio_categories-creative-code"],"_links":{"self":[{"href":"https:\/\/javierladino.com\/fr\/wp-json\/wp\/v2\/rara-portfolio\/820","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/javierladino.com\/fr\/wp-json\/wp\/v2\/rara-portfolio"}],"about":[{"href":"https:\/\/javierladino.com\/fr\/wp-json\/wp\/v2\/types\/rara-portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/javierladino.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/javierladino.com\/fr\/wp-json\/wp\/v2\/comments?post=820"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/javierladino.com\/fr\/wp-json\/wp\/v2\/media\/917"}],"wp:attachment":[{"href":"https:\/\/javierladino.com\/fr\/wp-json\/wp\/v2\/media?parent=820"}],"wp:term":[{"taxonomy":"rara_portfolio_categories","embeddable":true,"href":"https:\/\/javierladino.com\/fr\/wp-json\/wp\/v2\/rara_portfolio_categories?post=820"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}