Axance a accompagné la réalisation de ce projet, notamment via la réalisation d'une maquette fonctionnelle du site en flash et globalement dans la réalisation de tout le front-office. Axance a convaincu les responsable du projet grace à la cinématique et à l'identité véhiculée par le graphisme. Les interfaces riches ont une place importante dans le projet. En effet, les interfaces riches sont de plus en plus présentes sur internet. L'actualité des derniers mois a été fortement marquée par les technologies Air d'Adobe, et Silverlight de Microsoft. Plusieurs éléments de la maquette ont été réalisés en flash : un slider, un abécédaire, une cabine d'essayage et surtout un carrousel de produits. Rapidement, Place des tendances y a vu 2 inconvénients :
  • le référencement: le flash n'est pas une technologie ouverte, et son code source est difficilement analysable par les robots qui scrutent les pages. Dans le cadre d'un site d'e-commerce, le référencement est particulièrement important: du trafic sur le site dépend le volume des ventes.
  • la maintenance, c'est un argument plus inattendu. Le client a fait valoir qu'il est plus difficile de trouver des ressources en flash qu'en DHTML.
Les fonctionnalités bénéficiant d'interfaces riches sont principalement les fiches produits et les « home » comportant un carrousel. Lors de la phase de maquettage, un développement en flash a simulé le fonctionnement du carrousel. L'essentiel du comportement fonctionnel du carrousel est donc défini par le flash de la maquette fonctionnelle. Nalis a donc réalisé la même chose, en dhtml.
Côté serveur, les interactions sont relativement les mêmes qu'avec un développement en flash le serveur renvoie du xml dans les 2 cas pour rafraichir le carrousel.

Côté navigateur, il est nécessaire de s'appuyer sur un framework javascript pour s'abstraire des différentes implémentations du javascript. On s'appuie également fortement sur divers composants pour gérer les animations et les fonctionnalités. Par ailleurs, il a fallu mettre en oeuvre une philosophie de développement unobstusive pour conserver une grande accessibilité dans le site. Ainsi, de nombreuses fonctionnalités restent utilisables même si le javascript n'est pas activé. Cet aspect facilite d'autant plus le référencement que les robots sont arrêtés par le javascript.

Au final, le carrousel est compatible Internet Explorer 6 & 7, Firefox 2, Safari 2 & 3 Opera. Côté plateforme mobile, l'ensemble des interfaces riches du site fonctionne également sur un iPhone par exemple. Le carrousel mis en place dans une technologie ouverte permet de s'affranchir des dépendances commerciales. Ainsi, une version flash du carrousel n'aurait pas été consultable sous iPhone.
Quand on parle interface riche, on pense généralement à Adobe et à son Flash, technologie établie sur les navigateurs depuis plus de 10 ans. Plus récemment, Flex, puis Silverlight et Air sont également apparus. Si la tendance est de plus en plus à l'ouverture (Adobe vient de rejoindre la linux foundation, Microsoft commence à respecter les standards sur ses navigateurs, ...), les formats de fichiers restent propriété des éditeurs. Ils sont donc protégés.
Les formats ouverts ont toutefois leur place. Le principe du dhtml n'est plus tout jeune. Pourtant, le javascript et le CSS n'ont cessé d'évoluer, et les framework tendant à faciliter les développement sous cette plateforme se sont multipliés. Ces technologies standard présentent l'avantage de ne pas "emprisonner" les utilisateurs. Flash, Air et Flex sont des technologies d'Adobe, Silverlight de Microsoft. HTML, CSS et javascript appartiennent à tout le monde. Les enjeux financiers entre ces grandes compagnies peuvent aboutir, ou pas, à des interopérabilités. Dans le monde mobile, ça se traduit dans l'actualité par 2 extrêmes :
  • l'inclusion de flash dans Windows Mobile
  • jusqu'à présent, le refus d'Apple d'intégrer flash dans l'iPhone
Entre les technologies flash et le Silverlight, le Dhtml a sa place. La réalisation de fonctionnalités abouties nécessite non seulement un framework dédié, mais également une suite d'outil logiciel encadrant la production. Le javascript reste un langage peu évolué. Garantir l'évolutivité, la maintenance ou la reprise d'une application utilisant beaucoup de javascript est un challenge organisationnel. À lire dans le prochain billet.


http://www.placedestendances.com/