#Compte rendu TP Web : Javascript et HTML5

###Utilisation : Ouvrir le fichier canvas.html via un navigateur web. Dessiner autant de rectangles et de lignes que l'on veut, avec la couleur que l'on souhaite. On peut choisir la couleur du trait, ainsi que son épaisseur. On peut supprimer le dernier "dessin" fait, mais cette suppression s'effectue selon l'ordre chronologique de la création du dessin.

###Fichiers :

• canvas.html :
• page web qui sert d'interface à l'utilisateur.
• controller.js : Partie interactive du patron. Il a pour but transformer les interactions réalisées par l'utilisateur en commandes allant modifier le modèle.
• Implémentations de 3 fonctions : onInteractionStart, onInteractionUpdate et onInteractionEnd.
• onInteractionStart : Vérifie si c'est un rectange ou une ligne.
• onInteractionUpdate : remets à jour la forme du dessin choisi par l'utilisateur.
• onInteractionEnd : ajoute la forme choisie au dessin de l'utilisateur. Mise en place de l'héritage.
• interaction.js :
• création d'un drag en drop (DnD) : Création d'une classe DnD qui gère les mouvements de la souris.
• Ajout des évènements au Canvas.
• jquery-2.1.3.min.js
• main.js
• model.js : Définit les concepts du dessin et ses propriétés (couleur, etc.). Le modèle ne doit pas dépendre d'une quelconque librairie graphique, il est indépendant de ces possibles représentations graphiques.
• Implémentation des 4 classes du modèle : Rectangle, Line, Drawing et Shapes.
• view.js : Représentation graphique possible du modèle. On peut évidemment avoir plusieurs vues d'un même modèle. Ici, la vue va consister à peindre dans un canvas HTML5 les formes du modèle.
• Implémentation des fonctions paint à ajouter au modèle choisi.
• Ajout d'une fonction qui met à jour la liste des formes prenant en paramètres la forme, le couleur et l'id (attribut du fichier HTML).