Fabien Deshayes - Du client riche à un Internet riche

Si vous êtes un bloggeur assidu, vous faites très certainement attention à vos statistiques ! Et l'un des meilleurs outils dans de domaine nous vient bien entendu de Google : Analytics. Et bien Nicolas a tout simplement porté cette application sur votre bureau, grâce à la technologie Adobe AIR. Ainsi, on retrouvera presque l'ensemble des fonctionnalités de l'application "navigateur" : gestion des profils, graphiques, grilles de données, rapports en PDF (dans l'application !), export Excel, etc.

Un grand coup de chapeau pour cette application que j'ai vraiment hâte de tester ! Je vous en reparlerais une fois que ça sera le cas.

La question qui se pose : "quel est l'intérêt d'avoir Analytics sur son bureau quand on peut l'avoir dans son navigateur (et donc de partout) ?". Analytics n'est pas forcément l'application la plus pertinente et je reconnais que l'expérience fait plus gadget / démonstration que outil réellement utilisable. Néanmoins, je soulignerais deux points importants concernant cette application :

Grâce aux API et aux technologies appropriés, il est très simple de pouvoir réutiliser les données d'une autre application, et donc de s'ouvrir à une infinité de mashups.

L'expérience offerte sur le bureau reste tout de même plus impressionnante que sur n'importe quel navigateur. Et Analytics passe très bien comme exemple graphique de RDA.

Google Analytics sur votre bureau : un PDF

Chapeau donc à Nicolas. Pour s'inscrire pour la bêta, c'est par ici !

via Ryan Stewart

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.

Du client riche
à un Internet riche

Le blog de Fabien Deshayes

Google Analytics sur votre bureau !

Pages are dead, long lives views

Microsoft Tafiti : l'interface riche de recherche

Flash Player propose la vidéo HD

A propos

Rechercher

Nuage de tags

Catégories

Liens

Du client richeà un Internet riche