JeaSy

Utilisateurs

Plus les utilisateurs sont proches de vous et plus c’est facile de les contacter. C’est sur cette base que j’ai choisi de prendre les élèves de ma classe comme cible. Si l’un d’eux ne me répond pas, il me suffit de me déplacer jusqu’au banc d’à côté. J’ai d’abord interrogé des élèves de 2e année mais ayant beaucoup de connaissances en 3e, j’ai décidé de les inclure dans le projet.

2 slimes qui font une interviw. Le premier à un micro et le 2e lui répond avec une bulle de discussion animée

J’ai procédé de deux manières différentes. Avec un questionnaire conçu en classe et en discussion plus libre autour d’un verre. Le questionnaire permet de mieux cadrer l’interview et d’être sûr de ne passer outre aucun point mais j’en ai appris beaucoup plus grâce au discussions libres. Parler de tout et de rien est parfois la meilleure manière d’en apprendre plus sur le sujet qui nous intéresse.

Questionnaire

Je n’ai jamais été fan des questionnaires linéaires mais je dois admettre qu’ils m’ont été d’une grande aide.

En fonctionnant avec la méthode de l’entonnoir j’ai pu identifier des problèmes récurrents. Comme par exemple la barrière de la langue ou encore l’approche trop théorique.

2 slimes qui discutent. Le premier tient une feuille et pose des questions au second

Certaines personnes m’ont également expliqué que des codes pris en ligne ne fonctionnaient pas chez eux. Je mets ce problème de côté vu que la faute peut être partagée entre la personne qui publie le code et celui qui le télécharge mais j’en tiendrai compte dans la confection de mon service.

Boire un verre

J’ai également procédé à des interviews beaucoup moins conventionnelles faites non pas autour d’un questionnaire mais autour d’un verre. Je me suis posé avec quelques utilisateurs dans un bar et on a discuté calmement de tout et de rien.

2 slimes qui trinquent un verre de bière à la main

Contrairement aux questionnaires, ce genre de discussion ne permet pas de rentrer en profondeur mais elle a d’autres avantages. En tournant autour du pot, j’ai pu en apprendre plus sur des problèmes qui n’ont pas été soulevés avant tels que la toxicité sur certains sites d’aide ou alors la non compréhension de certaines notions vue en cours.

J’ai été vraiment étonné par le nombre de personne me disant qu’elles ne pensaient pas pouvoir faire du JS. Une amie m’a dit lors d’une interview :

C’est pas moi qui n’aiment pas le JS, c’est le JS qui ne m’aime pas !

C’est cette phrase qui m’a confortée dans l’idée qu’il y avait quelque chose à creuser.

Problèmes

Grâce aux questionnaires créés en classe et à des séances de discussions improvisées autour d’un verre, j’ai pu me rendre compte que certains points revenaient souvent :

Les sites d’aident sont en grandes majorités en anglais
L’approche très théorique pose parfois problème à certains
On a pas envie d’apprendre seul, chez soit

L’un des problèmes rencontré reste la barrière de la langue. Cela parait assez évident mais l’anglais pose parfois problème dans la compréhension des réponses. Bien que la possibilité de traduire avec Google existe, ça n’empêche pas de passer à côté de petites subtilités.

Certains étudiants se sont plaints que l’apprentissage du JavaScript hors des heures de cours était fastidieux. Les explications données ne sont pas toujours claires. Et malheureusement, on retrouve une grande communauté qui “trash” les novices lorsque ces derniers posent des questions jugées trop stupides.

J’ai pu tirer de mes interviews une phrase très importante qui résume à elle seule assez bien l’idée du projet.

3 slimes qui réfléchissent ensemble. Il y a des écrous qui tournent au-dessus de leur tête

Apprendre, oui. Mais pas seul !

C’est ainsi que je rangeais l’idée d’un jeu vidéo pour de bon et que je me lançais dans l’élaboration d’un site d’entraide tourné sur l’apprentissage du JavaScript.

Hypothèses

Après avoir pivoté, je me suis assuré de mettre mes utilisateurs au centre du projet et de me focaliser sur l’aide que je pouvais leur apporter. C’est de cette mentalité qu’est née la première version de JeaSy. Et avec du recul, je me rends compte que ma première hypothèse, celle du jeu vidéo, n’aurait pas fonctionné.

Mon objectif est de simplifier l’accès aux aides pour le javascript. Le tout était de trouver l’aide en question. C’est à ce moment qu’une idée m’a frappée.

2 slimes qui se prennent la main et qui font la fusion de DBZ

Un site pour vous par vous.

Je me suis rappelé que durant mes interviews, certains de mes camarades m’avaient déclaré se débrouiller en JavaScript. Certains donnaient même déjà de petits coups de main par ci par là. Aider ses camarades. Voilà quelque chose qui rentre bien dans mes valeurs et dans celles d’un site d’entraide comme je l’imagine.

Fonctionnalités

Salon vocal et vidéo

La fonctionnalité principale de mon projet découle d’après-midi en vocal avec des amis. Ça nous arrive assez souvent de se connecter sur un chanel, de coder chacun de notre côté et de nous aider en cas de soucis. C’est de cette habitude qu’est tirée la fonctionnalité phare du projet. Des petits salons vocaux et vidéos qui permettront à qui le désire de se connecter et de travailler ensemble sur un projet ou un problème. Une petite pastille de couleur indiquera si la personne est en demande ou en proposition d’aide et il sera possible de régler la nombre maximum de participants.

Image d'un vocal discord avec 3 personnes qui discutent

Gamifier l’entraide

J'aimerais instaurer un système de “rank” qui n’aura pas pour but de créer une hiérarchie entre les membres mais de gamifier l’entraide. En aidant les autres membres vous pourrez gagner des niveaux puis des divisions.

Slime déguisé en Mario avec la moustache et la casquette

Ce système, s’il ne crée pas de hiérarchie, permettra néanmoins de mettre en avant les membres actifs et serviables avec par exemples des badges ou des cosmétiques pour personnaliser son avatar.

Rank de couleur bronze. Mélange entre un slime et le rank de Rocket League

Rank de couleur argent. Mélange entre un slime et le rank de Rocket League

Rank de couleur or. Mélange entre un slime et le rank de Rocket League

Rank de couleur bleu. Mélange entre un slime et le rank de Rocket League

Rank de couleur violet. Mélange entre un slime et le rank de Rocket League

Rank de couleur rouge. Mélange entre un slime et le rank de Rocket League

Demande classique

Il y aura aussi un système de demande plus traditionnel basé sous forme de questions réponses. C’est une fonctionnalité qui existe déjà mais qui est fondamentale. Ce système sera simplifié au maximum et composé de :

Son pseudo
Le titre de la demande
Une description de son problème
Un endroit pour placer du code (le but est de l’avoir en couleur comme sur VS Code)
Un statut (Urgent - Réponse rapide - Pas urgent).
Un état (Fini ou en cours).
Des hashtags afin de permettre un système de filtre.

Ce dernier point permettra un meilleur usage des filtres lors de l’archivage. Lorsqu’un code est fonctionnel et validé, il sera possible de l’épingler pour permettre de le retrouver. Ainsi, quelqu’un ayant un problème similaire ou besoin du code pourra facilement le retrouver dans l’historique et profiter des explications de tous les élèves ou des professeurs.

Pour le futur

Pourquoi ne pas imaginer pouvoir lier le compte de l’école à celui de JeaSy et y développer des fonctionnalités avec l’aide des professeurs. On pourrait par exemple imaginer que les exercices de Monsieur Terrasse pourrait se faire depuis JeaSy.

Recherches

La barrière de la langue

Il existe beaucoup de sites d’aide permettant de poser des questions sur le JavaScript. Que se soit Stack Overflow, W3School, des forums de discussion ou encore des comptes instagram. Tous sont en anglais. Ce qui en soit est tout à fait normal. Le code étant international et s’écrivant en majorité en anglais.

Je trouve dommage que des sites d’aides ou d’apprentissage ne puissent pas être dans notre langue native. Casser la barrière de la langue permettrait à certains de sauter le pas et d’oser demander et comprendre.

2 slimes qui discutent. L'un porte un béret et tient une banguette. L'autre porte un monocle et tiens une tasse de thé

Codepen

Il existe aussi des sites comme Codepen ou alors “Stackblitz” qui ont comme possibilité de coder et de poster du code éditable par tous.

Mais dans toute cette mine d’or se cache aussi beaucoup de codes mal conçus ou dans des langages que nous n'apprenons pas en cours. C’est pourquoi je veux me concentrer sur le JavaScript et mettre les autres langages de côté.

Je ne compte pas rivaliser avec eux ou du moins, pas dans un premier temps. J’adore le fait de pouvoir éditer directement le code de quelqu’un et ces sites sont remplis d’un tas de bonnes idées et inspirations géniales.

Screen de l'application Codepen. On y voit du code et un carré avec un dégradé de couleur

Je prévois tout de même pour le futur une fonctionnalité permettant de coder ensemble en ligne dans un éditeur de code.

Discord

Discord reste un concurrent sérieux aussi. C’est grâce à ce réseau que j’ai eu l’idée de la fonctionnalité principale. En effet, nous avons toujours fait nos sessions de code en privé ou sur les groupes de la classe. J’ai tout de même relevé 2 problèmes au fait de coder via discord.

Certains ont peur de déranger ou sont intimidés quand le vocal se remplit. Il est d’ailleurs parfois difficile de s’entendre.

2 slimes discutent. Ils ont tous les 2 un casque avec un micro sur la tête

L’archivage des discussions posent aussi problème. Bien que nous ayons un chan où nous ne postions que le code, il était parfois compliqué de retrouver avec exactitude ce que nous cherchions.

Et l'IA dans tout ça ?

ChatGPT. Voici un concurrent sérieux. Je fais partie des personnes médisantes face à l'Intelligence Artificiel. Je trouve ça fascinant mais je pense qu’il faut instaurer une limite. Lorsque je vois ChatGPT en œuvre, je suis ébahi. Correction de code, réponse rapide et complète pour la théorie, capacité de coder pour nous.

Screen de ChatGPT qui propose une réponse avec du code dedans

Je pense sérieusement que ce genre de système va faire le tri entre les vrais et les faux développeurs. Mais à l’instar de l’apparition de la calculatrice chez les mathématiciens, ChatGPT et tous les autres sites du genre ne sont que des outils. Et mal utilisé, il ne prodigue que de mauvais conseils.

MDN

Screen du site MDN. On y voit un bout de code et un moyen de l'essayer

Mdn, ce site répertorie toute la théorie dont on peut avoir besoin ainsi que de très bons exemples. Qui plus est dans une multitude de langues. Je ne pense pas pouvoir faire quelque chose de mieux qu’eux. Du coup, je compte m’en inspirer pour le refaire à ma sauce. On ne peut pas toujours tout améliorer.

Présentation

1 jours : 2 heures : 3 minutes : 4 secondes

J’ai toujours été assez à l’aise avec les exercices oraux. Mais ce n’est pas une raison pour penser que ça ira comme sur des roulettes. Il faut réussir à se démarquer. C’est pourquoi je compte commencer et finir fort.

Le JavaScript n’est pas le langage le plus apprécié, j’aimerai montrer un code assez compliqué et interpeller l’assistance. Leur demander s’il ne trouve pas ça magnifique en sachant pertinemment qu’ils me donneront tort pour la plupart. J’aimerai réussir à les captiver dès le début de la présentation, à les faire rentrer dedans.

Je continuerai en leur expliquant que le but de mon projet est de leur permettre à eux aussi d’aimer le dev et de s’amuser avec.

Pour ce qui est de la conclusion, je pense partir sur une phrase un peu bateau dans le style de “”. Je veux finir sur une note positive et rappeler l'importance de travailler ensemble.