Science et Technologie de l'information et de la communication

Rachel Egg - Volée Zelda - Déposé le 16.11.19

Exercice 3 - Introduction à Javascript

Liens

Dispositif pour développer l'esprit critique face à internet

Objectifs

Ce dispositif poursuit différents objectifs d'apprentissage en lien avec le Plan d'Etudes Romand (PER) et plus précisément la la Formation Générale. Il s'inscrit dans le cadre d'une séquence pédagogique ayant pour objectif de développer l'esprit critique d'élèves en âge scolaire. Il s'agit de les sensibiliser aux règles de sécurité sur internet et de les encourager à se questionner à propos des informations reçues.

Le dispositif est prévu pour être utilisé avec des élèves lecteurs de 9 à 12 ans scolarisés en Suisse romande. Ces élèves doivent être habitués à utiliser l'ordinateur en classe de sorte à ce que la manipulation de la souris et, au minimum, le rafraichissement de la page internet ne pose pas de problème. Ce dispositif est particulièrement prévu pour des élèves ayant accès à internet et aux applications mobiles dans le cadre familial. En effet, à cet âge, les enfants utilisent de plus en plus les recherches internet, les applications, les jeux et les achats intégrés. Développer leur esprit critique est donc primordial afin de se prémunir de certains dangers.

Pour cette séquence pédagogique, il est important de ne pas communiquer aux élèves le réel but du site internet mais de le proposer comme activité scolaire habituelle. L'idée est d'utiliser cette page internet de manière individuelle. Dans un premier temps, l'enseignant demande à chaque élève de répondre au quiz. Une fois toute la classe passée, l'enseignant propose un moment de réflexion et de discussion qu'il peut façonner à sa convenance (questionnaire individuel, duo, plénière). A cet étape, différentes réflexions sont proposées aux élèves dont par exemple

Après cette réflexion, l'enseignant peut proposer une institutionnalisation sur les termes de données personnelles, données sensibles et vérification de l'information.

Design

Afin de répondre aux objectifs cités ci-dessus, j'ai créé une page internet avec un quiz sur les métiers. J'ai choisi cette thématique car elle est souvent abordée par les adultes et qu'elle a selon moi une forte crédibilité aux yeux des élèves.

Deux éléments permettent d'aborder les objectifs précédemment fixés: le formulaire de départ et le contenu du quiz.

Commençons par le formulaire. Celui-ci demande deux informations personnelles: le prénom et l'âge. La première information est réutilisée dans le header alors que la deuxième ne l'est pas. L'élève à plusieurs possibilités: entrer de vraies informations, des informations fictives ou de ne donner aucune information en cliquant sur "Commencer le quiz". Cette mécanique permet à l'enseignant d'aborder la question de la communication d'informations personnelles, de leur confidentialité et de leur stockage.

Venons-en au contenu du quiz. Après avoir rempli le formulaire et cliqué sur le bouton "Commencer le test", l'utilisateur répond à 4 questions en cliquant sur une réponse prédéfinie qui lui attribue "secrètement" un certain nombre de points. L'énoncé des questions a été mûrement réfléchi. Alors que certaines s'attardent sur des éléments pouvant être considérés comme pertinents (matière préférée à l'école), d'autres n'ont aucun sens dans le contexte d'un test sur les métiers (couleur préférée). Cet élément permet donc à l'enseignant de questionner les élèves sur la qualité de l'information. La quatrième question quant à elle touche à des données sensibles, ce qui fait un lien avec le sujet cité précédemment. Après quatre questions, l'utilisateur est redirigé vers un profil selon le score qu'il a obtenu. Ce calcul n'a aucune base scientifique et n'est pas expliqué à l'utilisateur dans le but de maintenir un flou sur les sources de l'information. Pour finir, ce dernier peut refaire le test (sans l'étape du formulaire). Ceci a pour but de laisser à l'élève la possibilité de manipuler plusieurs fois le dispositif pour l'encourager à développer son esprit critique.

Les images ne sont pas liées aux objectifs pédagogiques. Toutefois, leur présence offre un aspect stimulant et travaillé au dispositif, renforçant potentiellement la crédibilité aux yeux d'enfants.

Pour finir, si ce dispositif devait être réellement utilisé, je proposerais de supprimer le pied de page afin de ne donner aucune source quant aux auteurs et ressources utilisées.

Production

La production s'est déroulée en trois étapes menant à trois versions de mon travail. Pour la première version, je me suis dans un premier temps concentrée sur le code Javascript avant de produire le contenu HTML. Je suis arrivée à un résultat utilisant des 8 DIV auxquels j'ai attribué des ID différents afin de gérer l'affichage. Tout le contenu (question, réponses, profil) était inscrit dans la page HTML. Le code Javascript était long et répétitif afin de faire apparaitre et disparaitre chaque question/profil. Pour récolter les informations de l'utilisateur, cette première version utilisait la fonction "prompt". Une fois ce travail Javascript effectuée, j'ai créé le contenu du quiz ainsi que la page CSS. A cette étape, le dispositif fonctionnait. Dans la deuxième version, j'ai cherché à optimiser mon code javascript en utilisant des listes. Ainsi, ma page HTML ne contenait plus que 3 DIV (contre 8 dans la version 1). La dernière amélioration a été d'ajouter un formulaire à la place de la fonction "prompt". Cette étape a ajouté un DIV ainsi qu'une fonction afin de vider les champs du formulaire au clic du bouton "Commencer le test".

Autoévaluation

D'un point de vue technique, le dispositif fonctionne. Le fait d'avoir travaillé sur plusieurs versions a été très positif. J'ai ainsi pu améliorer et construire peu à peu mes connaissance en évitant de me perde dans un objectif technique trop complexe pour mes compétences actuelles. Je suis toutefois consciente que son code pourrait encore être amélioré en utilisant une boucle.

Concernant le contenu, il serait intéressant de tester le dispositif et de l'adapter selon les commentaires des élèves et des enseignants. En effet, connaissant peu le sujet et n'ayant jamais enseigné ni dans ce domaine, ni à ce niveau, le questionnaire mérite d'être testé puis adapté.

Pour finir, ce dispositif ne peut être utilisé "clé en main", notamment car il n'offre pas de réponse unique. Il est donc nécessaire pour un enseignant de s'approprier la matière et le scénario pédagogique afin de mener les débats avec sa classe.

Bibliographie

Plan d'Etudes Romand

Fichier PDF explicatif - Bilie Joe

Validateurs CSS et HTML et Java Script.

1formatik.com pour le reset des champs des text input

Ressources

Image téléchargée depuis Pixabay.