Comment nous avons conçu un Escape Game sur les Métiers du Numérique

Comprendre les métiers de la Tech avec une approche ludique

Illustration générée avec Midjourney

Le jeudi 9 février, la Fondation Agir Contre l’Exclusion (FACE) du Grand Toulouse organisait une journée “Escape game des métiers”. L’objectif ? Proposer 10 Escape game pour découvrir des secteurs du monde du travail. Dans ce contexte, la South Side Tech a conçu un Escape game axé sur les métiers du numérique.

Plongée au cœur de la conception de ce projet.

Vulgariser les métiers de la Tech à tous les publics

Cet Escape game numérique s’inscrit dans un contexte plus large d’initiation de profils en recherche de formations à différents secteurs, dont celui du numérique.

Notre Escape game est divisé en trois parties, relatives aux trois domaines suivants :

• La cybersécurité
• Le webdesign
• Le développement web

Les contraintes sont les suivantes : chaque partie de l’Escape game doit durer environ 10 minutes, l’objectif étant de finir le jeu au bout d’une trentaine de minutes et de pouvoir ensuite répondre aux questions des participants.

Validation commune des contours du projet

Nous avons participé à deux réunions comprenant les parties prenantes du projet d’Escape game numérique. Après avoir validé les contours de cet événement, nous avons proposé de prendre en charge la définition de ce projet avec notre association. FACE nous a laissé une grande autonomie, ce qui nous a permis de concevoir l’Escape game en tout liberté.

Nous avons choisi une approche décalée pour ce projet : une “mamie Jeannine” prépare des plantes médicinales qu’elle revend sur internet. Le problème, c’est que le site web qui permet à mamie de revendre ses plantes est hors service, et le développeur qui avait préparé ce site ne s’en occupe plus. Elle s’en remet donc au public de l’Escape game pour remettre son site en ligne.

Scénario de base de l’Escape game

Lors de ces premières réunions, nous avons fait part de nos premières idées à l’équipe de l’Escape game. Parmi elles, figurent :

• La détection de mails de phishing et l’entrée de commandes dans le terminal (cybersécurité)
• L’utilisation de cartes de jeu sur les principes d’ergonomie pour mettre à jour la maquette du site (webdesign)
• L’ajout de classe CSS dans le fichier HTML du site et le déploiement du site en ligne de commande (développement web)

Les cartes d’ergonomie proposées lors de l’Escape game final

Après avoir validé le matériel requis et les bases du contenu de l’Escape game, nous avons pu nous lancer plus en détail dans la conception du jeu.

Conception du contenu du jeu

Dans le cadre de ce projet, nous avons mis à contributions Sami et Simon, deux membres de l’association dont les compétences complémentaires et les disponibilités permettaient d’avancer sur toutes les parties requises.

En effet, Sami est administrateur systèmes et réseaux et a déjà fait du développement web. De son côté, Simon est UX | UI Designer et connait aussi le développement web.

Nous avons décomposé le contenu de l’Escape game, de manière à pouvoir se répartir les tâches efficacement et visualiser la globalité du travail requis.

Extrait de la décomposition des étapes de l’Escape game

Cette décomposition des étapes nous demandait les actions suivantes :

• La mise en place d’une machine virtuelle pour héberger l’environnement de jeu de l’Escape game
• La conception d’une présentation visant à résoudre certaines énigmes, comme la détection du phishing ou l’amélioration de l’ergonomie du site
• Le développement du site web de l’Escape game à partir d’une maquette sur mesure
• La mise en place d’un déploiement automatisé du site
• La conception et l’impression de cartes de jeu, à distribuer aux participants

Extrait de la page du site web

Extraits des sections du site

Ces différentes étapes nous ont pris un mois, avant de pouvoir ensuite passer à l’étape suivante avec FACE : une présentation test de l’Escape game, le 16 décembre.

Demo avec des jeunes du dispositif Fabrik inclusive

Ce test était organisé dans les locaux de FACE Grand Toulouse, en compagnie de jeunes de la “Fabrik inclusive”. Ce dispositif permet de faire découvrir certains types de métiers à des personnes en profil reconversion.

Simon était présent pour réaliser cette démo. Dans ce contexte, nous avions prévu un ordinateur avec la présentation de l’Escape game. Sur un second ordinateur, nous avions accès à la machine virtuelle préparée par Sami, qui nous permettait de pouvoir interagir avec un terminal et de déployer le site web de mamie Jeannine.

Nous sommes rapidement tombés sur une problématique : le réseau de FACE semblait ne pas autoriser la connexion à la machine virtuelle, ce qui a résulté dans l’impossibilité pour nous d’accéder à cet environnement.

Simon a dû présenter l’Escape game sans les parties normalement contenues dans la machine virtuelle. Nous avons donc dû faire l’impasse sur des étapes de la partie cybersécurité, et passer toute la partie développement web !

Nous avons pu voir les bénéfices d’avoir effectué une demo, puisque nous avons pu identifier un risque important pour la bonne tenue finale de l’Escape game en février.

Ajustements avant la présentation finale

Entre la démo de décembre et la présentation finale en février, nous avons réalisé quelques ajustements.

Le principal fut de passer la partie initialement prévue sur machine virtuelle sur un ordinateur de l’association. Cela présente l’avantage de ne pas nécessiter de connexion à un environnement en ligne, ce qui élimine le risque de ne pas pouvoir s’y connecter, comme ce fut le cas lors de la démo.

Un risque mineur subsistait pour le jour J : si nous n’avions ni connexion wifi, ni 4G, nous ne pourrions pas réaliser certaines actions du terminal comme l’import du code du site en question ou le déploiement final du site.

Présentation de l’Escape game

Ca y est, nous y sommes ! Sami et Simon ont pu se rendre disponibles le jeudi 9 février, pour présenter l’Escape game à trois groupes de 8 à 10 personnes l’après-midi.

Après avoir rapidement installé notre matériel, nous avons commencé à présenter le jeu avec le premier groupe.

Photo de notre présentation de l’Escape game

Le public, d’horizons divers, s’est montré réceptif et a posé de nombreuses questions sur les métiers de la Tech. Nous avons également pu discuter plus en détail avec les parties prenantes, venant notamment d’acteurs institutionnels (Cité de l’emploi de Toulouse métropole, Mission locale…) en fin d’Escape game.

Présentation de la partie de redesign de la maquette du site de mamie Jeannine

A la fin de chaque groupe d’Escape game, nous avons brièvement expliqué le rôle de l’association, et avons proposé aux participants de rejoindre notre serveur Discord pour échanger sur les métiers de la Tech et les possibilités de formation en région toulousaine.

Globalement, ce fut une expérience très positive, qui nous a permis d’entrer en relation avec des personnes désireuses d’en apprendre plus sur les métiers du numérique, avec l’approche décalée que propose l’Escape game par rapport à un format plus conventionnel.

Cela a également confirmé le besoin d’une vulgarisation des métiers du numérique à tous les types de publics, avec une approche plus inclusive et accessible.