L’open source est bien plus qu’une méthode de développement : c’est un véritable tremplin pour apprendre, collaborer et innover. Chez O’clock, nous croyons aux opportunités de l’open source pour révéler le potentiel des apprenants.
L’histoire de Théo Vilain en est la preuve. À seulement 21 ans, ce passionné de développement web a imaginé Flowly, une extension open source pour la plateforme BigBlueButton, née d’une simple idée partagée entre camarades de promo. Son parcours illustre comment la contribution à l’open source peut transformer une blague en projet concret et prometteur.
Le parcours d’un jeune développeur passionné
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é à me former plus sérieusement au développement web et j’ai fini par rejoindre la formation de développeur web fullstack chez O’Clock et la promo Oni / Pooka, car l’école correspond à toutes mes attentes et mes besoins.
Comment l’idée de Flowly est née dans l’open source ?
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à.
Les défis techniques et les solutions apportées
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.
Flowly, un exemple concret des opportunités de l’open source
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 bénéfices de l’open source pour apprendre et collaborer
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.
Conseils aux futurs développeurs et perspectives d’avenir
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.
De mon côté, 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 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
Les opportunités de l’open source sont multiples : apprendre en situation réelle, renforcer ses compétences techniques, collaborer avec une communauté et accroître sa visibilité professionnelle. L’expérience de Théo avec Flowly en est un parfait exemple : un projet né d’un besoin simple, devenu une solution utilisée et reconnue.
Chez O’clock, nous encourageons chaque apprenant à s’investir dans l’open source pour grandir, enrichir son portfolio et ouvrir la porte à de nouvelles perspectives professionnelles i
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
