Présentation de l'application

Dans cette partie nous présenterons de façon très brève les différents éléments et fonctionnalités de l’application afin d’avoir une compréhension générale de son fonctionnement dans le but d’appréhender l’utilité d’apporter des améliorations à celle-ci .

Terminologie

Afin de mieux comprendre comment fonctionne l'application, il est important de saisir le sens des différents concepts utilisés :

• Viewpoint (ou Point de Vue) : Cela correspond à une thématique générale dans laquelle est regroupée un certain nombre de topics. (Exemple: Technologie est une thématique générale pouvant regrouper des sujets tels que Informatique ou Imprimante 3D ), dans le cadre de l'application, deux viewpoints sont utilisés : Histoire de l'Art et Histoire des religions.

• Topic (ou Sujet) : Les sujets contenus dans un Viewpoint, ils sont organisés selon une hiérarchie, plus le sujet est haut dans la hiérachie plus il s'agit d'un thème général, plus il est bas plus celui-ci est précis.

• Broader : Le topic parent d'un topic en particulier.

• Narrower : Le topic enfant d'un topic en particulier.

• Item : Un objet associé à un topic contenant un certain nombre d'informations permettant de le décrire. Dans le cadre de l'application, cela correspond à un vitrail et toutes les informations qui lui sont associées.

• Corpus : Un ensemble d'items.

Tous ces concepts font parties du protocole Hypertopic dont les spécifications sont présentes à cette adresse.

Fonctionalités

L'application est une application web utilisable dans n'importe quel navigateur mais dont l'utilisation principale reste pour des smartphones.

L'application est divisée en quatres pages ayant chacune un rôle particulier :

• Tour : La page d'accueil de l'application, elle regroupe les différents parcours que l'utilisateur peut réalisé. Le nom de ces parcours correspond à un topic précis. Pour chaque parcours sont précisés des informations telles que : la durée du parcours, la distance à parcourir, le nombre de lieux à visiter afin de finir le parcours, le Viewpoint auquel correspond le topic et le nombre d'items(Vitraux) correspondant au parcours.

• Map : La page contenant la carte interactive permettant à l'utilisateur d'observer avec plus de précision le parcours que celui-ci doit réalisé. Chaque marker de la carte correspond à un endroit à visiter contenant des vitraux associés au topic du parcours. Pour chaque marker, le nom du lieu est précisé.

• Explore : Une page contenant la liste des différents vitraux disponible pour un lieu précis et pour un topic donné.

• Description : Une page permettant d'obtenir la description d'un vitrail en particulier.

Il faut également noté l'existence d'une page Preview qui correspond à un mini-jeu donnant la possibilité à l'utilisateur d'indiquer si il a trouvé le vitrail en question lors de son parcours. Ce mini-jeu n'ayant pas été le point focal du développement de l'application, celui-ci possède un manque en terme de fonctionnalités , il a donc été décidé de le supprimer complètement du fork en attendant de pouvoir le développer plus en profondeur dans un futur proche.

Données

Le développement du projet concerne seulement l'aspect front-end de l'application. Afin de récupérer les données utiles à la constitution des différents parcours il faut récupérer un certain nombre de données externes présentent sur deux serveurs. Ces deux serveurs constituent le back-end de l'application et possèdent deux rôles bien différents.

• Argos : Le serveur permettant de récupérer les informations thématiques. Dans le cadre de l'application, cela permet de récupérer les données des viewpoints, topics, items et toutes les informations qui y sont associés comme le nom de chaque item, son créateur, le lieu dans laquelle elle se trouve et les différents topics associés à une item. Il est indispensable de récupérer ces données afin de pouvoir constituer les différents parcours.

• Steatite : Le serveur permettant de récupérer les métadonnées associées à chaque item d'un parcours. Ces données permettent d'obtenir les liens vers les images et thumbnails de chaque items ainsi que leur référence (correspond à un nom non-descriptif du vitrail).

Afin de récupérer ces données, l'application réalise un certain nombre de requêtes asynchrones.

Technologies

L'application est principalement développé en Javascript, HTML et CSS. Afin de faciliter le développement, les bibliothèques Javascript suivantes sont utilisées :

• JQuery
• List.js

Il est important de noté que l'application a pour but principal d'être utilisé sur des appareils mobiles, c'est pour cela que celle-ci fut développée à l'aide de Ratchet, un framework permettant de construire des applications mobiles utilisables sur un navigateur internet.