Partage IA

Requête

Tu dois créer une activité interactive qui permet à un élève de comprendre le calcul de la valeur énergétique d'un aliment (kj et Cal). À noter, les calories (valeur nutritionnelle) sont arrondies par multiple de 5 au plus proche.
L'élève doit pouroir se reprendre en voir le calcul attendu après avoir vérifié sa réponse.

L'activité consiste à compléter les valeurs manquantes sur une étiquette nutritionnelle à l'aide des informations fournies :

glucides : 17 kj/g
lipides : 37 kj/g
protéines : 17 kj/g
1 Cal - 4.08 kj

Tu dois créer un modèle de tableau de la valeur nutritive utilisé au Canada.
Le code source doit être en bootstrap 4 et rencontrer les exigences suivantes:
Tu dois créer des styles inline uniquement.

À la première ligne en haut du tableau de la valeur nutritive, le titre Valeur nutritive figure en caractères gras, aligné à gauche. Sur la ligne suivante se trouve l'indication pour MD (MM). Sous cette indication, pour MD (MM), un filet s'étend sur toute la largeur du tableau. Sur la ligne suivante, le terme Calories figure en caractères gras suivi de caractères génériques, également en caractères gras, lesquels sont prévus pour indiquer la quantité de calories par portion du produit. Aligné à droite sur la même ligne se trouve le sous-titre présenté ainsi : symbole du pourcentage valeur quotidienne en caractères gras. Le pourcentage de la valeur quotidienne est accompagné d'un astérisque qui renvoie à une note complémentaire figurant au bas du tableau de la valeur nutritive. Sous l'indication Calories se trouve un filet gras qui prend fin après le caractère générique, soit qui ne s'étend pas sur toute la largeur du tableau.

Sur la ligne suivante, aligné à gauche, se trouve le terme Lipides en caractère gras, lequel est suivi de caractères génériques prévus pour indiquer la quantité de lipides, ceux-ci étant suivis d'un g en bas de casse. Alignés à droite sur la même ligne se trouvent des caractères génériques prévus pour indiquer le pourcentage de la valeur quotidienne des lipides, ces derniers étant suivi d'une espace et du symbole du pourcentage. En retrait sur la ligne suivante, en dessous de Lipides, se trouve le terme saturés et des caractères génériques prévus pour indiquer la quantité de lipides saturés, lequel est suivi d'un g en bas de casse. En retrait sur la ligne suivante, en dessous du terme saturés se trouve un symbole d'addition suivi du terme trans, puis d'un g en bas de casse. Enfin, des caractères génériques prévus pour indiquer le pourcentage combiné de la valeur quotidienne des lipides saturés et trans sont alignés à droite et centrés par rapport aux renseignements sur les lipides trans et saturés à gauche. Il est suivi d'une espace et du symbole du pourcentage. Sous l'indication des lipides trans, un filet maigre s'étend sur la largeur du tableau.

Le terme Glucides en caractères gras figure sur la ligne suivante. Il est suivi de caractères génériques prévus pour indiquer la quantité de glucides, lesquels sont suivis d'un g en bas de casse. En retrait sur la ligne suivante, en dessous du terme Glucides, se trouve le terme Fibres, suivi de caractères génériques prévus pour indiquer la quantité de fibres, lesquels sont suivis d'un g en bas de casse. Alignés à droite sur la même ligne se trouve des caractères génériques prévus pour indiquer la valeur quotidienne des fibres suivis d'un symbole du pourcentage. En retrait sur la ligne suivante, en dessous du terme Fibres, se trouve le terme Sucres suivi de caractères génériques prévus pour indiquer la quantité de sucres, lesquels sont suivis d'un g en bas de casse. Sur la même ligne, alignés à droite, se trouvent des caractères génériques prévus pour indiquer le pourcentage de la valeur quotidienne des sucres, lesquels sont suivis d'une espace, puis du symbole du pourcentage. Sous l'indication des sucres, un filet maigre s'étend sur la largeur du tableau.

Sur la prochaine ligne, le terme Protéines figure en caractères gras suivi de caractères génériques prévus pour indiquer la quantité de protéines, lesquels sont suivis d'un g en bas de casse. Sous l'indication des protéines, un filet maigre s'étend sur la largeur du tableau.

Sur la prochaine ligne, le terme Cholestérol figure en caractères gras suivi de caractères génériques prévus pour indiquer la quantité de cholestérol, lesquels sont suivis des lettres mg en bas de casse. Sous l'indication du cholestérol, un filet maigre s'étend sur la largeur du tableau.

Sur la prochaine ligne, le terme Sodium figure en caractères gras suivi de caractères génériques prévus pour indiquer la quantité de sodium, lesquels sont suivis des lettres mg en bas de casse. Sur la même ligne, alignés à droite, se trouvent des caractères génériques prévus pour indiquer le pourcentage de la valeur quotidienne de sodium, lequel est suivi d'une espace, puis du symbole du pourcentage. Sous l'indication du sodium, un filet gras s'étend sur la largeur du tableau.

Le terme Potassium figure sur la ligne suivante suivi de caractères génériques prévus pour indiquer la quantité de potassium, lesquels sont suivis des lettres mg en bas de casse. Sur la même ligne, alignés à droite, se trouvent des caractères génériques prévus pour indiquer le pourcentage de la valeur quotidienne de potassium, lequel est suivi d'une espace, puis du symbole du pourcentage. Sous l'indication du potassium, un filet maigre s'étend sur la largeur du tableau.

Le terme Calcium figure sur la ligne suivante suivi de caractères génériques prévus pour indiquer la quantité de calcium, lesquels sont suivis des lettres mg en bas de casse. Sur la même ligne, alignés à droite, se trouvent des caractères génériques prévus pour indiquer le pourcentage de la valeur quotidienne de calcium, lesquels sont suivis d'une espace, puis du symbole du pourcentage. Sous l'indication du calcium, un filet maigre s'étend sur la largeur du tableau.

Le terme Fer figure sur la ligne suivante suivi de caractères génériques prévus pour indiquer la quantité de fer, lesquels sont suivis des lettres mg en bas de casse. Sur la même ligne, alignés à droite, se trouvent des caractères génériques prévus pour indiquer le pourcentage de la valeur quotidienne de fer, lequel est suivi d'une espace, puis du symbole du pourcentage. Sous l'indication du fer, un filet gras s'étend sur la largeur du tableau de la valeur nutritive.

La note complémentaire sur le pourcentage de la valeur quotidienne dont il a été question au début de la description du tableau figure sur la ligne suivante. Cette note est constituée d'un astérisque suivi de la séquence suivante : 5 suivi du symbole du pourcentage et de la mention ou moins c'est peu; 15 suivi du symbole du pourcentage et de la mention ou plus c'est beaucoup. Les termes peu et beaucoup sont en caractères gras. Le tableau de la valeur nutritive se termine ainsi.

Dans Gemini, une fois l'activité validée, cliquer sur "Partager" afin de récupérer le code source.

⚠️  Attention les "Moodleurs"! Vous devez créer un fichier texte avec l'application bloc notes ou Notepad++ et coller le code généré.

Procédure :

1. "Enregistrer sous" et préciser l'extension html.
   Exemple : sim_calcul_energetique.html
2. Dans Moodle, passer en mode Édition et glisser déposer votre fichier
3. Ajuster les paramètres de l'activité fichier : Apparence -> Nouvelle fenêtre

Simulateur