Cet exercice a pour objectif principal la création d'une activité pédagogique contenant une animation de type UI déclenchée par l'utilisteur.
A cette fin, j'ai créé un quiz sur 3 boissons de pays lointains. La question de base est : "On les boit chaudes ou froides ?"
Les participants doivent essayer de le deviner et peuvent ensuite cliquer sur le bouton référent de chaque boisson pour accompagner le défilement d'un rectangle qui donnera la réponse.
Au niveau du design, la page est composée de 2 zones différentes. Tout d'abord, il y a la région du texte, comprenant le titre, des informations très synthétiques sur ces boissons et la consigne de l'exercice. En dessous, se trouve la zone contenant les 3 formes rectangulaires représentant les 3 boissons et leurs boutons respectifs.
Au niveau du travail effectué, voici mes remarques :
Comme expliqué dans mon rapport de l'exercice 5, pour me mettre à niveau sur JavaScript et JQuery, afin de pouvoir effectuer ce travail, j'ai suivi régulièrement pendant une dizaine de jours 2 h de cours par jour auprès de Openclassrooms.com. Ma maîtrise de la matière a augmenté sensiblement, mais pas assez pour me permettre de créer un exercice de toutes pièces.
A titre d'exemple, j'ai dû faire plusieurs heures de recherche pour comprendre comment "cloner" les rectangles, car dans l'exercice original il n'y avait qu'une seule forme carrée à déplacer. Cet exercice m'a découragée énormément !!
Pour faire cet exercice j'ai consulté les pages d'EdutechWiki, ainsi que le site suivant :
Exercice 6 - point 2.3.3 VelocityJS - carré qui tourne comme une toupie
Ma contribution Wiki durant cette période est résumé dans cette page.
Durant cette dernière période, j'ai créé notamment 2 cartes conceptuelles pour la rubrique De la théorie aux données et les ai incluses en page 1.