Portfolio/Création de formations

Outil de création de formations pour Wooskill

Création d'une plateforme intuitive permettant aux formateurs de concevoir des parcours d'apprentissage complets, avec gestion intelligente des médias lourds et infrastructure Cloud optimisée pour une expérience utilisateur fluide.

Outil de création de formations pour Wooskill

Le besoin

Wooskill devait fournir à ses formateurs, les "Skillers", un outil complet pour bâtir leurs formations tout en relevant plusieurs défis techniques :

  • Offrir une structure pédagogique flexible (chapitres, sous-chapitres) adaptée à différents styles d'enseignement
  • Permettre l'intégration de contenus variés (textes enrichis, PDF, vidéos, quiz) pour une expérience d'apprentissage complète
  • Gérer l'importation de fichiers vidéo volumineux (plusieurs Go) sans impacter les performances globales de la plateforme
  • Garantir une expérience de visionnage optimale pour les apprenants, quel que soit leur appareil ou la qualité de leur connexion

Le point le plus critique concernait la gestion du flux vidéo, de l'upload jusqu'à la diffusion, qui devait être à la fois fluide pour le créateur et performant pour l'apprenant final.

La solution

Architecture Intelligente

J'ai conçu une solution complète mettant l'accent sur l'ergonomie pour le créateur et la performance pour l'apprenant, grâce à une infrastructure Cloud bien pensée et des choix technologiques pertinents.

1Interface de création intuitive

L'outil propose un environnement de travail clair permettant aux Skillers de structurer leur cours avec :

  • Organisation hiérarchique (chapitres et sous-chapitres)
  • Nommage automatique des chapitres d'après les fichiers vidéo importés
  • Interfaces intuitives inspirées des meilleures pratiques du marché
  • Prévisualisation en temps réel du contenu

2Upload vidéo découplé via AWS S3

Pour isoler la plateforme Wooskill de la charge des uploads vidéo, j'ai implémenté une stratégie d'envoi direct vers le stockage S3 d'Amazon :

  1. L'API Wooskill génère une URL pré-signée unique, sécurisée et temporaire pour chaque fichier

  2. Le navigateur du Skiller utilise cette URL pour transférer la vidéo directement vers AWS S3, sans solliciter l'API Wooskill

  3. Un indicateur de progression informe l'utilisateur pendant l'upload, qui peut continuer à travailler sur sa formation (éditer du texte, créer des quiz)

3Traitement vidéo automatisé

Une fois la vidéo stockée sur S3, un processus automatique s'enclenche pour garantir une diffusion optimale :

Workflow de traitement

Upload vers S3
EventBridge
Step Functions
MediaConvert
  • L'arrivée d'un nouveau fichier vidéo sur S3 génère un événement capté par AWS EventBridge
  • EventBridge déclenche une machine d'états AWS Step Functions qui orchestre le traitement
  • AWS MediaConvert transcode la vidéo en plusieurs formats et résolutions (HLS/DASH) pour le streaming adaptatif
  • Le lecteur vidéo côté client (apprenant) sélectionne automatiquement le flux optimal selon la bande passante et l'appareil

4Éditeur de contenu flexible et quiz interactifs

DraftJS pour l'édition de texte

J'ai implémenté DraftJS, solution éprouvée qui, contrairement aux éditeurs WYSIWYG classiques, génère une structure de données abstraite permettant un rendu parfaitement adapté à tous les contextes d'affichage.

Système de quiz interactif

Un module de QCM avancé permet de créer des évaluations variées (réponse unique, multiple, texte libre avec variantes) et fournit un feedback constructif aux apprenants.

Les résultats

Implémenté avec agilité sur une période estivale, cet outil a eu un impact significatif et mesurable pour Wooskill.

Les principaux bénéfices incluent :

  • Adoption rapide par les Skillers grâce à la facilité d'usage et la puissance des fonctionnalités
  • Explosion du catalogue de formations, la solution "clé en main" permettant la création rapide d'un grand volume de contenus
  • Levier de croissance direct pour Wooskill, en simplifiant la production de contenu de qualité
  • Expérience utilisateur améliorée pour les apprenants, grâce au traitement vidéo automatisé
  • Fiabilité et scalabilité assurées par l'architecture AWS, capable de supporter la croissance continue de la plateforme

En relevant les défis techniques liés à la gestion des médias volumineux et en faisant des choix technologiques avisés, ce projet a fourni à Wooskill une véritable plateforme de création performante, scalable et centrée sur l'utilisateur, devenue un outil essentiel dans son développement.

Galerie du projet

Interface de consultation coté client
Playlist des chapitre coté client en mobile
Interface de création de chapitre coté formateur (Skiller)
Interface de création de d'une page libre (via DraftJS) coté formateur (Skiller)
Interface de création de d'un Quizz coté formateur (Skiller)
Interface de création de d'un Quizz coté formateur (Skiller)
Interface de création de d'un Quizz coté formateur (Skiller)

Informations du projet

Client

Wooskill

Année

2024

Technologies

AWS S3AWS EventBridgeAWS Step FunctionsAWS MediaConvertReactDraftJSPHP Symfony

Recommandation

Sophie Kerob - CEO & Fondatrice chez Wooskill

Sophie Kerob

CEO & Fondatrice chez Wooskill

Ca a toujours été un bonheur de travailler avec Damien. Tout d'abord pour ses compétences : étant passionné par la tech et particulièrement talentueux, Damien est très investi dans ses projets, son cerveau fourmille d'idées, il est très orienté "solutions" et créatif dans la façon de lever les freins. Mais plus encore, je tiens à souligner sa personnalité rare, il est solaire, engagé, loyal et très attachant. Toujours enjoué, avec un excellent esprit d'équipe, Damien est apprécié de tous. Une pépite, tout simplement.

Sophie Kerob sur LinkedIn

Autres réalisations