Web 2
Travaux
Création d'un client (chat)
Concevoir un client "chat" à partir d'un backend déjà créé (voir V:/ftheriault/Web2/chat). Ce client doit utiliser les technologies suivantes :
1- HTML
2- CSS
3- Javascript (incluant npm)
Étape de conception:
1- Télécharger le code de départ fait par l'enseignant (Base du chat.zip)
2- Lire le fichier README.md.
3- Penser à un thème et trouver des images
4- Terminer votre page de connexion (index.html)
5- Terminer votre page d'enregistrement (register.html)
6- Terminer votre page de clavardage (chat.html)
7- Important : créer/remplacer le fichier README.md et spécifier où se trouvent et comment fonctionnent vos animations/éléments dynamiques.
8- Raffiner votre interface, par exemple: la gestion du scroll vertical de votre chat, l'alignement et le positionnement des éléments de votre page Web, etc.
Notes sur l'implémentation:
- Dans chacune des 3 pages, il doit y avoir des éléments dynamiques permettant de vérifier vos acquis en JavaScript (gestion d'événements, animations, modification du DOM, programmation objet). Vous pouvez consulter la grille de correction pour plus de détails.
- Vos animations ne doivent pas venir d'un exercice fait en classe. Un copier/coller de code ne démontre pas votre compréhension du JavaScript.
- La taille totale de votre projet ne doit pas dépasser 30Mo (excluant node_modules).
- Pour votre projet, n'allez pas insérer d'autres fichiers JavaScript dans les fichiers HTML. Il faut plutôt partir du fichier javascript source (ex: src/page-index.js), puis importer vos autres fichiers JavaScript au besoin (utiliser import/export)
2 exemples de thème:
Pour voir l'état des membres : http://apps-de-cours.com/web-chat/server/watch-eye.php
Un utilisateur test a été ajouté. Cet utilisateur a comme nom d'usager "guest" et comme mot de passe "guest". Ainsi, vous pourrez tester l'envoi et la réception de vos messages.
Concernant l'utilisation de l'IA
La seule utilisation permise de l'IA est pour la génération d'images et pour produire certaines fonctions spécifiques (comme une fonction qui fait des particules). L'IA ne doit donc pas être utilisée pour votre logique générale.
Le projet doit être remis et présenter pendant le 14ième cours de la session. Le code doit être remis dans le lecteur U:/ftheriault/Web2/Chat
