FredCavazza.net

Voilà plus de 10 ans que le web existe. Plus de 10 ans que nous nous contentons de ce que le HTML nous propose comme éléments d’interactions (boutons, menus…). Peut-être serait-il temps d’expérimenter de nouvelles choses afin de gagner de la place. Dans ce contexte, laissez-moi vous présenter des choses tout à fait intéressantes, et notamment ces composants surprenants.

Premier exemple chez Google Base avec ces menus déroulant qui intègrent des cases à cocher et même des champs de saisie :

Autre exemple chez Getty Images avec ce champ de recherche extensible (les options apparaissent lorsque le curseur est dans le champ) :

Dernier exemple chez Monster avec ce mélange de menu déroulant, de listes extensibles et cases à cocher :

J’ai personnellement un petit faible pour les menus déroulant de Google Base, même si je serais curieux de voir la réaction d’utilisateurs lambda… A quand une intégration de ces composants dans le Google Web Toolkit ?

Non c’est vrai, vraiment vrai : j’adore les outils gratuits. Je vous propose donc de découvrir le bog suivant : Free Tools.

Le but de ce blog est de présenter toutes les solutions pour le développement de site Internet ou d’applications métiers orientées web, mais on y trouve surtout beaucoup d’outils et de librairies javascript (et un peubeaucoup d’Ajax) classés selon des catégories et sous-catégories. Tout ce qui est présenté doit être de qualité professionnelle et bien évidemment gratuit (licence free, GPL, Creative Commons, MIT…).

Exemples de ce que j’ai trouvé dans les derniers billets :

• Ext Js, un framework Ajax très prometteur ;
• Prototip , qui vous permet de créer des info-bulles simples ou complexes (avec ou sans image, CSS…) ;
• AJAX Star Rating Bar, un script PHP pour faire des petits modules de vote avec des étoiles ;
• Tablesorter, un plugin jQuery qui permet de trier les colonnes d’un tableau sans qu’il soit nécessaire de recharger la page ;
• FreeMap , une incroyable collection de cartes…

Bref, un site indispensable pour celles et ceux qui veulent se simplifier la tâche au quotidien. (Merci à Marc pour le lien et bravo pour son travail)

Je viens d’installer un tout nouveau plug-in (WP AJAX Edit Comments) qui permet d’éditer un commentaire après l’avoir publié.

Donc je récapitule : vous publiez un commentaire plein de fautes où vous oubliez d’insérer le lien qui justifie le commentaire, plus la peine d’en publier un nouveau, il vous suffit de cliquer dessus pour l’éditer (fonction désactivée au bout de 5 minutes).

Très pratique pour réduire la charge de modération. (via 2803)

Laissez-moi vous parler ce matin d’un très beau mashup made in France : Trivop. Il s’agit du premier portail de vidéos hôtelières. De quoi ? D’un moteur de recherche qui exploite l’interface de Google Maps, qui agrège les commentaires et notes des voyageurs de Trip Adivsor et qui en plus permet de publier des vidéos des destinations.

A l’usage l’interface se révèle être intuitive et les temps de réponse sont tout à fait acceptables.

Ils prévoient dans un deuxième temps de laisser les voyageurs publier leurs propres vidéos (un peu comme le fait TripAdvisor avec les photos). Et vous, vous aimez ?

C’est aujourd’hui qu’à eu lieu le salon du marketing direct (MD-Expo) au cours duquel j’ai pu intervenir sur un des mes sujets fétiches, les interfaces riches. Merci à la FEVAD de m’avoir accordé ce temps de parole, et voici le support de ma présentation : L’apport des interfaces riches pour le e-marketing (format PDF, 5,2 Mo).

Rien de bien neuf pour ceux qui me lisent régulièrement, mais une bonne entrée en matière pour les novices. Dans tout les cas de figure, c’est déjà une très bonne chose que de pouvoir évangéliser ces pratiques à un public assez large.

J’aurais également une seconde chance d’intervenir lors de ce salon jeudi prochain sur le thème des blogs : Comment maîtriser les règles de la communication sans filet ? Normalement cette conférence sera filmée donc vous n’avez même pas besoin de vous déplacer !

Suite à un précédent billet sur un moteur de recherche marchand (BrowserGood, à mi-chemin entre Google Maps et Amazon), je vous propose de découvrir un autre concept d’interface marchande : Shopping Path.

Le principe de cette interface marchande comparative est de reproduire le mode de visualisation et le comportement du Dock de Mac OS avec un principe de grossissement au survol de la souris dont vous pouvez voir un exemple sur le site CrispyShop qui exploite le catalogue de Yahoo! Shopping.

Concrètement, vous choisissez une catégorie et les différents produits sont alors tous affichés à l’horizontale :

L’interface est composée de différents éléments :

• à gauche de l’écran les filtres qui permettent d’affiner la recherche ;
• sur le haut de l’écran, les clés de tri (en fonction du prix, du poids…) ;
• juste en dessous l’échelle où sont alignés les produits ;
• puis les vignettes des produits qui grossissent au survol de la souris ;
• une info-bulle avec les détails du produit en cours de visualisation ;
• des boîtes correspondant aux produits sélectionnés avec les prix sur les sites de différents distributeurs ainsi que les avis des clients ;
• il est possible de sélectionner différents produits, cela rajoute des onglets et insère des étoiles de couleur sur la courbe en haut de l’écran.

En termes de réalisation je n’ai pas grand chose à dire : c’est propre, rapide, intuitif et terriblement efficace. Inutile de dire que cette interface n’est pas du tout accessible, mais là n’est pas la question. Ce mode de recherche représente en effet une rupture tellement importante par rapport à ce que nous connaissons qu’il ne peut être proposé qu’en second choix (le premier choix étant plus classique et pouvant être accessible).

Bref, du beau boulot et encore de très bonnes idées. Et vous, ça vous semble intuitif ? Réaliste ? (via Read/Write Web)

L’un des plus gros reproche fait aux interfaces réalisées avec AJAX est l’impossibilité d’utiliser le bouton ‘Retour’ du navigateur. Et bien tout ceci est du passé puisque les équipes de Yahoo! ont publié la semaine dernière un composant qui enregistre les actions réalisées en local par les utilisateurs : Browser History Manager.

Je ne suis pas un spécialiste de Javascript et suis donc bien mal placé pour juger de la qualité de ce composant, mais là n’est pas la question. Je viens en effet de découvrir que ce composant a été développé par un certain Julien Lecomte qui nous raconte la genèse de son composant ici : Building the YUI Browser History Manager.

Julien Lecomte ? Mais bon sens, mais ce type est français ! Alors ça c’est formidable, rien que pour ça j’interdis formellement tout forme de critique à l’égard de ce composant ! Est-ce du chauvinisme primaire ? Oui tout à fait, et alors ?

Le site CMS Watch nous propose en ce début de semaine une série de prédictions sur le marché de la gestion de contenu : Predictions for 2007: The elusive quest for simple.

Vous vous doutez bien (au vue du titre) qu’il y est principalement question de productivité, d’efficacité et de simplicité. Dans cette liste vous pourrez ainsi retrouver des prédictions de bonne augure (comme la baisse des prix des licences ou l’avènement des SOA), mais également des prédictions qui vont faire grincer des dents (comme le retour à des interfaces d’administration minimalistes suite à de nombreux aberrations à la sauce Ajax ou le retour des workflow).

Bref, des prédictions à suivre de près. Rendez-vous en fin d’année pour faire le bilan !

Après Like (dont j’avais déjà parlé dans un précédent billet), voici venir une nouvelle interface riche dédiée au shopping : Browse Goods.

L’interface est à mi-chemin entre celles de Smart Money et de Google Maps : un gigantesque catalogue où les produits sont regroupés en catégories, familles, sous-familles… à l’intérieure desquelles il est possible de zoomer. Des infos-bulles permettent d’avoir le détail du produit (voir la capture d’écran ci-dessus) , et il est également possible de faire des recherche :

Chose très intéressante, cette interface a été développée par une société nommée Dotted Pair qui serait financée par Amazon. Si cette rumeur était confirmée, cela prouverais la volonté d’Amazon de se diversifier (en plus d’autres initiatives comme Endless ou Amapedia).

Inutile de préciser que cette interface n’est pas accessible et que les produits qui y sont présentés ne sont pas référencables par les moteurs de recherche. Qu’importe, Browse Goods n’est qu’une manière supplémentaire de parcourir et d’accéder aux fiches produits du très vaste catalogue d’Amazon, c’est comme une entrée secondaire.

(via Capitaine Commerce)

Il se passe en ce moment tellement de choses dans le domaine des interfaces riches que je suis quasiment obligé d’adopter un format d’écriture à la Tristan Nitot.

Voici donc l’actualité en vrac des applications en ligne :

• WAI-ARIA Live Regions est une initiative visant à rendre plus accessible les interfaces riches et notamment la fonction de mapping (tout ceci dans le cadre des WAI Accessible RIA ;
• DreamFactory est un environnement de création et d’édition d’applications en ligne pour l’AppExchange de SalesForce (avec un éditeur en ligne très impressionnant) :

• Pipes est une application en ligne de Yahoo! pour créer des meta-flux d’informations (un flux RSS composé de plusieurs flux RSS), le tout dans un environnement graphique également très plaisant :

• onGWT est un blog consacré au framework de création d’interfaces riches de Google (le Google Web Toolkit), ce framework est visiblement révolutionnaire pour la conception d’applications en ligne et est récemment passé en open source ;
• Dojo Offline Toolkit est une petite application qui permet de faire tourner des applications AJAX en local et en mode déconnecté. En mode déconnecté ? Oui tout à fait ! Ils proposent ainsi des démonstrateurs pour Gmail et Blogger : Offline Gmail and Blogger Using the Dojo Offline Toolkit.

La dernière annonce est surprenante, dans la mesure où l’utilisation d’applications en ligne en mode déconnecté est fortement limitée. Il est en effet très délicat d’exploiter des documents stockés sur le disque dur à partir d’un navigateur. Je ne suis pas un spécialiste en la matière mais on m’a confirmé qu’un site web (même en local) n’avait pas du tout les mêmes droits d’accès qu’une application. Qui pourrait me confirmer cela ?