TP2 | HUD¶

L'objectif du TP2 est de créer un tableau de bord artistique, animé et interactif en utilisant toutes les technologies apprises dans le cours, ainsi que celles apprises dans les autres cours de Web jusqu'à présent.

Compte pour 30% de la note finale.

Étape 1
Planif

Étape 2
Préparation

Étape 3
Développement

Résultat attendu¶

Le TP sera évalué sur la mise en place d'éléments esthétiques, interactifs et animés. C'est-à-dire qu'il devra y avoir des animations en boucle et des animations déclenchées par des actions.

Chacune des technologies suivantes doit impérativement être présente et exploitée dans votre travail pratique.

L'objectif n'est pas seulement d'intégrer la technologie, mais surtout de la mettre au service du thème choisi et du concept de HUD futuriste.

Bootstrap
Bootstrap-icons
Grid (CSS)
AnimeJS
Graphique avec ChartJS
Carte géographique
ZDog
Tone.js

Remise¶

Quand : 8 décembre

Remise sur Teams :

Fichier zip nommé « nomdefamille_prenom_tp2.zip »
Document de conception

Liste de vérification¶

Afin de vous assurer d'avoir tout fait ce qu'il faut pour accomplir le TP, voici une liste de vérification.

Technologies en place¶

Il faut que chacune de ces technologies soit présente et exploitée dans le travail.

Efforts sur l'esthétisme

Ajout de polices de caractères renforçant le thème choisi ou l'aspect futuriste du projet
Gestion des couleurs et éléments graphiques cohérente avec l'idée d'un HUD futuriste
« Je serais fier d'inclure ce projet dans mon portfolio »

Autre

Projet sauvegardé sur GitHub en mode public (avec un .gitignore et sans dossier node_modules)

Document de conception¶

Inscrire l'endroit et comment ont été utilisées chacune des technologies suivantes :

Interactivité

Décrire l'interactivité dans le projet.