L’EXPO 350ans - Saint-Gobain - Enjeux techniques

logo


Il y a quelques jours, Mazedia a mis en ligne une véritable exposition en ligne pour le groupe Saint-Gobain. Quelles ont été les contraintes techniques pour un tel site ? Quels ont été nos choix techniques ?


Zoom technique sur un projet hors du commun.

Le groupe Saint-Gobain rassemble 180 000 salariés dans le monde et rayonne sur toute la planète par ses unités de production et de distribution. Le principal enjeu résidait dont un équilibre entre une forme originale et réellement “expo” et l’universalité pour des ordinateurs, tablettes, smartphones de toute nature.

Le groupe Saint-Gobain compte 110 000 ordinateurs dont une importante partie du parc utilise le navigateur IE8 pour gérer des applications métier en mode web. Le site avait tout d’abord comme principale contrainte la compatibilité IE8.
Les 350 ans seront fortement médiatisés durant toute l’année 2015 et une forte affluence est à attendre avec des pics de consultation considérables, au rythme des actions événementielles et des médias. La robustesse du site dans toutes les conditions était donc une deuxième contrainte.
La scénographie de l’exposition virtuelle devait intégrer une dimension créative exceptionnelle pour le web et faire appel à des technologies de pointe pour servir la forme et le fond.
Le dispositif mis en place comprend un site web et une série de tables multitouch disposées dans le monde au sein de plusieurs délégations et filiales.

Table multitouch

Nous avons donc fait un choix technique basé sur le développement full html5 Javascript appuyé sur la solution de gestion de contenus et de scénarios “Wezit”. Cette solution a le gros avantage de générer un fichier “TourML” qui décrit dans un fichier toutes les interactions et les médias associés. Le fichier et les médias constituent la base mise en place sur un serveur avec l’ensemble du code javascript et les feuilles de style html5. Lorsqu’un internaute se connecte, il charge ces fichiers au fil de sa consultation sans que le serveur ne soit sollicité pour un quelconque traitement. Toute l’intelligence et les traitements sont déportés vers la machine cliente (celle de l’internaute).
Ce principe permet une monté en charge très forte avec une sollicitation limitée du serveur.

Mais ça n’est pas tout ! Pour permettre un confort de chargement et de navigation partout dans le monde, nous avons eu recours à un CDN (de type Akamai). Plusieurs milliers de serveurs chargent les fichiers et les servent au plus près des utilisateurs grâce à une cartographie du trafic internet temps réel géré par ces opérateurs ; une sorte de Bison Futé digital. Les temps d’accès à l’information sont donc limités.

Compatibilité IE8 - Adaptation aux navigateurs

Pour assurer la compatibilité IE8, une partie du site a due être doublée en Flash, les fonctions les plus avancées de Javascript n’étant pas compatibles avec ce navigateur. Il s’agit de la visite virtuelle de la Manufacture des glaces. Une adaptation des feuilles de style a également été opérée pour permettre une lecture par IE8 qui ne supporte pas la dernière génération de CSS utilisée dans le site
Un autre enjeu résidait dans le responsive design. Construit comme une exposition, nous ne souhaitions pas de pages scrollables, mais privilégiions des interactions riches au sein d’un écran adapté aux différentes résolutions. Un très long travail sur le responsive design a donc été réalisé.

Au total, le site a mobilisé 8 personnes de l’équipe Mazedia, dont une partie à plein temps pendant toute l’année 2014.

MUDO - Continuum de visite

Le musée de l’Oise ou MUDO, situé à Beauvais, a réouvert le 25 janvier après une longue période de fermeture. Inscrit dans un projet très large, le MUDO porte à la fois une ambition culturelle de premier plan et s’inscrit dans un projet touristique et numérique.

Beauvais est un pôle aéroportuaire de premier plan, regroupant une partie importante des vols de compagnies low cost pour la région parisienne. La ville voit donc un afflux touristique de passage sur son territoire, que les élus souhaitent capter, afin de faire découvrir la ville et ses atouts culturels. Le projet s’inscrit dans continuum de visite qui doit, à terme, apporter aux touristes de passage de nouveaux outils de découverte utilisables en dehors du musée.

Le musée s’inscrit également dans un plan numérique départemental en favorisant l’acquisition d’oeuvres numériques et en déployant des outils de médiation multimédia. C’est ainsi que Mazedia a réalisé une table multitouch et le programme des visioguides du musée.
Une application mobile sera très prochainement disponible sur les stores Apple et Android. Elle est d’ores et déjà utilisable sur le parc des vidéoguides du musée, délivrés gratuitement au public.

visioguide

L’application possède deux parcours : Un jeu de piste pour les enfants qui sont invités à reconnaître des détails des oeuvres présentées et peuvent gagner des points au cours de leur visite et un parcours adulte, conventionnel, accompagnant la visite de commentaires mettant en perspective les oeuvres et leur auteur.
La table multitouch comprend, pour l’essentiel, un programme inscrivant les oeuvres dans une chronologie en apportant des informations complémentaires aux cartels disposés dans les salles et aux commentaires du vidéoguide.

multitouch_3

Continuum de visite

Un des enjeux consiste à relier le parcours visioguide à la table multitouch.

Le visiteur effectue sa visite et accède, à mi chemin, à la salle où se trouve la table multitouch. En s’approchant, le guide mobile détecte la proximité de la table grâce à une balise Ibeacon géolocalisant le smartphone. Le programme du mobile et celui de la table échangent alors des informations et le visiteur est invité sur son smartphone à personnaliser le contenu de la table. Une puce de couleur lui est alors affectée et les oeuvres qu’il a déjà vue sont marquées pour faciliter l’approfondissement.

visioguide_couleur2multitouch_couleur

Un appui sur la solution Wezit

Les deux applications (mobile et multitouch) sont appuyées sur la solution de gestion de parcours et de contenus “Wezit”. Les échanges d’information passent par cet outil, central au niveau du musée. L’utilisation de TourML par Wezit assurent une organisation des informations unifiée entre les dispositifs.

www.wezit.fr