Table des matières - Schuch · Table des matières Présentation 2 S’identifier et accéder à Videotactiles 4 La barre de menu 5 La mosaïque des films 6 La visionneuse 7

Table des matières

Présentation 2

S’identifier et accéder à Videotactiles 4

La barre de menu 5

La mosaïque des films 6

La visionneuse 7

Commandes de visionnage 7

Barre de commandes avancées 8

Le mode annotation 10

Diaporama 14

Les documents complémentaires 17

La médiathèque 18

Ma bibliothèque 20

L’espace enseignants 21

Compatibilité 22

PrésentationVidéotactiles est une web-application pédagogique destinée aux dispositifs tactiles, qui utilise principalement la vidéo et l’image fixe. Elle fonctionne également sur un ordinateur.

VIDÉO

Elle repose sur une série de films très courts, conçus et réalisés spécialement pour une utilisation en classe.Le but de Vidéotactiles est d’utiliser la vidéo pour présenter une problématique, décrire un phénomène, une fonction ou un processus.Videotactiles offre un important corpus de documents auquel est associé un dispositif innovant d’exercices basés sur la manipulation et l’annotation d’images fixes issues des documents vidéos.La recherche de ces images, leur choix, leur agencement, leur annotation et leur communication forme un ensemble innovant et ouvert pour l’acquisition et la validation des connaissances.

Vidéotactiles - Tutoriel - page 2/22

Vidéotactiles traite à cette étape des sujets de Science et Vie de la Terre, en ciblant particulièrement le programme de 5ème, accessoirement celui de 3ème, avec une entrée spécifique pour les classes primaires et présente plusieurs sujets en Histoire.Vidéotactiles n’ambitionne pas à ce stade de couvrir l’ensemble du programme de SVT, mais présente des films dans trois grands chapitres :

■ Fonctionnement de l’organisme et besoins en énergie (14 films, 60

documents complémentaires)■ Géologie externe, évolution des paysages (10 films, 60 documents

complémentaires)■ Respiration et occupation des milieux de vie (7 films, 23 documents

complémentaires)

De plus, pour préfigurer ce que pourrait être un élargissement à de nombreuses autres matières enseignées, nous avons conçu et réalisé 4 films en Histoire (et 16 compléments)Les films sont courts, souvent moins de 2’ mais denses. Ils sont destinés à être réinvestis ensuite dans le travail de classe.


S’identifier et accéder à Vidéotactiles

En appelant l’application, vous accédez à la page d’accueil. Un clic/tap n’importe où, ouvre la page de connexion. Choisissez la matière qui vous concerne, puis le niveau et entrez votre identifiant, votre mot de passe et votre ID. (non pertinent si vous accédez depuis un E.N.T.)


La barre de menuL’application s’ouvre sur la mosaïque des films, et présente le bandeau latéral des différents espaces, accessible d’un clic/tap sur en haut à gauche :


La mosaïque des filmsLa partie « FILMS » (dans la section SVT College par exemple) présente une collection de films brefs spécialement conçus et réalisés pour l’application. Ils sont organisés en trois chapitres accessibles sur la barre de commande supérieure :

■ Fonctionnement de l’organisme et besoins en énergie■ Géologie externe, évolution des paysages■ Respiration et occupation des milieux

Pour accéder à un chapitre, tap sur son titre.Pour accéder à un film : tap sur son image. Vous ouvrez la visionneuse...


La visionneuseLa visionneuse est composée de plusieurs parties :

Commandes de visionnage

La barre de commandes de visionnage disparait au bout de quelques secondes. Tap sur l’image pour la faire réapparaître.

Vous pouvez : ■ Passer en plein écran■ Positionner le film d’un tap sur la ligne de temps■ Régler le son■ Play / pause


Barre de commandes avancéesSituée en haut de l’écran, elle permet d’autres fonctions :

Poser un (ou des) marqueurs sur la ligne de temps : Un fois posé, tap sur le marqueur permet de revenir instantanément au moment choisi par exemple pour préparer un cours ou un exposé :Mettre la vidéo en pause, puis tap sur « MARQUEURS » dans la barre de commandes avancées. Un marqueur rouge apparaît.

Créer une boucle sans fin dans la vidéo :Si vous posez un second marqueur et tap sur « RÉPÉTER » dans la barre de commandes avancées, le film se mettra en boucle entre ces deux marqueurs.


Afficher les sous-titres :

tap sur « SOUS-TITRES » dans la barre de commandes avancées.

Capturer une image du film :

Tap sur « CAPTURE ».Avec cette fonction, vous pouvez choisir une ou plusieurs images du film de façon à pouvoir les annoter.En cliquant sur « CAPTURE », le bandeau d’imagettes se positionne sur le moment du film visionné. Vous pouvez faire défiler le bandeau en avant ou en arrière.


Si une seule image est choisie, vous pouvez :

■ soit l’enregistrer, elle sera stockée dans « MA BIBLIOTHÈQUE », accessible depuis le bandeau latéral des espaces (cliquer sur « VIDEOTACTILES » en

haut à gauche.)

■ soit passer en « MODE ANNOTATION » pour l’annoter immédiatement.

■ Si plusieurs images sont choisies, par des taps successifs, il faut les « ENREGISTRER ». Elles seront placées dans « MA BIBLIOTHÈQUE ».

Le mode annotation

On accède au mode annotation,

■ soit depuis un film : CAPTURE -> (choisir une capture) -> MODE

ANNOTATION,■ soit depuis « MA BIBLIOTHÈQUE » avec un tap sur une image,■ soit à partir d’un document complémentaire image depuis la visionneuse.


Grâce au panneau latéral droit, vous pouvez :

Taper un texte dans une couleur donnée, puis changer de couleur à volonté. Tap sur le «T» qui se grise et qui fait apparaitre un pavé de texte et le clavier de la tablette.

■ Tap à nouveau sur le «T» Le texte s’affiche sur l’image, entouré de poignées.

Grâce à elles, vous pouvez :■ faire pivoter le texte■ l'agrandir ou le diminuer■ le positionner où vous le souhaitez dans l’image.

Vous pouvez changer la couleur du texte après l'avoir tapé.Pour supprimer un texte, tap sur le texte (les poignées apparaissent) puis tap sur la corbeille.Pour quitter le mode texte, Tap à nouveau sur le «T», qui redevient blanc.Note : Une fois le texte publié, il n’est plus possible de le corriger. Il faut supprimer et refaire


Faire un tracé au doigt (ou à la souris) :

Tap sur le crayon, qui se grise, et fait apparaitre un curseur sur une ligne. Ce curseur permet de régler l’épaisseur du trait. Choisissez votre couleur et faites votre tracé.

Pour supprimer un tracé, tap sur le tracé (les poignées apparaissent) puis tap sur la corbeille.Pour quitter le mode tracé, Tap à nouveau sur le crayon, qui redevient blanc.

Insérer une forme :

■ Tap sur le cercle, choisir sa forme, les comportements sont identiques aux fonctions précédentes.


Insérer une flèche :

■ Tap sur la flèche, les comportements sont identiques aux fonctions

précédentes.

Dans le mode annotation, la barre de commandes avancées change, elle permet de :

Recadrer l’image : ■ glisser une des lignes qui apparait sur le bord de l’image jusqu’à obtenir le

cadrage désiré

Masquer le fond ■ pour ne garder que les annotations. Cela permet parfois de passer du

phénomène observable à sa schématisation.


Enregistrer : Deux modes d’enregistrement sont proposés :

■ Enregistrement :

une image est créée telle que vous la voyez sur l’écran. Elle n’est plus modifiable.

■ Enregistrement modifiable : les différentes couches de l’image sont conservées et stockées telles qu’elles. Ceci permet par exemple à l’enseignant de proposer des modifications de l’annotation faite par un élève et celui peut ne modifier que ce qui est requis. (fonctionnalité indisponible actuellement sur webkit Safari/Chrome, fonctionne sur Firefox.)

Dans les deux cas, les éléments enregistrés sont stockés dans « MA BIBLIOTHÈQUE ».

DiaporamaPour créer un diaporama, il vous faut disposer de plusieurs images annotées ou non dans « MA BIBLIOTHÈQUE ».(Note : seul le navigateur Firefox permet - au moment de la rédaction de ce tuttoriel - de faire apparaitre correctement les images annotées dans « Ma bibliothèque ». Sur les autres navigateurs (Safari, Chrome…) les images sont bien annotées mais seuls les titres apparaissent dans « Ma bibliothèque ».)

1 Choisissez vos images, grâce au mode « Capture » dans les films, ou via le mode annotation pour les images des documents complémentaires.

2 Rendez-vous dans « MA BIBLIOTHÈQUE ».

3 Tap sur une image pour l’ouvrir en mode annotation et annotez si besoin.4 Annotez si besoin toutes vos images

5 Faites « sélectionner » d’un tap sur les 3 points dans le coin droit en haut. (Note : pour faire disparaitre/apparaître ce sous-menu, tap sur les 3 points)

6 Sélectionnez les images souhaitées en cochant la petite case en haut à droite de chaque image.

7 Deux nouvelles options apparaissent dans le sous-menu en haut à droite : Copier vers le diaporama et Supprimer.


8 Tap sur « Copier vers diaporama »

9 Donnez un nom à votre diaporama avec un tap sur «Nouveau diaporama» (cela permet aussi d’ajouter une ou plusieurs images à un diaporama existant)

10 Une nouvelle imagette apparait portant le nom que vous venez de donner.

11 Tap sur cette imagette. Elle s’ouvre dans une colonne à gauche de l’écran et les

images du diaporama apparaissent sur la droite.12 Réorganisez les images dans l’ordre souhaité en les déplaçant du bout du doigt

(ou de la souris).

13 Pour jouer le diaporama, tap sur l’icône « lecture» en haut à droite


Le diaporama se déroule automatiquement. Vous pouvez agir sur le déroulement des images en utilisant les flêches du clavier.


Les documents complémentairesAccompagnant chaque film, accessibles depuis la barre latéral droite, au moins quatre documents complémentaires, images, films ou pdf permettent d’aller plus loin. Ils sont issus principalement des fonds du CNRS Images ou de l'Inserm, nos partenaires.

Les images sont accompagnées d’une notice succincte.

Le mode Annotation est disponible sur toutes les images : captures des films ou images complémentaires.Les pdf s’ouvrent dans un nouvel onglet du navigateur. Ils peuvent être téléchargés ou imprimés via le navigateur.Parmi les documents complémentaires, on trouve la transcription de la bande son du film. Les mots spécifiques sont portés en gras.


La médiathèque Elle regroupe tous les documents présents en trois chapitres :

FILMS,

DOCUMENTS COMPLÉMENTAIRES,

EXERCICES.


Ce sont des exercices « classiques » (textes à trous, questionnaires à choix multiple, schéma à légender, etc.) proposés pour chaque sujet.

En fin d’exercice, le score est affiché et on peut revoir ses bonnes réponses et ses erreurs.Des pages vierges de différentes couleurs sont disponibles, pour répondre par écrit à une question en utilisant le mode annotation, ou pour servir d’intertitre dans un diaporama.

MOTEUR DE RECHERCHEL’application est doté d’un moteur de recherche :

Cliquer sur la loupe en haut à droite, et entrer votre recherche. Les documents trouvés s’affichent dans chaque espace.(Exemple : recherche « circulation » ; résultat : FILMS (1) COMPLEMENTS (2) EXERCICES (2))


Ma bibliothèque

Dans cet espace, on trouve les documents créés par l’utilisateur : ■ les captures enregistrées et les images annotées enregistrées comme image■ les diaporamas■ les documents modifiables.

Un filtre (en haut à gauche) permet de n’afficher que le genre d’images choisies.

On peut sélectionner une ou plusieurs images.Clic/Tap sur une image ou un document modifiable l’ouvre en mode annotation.


L’espace enseignantsPour chaque film et ses compléments, une fiche de pistes pédagogiques détaillées est disponible.

La fiche : ■ permet de situer le niveau et les ambitions du cours ; ■ propose plusieurs exemples d’exercices ouverts réalisables grace aux outils

proposés : choix et annotation d’images, création de diaporama etc.■ donne le résumé, la durée et les crédits du film et des compléments vidéo, la

notice et les crédits des compléments image.

Ces documents ne sont accessibles que par les enseignants, reconnus comme tels lors de l’inscription sur le site.


CompatibilitéVidéotactiles est une application tactile en HTML5, elle est donc utilisable :

■ sur tablettes IOS, Windows et Android■ sur TBI et tables interactives■ sur Mac et PC Windows, Linux■ sur les principaux navigateurs (Chrome, Safari, Firefox etc.)

Limitations connues :

■ L’affichage correct d’une image annotée n’est actuellement possible qu’avec le navigateur Firefox.

■ les annotations faites sur une image modifiable n'apparaissent pas sur l'imagette dans "ma bibliothèque ». (les annotations n'apparaissent pas sur

l’imagette car elles ne sont affichables que sur un objet "html canvas", celui

qui est utilisé dans le mode annotation. Dans une mosaïque, on ne peut afficher que l’imagette.)

■ la taille de l'imagette d'une image enregistrée (non modifiable) est différente de celle de l'image modifiable. (dans le premier cas, c’est export de l’image, dans

le second c'est un export du canvas)

■ Certaines images verticales (portrait) des documents complémentaires

apparaissent tronquées en mode annotation. Pour obtenir un affichage

correct, tap sur recadrer et bouger le cadre vertical.


Documents

Table des matières - Schuch · Table des matières Présentation 2 S’identifier et accéder à Videotactiles 4 La barre de menu 5 La mosaïque des films 6 La visionneuse 7