Programmation Web Avancée

Concevoir un client "chat" se connectant au serveur (qui est déjà développé) en utilisant des services Web. Ce client doit utiliser les technologies suivantes :

1- XHTML / DHTML
2- CSS
3- Javascript
4- AJAX
5- PHP
6- JSON
7- Web services
8- Canvas/Three.js (optionnel)

Date de remise et de séance de chat en classe : 2 mai (groupe VM) - 4 mai (groupe  intensif)

Progression du projet
1- [ En progression ] Création de la page d'accueil du chat.
    Cette page doit avoir :
     - Un formulaire d'inscription (ou le lien vers la page d'inscription)
     - Un formulaire d'authentification
2- [ En progression ] Création de la fenêtre principale du chat (XHTML, CSS)
3- [ En progression ] Création des thèmes 2 et 3. Il ne s'agit pas de refaire des pages HTML, mais plutôt de modifier la page actuelle en utilisant d'autres feuilles de style (CSS)
4- [ En progression ] Animation des thèmes 1-2-3 (JavaScript)
5- [ À venir ] Gestion de la session de l'usager (PHP)
6- [ À venir ] Connexion au serveur de chat et appel de ses services
7- [ À venir ] Interaction client/serveur(AJAX) en utilisant JSON
8- [ À venir ] Sauvegarde du nom de l'usager dans un cookie pour la page d'authentification
9- [ À venir ] Protection contre le hacking

Détails:
- Doit avoir au moins 3 thèmes différents
- Valide XHTML transitionnel ou stricte
- Doit avoir de l'animation JavaScript sur les thèmes.
- Attention au XSS !
- Doit être fonctionnel avec les navigateurs FireFox ou Chrome installés dans les locaux
- Important : partir d'un seul fichier HTML et y ajouter des CSS/JS en fonction des thèmes.
-- Exemple: global.css + (theme1.css, theme2.css, theme3.css)
- Il doit y avoir 1 thème au maximum qui est basé sur la balise Canvas et ­1 au maximum fait en 3D avec Three.js

Pour voir l'état des membres : http://b63server.notes-de-cours.com/watch-eye.php
Le Chat du prof : http://b63server.notes-de-cours.com/client

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.

Site Web avec un gestionnaire de contenu

Afin de simuler un cas réel de projet, le document de spécifications sera offert sous forme d'une offre de service.

Vous êtes : 


    
Votre client :

                  


Remise et présentation à l'enseignant : À venir...