README.md 1,29 ko
Newer Older
Yoann Pigné's avatar
Yoann Pigné a validé
# Whiteboard WebSocket Lab

- Année : M1 iWOCS
- Matière: WEB
- TP : n°3

## Auteur(s)

|Nom|Prénom|login|email|
|--|--|--|--|
| El-Hachami | Ghita | eg181308 | ghita.el-hachami@etu.univ-lehavre.fr |
Yoann Pigné's avatar
Yoann Pigné a validé

## Travail à réaliser

Yoann Pigné's avatar
Yoann Pigné a validé
Un tableau blanc sur une Web app est une surface sur laquelle les utilisateurs peuvent dessiner. Chaque utilisateur a sa propre couleur et voit en temps réel les dessins des autres utilisateurs dans leur couleur respective.
Yoann Pigné's avatar
Yoann Pigné a validé

Yoann Pigné's avatar
Yoann Pigné a validé
Un utilisateur doit pouvoir créer un nouveau dessin vierge. Il doit aussi pouvoir  afficher la liste des dessins en cours et participer à ces dessins.
Yoann Pigné's avatar
Yoann Pigné a validé


Yoann Pigné's avatar
Yoann Pigné a validé
Techniquement le dessin se fait à l'aide d'un  [*canvas* html5](https://developer.mozilla.org/fr/docs/Web/Guide/Graphics/Dessiner_avec_canvas).
 
La base du code présente ici est celle de la 
Yoann Pigné's avatar
Yoann Pigné a validé
[démo WebSocket](https://www-apps.univ-lehavre.fr/forge/pigne/WEB-websocket-demo). Il faut s'en inspirer 
Yoann Pigné's avatar
Yoann Pigné a validé
pour  permettre l'interconnection et le partage des dessins de chacun.
Yoann Pigné's avatar
Yoann Pigné a validé

Yoann Pigné's avatar
Yoann Pigné a validé
On ne souhaite utiliser aucune autre technologie que les WebSocket et les Canvas supportés nativement par le navigateur. On n'utilisera ni framework ni bibliothèque de dessins.
 
Projet à rendre sous forme d'un projet GIT sur la forge de l'université.
Yoann Pigné's avatar
Yoann Pigné a validé

Yoann Pigné's avatar
Yoann Pigné a validé
## Évaluation
Yoann Pigné's avatar
Yoann Pigné a validé

Yoann Pigné's avatar
Yoann Pigné a validé
[Liste des aptitudes évaluées.](/teaching/WebDev1#ws-whiteboard)