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.

SAINT GOBAIN 350 ANS - La plus importante exposition sur le Web

La COMPAGNIE DE SAINT GOBAIN fête ses 350 ans. Depuis la création du groupe en 1665, l’entreprise s’est développé par l’innovation et la passion de ses collaborateurs.  MAZEDIA a été choisi pour mettre au point la scénographie digitale de cette exposition “virtuelle”.  Alors que l’on attendait SAINT GOBAIN à Versailles pour une exposition physique, le choix de mettre entièrement sur le net cette énorme base de contenus a été guidé par l’internationalisation du groupe et la nécessité de sa présence auprès de chaque collaborateur, où qu’il soit dans le monde.

700 documents - 170 séquences audiovisuelles - 5 langues - Plus de 10 heures de découverte

accueil-saint-gobain1

Dès l’écran d’accueil, pas de doute. On est dans une exposition !
- Une fresque chronologique en 22 dates pour découvrir les grandes étapes de l’histoire de Saint-Gobain
- Six univers thématiques pour parcourir une foule de documents, dont un grand nombre a été créé par l’équipe de Mazedia, comme la transformation de la matière, qui permet d’explorer les processus de fabrication
- La galerie de portraits , qui mêle les personnages illustres de l’histoire de l’entreprise et les anonymes

portraits

-  La Galerie des innovations montrant la contribution de Saint-Gobain aux révolutions architecturales et à l’évolution de l’habitat de 1665 à 2065

habitat1

Et enfin, la manufacture des glaces qui a fait l’objet d’une modélisation et de tournages pour créer un univers immersif.

manufacture2

La manufacture des glaces - 3D

Une prouesse technologique qui offre à tous les internautes la possibilité de se plonger dans l’usine deu XVIIIème siècle. Pour rendre cette expérience possible, les équipes des archives de Saint-Gobain ont croisé des plans et des dessins de la Manufacture d’alors, des planches de l’Encyclopédie, les mémoires du directeur de l’époque, et des archives de l’établissement

recc81fecc81rence_historiqueLa reconstitution en 3D a conduit à redécouvrir en détail les procédés de fabrication de l’époque. Ces informations inédites permettent une immersion réaliste au sein du Saint-Gobain originel : depuis les outils utilisés jusqu’à la répartition des tâches au sein de l’atelier et la place des femmes dans ce dernier, chaque élément traduit le plus fidèlement possible la vie de l’usine de l’époque.

tournage1Les tournages ont été effectués pour s’insérer parfaitement dans l’univers 3D créé par les équipes de Mazedia.
costumes1

Les costumes ont fait l’objet d’un travail de recherche particulier, tout comme les accessoires.

www.saint-gobain350ans.com