Fabien Deshayes - Du client riche à un Internet riche

Parlez-vous encore de pages web ? Est-ce toujours une terminologie usuelles ? Si vous êtes professionnel du web, calculez-vous encore en nombre de pages ? Consultez-vous les pages du site Google ou les services Google ? Voici quelques une des questions que je me suis posé dernièrement.

J'ai personnellement tendance à oublier le terme pages, penchant plutôt pour utiliser services, vues ou écrans. En effet, le dynamisme donné aux pages web par des technologies (ou ensemble de technologies) comme Ajax ou Flash les transforment en ensembles de vues, de fenêtres associées et reliées les unes aux autres, formant un tout cohérent, que l'on pourrait appeller services. En fait, le mot page fait bien trop statique pour encore être utilisé à l'heure actuelle. Comment pourrait-on par exemple définir Tafiti en utilisant ce terme ? Le dynamisme est bien plus complexe et créé donc des services et applications non plus formées de pages, mais plutôt de vues.

la vue Options de Netvibes, sous forme de fenêtre

Bien évidemment, le mot vue parlera aux techno-geek habitués de l'architecture MVC (modèle - vue - contrôleur). Et cela recoupe relativement bien l'utilisation que l'on souhaite en faire pour définir nos RIA. Ainsi, un écran sera découpé en plusieurs vues : par exemple, on peut considérer la fenêtre d'options de Netvibes, ou bien la liste des dossiers de Google Documents comme une vue.

Bien qu'il ne soit pas aisé de découper un site web en pages, il est encore plus difficile de découper une application riche en vues. Impossible de tenir une simple liste à puces : il faut passer par du visuel pour bien recouper les différentes parties de votre applications. Certains préféreront des maquettes réalisées sur Photoshop, d'autres le bon vieux brouillon sur la feuille de papier. Cette dernière méthode est intéressante car elle permet rapidement et facilement d'illustrer certains mécanismes typiques des RIA : les transitions avec effets graphiques. J'entends par là, par exemple :

l'affichage d'une fenêtre par dessus l'écran courant, assombrissant le reste
la réduction d'une liste d'éléments pour laisser la place à l'affichage d'un détail
le rechargement d'une partie précise de la page courante

Réduction d'une liste de résultat sur l'application eBay San Dimas
San Dimas : liste r�duite

Avec un stylo et du papier, quelques flèches et autres crayonnages sont très rapidement parlant et permettent de se faire une première idée visuelle de ce que serait le résultat final. Ce dynamisme que l'on retrouve donc dans les RIA et peut être actuellement plus simple à rendre avec des feuilles et un crayon, plus tactile, que sur des outils pas forcément adapté pour présenter rapidement ces évolutions d'interfaces.

En conclusion, les nouvelles problématiques posées par les nouvelles interfaces au niveau graphique vont apporter peut être de nouvelles méthodes de travail, et pourquoi pas de nouveaux outils de conception plus adaptées à décrire des vues (plus dynamiques) que des pages (plus statiques).

Tout récemment est apparu Tafiti : il s'agit d'une interface expérimentale créée par Microsoft grâce à sa technologie Silverlight, et dont le but est d'offrir une navigation optimale pour toutes sortes de recherche. Tafiti affiche donc les résultats d'une recherche d'une manière nouvelle, destinée à aider les gens à gérer diverses requêtes sur des domaines différents.

En utilisant Silverlight et Live Search, Tafiti s'arme de deux excellents outils offrant de quoi réaliser une interface réellement riche et des résultats pertinents. Et l'exploitation qui en est faite m'impressionne :

Dans les résultats d'une requête, il est possible de choisir d'afficher les pages web, les images, les news, les flux RSS ou les livres. Un ensemble très complet et très bien représenté par cette iconographie de tous les supports :

L'affichage des résultats de type News

Graphiquement, l'affichage des pages web sous forme d'arbre est impressionnante. Elle fait un peu penser à Ecotonoha dont je vous avais déjà parlé. Bien que très bien réalisée, cette vue n'a pas réellement d'intérêt tant il est difficile de s'y retrouver...

L'affichage sous forme d'arbre

Enfin, par les quelques options intéressantes offertes comme l'historique de vos dernières requêtes ou la sauvegarde possible de certaines d'entre elles sous forme de pileq, Tafiti propose de nouvelles fonctionnalités non dénuées d'intérêt. A noter que l'empilage d'éléments se retrouve de plus en plus dans les interfaces actuelles.

L'empilage d'éléments

En conclusion, bien que Tafiti offre encore de très légers bugs d'affichage, il s'agit d'une interface riche bien construite et proposant de bonnes idées de visualisation de données. Bien que tous les choix ne soient pas pertinents (comme la visualisation en arbre) dans le cas de l'affichage de résultats d'une recherche, Tafiti met bien en avant son coté expérimental et montre ce qui est réalisable grâce à la technologie Silverlight.

Pour en savoir plus :

L'annonce est toute chaude, le téléchargement également : dans sa toute dernière bêta, nommée Flash Player Moviestar, Adobe propose le support de la vidéo HD. En détail un peu plus technique, cela signifie la gestion de la norme H.264 pour une qualité maximale de 1080p. En fait, le Player pourra profiter de l'accélération matérielle de votre ordinateur pour vous offrir du contenu vidéo de la meilleure qualité possible. Coté audio, Flash Player supporte maintenant HE-AAC (pour High Efficiency AAC). N'étant pas fin connaisseur de toutes les normes vidéos, je ne me prononcerais pas sur ce choix mais le résultat est en tout cas satisfaisant ! Si il y a un connaisseur... par exemple pour noter les différences / comparer VC1 (dans Silverlight) et H.264, je suis à votre écoute.

Pour voir le résultat, téléchargez tout d'abord Flash Player 9, puis rendez-vous sur l'exemple vidéo HD proposé. Personnellement, je trouve la qualité très bonne, même en plein écran. Quelques secondes de préchargement, puis quelques légères coupures durant la lecture, peut-être dues aux nombreux accès actuels !

Vidéo HD avec Flash Player 9 : Moviestar

Pour plus de détails techniques concernant Moviestar, voici quelques liens en anglais bien plus complets :

Il y a quelques mois, je soulignais que le gros point fort de Silverlight par rapport à Flash était la qualité du contenu vidéo diffusé. Qu'Adobe propose sur son Labs, quelques mois après l'annonce de Silverlight, un équivalent sur sa plate-forme Flash, et un très joli coup dans le jeu actuel des RIA. Toutefois on pouvait s'attendre à cette annonce depuis quelques temps quand on voit le développement actuel de la vidéo en ligne. Flash gomme ainsi un de ses défauts (bien qu'elle demeure le leader technologique sur ce marché, avec notamment Youtube, la qualité des vidéos n'était pas toujours au rendez-vous) et avance à nouveau ses pions dans un domaine très actif ! Les vacances même pas finies, les annonces arrivent déjà... 2007 est réellement l'année d'explosion des RIA.

Aviary est un projet lancé par la société Worth1000. Hébergé sur le site creationonthefly.com, on y trouve la définition suivante (que j'ai traduit en français) :

Aviary est une suite de RIA pour les artistes de tout genre. De l'édition d'image à la typographie en passant par la musique, la 3D et la vidéo, nous avons un outil pour chaque domaine. Chez Worth1000, nous sommes en train de créer un écosystème complexe pour les artistes, offrant à tous des outils gratuits permettant une approche nouvelle de la collaboration et de la gestion des droits qui va révolutionner le marché de l'art en ligne.

Voici un premier aperçu en images de certaines applications d'Aviary. Vous pouvez consulter la liste complète des outils sur leur site.

Phoenix l'éditeur d'images Phoenix

Hummingbird, le modeleur 3D Aviary Hummingbird

et la démonstration associée

Horus, l'éditeur de polices Aviary Horus

Toutes ces prouesses techniques sont assez impressionnantes, mais quel est le but d'Aviary ? En fait, il s'agit de proposer aux utilisateurs un moyen, via une suite complète d'applications, de créer et de diffuser tout type de média, puis de pouvoir les vendre sur une marketplace, comme c'est par exemple le cas sur iStockPhoto. On peut dès lors penser que le modèle économique d'Aviary est de percevoir une partie de l'argent dépenser sur cette marketplace. Un concept qui à mon avis est bon, à condition que les créations suivent... ce qui n'est pas toujours évident.

Techniquement, le tour de main serait assez impressionnant : toutes ces applications seront entièrement réalisées en Flex, se basant au maximum sur des bibliothèques open source, notamment PaperVision 3D qui fait pas mal parler en ce moment. Clairement novateur, la suite Aviary semble même très ambitieuse au vu de l'étendue des domaines gérés : 3D, vectoriel, audio, vidéo, etc. En proposant très bientôt une API permettant à tous de créer des sur-couches au dessus des applications Aviary, mais également d'accéder à la marketplace, Worth1000 mise sur le phénomène de plate-forme, un peu à l'image de Facebook, pour la réussite de leur suite.

Pour tous ceux qui désirent aller plus loin en ce qui concerne Aviary, voici quelques liens complémentaires. Tout d'abord une courte vidéo de présentation présentant quelques outils d'Aviary. Pour suivre le projet au jour le jour, suivez le blog de l'équipe, dont la plupart de mes images sont issues. N'hésitez pas également à vous pré-inscrire (formulaire en bas de la page d'accueil) pour faire partie des premiers utilisateurs à essayer cette suite. Enfin, sachez qu'Aviary a fait l'objet d'une assez longue discussion sur techcrunch.com, avec ses amateurs et d'autres plus dubitatifs. Personnellement, j'attendrais de tester le produit et de connaître les fonctionnalités de chacune des applications (et leur inter-activités) avant de porter un jugement. La suite étant assez novatrice (notamment Hummingbird, le modeleur 3D), il serait peut-être difficile de se faire une opinion dès maintenant.

Soyez surs qu'une fois que j'y aurais touché, je reviendrais donner mon avis sur ce projet. Cette suite reste tout de même d'une grande ambition et nous n'avons certainement pas fini d'entendre parler de tous ces petits oiseaux.