Vous êtes sur la page 1sur 26

EXPOSE EN COMMIUNICATIONS UNIFIEES

Filière : Réseaux & Télécommunications


Thème :
Etude et la mise en place de l’outil
BigBlueButton (BBB)
Réalisé par :

• Elvis Balo
• Michael
• Serge Jonathan Kogbeti
Année académique   
Sous la supervision :
Wongo
2020-2021
M.AIDARA
INTRODUCTION

ARCHITECTURE

Big Blue Buttom

FONCTIONNALITES

TEST

CONCLUSION.
INTRODUCTION

ARCHITECTURE.

Big Blue Buttom

FONCTIONNALITES.

TEST

CONCLUSION.
Une classe virtuelle est par définition une salle de cours “en ligne”. Elle fait généralement partie d’un
système de plus grande ampleur tel qu’une plateforme de formation de type LMS (Learning
Management System).

Nous distinguons deux types de classes virtuelles : la classe virtuelle sans surveillance et la classe
virtuelle dispensée par un formateur. La classe virtuelle sans surveillance s’apparente à un simple
tutoriel vidéo sur lequel l’apprenant est passif dans son apprentissage, comme les cours disponibles sur
YouTube ou encore un webinar diffusé en différé.

Ce qui nous intéresse dans cet article c’est le deuxième type de classe virtuelle : celui où le formateur et
les apprenants sont plongés dans un environnement d’apprentissage permettant à chacun d’interagir
devant son ordinateur comme en formation présentielle.
Pourquoi BBB ?
BigBlueButton est initialement développé pour la formation à distance, pour laquelle il est
massivement utilisé à travers le monde. Il permet la mise en place de classes en ligne en direct
et interactives, du tutorat à distance, ou encore d’ateliers de travaux dirigés en petits groupes. Il
est très bien intégré à Moodle et aux LMS les plus utilisés (Learning Management System).

BigBlueButton est un logiciel open source de classe virtuelles pour le digital learning. Son but
est avant tout de fournir aux apprenants et formateurs une expérience de formation en ligne
intuitive et agréable en proposant un système de conférence web incluant un environnement de
formation similaire à celui que l’on peut trouver en formation présentielle.
Pour bien comprendre l’intérêt de BigBlueButton, nous allons dans un premier
temps nous intéresser à son architecture. Ensuite, nous verrons les fonctionnalités de
BigBlueButton et pourquoi cet outil se révèle comme un bon choix dans un
écosystème digital learning. Pour terminer, nous aborderons succinctement le futur
de BigBlueButton et plus généralement des classes virtuelles.
INTRODUCTION

ARCHITECTURE.

Big Blue Buttom

FONCTIONNALITES.

TEST

CONCLUSION.
HTLM5 Client

Le client HTML5 est une application Web réactive à page unique qui repose sur les
composants suivants :

- React.js pour rendre l’interface utilisateur de manière efficace

- WebRTC pour l’envoi/réception audio et vidéo

Le client HTML5 se connecte directement au serveur BigBlueButton via le port 443


(SSL), du chargement du client BigBlueButton à l’installation d’une connexion web
socket. Ces connexions sont toutes gérées par nginx.
Serveur HTML5
Le serveur HTML5 se trouve derrière nginx.

Le serveur HTML5 est construit sur :

- Meteor.js dans ECMA2015 pour la communication entre le client et le serveur.

- MongoDB pour maintenir l’état de chaque client BigBlueButton cohérent avec le serveur BigBlueButton

La base de données MongoDB contient des informations sur toutes les réunions sur le serveur et, à son tour,
chaque client connecté à une réunion. Le client de chaque utilisateur est uniquement conscient de l’état de
leur réunion, tels que les messages de conversation publics et privés de l’utilisateur envoyés et reçus. Le côté
client s’abonne aux collections publiées côté serveur. Les mises à jour de MongoDB côté serveur sont
automatiquement envoyées à MiniMongo côté client.

Le diagramme suivant donne une vue d’ensemble de l’architecture du client HTML5 et de ses
communications avec les autres composants dans BigBlueButton.
Web BBB
BigBlueButton web application est une application Java écrite en Scala. Il
implémente l’API BigBlueButton et contient une copie de l’état de la réunion.

L’API BigBlueButton fournit une intégration tierce (telle que le plug-in


BigBlueButtonBN pour Moodle) avec un point de terminaison pour contrôler le
serveur BigBlueButton.
Redis PubSub

Redis PubSub fournit un canal de communication entre différentes applications


s’exécutant sur le serveur BigBlueButton.
Redis DB

Lorsqu’une réunion est enregistrée, tous les événements sont stockés dans la base de
données Redis. À la fin de la réunion, le processeur d’enregistrement prend tous les
événements enregistrés ainsi que les différents fichiers bruts (PDF, WAV, FLV) pour
traitement.
Apps

BigBlueButton Apps est l’application principale qui rassemble les différentes


applications pour fournir une collaboration en temps réel dans la réunion. Il fournit
la liste des utilisateurs, chat, tableau blanc, présentations dans une réunion.
FSESL

Nous avons extrait le composant qui s’intègre à FreeSWITCH dans sa propre


application. Cela permet à d’autres personnes qui utilisent des systèmes de
conférence vocale autres que FreeSWITCH de créer facilement leur propre
intégration. La communication entre les applications et le protocole FSELs (Event
Socket Layer) FreeSWITCH utilise des messages via redis pubsub.
FreeSWITCH

Nous pensons que FreeSWITCH est un logiciel incroyable pour gérer l’audio.

FreeSWITCH fournit la fonctionnalité de conférence vocale dans BigBlueButton. Les


utilisateurs peuvent rejoindre la conférence vocale via le casque. Les utilisateurs qui se
joignent via Google Chrome ou Mozilla Firefox peuvent profiter d’un son de meilleure
qualité en se connectant à l’aide de WebRTC. FreeSWITCH peut également être intégré aux
fournisseurs voip afin que les utilisateurs qui ne sont pas en mesure de rejoindre en utilisant
le casque seront en mesure d’appeler à l’aide de leur téléphone.
Kurento et WebRTC-SFU

Kurento Media Server KMS est un serveur multimédia qui implémente à la fois des
modèles SFU et MCU. KMS est responsable de la diffusion en continu de webcams,
de l’audio en écoute uniquement et du partage d’écran. Le WebRTC-SFU agit en
tant que contrôleur multimédia gérant les négociations et gérant les flux
multimédias.
Rejoindre une conférence vocale

Un utilisateur peut rejoindre la conférence vocale


(s’exécutant dans FreeSWITCH) à partir du client HTML5
BigBlueButton ou via le téléphone, Lors de la jonction via
le client, l’utilisateur peut choisir de rejoindre Microphone
ou Écouter uniquement, et le client BigBlueButton établira
une connexion audio au serveur via WebRTC. WebRTC
fournit à l’utilisateur un son de haute qualité avec un délai
inférieur.
Téléchargement d’une présentation

Les présentations téléchargées passent par


un processus de conversion afin d’être
affichées à l’intérieur du client. Lorsque la
présentation téléchargée est un document
Office, elle doit être convertie en PDF à
l’aide de LibreOffice. Le document PDF est
ensuite converti en graphiques vectoriels
évolutifs (SVG) via .bbb-web
INTRODUCTION

ARCHITECTURE.

Big Blue Buttom

FONCTIONNALITES.

TEST

CONCLUSION.
BigBlueButton est un outil de classe virtuelle ayant les fonctionnalités suivantes :

• Vidéo/webcam

• Audio

• Chat

• Partage de document + annotation

• Partage d’écran

• Sondage

• Enregistrement

• Création de groupes

• Prises de notes partagées (non prise en compte lors de l’enregistrement)

• Intégration de vidéos externes

• Intégration Moodle et WordPress


INTRODUCTION

ARCHITECTURE.

Big Blue Buttom

FONCTIONNALITES.

TEST

CONCLUSION.
Prérequis
• Pour la bande passante, BigBlueButton recommande :

• 1 Mbits en download

• 0.5 Mbits en upload

• N’oubliez pas de tester sa bande. Si votre bande passante est trop faible, évitez
d’utiliser votre webcam et privilégiez l’audio et le chat.

• Pour le matériel, BigBlueButton recommande un processeur double cœur avec au


moins 2 Go de mémoire.

• Nous vous conseillons l’utilisation de micro-casque ou kit main-libre.

• Navigateur : Chrome
INTRODUCTION

ARCHITECTURE.

Big Blue Buttom

FONCTIONNALITES.

TEST

CONCLUSION.
BigBlueButton est l’une des meilleures solutions open source de classes virtuelles
disponible sur le marché aujourd’hui. OpenMeetings qui est un logiciel de classe
virtuelle sous licence Apache est certainement le concurrent le plus sérieux de
BigBlueButton. Cependant, l’aspect vieillissant d’OpenMeetings, la fréquence des
mises à jour ainsi que le nombre de contributeurs du projet en baisse nous laisse
penser que BigBlueButton est bel et bien en train de gagner la guerre des
plateformes open source, si ce n’est déjà fait.