Chez O’clock, chaque apprenant a une histoire unique à raconter, et celle de Théo Vilain est particulièrement intéressante. À seulement 21 ans, ce passionné de développement web a su transformer une simple blague en projet ambitieux, créant Flowly, une extension originale pour la plateforme BigBlueButton (BBB), le tout dans un projet open source.
Découvrez comment cet autodidacte, qui a grandi en explorant le Java et PHP dès ses 10 ans, a su tirer parti de sa formation développeur web fullstack chez O’clock pour concrétiser une idée née d’un besoin réel en salle de classe !
Pourrais-tu te présenter en quelques mots ?
Je m’appelle Théo Vilain, je viens d’avoir 21 ans et je développe des projets informatiques depuis mes 10 ans. J’ai commencé par apprendre le Java en autodidacte pour créer des serveurs sur le jeu Minecraft et très rapidement, j’ai commencé à toucher aussi au développement web avec PHP, etc.
Quand je suis arrivé au lycée, j’ai rapidement créé mon auto-entreprise pour réaliser des prestations en freelance en tant que designer web/mobile et développeur web. J’ai eu l’occasion de travailler pour tous types de clients, que ce soit des particuliers, des professionnels ou même des plus grosses entreprises.
Après mon baccalauréat technologique STI2D (SIN), j’ai commencé les formations en alternance dans le milieu du développement web fullstack et j’ai fini par rejoindre O’Clock et la promo Oni / Pooka, car l’école correspond à toutes mes attentes et mes besoins.
D’où t’est venue l’idée de développer cette extension pour BigBlueButton (BBB) ?
Le développement de Flowly (l’extension pour BigBlueButton) a commencé sur une blague avec mes camarades de promo dans le chat d’un cours en octobre 2024. Ils se plaignaient du manque de fonctionnalités sur la plateforme et, pour rire, alors que je ne parlais jamais, j’ai envoyé “Je suis à deux doigts de développer une extension”, et je l’ai fait, car pourquoi pas, après tout, si je peux mettre mon niveau à contribution, je le fais.
Et l’aventure a débuté, j’étais loin de m’attendre à ce qui allait se passer à ce moment-là.
Quels défis as-tu rencontrés en travaillant sur ce projet ?
Un peu tout m’a demandé de sortir de ma zone de confort à vrai dire. Je suis de base beaucoup plus développeur back-end que front-end, et là, ce n’était presque que du front-end ! [NDLR : le front-end, il s’agit de la partie visible d’un site ou d’une application.] En plus de tout ça, je n’avais jamais développé d’extension web auparavant. Je me suis donc heurté à la complexité de devoir implémenter des fonctionnalités plus ou moins complexes sans avoir accès à rien d’autre qu’à la manipulation de DOM.
J’ai aussi utilisé pour la première fois le protocole WebSocket et Redis pour fournir aux utilisateurs la meilleure expérience possible sans aucune latence. Actuellement, tout est à moins de 400 ms de délai, peu importe la connexion de l’utilisateur. C’est une belle réussite, je trouve *rires*
Comment tes cours chez O’clock t’ont-ils aidé à mener à bien ce projet ?
Mes cours chez O’Clock m’ont permis de penser à des technologies auxquelles je n’aurais pas pensé au premier abord, telles que Redis pour le cache dynamique, TypeScript au lieu de JavaScript, etc. Pour le coup, ça m’a bien aidé sur le côté réflexion et mise en place du projet.
Peux-tu nous décrire en quoi consiste ton extension pour BBB ?
Flowly apporte du dynamisme et un vrai côté optimisation pour les formations en ligne. La première fonctionnalité demandée et utilisée est la mise en avant des questions dans le tchat pour que le professeur ne loupe rien. Ensuite est venu tout le système de réactions aux messages avec des emotes comme sur Discord, avec un côté personnalisation des emotes en accès rapide.
Plus récemment, un bouton de signalement de problème technique a été ajouté, permettant de signaler aux modérateurs un problème tel qu’un souci de micro, de partage d’écran, etc. Cette fonctionnalité a été proposée directement par un utilisateur actif de l’extension.
As-tu collaboré avec d’autres apprenants pour ce projet ?
Oui, et je recherche encore des motivés !
Actuellement, nous sommes trois sur le projet : Matthieu Le Priol qui est sur la partie extension et Jonathan Bous qui s’occupe de l’intégration de Flowly à BBB. Nous sommes tous les trois des camarades de promo.
Quels outils ou technologies as-tu utilisés pour développer cette extension ?
Tout le code Flowly est écrit en TypeScript. L’extension utilise WebSocket pour la synchronisation entre clients et Redis pour le cache dynamique.
[NDLR : TypeScript est un superset de JavaScript développé par Microsoft, conçu pour améliorer la productivité des développeurs et la robustesse du code. Il ajoute des fonctionnalités puissantes à JavaScript, notamment la vérification statique des types, ce qui permet de détecter des erreurs à la compilation au lieu de les découvrir à l’exécution.]
Les opportunités de l’open source sont variées, que retiens-tu de cette expérience ?
Je pense que l’open source offre des opportunités intéressantes pour s’améliorer sur des projets concrets et l’occasion de pouvoir apprendre les bonnes manières professionnelles qui peuvent être utiles pour plus tard !
[NDLR : L’open source désigne des logiciels dont le code source est librement accessible, modifiable et redistribuable, et GitHub est l’une des plateformes les plus populaires où les développeurs collaborent, partagent et gèrent des projets open source. Nous avons publié un article sur l’intérêt de l’open source dans le monde du dev.]
Ce projet m’a donc appris que si on se donne réellement à 200% pour quelque chose, cela peut fonctionner. J’ai aussi appris à ne pas faire de mise en production le matin, car cela peut entraîner des interruptions de service 😅
Tu as rencontré l’équipe de Lutice, comment ça s’est passé ?
[NDLR : Lutice est le fournisseur de la solution BBB pour nos salles de classe virtuelles.]
Oui, quelques semaines après le lancement de Flowly, j’ai rencontré le fondateur de Lutice, M. Lenoble, le fournisseur BBB de l’école O’Clock.
C’était un échange très valorisant, et Lutice nous accompagne maintenant pour développer davantage Flowly.
Quelles sont tes ambitions après avoir terminé ta formation chez O’clock ?
J’aimerais que Flowly devienne une entreprise générant des revenus.
Si cela prend plus de temps, je compte me diriger vers un cursus d’ingénieur systèmes embarqués.
Un conseil pour les autres apprenants ou développeurs en herbe ?
Ne laissez pas la peur vous freiner !
Lancez-vous, même si cela signifie échouer au début. Ce sont les opportunités que vous créez vous-même qui peuvent faire toute la différence.
Un dernier mot pour notre communauté ?
Continuez d’utiliser Flowly, installez l’extension et rejoignez le Discord si ce n’est pas déjà fait.
Merci pour votre soutien !
opportunités de l’open source
Chez O’clock, nous croyons fermement au pouvoir de l’open source pour transformer l’apprentissage, l’innovation et la collaboration dans le domaine de la tech.
Nous vous encourageons donc à partager vos compétences, à apprendre en contribuant à des solutions réelles, et à rejoindre une communauté mondiale de développeurs passionnés.
Cette démarche favorise non seulement votre montée en compétences techniques, mais aussi votre capacité à travailler en équipe, à résoudre des problèmes concrets et à renforcer votre visibilité professionnelle. Nous vous incitons à vous lancer dans cette aventure, car chaque ligne de code que vous écrivez dans un projet open source est une opportunité de grandir, d’enrichir votre portfolio et de développer votre réseau professionnel.
Si vous avez contribué à des projets open source, n’hésitez pas à nous contacter pour en parler !
Découvrez le projet Flowly 👇
Le site : Flowlyweb
La communauté Discord
Repository GitHub
