Exercice 2 - Introduction à Javascript
Liens
Animation sur l'oeil et ses parties
Objectifs
Le dispositif proposé aborde le thème des 5 sens et plus précisément l'organe de la vue. Il a pour objectif de construire sur les savoirs des élèves. Au lieu d'un input passif, le but est d'encourager la construction et l'appropriation. Pour un enseignant, l'objectif opérationnel reste le même, soit: "nommer et identifier l'organe de la vue et ses parties". Toutefois, l'idée est d'offrir la possibilité d'utiliser cette page comme outil au début d'une séquence d'apprentissage afin de construire sur les connaissances de chaque élève.
Dans un cadre scolaire, ce dispositif est pensé pour être utilisé seul voire à deux selon les situations spécifiques des élèves.
Design
De par les consignes données à l'élève, le dispositif encourage la construction et le partage de connaissances.
Tout d'abord, l'élève se rend sur la page internet. Il y voit le titre (la vue), le sous-titre (l'oeil) et une consigne suivie d'un lecteur audio offrant la possibilité d'écouter la consigne. Sous le lecteur, l'élève voit l'image d'un oeil ainsi qu'un bouton vert "montrer". En lisant/écoutant les consignes, l'élève est amené à réfléchir sur ses connaissances et à noter ses idées. Dans un deuxième temps, l'élève clique sur le bouton "montrer". Il peut alors observer l'image labélisée et ainsi compléter ses idées. Pour finir, il est proposé à l'élève de retourner à sa place et de partager son apprentissage avec son voisin.
En utilisant le dispositif comme expliqué ci-dessus, l'élève ne fait pas que recevoir des informations théoriques. Il se questionne, il écrit, dessine, schématise, observe, complète et explique avec ses propres mots. Ainsi, l'élève est davantage actif que dans une simple exposition des parties de l'oeil.
Le dispositif est pensé pour faire partie d'une séquence pédagogique plus large sur le thème des 5 sens. L'enseignant peut choisir de confronter les élèves sur le même sujet (l'oeil) ou, à condition de créer des dispositifs équivalents pour les autres sens, de proposer un partage de connaissance entre 5 élèves chacun expert d'un sens.
Le style et le contenu proposent une page sobre avec un minimum de texte afin de ne pas attirer l'attention de l'élève sur autre chose que l'apprentissage visé.
Production
Pour labéliser l'image SVG de l'oeil, j'ai importé des flèches préalablement créées dans un fichier séparé. Ensuite, j'ai utilisé l'outil texte pour nommer chaque élément. Afin de trier plus facilement les objets, j'ai créé deux calques: un calque "flèches" et un calque "textes". La dernière étape a été de recadrer l'image.
Dans le but d'avoir deux images de tailles identiques, j'ai copié le fichier de l'oeil labélisé dans lequel j'ai ensuite supprimé les calques.
Après une première auto-évaluation du dispositif (voir ci-dessous), j'ai décidé j'ajouté une lecteur audio de la consigne dans le code HTML.
Autoévaluation
D'un point de vue technique, le dispositif fonctionne. De plus, le scénario mis en place encourage la construction et le partage de connaissances comme fixé dans les objectifs.
Concernant l'utilisabilité, le premier dispositif créé obligeait l'utilisateur à être un bon lecteur. Même si j'ai essayé de favoriser des textes courts, la lecture pouvait représenter une charge cognitive importante pour des élèves de 4H. Suite à ce constat, j'ai ajouté un lecteur audio de la consigne. Son utilité est de libérer de l'espace dans la mémoire de travail de l'élève qui peut alors focaliser son attention sur la tâche. Son implémentation dans la page a pour avantage d'être visible. Toutefois, d'un point de vue visuel, un icône activant le son serait plus agréable.
Une critique du dispositif concerne son application réelle. Un enseignant aurait besoin de plusieurs ordinateurs pour mener l'activité simultanément avec toute sa classe. Une solution consisterait à travailler par ateliers.
Pour finir, il est intéressant de se pencher sur la question de la plus-value de ce dispositif technologique. En effet, le même apprentissage pourrait être effectué avec un simple livret papier. Toutefois, le lecteur de consigne est une réelle plus-value pour libérer de l'espace dans la mémoire de travail et se focaliser sur l'apprentissage voulu. De plus, le dispositif permet de varier les outils d'apprentissage et de sensibiliser les élèves à l'utilisation d'un ordinateur.
Bibliographie
Aide à la création d'une flèche sur Inkscape. Lien ici.
Ajout de l'audio. Lien ici.
Validateurs CSS et HTML et Java Script.
Ressources
Image de l'oeil: licence Pixabay. Libre pour usage commercial. Pas d'attribution requise. Récupérée ici.