En équipe de 2 personnes, vous serez appelé à créer une manette qui contrôle des vidéos disponibles en ligne.

1. Créer un projet Figma avec un prototype.

2. Créer une manette pour contrôler un flux vidéo.

3. Faire l'intégration web (React).

4. Ajouter les librairies i18n pour gérer plusieurs langues dans l'interface web.

5. Ajouter une langue et changer la langue par défaut (2 langues au total minimum).

6. Ajouter le texte avec le standard i18n.

• VSCode
• Figma
• npm
• github

• Jouer
• Arrêter
• Suivant et précédent
• CC (Sous-titre dans une autre langue)
• Connection à la TV ou le terminal
• Changer volume
• Offrir de l'aide (bouton Aide ? )

• https://www.w3schools.com/css/css3_buttons.asp
  
• https://www.w3schools.com/css/css_border.asp
  
• https://www.w3schools.com/css/default.asp
  

• https://developer.mozilla.org/en-US/docs/Web/HTML/Constraint_validation

https://github.com/420-411-MV/demo-i18n

Voir les instructions dans le projet de référence.

• https://github.com/cegepmv/420-411/wiki/A-%E2%80%90-Cr%C3%A9ation-de-configuration-i18n-dans-React

• https://www.atlassian.com/git/tutorials/atlassian-git-cheatsheet
• https://gist.github.com/brandon1024/14b5f9fcfd982658d01811ee3045ff1e

10% du total de la session

Maquette(s) déposée(s) dans le répertoire du projet: 20%

Travail de préparation (documents, modèle conceptuel): 10%

Travail en équipe: 30%

Qualité du code, respect des différents états (power, play, pause, etc.): 40%

Les fichiers doivent être dans github. La maquette doit être dans Figma. (Sinon max 60% des points) Partagez le lien Figma vers mon courriel.

• Mettre les étapes d'installations (npm install, etc.)
• Mettre le modèle conceptuel.
• Mettre la description des rôles de chaque membre de votre équipe (qui a fait quoi).
• Vos références (sources de votre code copié / réutilisé).

Remise le 21 février 2025 - minuit. 10% de retard à partir du 22 février.