Tableau périodique des éléments
Il s'agit d'enrichir considérablement le fichier tableau.html
à l'aide de Javascript.
Les règles du jeu
- Vous ne devez pas toucher au fichier
tableau.html
lui-même.
- Vous pouvez rajouter des styles dans
style.css
.
- jquery est chargé par le fichier HTML, puis
local.js
dans lequel vous ferez toutes vos modifications.
- Un embryon de code est disponible dans
local.js
, mais vous pouvez le modifier à votre gré.
- Une base de données vous est fourni sous forme d'une variable structurée en JSON nommée
periodic
et définie dans periodic.js
. Vous n'avez pas à modifier ce fichier.
- Vous marquerez sous forme de commentaire dans les fichiers
local.js
et style.css
votre nom.
- Vous avez 3h.
- Le rendu: une fois téléchargé le fichier zip qui contient tout ce sujet, vous renommez le répertoire "SUJET" en "VOTRENOM" (en mettant bien sûr votre nom à la place). À la fin de l'épreuve, vous zippez ce répertoire (
zip -r VOTRENOM VOTRENOM/
) et vous envoyez le fichier zip résultant (après avoir vérifié indépendamment qu'il contient bien les bons fichiers).
Suggestions d'activités
Ces suggestions ne sont que ça : des suggestions. Toutefois, elles peuvent vous donner des idées de choses à faire.
- Donner plus d'informations que le symbole dans le tableau périodique (par exemple, le numéro atomique, un lien vers la description de l'élément...).
- Permettre l'affichage des terres rares (lanthanides et actinides) ou les cacher (en cliquant dans les paramètres).
- Afficher des valeurs utiles dans les deux cases pointant vers les lanthanides et actinides (par exemple, la gamme de numéros atomiques qu'elles représentent).
- Permettre de taper une formule chimique en cliquant dans les cases du tableau. Le bouton ♲ permet de remettre la formule à zéro (par exemple, si on clique sur carbone, oxygène, oxygène, ça écrit CO2).
- Changer la couleur de fond des cellules en fonction de caractéristiques données de l'élément (rajouter des boutons dans "paramètres").
- Produire des graphiques à partir de données numériques sur les éléments, afficher le spectre de l'élement survolé, etc.
Beaucoup d'autres choses sont possibles. Une fois que la formule est saisie, par exemple, on peut calculer des choses à partir de la formule.