{"id":4820,"date":"2023-05-31T13:24:51","date_gmt":"2023-05-31T12:24:51","guid":{"rendered":"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/?p=4820"},"modified":"2023-06-01T09:29:51","modified_gmt":"2023-06-01T08:29:51","slug":"comment-creer-un-magasin-en-realite-virtuelle","status":"publish","type":"post","link":"https:\/\/blog.univ-angers.fr\/polytech_2A\/2023\/05\/31\/comment-creer-un-magasin-en-realite-virtuelle\/","title":{"rendered":"Comment cr\u00e9er un magasin en r\u00e9alit\u00e9 virtuelle ?"},"content":{"rendered":"\n
\"\"<\/a><\/figure>\n\n\n\n

\u2014<\/strong>Le virtuel ne s’oppose pas au r\u00e9el, mais seulement \u00e0 l’actuel. Le virtuel poss\u00e8de une pleine r\u00e9alit\u00e9, en tant que virtuel<\/em><\/strong><\/a>\u2013 Gilles Deleuze (Philosophe 1925\/95)<\/em><\/strong><\/p>\n\n\n\n

En quelques mots\u2026<\/h2>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

Bonjour \u00e0 tous, nous sommes 4 \u00e9tudiants de 2\u00e8me<\/sup> ann\u00e9e \u00e0 Polytech Angers, KERIVEL L\u00e9na, JAUNAULT Salom\u00e9, SOURISSEAU Chlo\u00e9 et BARRE Justin. Dans le cadre du dernier semestre de notre cycle pr\u00e9paratoire int\u00e9gr\u00e9 aux \u00e9coles Polytech, nous devons nous impliquer dans un projet et l\u2019\u00e9laborer enti\u00e8rement, des recherches jusqu’\u00e0 la r\u00e9daction de cet article. Nous avons choisi le projet \u201cvirtual shopping\u201d qui consiste en la cr\u00e9ation d’un magasin en r\u00e9alit\u00e9 virtuelle.   <\/p>\n\n\n\n

Choix de ce projet<\/h2>\n\n\n\n

Nous avons tous les quatre choisi ce projet pour des raisons diff\u00e9rentes. Justin connaissait tr\u00e8s bien ce domaine, il avait d\u00e9j\u00e0 les bases dans l\u2019utilisation du langage de programmation pour la r\u00e9alit\u00e9 virtuelle. Il voudrait d’ailleurs int\u00e9grer la sp\u00e9cialit\u00e9 SAGI pour le cycle ing\u00e9nieur. Quant \u00e0 L\u00e9na, Salom\u00e9 et Chlo\u00e9, elles ne connaissaient pas du tout le domaine de la r\u00e9alit\u00e9 virtuelle. Elles n\u2019envisagent pas forc\u00e9ment de se sp\u00e9cialiser dans cette fili\u00e8re et ce projet de fin de deuxi\u00e8me ann\u00e9e, c\u2019\u00e9tait donc pour elles l\u2019occasion de d\u00e9couvrir la r\u00e9alit\u00e9 virtuelle et ses interfaces.<\/p>\n\n\n\n

Pourquoi cr\u00e9er un magasin en r\u00e9alit\u00e9 virtuelle ?<\/h2>\n\n\n\n

Cr\u00e9er un magasin en r\u00e9alit\u00e9 virtuelle peut servir \u00e0 exp\u00e9rimenter un nouveau type de magasin, de nouveaux agencements dans le magasin ou l\u2019importation de nouveaux produits. Dans les d\u00e9marches actuelles d\u2019\u00e9conomie des ressources et de l\u2019\u00e9nergie, permettre aux constructeurs de pouvoir faire tester un nouveau commerce avant de le construire est un avantage non n\u00e9gligeable. En effet, dans le cas o\u00f9 les clients qui testent le magasin avec le casque de r\u00e9alit\u00e9 virtuelle \u00e9mettraient des avis n\u00e9gatifs sur celui-ci, l\u2019implantation du magasin est fortement remise en question et le projet peut donc \u00eatre revu afin de l\u2019am\u00e9liorer. <\/p>\n\n\n\n

Mais dans le cadre de notre projet, nous avons d\u00e9cid\u00e9 de cr\u00e9er un magasin virtuel pour qu\u2019il soit test\u00e9 par des personnes porteuses de troubles autistiques. Les personnes atteintes d\u2019autisme peuvent se d\u00e9placer et mettre des produits dans le caddie du magasin gr\u00e2ce au casque de r\u00e9alit\u00e9 virtuelle et aux manettes. Nous avons d\u00e9cid\u00e9 de nous focaliser sur les personnes atteintes d\u2019autisme, car ce trouble, bien qu\u2019il se manifeste tr\u00e8s diff\u00e9remment d\u2019une personne \u00e0 l\u2019autre, est tr\u00e8s souvent handicapant dans la vie quotidienne et certains se retrouvent souvent tr\u00e8s stress\u00e9s quant \u00e0 l\u2019id\u00e9e de devoir aller faire leurs courses. Actuellement, la pr\u00e9valence de cette atteinte est d\u2019environ 1 naissance sur 100 en France.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Ci-contre une infographie concernant les signes de l\u2019autisme.<\/em><\/p>\n\n\n\n

Les principaux sympt\u00f4mes conduisent \u00e0 une alt\u00e9ration des interactions sociales. Les porteurs de troubles autistiques se retrouvent donc bien souvent dans des situations stressantes, propices aux angoisses lorsqu\u2019ils vont dans un magasin avec du monde, une ambiance lumineuse et sonore dont ils n\u2019ont pas l’habitude, des codes sociaux \u00e0 respecter\u2026 C\u2019est une situation qui peut nous para\u00eetre banale, mais qui n\u2019est pas facile \u00e0 g\u00e9rer pour eux. Pour rem\u00e9dier \u00e0 cela, des solutions ont d\u00e9j\u00e0 \u00e9t\u00e9 mises en place comme l’instauration dans de nombreux supermarch\u00e9s d\u201dheures silencieuses\u201d, heures durant lesquelles la musique du magasin est fortement diminu\u00e9e voire \u00e9teinte ainsi que la luminosit\u00e9 qui est rendue moins agressive.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Exemple d\u2019affiche que l\u2019on aper\u00e7oit de plus en plus \u00e0 l\u2019entr\u00e9e des supermarch\u00e9s.<\/em><\/p>\n\n\n\n

Nous avons voulu aller plus loin en cr\u00e9ant un magasin virtuel dans lequel les personnes atteintes d\u2019autisme peuvent se plonger enti\u00e8rement gr\u00e2ce au casque de r\u00e9alit\u00e9 virtuelle. Cela peut permettre aux promoteurs commerciaux de r\u00e9unir les meilleures conditions possibles pour que les clients se sentent \u00e0 l\u2019aise lorsqu’ils vont faire leurs courses. Il peut s\u2019agir de fixer un nombre limit\u00e9 de clients dans le magasin par exemple, ou encore d’\u00e9tablir un agencement particulier au niveau des produits et des rayons. Et \u00e9videmment cela permet aux porteurs de troubles autistiques de s\u2019habituer \u00e0 l\u2019environnement du magasin en utilisant le casque plusieurs fois par semaine pour qu\u2019ils puissent dans la r\u00e9alit\u00e9, aller dans ce magasin sans trop d’appr\u00e9hension. Car des \u00e9tudes l\u2019ont prouv\u00e9, ce qui entra\u00eene des situations stressantes chez les personnes atteintes d\u2019autisme, ce sont des situations inconnues, dans lesquelles les personnes n\u2019ont pas de rep\u00e8res et n\u2019y sont pas habitu\u00e9es. <\/p>\n\n\n\n

Mais concr\u00e8tement, comment construire un magasin virtuel ?<\/h2>\n\n\n\n

Pour cr\u00e9er un magasin virtuel, on a pour notre part utilis\u00e9 le logiciel Unity 3D qui permet de programmer un environnement de r\u00e9alit\u00e9 virtuel avec le langage C# (C sharp). Puis le projet est ensuite adapt\u00e9 pour \u00eatre export\u00e9 sur un casque de r\u00e9alit\u00e9 virtuelle.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

ETAPE 1 :<\/strong> Installation du logiciel Unity 3D<\/strong><\/p>\n\n\n\n

Nous avons install\u00e9 le logiciel Unity 3D sur nos ordinateurs. <\/p>\n\n\n\n

Lorsqu\u2019on l\u2019ouvre, le logiciel Unity 3D, il se pr\u00e9sente comme ceci :\u00a0
<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

La \u201csc\u00e8ne\u201d qui est l\u2019endroit o\u00f9 tous les objets que nous allons ajouter en r\u00e9alit\u00e9 virtuelle est situ\u00e9e en haut. A gauche, on retrouve un tableau de bord d\u2019o\u00f9 nous pouvons g\u00e9rer les scripts associ\u00e9s \u00e0 chaque objet. <\/p>\n\n\n\n

Ces scripts, justement, sont le c\u0153ur du fonctionnement du logiciel Unity 3D. Ils sont \u00e9crits en C# (C sharp). Les programmations permettent de pr\u00e9voir les mouvements des objets en fonction de la mani\u00e8re dont ils sont pris et leurs \u201cr\u00e9actions\u201d lorsqu\u2019on les l\u00e2che ou autres (rebondissement, \u2026). Il est donc n\u00e9cessaire de ma\u00eetriser ce langage qui se rapproche fortement du langage C et encore plus du langage C++. Cela nous am\u00e8ne \u00e0 la deuxi\u00e8me \u00e9tape de notre cheminement.<\/p>\n\n\n\n

ETAPE 2 :<\/strong> <\/strong>Apprentissage du langage C#<\/strong><\/p>\n\n\n\n

Pour travailler le langage C#, nous avons suivi des tutos pour pouvoir coder en C#. Voici ci-dessous le lien YouTube des vid\u00e9os que nous avons visionn\u00e9es : <\/p>\n\n\n\n

Unity C# Scripting Tutorial For Beginners-Learn C# For Unity Game Development – YouTube<\/a>
<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Les vid\u00e9os sont tr\u00e8s bien pr\u00e9sent\u00e9es et compr\u00e9hensibles, \u00e0 chaque fois sur un th\u00e8me diff\u00e9rent et d\u2019une dur\u00e9e de 15 minutes.<\/p>\n\n\n\n

ETAPE 3 :<\/strong> Ma\u00eetrise du logiciel<\/strong><\/p>\n\n\n\n

Nous sommes ensuite pass\u00e9s \u00e0 la ma\u00eetrise du logiciel en s\u2019entra\u00eenant avec les polycopi\u00e9s de travaux dirig\u00e9s fournis par notre enseignant Paul Richard. Tous les polycopi\u00e9s mettent en avant des fonctionnalit\u00e9s essentielles de Unity 3D.
<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Voici un exemple de polycopi\u00e9 que nous avons suivi pour prendre en main le logiciel et utiliser toutes ses fonctionnalit\u00e9s.<\/p>\n\n\n\n

ETAPE 4 :<\/strong> R\u00e9alisation du projet <\/strong><\/p>\n\n\n\n

Pour cela, il nous faut l\u2019environnement du projet, il s\u2019agit du magasin en lui-m\u00eame (les murs, les \u00e9tales, les rayons, les caisses\u2026).<\/p>\n\n\n\n

L\u2019environnement du magasin est un package payant, ici un ensemble de mod\u00e8les 3D assembl\u00e9s (pour les produits et les \u00e9tales), fournis par Polytech.
<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Vision de l’environnement du magasin <\/em><\/p>\n\n\n\n

Dans le cadre de ce projet, les produits nous ont aussi \u00e9t\u00e9 fournis.
<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Exemple de produits ajout\u00e9s dans les rayons<\/em><\/p>\n\n\n\n

Il a fallu ensuite les ajouter au magasin pr\u00e9c\u00e9demment import\u00e9.<\/p>\n\n\n\n

Nous avons ensuite ajout\u00e9 le caddie, qui suit les mouvements de l\u2019utilisateur quand il tient en main les manettes de r\u00e9alit\u00e9 virtuelle.\u00a0<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Le caddie utilis\u00e9<\/em><\/p>\n\n\n\n

Et enfin, nous avons ajout\u00e9 les personnages. Nous nous sommes rendus sur le site en ligne Mixamo o\u00f9 il est possible de cr\u00e9er ses propres personnages et leur attribuer une animation pour qu’ils soient ensuite export\u00e9s et int\u00e9gr\u00e9s au projet 3D. <\/p>\n\n\n\n

Nous avons cr\u00e9\u00e9 plusieurs personnages \u00e0 int\u00e9grer au magasin. Des employ\u00e9s comme les poissonniers, mais aussi des clients qui d\u00e9ambulent dans les rayons avec tout type de trajectoire. <\/p>\n\n\n\n

Pour cr\u00e9er les personnages sur Mixamo, il faut d\u2019abord choisir une apparence. Comme on peut le voir sur la photographie ci-dessous, il existe \u00e9norm\u00e9ment d’apparences, diff\u00e9rentes les unes des autres.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Voici un aper\u00e7u du site Mixamo <\/em><\/p>\n\n\n\n

Puis nous leur avons attribu\u00e9 une animation. Sur la capture d\u2019\u00e9cran ci-dessous, nous remarquons qu\u2019il est possible, gr\u00e2ce \u00e0 la barre de recherche en haut \u00e0 gauche, de rechercher le type d\u2019animation que l\u2019on souhaite int\u00e9grer au personnage.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Il suffit ensuite de cliquer sur \u201cDownload\u201d pour t\u00e9l\u00e9charger le personnage et l\u2019ajouter au magasin virtuel. <\/p>\n\n\n\n

ETAPE 5 :<\/strong> Rectification et exportation du projet<\/strong> <\/p>\n\n\n\n

Une fois l\u2019ajout des personnages fini, nous avons entam\u00e9 la phase de test pour rectifier les bugs pr\u00e9sents dans le projet de r\u00e9alit\u00e9 virtuelle. <\/p>\n\n\n\n

Nous avons ensuite test\u00e9 le magasin virtuel avec le casque et les manettes pour avoir un aper\u00e7u de ce que pourra voir l\u2019utilisateur de notre projet. <\/p>\n\n\n\n

Pour cela, nous avons utilis\u00e9 un package int\u00e9gr\u00e9 dans le logiciel Unity 3D nomm\u00e9 XR Interaction Toolkit qui nous simplifie l’int\u00e9gration de la r\u00e9alit\u00e9 virtuelle dans notre projet avec des scripts et \u00e9l\u00e9ments pr\u00e9-programm\u00e9s, dont un syst\u00e8me d\u2019interactions entre les manettes et l\u2019environnement.<\/p>\n\n\n\n

Nous utilisons le casque Meta Quest 2 (anciennement Oculus Quest 2) pr\u00eat\u00e9 par Polytech comme casque de r\u00e9alit\u00e9 virtuel pour notre projet.
<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

Chlo\u00e9 a \u00e9t\u00e9 notre premier cobaye pour tester le magasin virtuel avec le casque et les manettes !<\/p>\n\n\n\n

Clap de fin\u2026<\/h2>\n\n\n\n

Ce projet nous a permis de d\u00e9couvrir l\u2019univers de la r\u00e9alit\u00e9 virtuelle, et surtout de prendre conscience de l\u2019importance de cette technologie dans de nombreux domaines (m\u00e9decine, construction, formation professionnelle et ludique). Dans notre cas, il est un outil essentiel pour pr\u00e9venir les comportements des personnes atteintes d\u2019autisme et ainsi pouvoir revoir l’am\u00e9nagement des magasins pour leur permettre de se sentir mieux lorsqu\u2019ils font leurs courses. En effet, certains \u00e9vitent m\u00eame d\u2019aller faire leurs courses pour ne pas se retrouver dans une situation stressante. Avec des simulations en r\u00e9alit\u00e9 virtuelle, on peut donc modifier l\u2019environnement, pour leur permettre de revenir dans les magasins, on peut jouer sur diff\u00e9rents facteurs (la luminosit\u00e9, le nombre de personnes, les produits dans le magasin). <\/p>\n\n\n\n

Ce travail a aussi \u00e9t\u00e9 l\u2019occasion d\u2019exp\u00e9rimenter un travail d\u2019\u00e9quipe, avec ses facilit\u00e9s (entraide, mobilisation sur une longue p\u00e9riode\u2026) et ses difficult\u00e9s (connaissances et int\u00e9r\u00eats diff\u00e9rents, communication et harmonisation de nos emplois du temps\u2026). Cette exp\u00e9rience sera s\u00fbrement tr\u00e8s enrichissante pour nous tous pour la suite de notre cursus, elle nous pr\u00e9pare \u00e0 notre futur m\u00e9tier d\u2019ing\u00e9nieur(e) : <\/p>\n\n\n\n

– projet<\/p>\n\n\n\n

– travail d\u2019\u00e9quipe<\/p>\n\n\n\n

– cahier des charges<\/p>\n\n\n\n

Nous tenions aussi \u00e0 remercier monsieur Paul RICHARD pour son accompagnement tout au long du projet, et les ressources mises \u00e0 notre disposition. <\/p>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

\u2014Le virtuel ne s’oppose pas au r\u00e9el, mais seulement \u00e0 l’actuel. Le virtuel poss\u00e8de une pleine r\u00e9alit\u00e9, en tant que virtuel\u2013 Gilles Deleuze (Philosophe 1925\/95) En quelques mots\u2026 Bonjour \u00e0 tous, nous sommes 4 \u00e9tudiants de 2\u00e8me ann\u00e9e \u00e0 Polytech … Continuer la lecture →<\/span><\/a><\/p>\n","protected":false},"author":97803,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[567],"tags":[],"class_list":["post-4820","post","type-post","status-publish","format-standard","hentry","category-2022-2023"],"_links":{"self":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts\/4820","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/users\/97803"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/comments?post=4820"}],"version-history":[{"count":12,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts\/4820\/revisions"}],"predecessor-version":[{"id":5447,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts\/4820\/revisions\/5447"}],"wp:attachment":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/media?parent=4820"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/categories?post=4820"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/tags?post=4820"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}