Une nouvelle chaîne TV pour Yahoo! qui confirme les orientations graphiques et fonctionnelles

Yahoo! vient juste de mettre en ligne une nouvelle version de sa chaîne dédiée à la télévision : Yahoo! TV. Ce qu’il y a d’intéressant avec cette nouvelle version, c’est qu’elle vient confirmer les choix ergonomiques et fonctionnels déjà vu dans des chaînes récentes comme Yahoo! Food.

Nous retrouvons ainsi ce principe de menu de navigation qui fait également office de chemin de navigation :

Nous retrouvons également un peu d’Ajax bien pensé notamment dans la grille de programme avec une réglette du plus bel effet en haut de la page :

Nous trouvons enfin des choses plus exotiques comme l’intégration avec les boitiers Tivo (petit bouton Got Tivo? Record Now) ou l’intégration de tout un ensemble d’éléments d’interfaces qu’ils semblent maintenant bien maîtriser (système de vote, de sondage, de lecture de vidéo…).

Encore une fois je ne peux que constater le très bon travail réalisé, et vous ?

Après les RIA, voici les RDA

Si vous suivez ce blog régulièrement, alors les RIA (Rich Internet Application) n’ont plus de secrets pour vous. Par contre, connaissez-vous les RDA (Rich Desktop Application) ?

Les RDA sont les applications riches du poste de travail. Comprenez par là que ce sont des applications, au même titre que votre traitement de texte ou votre logiciel de messagerie, sauf que ces applications riches sont déployées à la volée et exécutées sur une machine virtuelle. Gloups ! Et oui, ça calme comme définition, non ? Pour vous aider à bien faire la différence, je vous propose de revenir sur ce que sont les RIA puis de vous donner des exemples concrets de RDA.

RIA = Writely (heu… Google Docs)

Une RIA est une application qui se lance depuis votre navigateur et qui est exécutée à l’intérieur de ce dernier. ~~Writely~~Google Docs est ainsi un traitement de texte en ligne qui n’est pas installé sur votre poste de travail mais que ressemble à une application traditionnelle.

Les technologies de références pour faire des RIA sont :

AJAX ;
Flash / Flex ;
OpenLaszlo.

RDA = AjaxWrite

Prenons maintenant un autre exemple dans le même domaine : AjaxWrite est également une application en ligne mais qui s’exécute en dehors de votre navigateur. Oui je sais, vous allez me dire : mais… il s’exécute dans la fenêtre de votre navigateur, mais je vous répondrais : pas tout à fait.

C’est là où les choses se compliquent et où j’ai besoin de votre attention. En fait, AjaxWrite n’est pas exécuté par Firefox lui même mais par XulRunner, une sorte de machine virtuelle sur laquelle on peut faire tourner des applications en XUL. C’est un peu complexe à comprendre dans la mesure où Firefox utilise ce fameux XulRunner comme moteur d’affichage.

Donc pour faire simple : il est impossible d’exécuter Google Docs sans Firefox, par contre il est tout à fait possible de faire tourner AjaxWrite sans Firefox (du moment que vous avez installé XulRunner). Vous remarquerez que ce principe de machine virtuelle n’est pas neuf : le langage Java exploite déjà cette architecture depuis son lancement.

Le meilleur des deux mondes

Le principal intérêt des RDA est de pouvoir allier la praticité des RIA (légèreté, pas besoin d’installer l’application pour s’en servir) et la robustesse des applications traditionnelles (temps de réaction, stabilité…). Car il faut bien avouer que Google Docs est une belle prouesse technologique, mais qu’à utiliser au quotidien, c’est un peu pénible (lenteur, plantages).

Il est ainsi tout à fait possible de se connecter à un site, de lancer une application riche de type RDA (qui va se télécharger et s’exécuter à la volée en quelque secondes comme AjaxWrite) et de pouvoir l’utiliser par la suite en mode déconnecté avec une grande souplesse (l’application vérifiant s’il n’y a pas de nouvelle mise à jour à chaque nouvelle utilisation).

Pour rentrer dans des considérations plus techniques, il existe différentes technologies pour faire des RDA :

en Java à l’aide de Java Web Start, Eclipse RCP ou encore NetBeans RCP ;
en XUL (le langage de description d’interfaces de Mozilla) avec XulRunner ;
en XAML (le langage de description d’interfaces de Microsoft) avec la machine virtuelle de Microsoft (SmartClient.Net) ;
il faut également parler d’Apollo, le futur player universel d’Adobe (PDF, Flash, HTML) qui va également permettre de faire des choses très itnéressantes.

D’autres exemples ?

Il existe de nombreux exemples de RDA mais celui qui me plait le plus est le Mozilla Amazon Browser (dont j’avais déjà parlé dans un précédent billet il y a plus de deux ans) : une application riche pour parcourir le catalogue d’Amazon que l’on peut installer sur son ordinateur ou exécuter directement en ligne.

Et là vous me direz : et iTunes dans tout ça ?, et je vous répondrais : Ha non, iTunes est une application connectée. Nous sommes donc dans une configuration différente puisqu’il faut installer iTunes et le mettre à jour manuellement. De même pour Google Earth, c’est également une application traditionnelle mais qui se connecte à internet pour récupérer les données cartographiques.

Quelques réserves…

Je suis certain que mes explications feraient hurler des puristes comme Didier, Daniel ou Guillaume, mais voilà… il faut bien que je prenne des raccourcis pour vulgariser une notion complexe à expliquer.

Pourquoi est-ce que je cherche à vulgariser les RDA ? Tout simplement parce que leur potentiel est immense et qu’elles sont peut-être LA solution qui pourrait réconcilier deux mondes qui se font la guerre : les géants des services en ligne (Google, Yahoo!, SalesForce…) et les géants du logiciels (Microsoft, Oracle, ~~Macromedia~~Adobe…).

Le retour du bureau virtuel 3D

Souvenez-vous : il y a quelque temps, circulaient des vidéos sur des expérimentations de bureaux virtuels avec moult manipulations possibles.

Je viens de tomber sur l’expérience ultime avec cette démonstration debureau virtuel 3D réalisée par une équipe de l’université de Toronto :BumpTop Physical Desktop Interface.

Je suis particulièrement bluffé par le système de création de piles à la volée et la possibilité d’insérer des objets dans la pile qui sont automatiquement classés, de même que ces menus contextuels en étoile (via lessrain blog)

Commentaires 2.0

Il y a quelques temps, je vous parlais dans un précédent billet de la réflexion pour faire évoluer l’interface des blogs, ou plutôt la représentation visuelle des différents éléments qui les composent. La réflexion portait notamment sur le système de commentaires qui rend délicate la lecture et surtout le suivi des conversations entre commentateurs.

Le site 1976 Design nous apporte une solution très intéressante avec un principe d’inspiration (ce commentaire a été inspiré par celui-là et ce commentaire a inspiré celui-ci), le tout agrémenté d’un code couleur pour pouvoir suivre plus simplement : A visual guide to navigating blog comments.

Voici un exemple :

Exemple d'un nouveau système de commentaires

Vous pouvez lire également à ce sujet un billet sur le blog de Michael Carpentier.

Qui se lance pour créer une extension à Dotclear ?

La nouvelle page d’accueil de Yahoo! est en ligne

Souvenez-vous, il y a quelques temps je vous parlais d’expérimentations autour d’une nouvelle page d’accueil pour Yahoo!. Et bien c’est chose faite, elle est en ligne : Yahoo.com.

La nouvelle page d'accueil de Yahoo!

Au programme des nouveautés :

un haut de page moins chargé avec l’apparition de Yahoo! Answers à un emplacement stratégique (tout près du moteur de recherche) ;
les chaînes qui s’affichent maintenant sur la colonne de gauche avec des pictos en primes ;
des onglets des quasiment toutes les cartouches pour diminuer la densité d’information ;
un gros bloc où sont concentrés les services personnalisés ;
l’apparition de deux nouveaux services collaboratifs (Marketplace et Pulse) ;
un code source utilisant le positionnemnet CSS (et beaucoup de javascript aussi) ;
l’utilisation de nombreux patterns (ils en parlent sur leur blog)…

Pas mal de nouveautés donc pour cette nouvelle version qui est plutôt réussie. Vous aimez ?

MAJ (15/05/2006) : On me signale que cette nouvelle page d’accueil n’est visible que par les utilisateurs d’IE6 et de Firefox (merci Pilgrim) et qu’il existe une version française (merci Smadje)