Application développée en tant que formateur en développement web avec pour objectif de permettre aux étudiants la pratique de la librairie Jquery et de comprendre comment elle facilite le DOM.
L'application consiste en une reproduction très simple du logiciel paint. Elle permet de réaliser des dessins sommaires grâce à la souris. Dans sa version la plus avancée, elle offre différents types d'outils comme une gomme, un sélecteur de couleurs et de taille.
Application disponible à : https://thomgo.github.io/paint-like/
Avec la réalisation de cette application les étudiants apprennent à :
- Utiliser une librairie JavaScript (Jquery)
- Manipuler l'arbre HTML
- Gérer les positions des éléments à l'écran
- Lier les données aux actions utilisateur
- S'interroger sur la fluidité d'une application front-end
Vous travaillez dans une médiathèque qui souhaite proposer des activités sur ordinateur aux plus jeunes et ainsi pouvoir toucher tous les publics de 3 à 100 ans. Aujourd'hui ceux qui savent lire ou manipuler un livre trouvent leur bonheur au sein de la médiathèque mais les plus jeunes n'ont que peu d'activités à disposition et les études quantitatives montrent que les parents hésitent à emmener leurs plus jeunes enfants avec eux.
Développeur pour la collectivité térritoriale on vous a donné pour tâche de développer une application très simple de dessein qui sera utilisable sur l'ordinateur grâce au navigateur par ces jeunes enfants. En effet, les applications déjà existantes sont trop complexes pour eux et la mairie souhaite quelque chose de plus simple.
Dans sa version la plus simple l'application propose :
- Un cadre de dessein
- La possibilité de tracer un trait dans ce cadre en maintenant le bouton gauche de la souris enfoncé
Dans sa version la plus avancée, vous proposez aux enfants les fonctionnalités suivantes :
- Possibilité de changer la couleur du trait
- Possibilité de changer l'épaisseur du trait
- Possibilité de gommer le trait
- Possibilité de vider le cadre de dessein en cliquant sur un bouton
Le dessein en tant que tel pourra être réalisé à l'aide de toute technique que vous jugerez viable (svg, DOM pur ou autre).