Objectifs
Problématique à laquelle contribuer
La problématique abordée par notre dispositif est le manque de ressources interactives et efficaces pour l'apprentissage du HTML dans les environnements éducatifs. Souvent, les étudiants rencontrent des difficultés à comprendre les concepts de base du HTML en raison de la pénurie de ressources visuelles et pratiques.
Public cible
Le public cible de notre dispositif est constitué des étudiants en informatique et développement web, principalement âgés de 15 à 25 ans, apprenant le HTML pour la première fois. Ces étudiants peuvent se trouver dans des lycées, des instituts techniques ou des universités.
Cadre d'utilisation
Les utilisateurs peuvent utiliser le dispositif de manière autonome, dans des environnements d'auto-apprentissage, ou comme complément dans des cours structurés de développement web. Il peut également être utilisé par des instructeurs comme outil de soutien en classe.
Objectif précis
L'objectif est de fournir aux étudiants un outil interactif qui facilite la compréhension des balises de base du HTML à travers des flashcards. Cet outil vise à améliorer la rétention et la compréhension des concepts fondamentaux du HTML.
Compétence visée
La compétence spécifique visée est la capacité à identifier et à utiliser correctement les balises de base du HTML dans la construction d'une page web.
Design
Résolution de la problématique
Notre dispositif résout la problématique en offrant un jeu interactif de flashcards permettant aux étudiants d'apprendre de manière ludique. Les flashcards présentent des questions sur le HTML, et en cliquant dessus, la réponse est révélée, permettant ainsi la répétition et l'auto-évaluation.
Activité avec le dispositif
L'activité principale consiste à interagir avec les flashcards. Les étudiants cliquent sur les cartes pour voir la réponse, ce qui facilite la mémorisation et la compréhension des balises de HTML. Cette activité est conçue pour être répétitive et pratique, renforçant l'apprentissage par l'interaction.
Grandes lignes du fonctionnement
- Chargement initial : la page web se charge avec une série de cartes affichant des questions sur le HTML.
- Interaction : les étudiants cliquent sur les cartes pour révéler la réponse.
- Feedback visuel : les cartes peuvent afficher des animations lorsqu'elles sont cliquées, fournissant un feedback immédiat.
- Répétition : les étudiants peuvent redémarrer le jeu pour pratiquer de manière répétée jusqu'à maîtriser les balises de HTML.
Production
Changements à l'image SVG
Pour adapter les images SVG à notre dispositif, nous avons réalisé les changements suivants :
- Sélection de l'image SVG illustrant les balises HTML de base.
- Modification de l'image SVG pour la rendre attrayante
- Intégration des images SVG dans les réponses des flashcards pour fournir une représentation visuelle claire des concepts.
Cette approche permet aux étudiants de visualiser directement à quoi ressemblent et comment sont utilisées les balises HTML, améliorant ainsi leur compréhension et leur rétention.
Auteur
Lien
Bibliographie
L'image a été sélectionnée de Freepik