Rapport d'activité - Période 3 - Exercice 5

Andréa Farias Hofmänner

Date de remise des travaux : 31 janvier 2016

Exercice 5 - Une page web contenant des éléments à glisser-déposer

Exercice 5 - Une page web contenant des éléments à glisser-déposer

Retour au menu

Lien

Ma page web de cet exercice

Objectifs

Cet exercice a pour objectif principal la création d'une activité pédagogique devant être exécutée au moyen d'un glisser-déposer.

A cette fin, j'ai créé une activité ludique de calendrier destinée à mes collègues du Master Maltt. Sur la page web nous retrouvons 8 petits blocs représentant les matières du Mallt et 8 autres blocs représentant des activités de loisir. En dessous, nous voyons 2 blocs d'agenda. Les participants à ce jeu sont censés gérer leur agenda et déposer les 16 activités (cours ou loisir) dans les 2 blocs d'agenda.

Etant conçu en tant qu'exercice de détente, je prévois de le présenter à mes camarades du Maltt de manière informelle, en leur en envoyant un lien par e-mail.

Design

Au niveau du design, la page est composée de 3 zones à taille similaire. Tout d'abord, il y a la région du texte, comprenant le titre et la consigne. Un peu en dessous, nous voyons les 16 blocs de texte. Tout en bas, il y a la zone contenant les 2 grands blocs d'agenda qui vont accueillir les petits blocs de texte.

Production

Au niveau du travail effectué, voici mes remarques :

Auto-évaluation

Pour me mettre à niveau sur JavaScript et JQuery, afin de pouvoir effectuer ce travail dans les meilleures conditions possibles, j'ai suivi régulièrement pendant une dizaine de jours 2 h de cours par jour chez Openclassrooms.com. Après ceci, j'ai aperçu la différence de ma maîtrise lorsque j'examinais les codes des exercices ou d'autres codes trouvés sur le net : je comprenais enfin l'objectif des instructions. Toutefois, même si mon progrès a été remarquable, mon niveau dans cette matière continue d'être humble et lacunaire.

En ce qui concerne mon travail en soi, sa partie technique n'est pas trop complexe, mais l'excercice est fonctionnel (et amusant). D'autre côté, j'ai pris le soin d'aménager la page de façon agréable, avec des couleurs attrayantes et non agressives en essayant de garder une vision globale de l'exercice sur la taille de la fenêtre d'un ordinateur, en soignant la présentation de l'HTML et du CSS.

De plus, grâce à cet exercice et le suivant, mon fichier personnel CSS s'est bien développé, contenant désormais plus d'éléments, dont une belle gamme de couleurs.

Bibliographie

Pour faire cet exercice j'ai consulté les pages d'EdutechWiki, ainsi que les sites suivants :

Ressources

Exercice 5 - point 2.3 JQuery UI - exercice mappemonde

Contribution wiki

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.