Lecture d'oeuvres - Projet de publication numérique automne 2018

Projet

Ce projet a pour objectif d'aider les étudiants de première année en histoire de l'art dans leur révision de l'examen de lecture d'œuvres. Ce projet est constitué de trois fichiers; “accueil.html" qui renvoie à "projet.html" qui est lui-même relié à une base de données JSON “catalogue.json“ et un dossier "desktop" qui contient les images.

La base de données référence, pour l'instant, les informations de 20 œuvres tirées du livre La Historia del Arte d'Ernst Gombrich publié en 1950. J'ai choisi cette source car c'est l'ouvrage de référence utilisé par le département d'histoire de l'art à l'Université de Lausanne pour l'examen de lecture d'œuvres.

Il est important de spécifier que l'utilisation intensive de cet outil (même dûment complété) ne suffirait pas à la réussite de l'examen. Ce projet a été pensé pour être utilisé sur deux dispositifs: le téléphone mobile et l'ordinateur.

Mise en marche

Pour accéder à la publication vous devez :

  • Télécharger le dossier github

  • Ouvrir le fichier "accueil.html"

Cette publication s'inspire des cartes que nous utilisions pour mémoriser le vocabulaire. Le mot en langue étrangère était inscrit sur une face et l'autre nous fournissait sa traduction.

alt tag

Il nous incombait donc d'être honnêtes envers nous même quant à notre niveau de connaissance sur la matière testée.

De la même manière, l'interface présente à l'utilisateur une œuvre choisie au hasard dans la base de données . Celui-ci doit alors estimer s'il connait ou non les quatre informations relatives à l'œuvre demandées à l'examen: le nom de l'artiste, le titre de l'oeuvre, la date et le lieu d'exécution.

Le bouton "indice" permet également à l'utilisateur d'obtenir deux indices (le lieu ou la date).

alt tag

Afin de pouvoir "retourner la carte", l'utilisateur doit avoir indiqué s’il pense connaitre la réponse pour chacun des éléments en choisissant la couleur correspondante (vert pour oui et rouge pour non) puis cliquer sur le bouton "Valider".

alt tag

Les réponses apparaîtront alors au même titre qu'un espace qui permet à l'utilisateur de stocker des notes sur l'oeuvre en question. Pour continuer à réviser, il suffit de cliquer sur "suivant".

alt tag

A propos du code:

Ce travail q été réalisé en HTML, CSS, JavaScript et JSON dans le cadre du cours universitaire "Publication numérique" donné par Isaac Pante au semestre d'automne 2018.

Licence:

Sous licence Unil, Joanna Müller