{"word_count": 2926, "character_count": 22789}
Retour sur la partie numérique du projet.Le projet DKEP a évolué en réunissant une équipe de graphistes du master design de Rennes 2 avec un groupe d’étudiants ingénieurs de 4ème année de l’INSA de Rennes 1 pour concevoir une nouvelle application numérique associant le tangible et le digital. Les étudiant.e.s de Rennes 2 ont conçu le design éditorial, les étudiant.e.s de Rennes 1 se sont occupé de la partie développement informatique. L’édition papier a été développée parallèlement.Le projet est accessible de 2 manières : soit avec le smartphone : dans ce cas on accède aux applications directement, soit on dispose d’une édition papier spécifique pour laquelle des pictogrammes transformés en QRcodes permettent de relier le lecteur vers 7 applications numériques qui font échos à 7 des 43 leçons-exercices de l’ouvrage historique de l'artiste. Les utilisateurs doivent s’approprier physiquement les notions graphiques abordées par l’artiste.L'application a également pour mission d'éditorialiser des données à partir d’une série d’enregistrements : les interactions utilisateurs sont captées à partir de l'enregistrement des données physiques  et celles des "ressentis" (questionnaires utilisateurs). [caption id="attachment_1144" align="alignnone" width="300"] spécification de l'application numérique DKEP[/caption]&#160;[caption id="attachment_1123" align="alignnone" width="300"] Interface d'accès aux applications et aides[/caption]&#160;[caption id="attachment_1186" align="alignnone" width="300"] Le raffinage des logs (journaux de données) est réalisé sur la base des items des captations des données physiques ou à partir des questionnaires utilisateurs (ressentis)[/caption]&#160;Après chargement de l’application compatible Android uniquement, on interroge l’utilisateur s’il dispose ou non de l’édition papier, un menu « Hamburger » permet de choisir des applications ludiques pour lesquelles se trouve associée une aide spécifique. Elle permet à l’utilisateur de comprendre l’enjeu de chacune des applications. Apres chaque jeu, l’application propose également de répondre à un questionnaire succinct.               Les exercices sélectionnés tentent de retrouver les intuitions de Paul Klee en interrogeant le processus de création de l’image en relation au mouvement et à celui du corps comme un mode de connaissance spécifique dans l’environnement numérique.[caption id="attachment_1130" align="alignnone" width="300"] DKEP implémenté sur Android[/caption]&#160;L’application se présente sur smartphone ou tablette Android. Concernant la partie numérique appliquée du projet, tous les 7 exercices sont activables sans support papier à l’exception de l’application « Mot Klee » qui met en jeu un dispositif de réalité augmentée associé à un visuel spécifique, qui existe sur un support différent. Le menu permet d’accéder en un minimum de clics aux principales occurrences notamment l’aide, un questionnaire utilisateur est proposé en fin de jeu.&#160;[caption id="attachment_1116" align="alignnone" width="207"] correspondance entre les exercices historiques de l'artiste et DKEP[/caption]&#160;&#160;&#160;Parcours dans un tableauexercice 1: la ligne active&#160;Dans le premier exercice de ses Esquisses Pédagogiques (1925), Paul Klee envisage l’activité graphique comme une promenade pour la promenade, un jeu relationnel entre espace et mouvement. Il invite son auditoire à tracer une « ligne active » résultant d’un point en mouvement.&#160;&#160;&#160;[caption id="attachment_1137" align="alignnone" width="300"] Exercice 1, Esquisses Pédagogiques, Paul Klee (1925)[/caption]Nous avons cherché à actualiser le sens de cette proposition par une activité graphique et exploratoire à partir d‘une application interactive sur tablette. Dans notre environnement numérique le point devient un objet graphique en mouvement qui correspond à la position physique du spectateur. Le corps participe à l’élaboration graphique de la ligne active. Nous avons imaginé que l’écran de notre smartphone pouvait se comporter comme une fenêtre ouverte sur une reproduction d’une œuvre de Paul Klee. Sans jamais pouvoir contempler l’œuvre dans sa totalité, l’utilisateur se transforme en « marcheur lecteur » et il dessine sa propre ligne de conduite au fil de ses lectures. &#160;[caption id="attachment_1129" align="alignnone" width="300"] vue de la fenêtre ouverte sur le smartphone permettant de découvrir la reproduction de l’œuvre de Paul Klee (Château et soleil, 1928), ainsi que le qrcode associé permettant également d’accéder à l’application si le lecteur dispose de l’édition papier[/caption]Questionnaire utilisateur :L'application propose à l'utilisateur de répondre à un questionnaire spécifique dont on présente l'interface et les items:[caption id="attachment_1209" align="alignnone" width="300"] questionnaire "parcours dans un tableau", exercice 1[/caption]Captations de mouvements :Le podomètre et l’accéléromètre rendent possible la reproduction du déplacement de l’utilisateur à l’intérieur du tableau de Paul Klee ainsi que le temps passé à déambuler lors de l’exercice. Sur l’image suivante, chaque point représente la position d'un promeneur dans le tableau et la position est actualisée toutes les 200 millisecondes. La cartographie permet de rendre compte des périodes de ralentissement quand les points sont très rapprochés , et des périodes d’accélérations quand les points sont de plus en plus espacés. [caption id="attachment_1145" align="alignnone" width="300"] visuel : Gaetan Thirion[/caption]&#160;&#160;&#160;&#160;Le son des mots une ligne intermédiaire, exercice 3Que se passe t-il lorsqu’une ligne tend vers une surface ? Sans rejoindre nécessairement le graphisme itératif de Giuseppe Peano, mais plutôt la mise en œuvre plastique de la décomposition graphique d’un mouvement avec ou sans points clés, pour l’artiste Paul Klee, la ligne devient « intermédiaire » lorsqu’elle oscille entre le mouvement de point et l’effet de plan. &#160;[caption id="attachment_1139" align="alignnone" width="300"] Ligne intermédiaire, exercice 3[/caption]Nous avons souhaité réactiver cette forme de perception en la transposant dans l’environnement numérique qui permet l’intermédialité entre l’écriture et le son. Des mots apparaissent à l’écran et ne sont lisibles que si un son est émis suffisamment constant et audible capté par le microphone du smartphone. À l’aide des capteurs de fréquence et d’amplitude, oscillant entre la calligraphie et la typographie, il en résulte une certaine instabilité entre graphisme et écriture. La ligne réagit graphiquement aux vocalises infinies de l’usager, évoquant ludiquement la circulation du sens entre l’oralité primitive et les signes arbitraires de l’écriture. Réunissant ligne et son, l’exercice devient un espace pratiqué de la ligne en mouvement.&#160;[caption id="attachment_1128" align="alignnone" width="196"] exercice 3 (Son des mots)[/caption][caption id="attachment_1136" align="alignnone" width="202"] exercice 3 ( son des mots)[/caption]Nos relations aux formes graphiques sont-elles motivées par la recherche du sens et la réduction du visible au lisible ou bien par l’ « ensauvagement » du graphisme à l’écran ? Chaque « tap » sur l’écran permet de relancer le dispositif de modulation graphique et propose un nouveau mot extrait du vocabulaire de l’artiste Véra Molnar pour qualifier la ligne.Questionnaire associé :[caption id="attachment_1203" align="alignnone" width="300"] Son des mots (exercice 3)[/caption]Captation des mouvements :Fréquence et temps[caption id="attachment_1146" align="alignnone" width="300"] visuel : Timothée Graland[/caption]&#160;La présentation met en correspondance les données qui ont été échantillonnées à partir des fréquences émises en fonction du temps passé sur l’application. L’audiogramme présente un court extrait des expérimentations sonores de l’utilisateur. Pour chacun des mots, l’utilisateur a essayé d’émettre les bonnes fréquences pour parvenir à lire le mot. Le premier graphique présente une timeline des micro-variations fréquentielles expérimentées par l’usager pour chacun des mots. Sur une autre base d’expérimentation, le 2ème graphique présente une simple timeline des mots qui se succèdent à l’écran.[caption id="attachment_1147" align="alignnone" width="300"] visuel : Laure Frelaut[/caption]Le 3ème présente sur le cercle une représentation des variations en terme de décibels et fréquences.[caption id="attachment_1148" align="alignnone" width="165"] visuel : Vincent Pounchou[/caption]Un autre visuel présente les différents parcours de lecture de l'application pour 11 utilisateurs  :&#160;[caption id="attachment_1177" align="alignnone" width="300"] visuel : Charline Jarsalé[/caption]&#160;Cinégraphismed’après « organisme cinétique », exercice 9Pour Paul Klee, le mouvement de la création est comparable à l’interdépendance du squelette et des muscles pour activer le mouvement du corps : « un appui mutuel leur est nécessaire » et il en va de même écrit-il lorsqu’il s’agit de transmettre un ordre du cerveau vers les muscles « à la manière d’un télégramme ». [caption id="attachment_1140" align="alignnone" width="300"] Exercice 9, organisme cinétique, Esquisses Pédagogiques.[/caption]&#160;Que se passe t-il lorsque l’on change le « caractère structural de cette fonction « ? Comment évoquer l’interdépendance du corps en mouvement avec la création du geste plastique ? Cinégraphisme est une simulation visant à dessiner et sentir autrement avec son corps à partir d’une interface proprioceptive. Les données captées par le microphone et de l’accéléromètre permettent de reprogrammer le geste créatif. Par design paramétrique, nous pouvons comprendre l’idée d’un graphisme évolutif. Les mouvements de notre corps influent sur l’inclinaison de la tablette, qui à son tour modifie le comportement paramètré  des petites formes géométriques affichées à l’écran. En interagissant avec son corps, on peut anticiper le comportement de cette composition évolutive.&#160;[caption id="attachment_1127" align="alignnone" width="146"] cinégraphisme, DKEP[/caption][caption id="attachment_1126" align="alignnone" width="146"] cinégraphisme, DKEP, visuel n2[/caption]Questionnaire utilisateur :[caption id="attachment_1207" align="alignnone" width="300"] questionnaire cinégraphisme (exercice 9)[/caption]Captations des mouvementsLa représentation  présente de manière linéaire les modifications d’inclinaison de la tablette lors du test d’utilisation. L’inclinaison agit sur la largeur des tests d’utilisation. L’inclinaison agit sur la largeur des rectangles qui s’affichent à l’écran. Sur l’autre graphique l’inclinaison présente les orientations cardinales de la tablette.&#160;[caption id="attachment_1149" align="alignnone" width="300"] visuel :Gaetan Thirion[/caption]&#160;[caption id="attachment_1150" align="alignnone" width="185"] visuel 2 : Gaetan Thirion[/caption]Une autre présentation représente le grossissement de formes en fonction de l’orientation de la tablette et du temps. Chaque barre représente l’angle d’inclinaison plus ou moins important ainsi que la grosseur de l’ensemble des formes à un instant t. Plus l’orientation de la tablette est proche de zéro (horizontale), plus les formes conservent leur taille d’origine  et plus l’orientation est importante plus elles sont élevées. Le graphique présente le jeu de variation d’équilibre spécifique à chaque session de jeu…[caption id="attachment_1151" align="alignnone" width="300"] visuel : Élie Quintard[/caption]&#160;La variation de l'épaisseur du trait expérimenté par 13 utilisateurs [caption id="attachment_1178" align="alignnone" width="234"] visuel : Jade Rognon[/caption]&#160;&#160;&#160;&#160;MOT KLEEd’après Production-Réception exercice 13Pour Paul Klee la genèse de l’œuvre repose sur une succession d’addition et de soustraction d’éléments. L’application Mot Klee qui correspond à l’exercice 13 des Esquisses Pédagogiques, propose de simuler cette mise en œuvre avec les outils de la réalité augmentée en concevant un jeu interactif d’appariement/ajustement de formes graphiques.[caption id="attachment_1141" align="alignnone" width="261"] exercice 13, Production reception, Esquisses Pédagogiques.[/caption]&#160;Il s’agit de superposer les signes graphiques en mouvement de la tablette graphique avec l’espace graphique imprimé dont les signes graphiques ne bougent pas : des mots et des signes manquent à leur place, l’utilisateur doit reconstituer l’espace éditorial graphique à l’aide de gestes et de mouvements spécifiques pour ajuster les 2 parties graphiques.&#160;[caption id="attachment_1122" align="alignnone" width="300"] Mot Klee, DKEP[/caption]À l’aide des capteurs d’inclinaison et de mise au point focale, les capacités d’attention sont sollicités par des mouvements d’extraction d’information et de corrections (feed back) que la réalité augmentée (RA) permet d’ajuster : « L’oeil doit « brouter la surface, l’absorber partie après partie […] l’œil suit les chemins qui lui ont été ménagés dans l’œuvre »présentation du stimulus papier &#160;[caption id="attachment_1187" align="alignnone" width="300"] visuel Élie Quintard et Gaetan Thirion (partie papier)[/caption]Questionnaire utilisateur :[caption id="attachment_1183" align="alignnone" width="300"] questionnaire Mot klee (exercice 13)[/caption]&#160;L’application Mots Klee permet de créer un lien entre le papier et la tablette. le but est de positionner de façon parfaite la tablette au dessus du papier pour rassembler 2 visuels afin d’en créer un seul. Le visuel sur la tablette change de dimension en fonction du positionnement de celle çi. Plus la tablette est éloignée de la feuille plus la taille du visuel est réduite, plus la tablette s’approche de la feuille plus le visuel est grand. Un signal sonore confirme un ajustement en cours qui réussit. &#160;[caption id="attachment_1153" align="alignnone" width="300"] Visuel : Émilie Hoyet[/caption]&#160;&#160;[caption id="attachment_1152" align="alignnone" width="300"] Visuel2 : Emiie Hoyet[/caption]&#160;Le graphique retrace l’activité des tentatives d’ajustement des formes par l’utilisateur. Il permet de mettre en parallèle le positionnement de la tablette avec les variations de la taille du visuel. Le dessin initial conçu par Émilie Hoyet pour expliciter par la dataviz le dispositif RA mot klee, ne manque pas de formuler une analogie avec une sorte de croûte terrestre…Il ne manque pas de rappeler que l’application fonctionne dans un rapport de distance qui oblige à placer l’édition quasiment au sol et de se tenir debout avec la tablette pour effectuer la mise au point.&#160;&#160;Trame générative (d’après la verticale en marche, l’horizontale : exercice 18 &#38; 19)Pour l’artiste Paul Klee, créer suppose d’expérimenter avec le corps la verticale et l’horizontale qui structurent le monde et ses représentations. Percevoir ces axes dépend de la manière dont nous sentons nos mouvements dans l’espace. [caption id="attachment_1132" align="alignnone" width="300"] Exercice 18, Verticale en marche, DKEP[/caption]Trame générative propose un jeu d’équilibre entre 2 dynamiques différentes : l’image (dans un environnement numérique) et la position du corps. À l’aide des capteurs d’inclinaison, les mouvements de la tablette vers la verticale ou l’horizontale rendent sensibles la perception d’une interaction qui matérialise un plan d’image : une forme rectangle constituée de particules graphiques se dessine peu à peu en suivant le rythme des données transmises par les capteurs. Lorsque l’utilisateur maintient quelques instants l’une des deux positions, le rectangle change de couleur.[caption id="attachment_1124" align="alignnone" width="300"] exercice 18, 19 trame générative, DKEP[/caption][caption id="attachment_1125" align="alignnone" width="300"] Exercice 18 &#38; 19, trame générative, DKEP[/caption]&#160;Questionnaire utilisateur :[caption id="attachment_1160" align="alignnone" width="300"] questionnaire Trame générative (exercices 18&#38;19)[/caption]&#160;Carrés magiques d’après « Équilibres non-symétriques / équilibre dérangés, exercice 23Paul Klee a peint de très nombreuses œuvres que l’artiste nommait « carrés magiques » en référence au jeu mathématique dont la conception formelle est semblable à un damier chiffré et dont la somme des chiffres lus à l’horizontale ou à la verticale donne toujours le même résultat. Les carrés magiques reprennent ce mode d’arrangement s’inscrivant dans le courant d’une pensée esthétique et expérimentale de la forme. [caption id="attachment_1133" align="alignnone" width="250"] Équilibres non-symétriques / équilibre dérangés, exercice 23[/caption]&#160;Paul Klee , exercice 23, détailLe peintre qui a affaire avec « le poids » des couleurs devient une sorte de « danseur sur une corde », enlevant ou ajoutant ici et là pour dynamiser la composition chromatique. Dans l’environnement numérique, il devient possible de modifier les couleurs de la reproduction de manière non destructive, ce qui modifie la trivariance visuelle (teinte, saturation, luminosité) par la simulation. Lorsque nous modifions les composantes chromatiques, nous pouvons interroger avec la couleur ce qui motive notre jugement esthétique.[caption id="attachment_1119" align="alignnone" width="214"] Carrés magiques (1), exercice 23[/caption][caption id="attachment_1120" align="alignnone" width="211"] carrés magiques, Esquisses Pédagogiques, DKEP[/caption]Questionnaire utilisateur [caption id="attachment_1210" align="alignnone" width="300"] questionnaire "carrés magiques", exercice 23[/caption]Ce graphique présente une visualisation du 1er tableau de  l’application « carrés magiques ». Chaque carré du tableau d’origine est numéroté et représenté par une série de 3 rectangles correspondant aux valeurs RVB des couleurs de chaque carré. On identifie les carrés qui ont été modifié lors d’une session et l’on peut comparer la modification des valeurs avec celle de la présentation initiale.[caption id="attachment_1138" align="alignnone" width="237"] numérotation, carrés magiques[/caption]&#160;[caption id="attachment_1154" align="alignnone" width="300"] visuel: Élie Quintard[/caption]À partir du 2ème tableau de l’application carrés magiques, l’arbre des couleurs visualise les couleurs qui dominent chacun des carrés du tableau de Paul Klee, après modification de la part de l’utilisateur.&#160;[caption id="attachment_1131" align="alignnone" width="262"] carrés magiques, reproduction n° 2[/caption]&#160;[caption id="attachment_1118" align="alignnone" width="205"] visuel : Laure Frélaut[/caption]&#160;Basé sur le trio RVB qui sont les valeurs extraites des capteurs de l’application : le gris représentant l’égalité des trois couches de couleurs. Le grand rond gris représente le champ d’action de l’utilisateur, son doigt touchant l’écran et modifiant les valeurs. Les chiffres disposés en haut sont placés à l’exact emplacement du tableau de Paul Klee. Si un cadre est tracé autour de ses chiffres, on peut se représenter mentalement l’emplacement des carrés magiques&#160;Promenade Chromatiqued’après mouvement perpétuel, exercice 43Promenade chromatique cherche à montrer comment le mouvement du promeneur « appareillé » fabrique lui-même les relations d'interactions de couleurs avec son environnement immédiat.[caption id="attachment_1134" align="alignnone" width="242"] exercice 43, le mouvement perpétuel de la couleur[/caption]L'utilisateur doit réaliser préalablement une prise de vue photographique de son environnement immédiat. Un histogramme des couleurs trie quantitativement les pixels de la reproduction. L'utilisateur doit effectuer une série de pas pour parcourir l'histogramme de l'image. Les premiers pas correspondent aux couleurs les plus présentes.La couleur et ses expériences psychosensorielles sont infinies. Le mouvement de sa description aussi. Les mots qui apparaissent aléatoirement à l'écran fabriquent des énigmes qui composent autant de nouveaux nuanciers chromatiques inopinés et incongrus.La direction ou la polarité d’une couleur n’importe plus, ni la direction. Le cercle s’est transformé en une ligne infinie et nous décodons la couleur non pas en fonction des pôles chromatiques mais en fonction de leurs fréquences et de leur échantillonnage.&#160;[caption id="attachment_1155" align="alignnone" width="300"] promenade chromatique, détails[/caption]&#160;Les mots accompagnent les couleurs en favorisant la surprise et l’aléatoire. Sérendipité chromatique !Questionnaire utilisateur :&#160;[caption id="attachment_1205" align="alignnone" width="300"] questionnaire promenade chromatique (exercice 43)[/caption]Les visualisations qui suivent tentent de retracer l’activité de l’utilisateur en prenant en compte le nombre de pas effectué pendant l’exercice. Les 5 première valeurs sont nulles, ensuite, si chaque valeur captée représente un temps de 200 millisecondes, on peut estimer que 5 valeurs qui se suivent représentent une durée totale d’une seconde, soit un pas. La visualisation présente une série de variations chromatiques qui témoigne d’une image comportant des teintes peu nuancées. Quand les valeurs captées ne changent pas au delà de 5, on peut considérer que l’utilisateur s’est arrêté tout simplement.[caption id="attachment_1142" align="alignnone" width="300"] visuel :Élie quintard[/caption]&#160;Visuel de l'image mise en avant : Charline Jarsale /son des motsDigital Klee Esquisses Pédagogiques (DKEP)DKEP : volet numérique &#160;Équipe de réalisation de l'application DKEP :PTAC, Master Design Rennes 2 &#38; INSA Rennes &#160;Design d’interface et conception graphique de l’applicationÉtudiant.e.s Rennes 2Clément Botrel, Bleuenn Bourrhis, Lou Catala, Nasim Dastmalchi, Tania Gaitan, Alexia Girbon, Marie Megoz, Aude Testard, Mélusine VilarsSpécification et conception logicielle, programmation-codage Étudiant.e.s. INSA RennesLouis-Sinan Capon, Maxence Detante , Manon Georges, Laora Heinz, Enzo Menegaldo, William Mouchère, Antoine Pizon, Justine VidalDataviz (récupération des logs, raffinage, traitement, design graphique des captations physiques et ressentis)Étudiant.e.s Rennes 2Élie Quintard, Gaetan Thirion, Charline Jarsale, Jade Rognon, Timothée Garland, Émilie Hoyet, Julie Massard, Mathilde Guémené, Marie Dupont, Laure Frelaut, Vincent PounchouEnseignements et workshops dédiésMathieu Ben, Gaël Gouault, Florian Chevillard,Jocelyn CottencinDirection scientifique :Rennes 1 : Éric Anquetil  (spécification &#38; conception logicielle, programmation)Rennes 2,  Pierre Braun (spécification fonctionnelle, textes, coordination ), porteur du projet labellisé MSHB.Laboratoire scientifique Rennes 2 : équipe d’accueil Pratiques et théories de l’art contemporain (PTAC EA 7472)&#160;