OpenTBi : Pourquoi ?.. Comment ?

OpenTBi s’inscrit dans un concept plus large, celui d’OpenSVT, mis en place sur et par LaboSVT.com. Son objectif étant, comme toujours, de contribuer (modestement) à faciliter les apprentissages et à améliorer le partage du travail des enseignants dans un contexte "libre" (au sens logiciel), relationnel et responsable.

C’est dans cette double optique qu’OpenTBi doit se comprendre. C’est à la fois une "technologie" qui permet de vidéo-projeter des cours, des exercices et autres supports d’enseignement de façon dynamique et interactive (avec ce didacticiel, vous en avez un exemple sous les yeux), mais également une "technologie" qui permet de produire, très simplement, ces documents vidéo-projetables… Le tout indifféremment du TBN utilisé et sans logiciel ou format propriétaire mais au contraire sous licence Creative Commons. (CC-by-nc-nd)

Bref, OpenTBi transforme vos supports d'activités pédagogiques en véritables pages web dynamiques et interactives, manipulables avec un simple navigateur internet !

Un document OpenTBi est avant tout une "simple page Web" (rendue dynamique par un ensemble de fonctions qui lui sont associées), il est donc utilisable avec un simple navigateur internet (Firefox est vivement conseillé). Cela a un autre avantage : écrit en html, il est facile à mettre en oeuvre, à modifier... et, bien sûr, aisaiment partageable. Pensez-y ! ;-)

Son principe de fonctionnement est simple : un contenu structuré par un plan linéaire "classique" dont les différentes sections sont emboitées (plan de cours ou plan de fonctionnement, comme, par exemple, lors d'un exercice, une partie "énoncé" et une autre "correction"). Ce qui est moins classique est que chacun des éléments (sections et paragraphes) est escamotable : les élèves ont donc en permanence à la fois accès au plan d'une part et aux contenus en cours d'utilisation ou d'élaboration, d'autre part. (ceux-ci étant clairement identifiés dans le plan d'ensemble)

C'est l'enseignant qui, en cliquant avec le stylet du TBN (entre autre), fait progresser les choses. Un menu flottant est également là pour permettre d'autres interactions avec le document.

Voilà pour les informations de base... Vous trouverez plus d'informations dans les sections suivantes : IV./ et V./ pour ce qui concerne l'utilisation d'un document OpenTBi , et II./ - II./ quant à la création d'un tel document.

Rq : Ce didacticiel de sept pages a été rédigé sous Word (oups) … puis converti au format OpenTBi en moins de trois minutes ! ;-)

1.) Textes

2.) Tableaux

3.) Médias  (images, flash, vidéos, etc)

4.) Formulations mathématiques et chimiques  (version 3.2+)

5.) Visualisations moléculaires  (Chime)

6.) Constructions TracenPoche  (version 3.3+)

1.) Saisie et mise en forme du texte

2.) Lien et tableaux

3.) Ajout de médias  (images, flashs, vidéos, etc.)

Vos cours sont déjà prêts, enregistrés au formats OOo ou MS-Office ?.. Il est très facile de les convertir (rassurez-vous, vous conserverez les originaux !)

Rq : Il est important d’avoir lu au préalable la partie précédente (II./ A./) … Faites-le ! ;-)

Après avoir lu les quelques explications de base données sur la page de l’Editeur OpenTBi , vous allez utiliser l’éditeur de texte intégré pour y copier-coller, en toute ou partie, le contenu de votre document « Writer » ou « Word » en utilisant l'icône "Coller depuis Word [W]". (laissez cochées les deux "cases Ignorer les polices de caractères" et "Supprimer les styles" de la mini-fenêtre de collage) ... Si l'icône "Coller depuis Word [W]" n'est pas disponible, réalisez votre collage avec la combinaison de touches "Ctrl+V".

Rq : S'ils ne sont pas visibles, affichez les « blocs html » avec l'icône "Afficher les blocs" (située à droite de "Source") après validation du copié-collé.

Vous devez, ensuite, affecter les bons formats à vos titre et sous-titres, en utilisant le sélecteur "Format", et en respectant ceci : (c’est important ! - Pour plus de confort, il vous est possible de maximiser la taille de l'Editeur)

• Titre du chapitre: En-tête 1. Attention : il doit être unique ! (un seul élément « H1 » par page)
• Titres des parties (ex : I./ II./ ... ) : En-tête 2
• Titres des sous-parties (ex : A./ B./ ... ) : En-tête 3
• Titres des sous-sous-parties (ex : 1.) 2.) ... ) : En-tête 4

Enfin, il vous reste à affecter éventuellement un style particulier, en utilisant le sélecteur "Style", à certains paragraphes (ex : Editable) ou éléments de paragraphes (ex : Surligné, Partie Visible, code, etc.). Les styles standards « centré », « souligné », « gras », « italique », « indice », « exposant », « liste à puce », etc… sont applicables directement depuis le panneau d’icônes de l’éditeur.

Rq : Pour supprimer un style, sélectionner l'élément stylé et utiliser l'icône "Gomme ".

Si des conteneurs [DIV] inutiles sont présents suite à un copié-collé depuis OOo ou Word, vous pouvez les supprimer manuellement en cliquant droit à l'intérieur du DIV et en choisissant "Supprimer balise DIV".

Pour ajouter ou modifier des éléments de votre page, référez-vous à la partie précédente. (II./ A./)

Voici, en vrac, quelques informations et conseils supplémentaires ..:

Si des conteneurs [DIV] inutiles sont présents suite à un copié-collé depuis OOo ou Word, vous pouvez les supprimer manuellement en cliquant-droit à l'intérieur du DIV et en choisissant "Supprimer balise DIV".

Rq : A l'inverse, vous pouvez assembler plusieurs éléments dans un même conteneur avec l'icône "Créer Balise DIV".

Suite en construction…

A première vue la TBi n'est qu'un rectangle gris situé sous le menu. C'est en fait bien plus que cela ! C'est un espace permettant de faire interagir librement différents contenus pris ça et là sur la page (images et textes) entre eux, et, bien sûr, avec l'enseignant ou les élèves. Bref, c'est une "Tablette magique" ! (à cet égard, certaines des extensions dont il sera question dans le B./ vous seront utiles)

C'est pas clair ?.. Alors partons pour une explication illustrée pas à pas :

Commençons pas des images : Prenez (clic-gauche) l'une des images ci-dessous et glissez la sur la TBi. (puis recommencez avec une autre si vous le souhaitez...)
           

Maintenant les textes : Avec votre souris, sélectionnez (mettre en surbrillance) un MOT ou UN GROUPE DE MOTS puis cliquez sur l'icône de menu située au dessus de la TBi. (puis recommencez...)

C'est fait ?.. Dans un instant vous allez cliquer sur la barre-titre de la TBi pour l'ouvrir !.. Mais avant lisez ceci: vous pourrez glisser-poser tous ces objets où il vous plaiera dans la TBi (y compris dans sa Corbeille). Images et zones de texte sont donc déplaçables... mais aussi redimensionnables ! (Sous Firefox, Opera, Chrome, Safari...)

Alors bien sûr avec ces trois images, 'mot" et "un groupe de mots" (il est probable que ce soient ceux que vous avez choisi ;-) il y a peu de chance de créer une activité pédagogique, mais vous avez compris le principe!.. Il est donc facile d'imaginer quelques photos d'animaux pour tracer un réseau trophique en 6^ème, quelques mots choisis dans le chapitre pour réaliser un schéma bilan fonctionnel, ou encore une analyse méthodilogique de sujet de T^ale (en se demandant quelles sont les données, puis, quelles sont leurs relations), etc.

Rq : Images et textes peuvent provenir de n'importe où dans votre document, vous pouvez les mettre dans la TBi en plusieurs exemplaires (et en plusieurs fois). Si les images ont un fond transparent, vous pouvez les superposer comme vous le feriez avec des transparents et un rétro-projecteur... Vous pouvez "réduire" la TBi à tout moment (son contenu est conservé), mais aussi la vider. Vous pouvez changer le fond de la TBi. (blanc, quadrillé, noir)

Rq : La police des textes peut être augmentée ou diminuée, utliser les boutons "A+" et "A-" situés en bas à gauche des zones de texte (Ver.3.5+). Vous pouvez aussi jouer sur la forme d'une zone de texte pour présenter celui-ci différemment. (en ligne, en colonne...)

Ce "Calque magique" est un complément de la TBi. Lorsque celle-ci est ouverte et que vous cliquez sur CALQUE, un "transparent" vierge la recouvre et il est alors possible de dessiner dessus en utilisant les diverses options du menu "Outils", semblables à celles d'un logiciel de dessin classique.

ATTENTION : Le CALQUE n'est pas fonctionnel sous Internet Explorer... Utilisez donc un autre navigateur, plus respectueux des standards du W3C que ne l'est IE ! (Firefox est conseillé)

Le Calque peut être refermé, ou plutôt réduit, à tout moment (croix rouge) sans perte de contenu... Vous pouvez ainsi accéder à la TBi pour en modifier certains éléments... et même à votre plan en réduisant la TBi.

Rq : Pour vider le calque, cliquez sur l'icône symbolisant un feuille blanche.

En cas d'erreur(s), vous pouvez annuler (ou refaire) les cinq dernières opérations, mais aussi sélectionner-copier-coller-déplacer des éléments déjà construits.

Alors, à vous de jouer !.. Ouvrez la TBi (mettez quelque chose dedans avant, c'est aussi bien... mais vous pouvez aussi vous en servir de "simple" planche à dessin), choisissez éventuellement votre couleur de fond et cliquez sur CALQUE ! ;-)

Rq : Vous manquez de pratique et d'idées d'utilisation ?.. Consultez les Trucs et Astuces OpenTBi !
      (plus tard, vous pourrez y proposer les votres...)

La version 3.4 d'OpenTBi (en ligne depuis le 20/06/2009) ajoute des fonctions lexicales que l'on peut résumer, dans les grands traits, par deux nouveautés :

• - Au niveau de l'Editeur, existe maintenant la possibilité d'attribuer un style "lexique" à certains mots ou groupes de mots. De fait, en classe, les termes ainsi marqués seront affichés (en gros caractères et en plus de leur position normale dans le document) dans une fenêtre spéciale du document accessible d'un simple clic. Cela permet de construire un liste de vocabulaire, un support orthographique, etc.
• - La fenêtre lexicale possède également une zone d'écriture manuscrite (un "mini-Calque") afin d'y écrire avec le stylet du TBN des mots ne figurant pas dans la liste établie lors de la création du document. (question d'orthographe inattendue, oublis...)

Voici comment utliser ces fonctions : (pensez également, et comme toujours, à consulter le Forum du site opentbi.com)

• IDENTIFIER LES TERMES LEXICAUX : Pour marquer les termes qui vous intéressent dans l'Editeur (vocabulaire nouveau, etc.), rien n'est plus simple puisqu'il suffit de sélectionner le mot ou groupe de mots et de lui appliquer le style "Lexique" directement via le sélecteur de "Styles" de l'Editeur (on peut appliquer plusieurs styles sur une même sélection). Pour savoir où vous en êtes les termes ainsi identifiés sont signalés dans le texte de la fenêtre d'édition par une couleur de fond grise et une bordure pointillée. (rassurez vous ce marquage ne sera pas visible dans le document OpenTBi)
• AFFICHER LES TERMES IDENTIFIÉS (En classe) : Dans le menu de votre document OpenTBi se trouve un bouton "Lexique" sur lequel vous n'avez qu'à cliquer pour que s'affiche au premier plan la "Boite lexicale" (LexiBox) du document. Celle-ci liste les termes de vocabulaires que vous avez identifié (voir ci-dessus) lors de la création du document. Ils sont ordonnés en colonne, suivant la progression du document, et affichés en gros caractères de manière à fournir un support orthographique clair aux élèves. (vous pouvez les surligner avec le stylet du TBN, la souris, ou en utilisant l'un des plugins ad'hoc de Firefox)
• ÉCRITURE MANUSCRITE : La "Boite lexicale" dispose (sous Firefox, Opera, Chrome, etc, mais toujours pas IE qui, même en version 8, refuse toujours d'interpréter les éléments html standard de type "canvas") d'une zone de saisie manuscrite située au dessus de la liste de mots et dans laquelle vous pouvez écrire directement quelques mots avec le stylet de TBN. C'est pratique pour palier à certains oublis, certaines digressions... ou à des questions inattendues concernant l'orthographe de tel ou tel terme.

La version 3.6 d'OpenTBi (en ligne depuis le 29/12/2009) ajoute des fonctions de prévisualisation de paragraphe et des sortes de "post-it" pour le prof affichables discrètement à l'écran. Voici les grands traits de ces deux nouveautés :

Pour ce qui est de la prévisualisation des paragraphes, il suffit de survoler avec le curseur un marqueur de paragraphe (rectangle avec une petite flèche) pour voir apparaitre, en petite police, les 100 premiers caractères (max) du texte correspondant... Cette nouvelle fonction est active par défaut mais peut être à tout moment désactivée (et réactivée) par le biais d'un nouveau bouton dans le menu des documents en version 3.6 et plus. (Note : Il faut maintenir le survol du curseur pendant 0,5 secondes... ceci afin d'éviter des affichages involontaires lorsque la fonction est active)

Rq : Dans ce didacticiel, la prévisualisation est désactivée par défaut... Mais pourquoi ne pas essayer un instant, pour voir ce que ça donne ? Activez al foction dans le menu (bouton montrant un post-it jaune) puis pointez l'icône d'un paragraphe (escamoté)... Pensez à re-cliquer sur le même bouton de menu pour désactiver la fonction si celle-ci vous gène

Les "Notes-prof", quant à elles, sont des post-it qui apparaissent en survolant des petites flèches placées à l'endroit du document que vous avez choisi lors de l'édition de celui-ci... Vous pouvez donc inclure vos annotations de cours directement dans votre document Open-TBi et les consulter discrètement (Ex: Un petit pense-bête pour un exercice d'application à intégrer à tel endroit, etc.). Au niveau de l'Editeur Open-TBi, pour insérer une "Note-prof" dans un document, il vous suffit de saisir votre texte dans un paragraphe normal (à l'endroit voulu) puis de lui assigner le style "Note-Prof" grâce au sélecteur de "Styles" de l'Editeur.

Mais pourquoi ne pas essayer ?.. Survolez donc un peu la petite flèche un peu en retrait sous ce paragraphe pour voir !

Ceci est une Note-Prof... Comme vous le voyez, vous pouvez les utiliser comme des pense-bêtes à votre seule intention, comme vous le feriez de vos annotations sur votre cours en version papier !

Alors ?..

Chaque conteneur rassemble plusieurs paragraphes sous une même entité au fond coloré... On peut ainsi très facilement individualiser des contenus de type différents au sein d'un même document OpenTBi : un exercice intégré, un document de travail, voire une fiche TP complète, etc... Il existe trois types de conteneurs qui ne différent que par leur couleur de fond, leur mode de fonctionnement étant le même. (c'est plus simple ! ;-)

En résumé, c'est donc un moyen très simple d'intégrer, tout en le différenciant clairement, un élément dans la progression globale, comme, par exemple, un exercice intégré !.. Mais jugez plutôt sur pièce :  (double-cliquez sur la barre jaune ci-dessous et ouvrez le premier paragraphe du conteneur de manière habituelle)

Mais comment fait-on ?.. C'est très simple, ouvrez le second conteneur, ci-dessous ! (fermez le précédent pour gagner de la place...)

Même si la TBi et le Calque apportent déjà beaucoup d'interactivité, il est possible d'aller un peu plus loin en utilisant quelques autres bons outils (libres, de surcroit). Il est donc conseillé d'utiliser vos pages OpenTBi avec le navigateur Firefox (ver 2.0.x et suivantes) qui autorise des extensions (modules complémentaires, ou encore "addons") dont certaines sont bien utiles pour exploiter davantage vos documents OpenTBi . Parmi les plus pertinentes de celles-ci, citons :

• Screengrab! : Pour enregistrer une image (jpg ou png) d'une partie de la page (ou la page entière). Idéal pour sauvegarder vos travaux avec laTBi et/ou le Calque !
• Fireshot : Pour prendre une image de la page (entière) et y ajouter éventuellement des annotations. Rq : Sous windows seulement ! (et en version bridée)
• Line Marker ou, dans le même style, Wired-Marker : Pour "stabiloter" votre texte.
• Image Zoom : Sans commentaire, hein ?

Rq : Vous les trouverez facilement sur le net !.. Autant aller à la source : https://addons.mozilla.org/fr/firefox

Rq : Sous Mac et Linux (même si trop peu de TBN disposent d'un pilote pour ces machines), il est possible que certaines de ces extensions ne fonctionnent pas... vous pouvez toujours faire un screenshot de la page et travailler dessus avec un logiciel de dessin et de retouche d'image léger.