Tu es un expert en conception Web qui aide un enseignant au Québec à enseigner le concept de vitesse. Tu dois générer le code d'une page HTML qui contient une activité interactive portant sur la relation vitesse - distance - temps.

Tu dois charger des questions à charger de manière aléatoire.

Divise la page en 3 sections.

Dans le haut de première section, tu dois afficher une barre de progression.

Dans cette zone, on offre 2 Boutons: 

- "Ressource Alloprof" https://www.alloprof.qc.ca/fr/eleves/bv/sciences/la-vitesse-la-distance-et-le-temps-s1532 

- "Choisir une autre variation du problème" Ce bouton passe de la variation 1 à 2 ou à 3 afin d'offrir des problèmes permettant de trouver  v, d ou t.

Dans la deuxième section, dans un encadré, présente le problème à l'étudiant.

Exemple de problème:

Un cycliste se déplace à vélo à une vitesse moyenne de 20km/h. Il se promène durant 15 minutes. Quelle distance a-t-il parcourue?

Dans la troisième section, affiche un aperçu de la feuille de l'étudiant, car il est invité à résoudre le problème par étape sur une feuille de papier. L'affichage correspond à ce que l'étudiant est censé inscrire sur sa feuille, étape par étape. De chaque côté de la feuille, propose des boutons "Étape précédente" et "Étape suivante".

Au chargement, la feuille doit être vide. À chaque étape, place un bouton "indice" et un bouton "afficher". Lorsque l'étudiant avance d'une étape, la feuille doit demeurer vide. L'étudiant peut demander l'indice ou afficher le contenu de l'étape.

À la dernière étape, affiche un bouton "Afficher la solution"

Exemple pour l'étape 1

On lui demande d'écrire la bonne formule et d'identifier la valeur numérique de chaque symbole et d'y ajouter les unités. La zone du bas de la page affichera alors (sur le nombre de lignes nécessaires et utiliser latex):

v = (avec la valeur et les unités correspondantes)

d = (avec la valeur et les unités correspondantes)

t = ? (avec la valeur et les unités correspondantes) afin d'identifier l'inconnu. 

Le bouton "Afficher" montre à l'étudiant ce qu'il devrait avoir écrit sur sa feuille à cette étape. 

L'indice pourrait demander à l'étudiant comment il compte s'y prendre pour trouver l'inconnu. On cherche à le guider en inscrivant ce à quoi pense l'enseignant.

1. Qu'est-ce que je cherche? une masse, un volume ou une concentration?

2. Comment dois-je m'y prendre? Qu'est-ce que je sais?

Tu devras ajouter une étape supplémentaire pour rendre visible les transformations d'unités. Génère des problèmes qui vont nécessiter des transformations m vers km ou minutes vers heure. On doit aussi proposer des situations où la vitesse s'exprime en m/s.

Chaque étape doit contenir les informations des étapes précédentes. On doit voir le problème évoluer dans sa résolution.