Rapport de l'exercice 2



Réalisé par Derouiche Inès le 27.10.2025

Liens

Page de Flash Card



Objectifs

Page Flash Card

Le dispositif vise à introduire de manière interactive les principales fonctions du corps humain à travers une interface simple de type flash card. Il est destiné à toute personne souhaitant découvrir les notions de base sur le squelette, les muscles et la circulation sanguine. Il permet à la communauté utilisatrice d'en faire usage de manière autonome pour un apprentissage progressif et ludique. Il vise à ce que les utilisateurs soient capables d'identifier le rôle du squelette et des muscles, de comprendre la circulation sanguine et les fonctions des globules rouges et blancs.



Design

Page Flash Card

Le design du dispositif combine simplicité et interactivité pour faciliter l'apprentissage. Avec son interaction simple : le bouton sur chaque carte - permet de passer d'une carte à l'autre. J'ai adopté pour une police et une palette de couleur uniforme aux précédents travaux. Dans cet exercice, l'utilisateur explore avec un focus visuel et textuel.



Production

Page Flash Card

Ce projet m'a donné du fil à retordre - surtout CSS! j'ai commencé d'abord par la structure HTLM, ensuite par le choix du contenu et des images. Le téléchargement des images n'est pas en SVG mais en jpeg et png. L'implantation du script a été plus facile que ce que je pensais. Au départ de ma conception, mes cartes et mon texte étaient mélangés, la carte 2 ne voulait pas s'afficher. Je pensais au départ à une erreur dans mon Java, or il s'agissait d'une erreur orthographique dasn HTML et d'une erreur dans CSS. La balise id m'a donné quelques difficultés à la comprendre au départ. Cet exercice m'a nottament permis d'ancrer une riueur dans mon organisation novice dans la conception de technologie éducative. Hormis ces petits soucis, j'ai eu du plaisir à le faire et surtout à constater que mes commandes fonctionnent ! Il serait possible d'améliorer ce support multimédia avec d'autre carte sur le fonctionnement du coprs humain.



Auto-évaluation

Page Flash Card

Bien que je n'ai pas réussi a télécharger mes images en format SVG, je suis contente d'avoir pu trouver deux images correspondantes afin de remplir les attentes générales du travail.



Bibliographie

Page des consignes du rapport

La volée Freya est une volée soutenante, qui m'a permise de lever de nombre doutes concernant la demande du travail complet à fournir. Ainsi les ressources de l'unité de formation de STIC 1 sur le EduTechWiki, m'ont permises de comprendre les premières brasses pour nager dans l'océan de la conception.





Ressources

C'est pas sorcier -SQUELETTE : Les sorciers tombent sur un os

Image libre de droits de la Carte 1

Image libre de droits de la Carte 2

Les contenus du cours et les discussions avec mes camarades m'ont permis de me concentrer correctement sur les attentes de l'exercice. Ainsi les ressources de l'unité de formation de STIC 1 sur le EduTechWiki, m'ont permises de comprendre les premières brasses pour nager dans l'océan de la conception sur Visual Code en appliquant mes brassards ! Maintenant les balises sont les motifs de mon maillot de bain ! Grâce à l'aide de ChatGPT, j'ai pu comprendre quelques unes de mes erreurs.