Calculer son IMC

Thème de référence dans le programme

D – Interactions entre l’homme et la machine sur le Web

Spécifications – Cahier des charges

Écrire le code HTML (version 5), CSS (version 3) et Javascript (Version installée sur le navigateur) d’une page web dynamique qui permet à l’internaute, via une interface graphique “soignée” :

• de saisir sa masse en kg dans un premier champ ;
• de saisir sa taille en cm dans un second champ ;
• de cliquer sur un bouton afin d’obtenir l’affichage qui suit ;
  • la valeur de l’IMC (Indice de Masse Corporelle) – sous la forme d’un nombre entier ;
  • et une silhouette associée à cet IMC.
    

Ressources

• Article sur l’IMC
• Images
  • silhouette IMC normal
  • silhouette IMC surpoids
  • silhouette IMC obèse
• Terminologie HTML et CSS
• Memento HTML5 et CSS3
• Arrondir une valeur en javascript

Conditions de réalisation

• Travail à réaliser par deux.
• Rendre un dossier “archive” (au format “zip”) contenant :
  • un fichier HTML nommé “imc.html” contenant le code html, css et javascript commenté.
  • les fichiers “image” correspondant aux trois silhouettes d’IMC.
  • le nom du fichier “archive” sera composé des noms et prénoms des deux élèves.
• Délai de réalisation : deux semaines.

Critères d’évaluation du travail

L’évaluation et la notation du travail seront réalisées sur la base des critères, indicateurs et barèmes définis dans une fiche disponible en ligne.