Projet DIMEDD


Objectif

Le projet DIMEDD (DIspositif Multimédia pour l’Éducation au Développement Durable) a pour objectif de proposer une application web multimédia permettant d’analyser le comportement d’élèves de collège lors du visionnage de vidéos dans le but de faire évoluer les ressources vidéos afin qu’elles soient plus pertinentes et qu’elles aient plus d’intérêt.

L’application doit disposer d’une interface d’administration pour ajouter, éditer ou supprimer les ressources vidéos et visualiser / télécharger les données issues du visionnage des vidéos par les élèves.

en savoir plus

Application

Visionnage de vidéos

L’application dispose de deux modules de visionnage de vidéos :

  • Lecture simple

La lecture simple correspond à une vidéo qui est lue de façon classique.

  • Lecture avec signets

Les signets correspondent à un chapitrage de la vidéo. Une liste de signets se rajoute aux boutons de contrôle standards de la vidéo.
Lorsqu’un signet se termine, la vidéo s’arrête dans le but de rendre l’élève actif.
Lors de la lecture d’une vidéo, les actions de l’élève sont enregistrées. A la fin de la session, les données sont enregistrées dans une base de donnée.

  • Construction d’argumentaire

Ce module se déroule en 2 étapes :

– Sélection de vidéos

L’élève a à sa disposition plusieurs vidéos. Chaque vidéo présente un argument lié à la question générale. Il peut les visionner et les classer en deux catégories (via un glisser / déposer dans un cadre pour chaque catégorie).

Ces catégories sont pour ou contre la question générale.

– Construction de l’argumentaire

Pour cette deuxième partie l’élève a a sa disposition les vidéos qu’il a retenu (vidéos déposées dans un des deux cadres) en fonction de son avis sur la question générale.

Il doit ensuite rédiger un argumentaire en s’appuyant sur ces vidéos.

Les données enregistrées sur le serveur sont les vidéos sélectionnées et l’argumentaire construit.

Interface d’administration

L’interface d’administration permet d’effectuer différentes actions :

  • Upload de vidéos
  • Ajout de signets

Les signets peuvent être ajoutés soit par l’upload de fichier csv contenant les informations nécessaires soit par la création de signets via un formulaire.

  • Création de groupes de listes de lectures

Les listes de lectures sont un assemblage de vidéos courtes. L’ordre d’assemblage est généré via l’upload d’un fichier csv contenant plusieurs enchaînements différents.
Un fichier csv correspond à un groupe de listes de lecture.
Lors d’une session de visionnage dans une classe, un groupe de liste de lecture est choisi. Quand l’élève se connecte, une liste de lecture lui est automatiquement attribué. Chaque élève a une liste de lecture différente.

  • Visionnage des données récoltées
  • Téléchargement des données récoltées

Technologies

Client

L’application est une Progressive Web App développée avec le framework Angular 5.
Les ressources vidéos sont enregistrées dans la mémoire du navigateur.

Serveur

Les données sont enregistrées sur le serveur via une API REST développée avec Express.js (Nodejs).
La base de donnée est une base SQL (Maria DB).

Partenaires