PackshotViewer

Afin de pouvoir proposer des fonctionnalités d'enrichissement, nous avons combiné les technologies XML et Javascript (architecture client/serveur asynchrone) et avons opté pour 3 formats de sortie, chacun comportant ses avantages :

Animations HTML5

 

Fonctions :

• Deepzoom
• Vues 360°
• Vues 3D hémisphériques ou sphériques
• Animations compatibles avec iOs et Android

Fichiers générés:

• Dossier d'images (fichiers JPG)
• Fichier XML
• Javascripts (Jquery + loader + Viewer)
• Fichier CSS

 

Animations Silverlight

 

Fonctions :

• Deepzoom
• Vues 360°
• Vues 3D hémisphériques ou sphériques
• Annotations
• Exécution de sequences personnalisées

Fichiers générés:

• Dossier d'images (fichiers JPG)
• Fichier XML
• Javascripts
• Fichier XAP

 

Animations Flash

 

Fonctions :

• Deepzoom
• Vues 360°
• Vues 3D hémisphériquesousphériques
• Reste une des applications Internet riches (RIA) les plus utilisées sur ordinateur

Fichiers générés:

• Fichier SWF (loader + animations)
• Dossier d'images (fichiers JPG découpés)
• Fichier XML

 

Les animations Silverlight permettent également d'intégrer des annotations et de définir des séquences d'animations. Lors de la création d'animations 360 ou 3D, le logiciel génère automatiquement un fichier XML personnalisé dans lequel on peut ajouter des informations. Le plugin Silverlight peut ainsi afficher des commentaires et annotations lors de l'affichage et de l'exécution de l'animation grâce à ce fichier XML.

Les fichiers .xap gèrent aussi les séquences de vues personnalisées. Ainsi si l'auteur décide de faire démarrer son animation de produit par une vue de face de l'objet, puis de la faire suivre par une vue de derrière et enfin de finir sur une vue de côté, il pourra contrôler très facilement l'angle de vue, le temps de pause entre chaque vue et leur ordre d'apparition.Là encore, le fichier XML est l'élément central qui gère les scripts et les contenus.

La problématique du deep zoom est directement liée à la bande passante. En effet, afin de garder une qualité d'image optimale lors du zoom, il est nécessaire d'appeler des images HD, ce qui implique une importante consommation de bande passante. Pour éviter les temps de chargement trop longs, 2 options : déployer un accès Internet haut débit par fibre optique… ou bien trouver une vraie solution. Nous avions déjà utilisé avec succès la distribution dynamique d'images avec le service PackshotLive. Aussi nous avons opté pour ce même procédé pour le deep zoom de PackshotViewer en intégrant aux animations une distribution dynamique des images. Par conséquent, le navigateur n'a pas à télécharger l'image HD entière mais seulement la partie de l'image sur laquelle l'utilisateur zoome et qui a automatiquement été prédécoupée (pour les animations Flash) ou été générée à la demande (pour les animations HTML5 ou Silverlight) par le logiciel.

La requête dynamiqued'images fait appel au langage Javascript (pour ce qui est des animations HTML5 et Flash) et au langage XAP (pour les animations Silverlight).