FredCavazza.net

Souvenez-vous, il y a quelques mois je vous parlais des possibilités d’évolution des menus déroulants (Est-ce la mode des menus déroulant riches ?), ce soir je vous propose de découvrir les possibilités autours des tableaux enrichis (les américains préfèrent parler de “grid“, ne me demandez pas pourquoi) : Ext GWT Grid, Grid Plugins, and EditableGrid.

Il y a tout d’abord les possibilités avancées de filtres et de tris :

Et il y a aussi ces incroyables possibilités d’édition en ligne (essayez donc de modifier la date) :

Je trouve ces nouveaux comportements tout à fait intéressants et surtout terriblement efficaces.

Pour celles et ceux que cela intéresse, tout ceci est réalisé grâce à une librairie RIA en javascript (Ext GWT) qui se greffe au framework Java/Ajax de Google (GWT) mais qui existe aussi en version autonome (Ext JS).

Hé hé hé, ça vous la coupe tout ce jargon, hein ? En tout cas je suis particulièrement fier d’avoir pu prendre Didier de vitesse sur ce coup là !

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)