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.