-- Université Polytechnique Hauts-de-France -- Université de Montpellier
-- INP Toulouse -- Université de Lille Céline Faure
Loïc Bonavent Nicolas Bertrand Nicolas Can
POD/BBB/POLYMNY, LE TRIO
GAGNANT ?
2
SOMMAIRE
u
#1: POD pour la diffusion et l’enregistrement de lives : exemple de l’uphf
qCéline Faure, Responsable de la cellule Ingénierie pédagogique et TICE - Université Polytechnique Hauts- de-France
u
#2 : publication des présentations Web de Big Blue Button vers Pod v2
qLoïc Bonavent, Chef de projet / Développeur-intégrateur WEB – Université de Montpellier
u
#3 : Polymny : création de capsule vidéo asynchrone
qNicolas Bertrand, INP Toulouse, Porteur du projet Polymny
u
#4 : Projet Pod : Point d’avancement du projet
qNicolas Can, responsable adjoint du service web et multimédia, Université de Lille, Coordinateur du projet Pod, Esup-portail
#1: POD POUR LA DIFFUSION
ET L’ENREGISTREMENT DE
LIVES : EXEMPLE DE L’UPHF
POD POUR LA DIFFUSION ET L’ENREGISTREMENT DE LIVES : EXEMPLE DE L’UPHF
u
Utilisation antérieure
q Dès 2015, comme outil de stockage, enrichissement et diffusion de vidéos pédagogiques
q A destination des enseignants ET des étudiants
u
Contexte de pandémie et de formation à distance :
q Explosion des usages (880 -> 2450)
q De nouveaux besoins
uObjectifs :
q Répondre aux besoins
q Conserver la cohérence
POD POUR LA DIFFUSION ET L’ENREGISTREMENT DE LIVES : EXEMPLE DE L’UPHF
u
3 besoins :
q Diffusion des lives depuis les amphis équipés
q Organisation de webinaires
q Récupération des vidéos issues des classes virtuelles de BBB LIVES
Classes virtuelles
Diffusion et enregistrement
Enregistrements
Diffusion
POD POUR LA DIFFUSION ET L’ENREGISTREMENT DE LIVES : EXEMPLE DE L’UPHF
u
Diffusion de lives depuis les amphis équipés
q Etape 1
Amphi équipé Tableau de commande
Etape 2 Pod - Diffusion live - Enregistrement
SMP 351 Etape 3
Pod Live L’utilisateur consulte les
directs
Etape 4 Enregistrement
Attribution manuelle à l’enseignant par
gestionnaire
u
Organisation de webinaires (> 80-100 participants)
POD POUR LA DIFFUSION ET L’ENREGISTREMENT DE LIVES : EXEMPLE DE L’UPHF
Etape 1 Session BBB
l’enseignantPar Par la DN
Etape 2 Couplage
BBB/Pod Par la DN
Etape 3 Pod Live L’utilisateur consulte les
directs
Etape 4 Récupération
« Mes sessions BBB » Par enseignant
Etape 5 Accès vidéos
« Mes vidéos » Par enseignant Lancer
encodage
Chat
DN : Direction du Numérique de l’UPHF
¿
Récupération sur Pod
des classes virtuelles
enregistrées sur BBB
POD POUR LA DIFFUSION ET L’ENREGISTREMENT DE LIVES : EXEMPLE DE L’UPHF
L’interface de suivi
des directs sur Pod
POD POUR LA DIFFUSION ET L’ENREGISTREMENT DE LIVES : EXEMPLE DE L’UPHF
L’interface de gestion des enregistrements faits sous BBB
#2: PUBLICATION DES
PRÉSENTATIONS WEB DE BIG
BLUE BUTTON VERS POD V2
11
PUBLICATION DES PRÉSENTATIONS WEB DE BIG BLUE BUTTON VERS POD V2
Techniquement, la solution repose sur :
qUn CRON job sur Pod: gestion de la relation entre BBB et Pod
qUn plugin BBB pour Pod: interfaces utilisateur, administration…
qLe projet Github bbb-recorder: installé sur les serveurs d’encodage
§ Lance un navigateur Chrome en arrière-plan,
§ Chrome visite le lien - correspondant à la présentation Web BigBlueButton - fourni,
§ Il effectue l'enregistrement d'écran - contenant la présentation, l’audio, la vidéo, le partage d’écran, le chat public, le tableau blanc- sous la forme d'un fichier vidéo.
https://github.com/jibon57/bbb-recorder
PUBLICATION DES PRÉSENTATIONS WEB DE BIG BLUE BUTTON VERS POD V2
Etape 1 Récupération des données
de BBB / Scalelite
Réalisé par le job
Etape 2 Recherche des correspondances
entre les utilisateurs BBB
et ceux de Pod
Réalisé par le job
Etape 3 L’utilisateur
publie sa présentation
Web dans Pod
Réalisé par l’utilisateur directement dans Pod
Etape 4 Création d’un fichier vidéo à partir de la présentation
Web BBB
Réalisé par les serveurs d’encodage (utilisation
de bbb-recorder)
Etape 5 Encodage du
fichier vidéo généré en vidéo dans
Pod
•Lancement de la tâche d’encodage par
le job
• Encodage réalisé par les serveurs
d’encodage
https://www.esup-portail.org/wiki/x/AgCBNg
DIFFUSION DE WEBINAIRES AVEC COUPLAGE BBB/POD (BBB-POD-LIVE)
Contrainte de BigBlueButton: limite de 100 étudiants par session => solution : bbb-pod-live
DIFFUSION DE WEBINAIRES AVEC COUPLAGE BBB/POD (BBB-POD-LIVE)
DIFFUSION DE WEBINAIRES AVEC COUPLAGE BBB/POD (BBB-POD-LIVE)
DIFFUSION DE WEBINAIRES AVEC COUPLAGE BBB/POD (BBB-POD-LIVE)
DIFFUSION DE WEBINAIRES AVEC COUPLAGE BBB/POD (BBB-POD-LIVE)
Techniquement, la solution repose sur :
qLe projet Github BigBlueButton-liveStreaming: installé sur les serveurs bbb-pod-live (containers Docker)
https://github.com/aau-zid/BigBlueButton-liveStreaming
qUn serveur de streaming (publication RTMP), typiquement RTMP Nginx
qLe système de publication des présentations Web de BigBlueButton vers Pod (CRON job, plugin BBB)
qDe nouvelles API REST pour Pod
qUn script PHP (CRON job): démarrage/arrêt des directs, création/suppression des diffuseurs…
§ Totalement indépendant des serveurs de Pod et de BigBlueButton
§ Peut (doit ?) être installé sur des serveurs spécifiques bbb-pod-live (load balancing simpliste)
§ Ce script PHP peut gérer plusieurs instances de BigBlueButton-liveStreaming
#3: POLYMNY : CRÉATION DE CAPSULE VIDÉO
ASYNCHRONE
POLYMNY : CRÉATION DE CAPSULE VIDÉO ASYNCHRONE
Polymny est une application web et open source de création de capsules vidéos pédagoqiques.
qA partir d’une présentation existante au format PDF et enregistrez une vidéo pédagogique
qIssu d'un programme 2020-2021 de pré-maturation de la Région Occitanie
qIinitié à l ‘ENSEEIHT par équipe Reva/IRIT
qPolymny est un logiciel libre, utilisable gratuitement, 100% web
https://polymny.studio
20
POLYMNY : CRÉATION DE CAPSULE VIDÉO ASYNCHRONE
Les fonctionnalités 1/3:
qEnregistrement audio et/ou vidéo de la capsule
qUtilisation d’un Prompteur
21
POLYMNY : CRÉATION DE CAPSULE VIDÉO ASYNCHRONE
Les fonctionnalités 2/3:
qEnregistrement audio et/ou vidéo de la capsule
qUtilisation d’un Prompteur
qAjout de ressources vidéos additionnelles
qMontage vidéo automatisé
22
POLYMNY : CRÉATION DE CAPSULE VIDÉO ASYNCHRONE
Les fonctionnalités 3/3:
qEnregistrement audio et/ou vidéo de la capsule
qUtilisation d’un Prompteur
qEnregistrement audio et/ou vidéo de la capsule
qUtilisation d’un Prompteur
qAjout de ressources vidéos additionnelles
qMontage vidéo automatisé
qGérer des capsules vidéos et partage : Pod !
23
POLYMNY : CRÉATION DE CAPSULE VIDÉO ASYNCHRONE
Les fonctionnalités 3/3:
qPlus de 1000 comptes créés depuis le 1er juillet 2020
q500 capsules vidéos générées entièrement en ligne
q30 vidéos en studio physique (Toulouse INP, ENSEEIHT) en un an
qDes retours positifs (DyP, SiUP, lycées, cepfor)
Logiciel 100% Open Source
q Licence AGPL
q Backend : Rust
q Frontend : Elm
q Encodage FFMPEG
24
POLYMNY : CRÉATION DE CAPSULE VIDÉO ASYNCHRONE
POD / Polymny : l’intégration
Avoir des instances Polymny par universités / écoles
q Authentification CAS
q Script d’installation
q Publication des capsules vidéos et métadonnées directement et automatiquement dans POD POD / Polymny intégration
POD / BBB / POLYMNY, LE TRIO GAGNANT ?
Avoir des instances polymy par universités / école
AuthentiEcation CAS
Script d’installation
Publication des capsules vidéos et méta données dans POD
6 Etape 1
Préparation d’un support au format
Réalisé par l’utilisateur
Etape 2 Enregistrement audio/vidéo de la
capsule
Réalisé par l’utilisateur dans
Polymny
Etape 3 Création de la capsule video
Réalisé par les encodeurs video de
polymny
Etape 4 L’utilisateur
publie sa capsule dans
Pod
Réalisé via l’API REST de POD + encodeurs
de POD
25
POLYMNY : CRÉATION DE CAPSULE VIDÉO ASYNCHRONE
Fonctionnalités à venir:
qFond vert virtuel / GPU
qRéduction de bruit / harmonisation des pistes
qPartage des capsules entre utilisateurs
qScreencast
qStylet virtuel à la BBB
qInternationalization
qImportation de présentation depuis BBB / zoom
Scic Polymny ? Quel modèle économique ? Open source https://polymny.studio
Polymny : Fonctionnalités à venir
Fond vert virtuel / GPU
Réduction de bruit / harmonisation des pistes
Partage des capsules entre utilisateurs
Screencast
Stylet virtuel à la BBB
Internationalization
Importation de présentation depuis BBB / zoom
7
Scic Polymny ? Quel modèle économique ? Open source
https://polymny.studio
#4: POD – POINT
D’AVANCEMENT DU PROJET
27
POD : POINT D’AVANCEMENT DU PROJET
u
Mise en place de l’offre SAAS à l’université de Lille
q https://www.esup-portail.org/destination-le-cloud
q 1er tenant pour PC-Scol
u
Développements en cours et à venir:
q V2.7.3 pour cette fin de semaine (Rest API, ES7, Improve comment/player…)
q V2.8 pour fin février ((Live from BBB)
q V3 pour plus tard… (espoir pour la rentrée 2021 mais bon !)
q Plugin Moodle pour Pod
u
Communication:
q Canaux RC Esup (@esup_-_pod et #esup_-_plugin-moodle-pod)
q Liste de diffusion (pod@esup-portail.org)
q Journées POD en juin 2021 à l’UTC en présentiel (enfin…)
MERCI POUR VOTRE ATTENTION !
DES QUESTIONS ?
-- Céline, Loïc, Nicolas x2