La création de diaporama photo est habituellement réalisée par des logiciels dédiés ou des applications de gestions de photos permettant ce genre de création. De plus en plus, des services en ligne permettent ce genre de réalisation souvent sous le forme d’un simple lecteur de photos en flash ou Javascript exportable. Animoto va plus loin… beaucoup plus loin même en réalisant une vraie vidéo de vos photos en les animant en musique et de façon très moderne !

Exemple de diaporama réalisé avec Animoto.com

Plutôt que de vous faire un long discours pour décrire le rendu, je me suis amusé à justemment créer un diaporama avec quelques fonds d’écran Apple… le tout en 10min chrono. Voci le résultat :

^{Plutôt sympa non comme rendu final ?}

Fonctionnement du service

Concrètement, le service vous permet de créer des vidéos/diaporamas de 30 secondes (gratuitement mais payant pour plus long) à partir de photos sur votre ordinateur ou depuis Flickr, Facebook, Picasa, etc., de choisir ensuite une musique (libre de droit) depuis votre ordi ou depuis leur bibliothèque de musiques disponibles et puis vous laissez le service travailler… En quelques minutes, la vidéo est prête et vous pouvez l’exportez sur votre blog (comme ci-dessus), sur Youtube, la télécharger (payant).

^{Interface de création d’un diaporama}

Conclusion : un service à tester

Oui animoto.com est clairement un service à tester. Il est simple à utiliser (interface en full flash bien pensée), donne un résultat vraiment sympa (même dans sa version gratuite) et utilisable facilement. A cela s’ajoute une version iPhone pour faire vos vidéos depuis votre mobile (!!) et une version facebook. Enfin, la version payante permet encore plus de libertés avec la possibilité de télécharger le résultat final, de l’utiliser à des fins commerciales, ou d’utiliser le service en marque blanche et donc sans le logo d’animoto..

Vous en connaissez d’autres dans le même style ? Je suis preneur ^_^

Une page d’accueil riche

A peine arrivé sur le site, j’ai vite compris la démarche entreprise par Axa : proposer à ses visiteurs une ergonomie et une interactivité innovantes sous la forme d’une interface riche.
La prise de parti est importante pour un acteur d’ordinaire non-web : menu en 3D, effet de transparence, recherche prédictive à la Google (en même plus intelligent !),
carrousels d’images, des champs de recherche prédictifs, etc. Le plus marquant est certainement la page d’accueil où la mise en oeuvre de ces changements donne de la profondeur au site.

Des pages intérieures plus classiques

Au fil des pages, je découvre la baseline de l’assureur : «réinventons notre métier» qui je trouve colle plutôt bien avec cette nouvelle interface (si ce n’est pas l’inverse :) ).
Les pages intérieures sont plus classiques, l’information est plutôt bien structurée et le contenu est proposé de manière organisée.
Pour palier au grand nombre de pages de contenus existantes, les concepteurs du site ont choisi de mettre en place un menu qui s’affiche au survol et qui prend une place énorme sur le site (ce que l’on voit de plus en plus sur le web en ce moment et que je n’aime pas du tout !). Cela apporte une bonne visibilité de toutes les entrées disponibles pour le sous-menu mais occupe une place quasiment aussi grande que le site en lui-même. Dommage je trouve.

Des services encore limités

Mis à part les contenus froids (texte de fiches produits, contenu légaux, etc.), le site propose quelques services comme l’adhésion en ligne ou la génération d’attestation d’assurance en ligne. Une gestion de l’espace client est également présente mais je n’ai pu la tester n’étant pas client personnellement. On trouve donc les services de bases que l’on attend de ce genre de site. Il est regrettable qu’Axa n’ait pas poussé l’innovation plus loin en proposant par exemple un comparateur riche (flash ou autre). De même, certains problèmes persistent comme les résultats de recherche qui s’affichent avec des problèmes d’encodage de caractères, etc.

Une démarche au final innovante mais sans excès

Quid d’un tel changement sur un site à l’origine ciblant des internautes classiques et donc peu expérimentés ? Je dois dire que même si le changement est marqué et que l’interface riche apporte beaucoup (plus d’un point de vue graphique que fonctionnel), cette mise en oeuvre se fait sans excès : avec la retenue nécessaire pour ne pas perdre les internautes classiques et l’innovation suffisante pour se démarquer.
J’en retiens toutefois un beau pas avant pour un acteur dont le coeur de métier n’est pas le web mais qui considère visiblement ce canal avec de plus en plus d’attention…

article rédigé à la demande de Blogrider

Certains le savent sans doute, j’apprécie particulièrement toutes les interfaces web riches. Je trouve qu’elles apportent une dimension nouvelle dans l’approche d’Internet et dans l’interaction qu’un utilisateur peut avoir avec un site Internet. Bien loin des sites full-flash d’il y a 4 ou 5 ans, ces nouvelles interfaces sont moins lourdes, conçues sur des technos plus robustes (Flex en tête) et permettent une maintenabilité presque supérieure à des technos plus classiques.

En 2007, j’avais consacré un dossier sur le thème des RIA en 3 parties : présentation et définition des RIA, technologie et exemples de RIA, et enfin une partie sur l’avenir des RIA. Aujourd’hui c’est une présentation SlideShare que je souhaite vous faire découvrir. Camille Roux a en effet donné un cours de 2 h en décembre dans une école d’ingénieur de Nice et partage ces quelques 135 slides sur le thème des RIA et de Flex. Merci à lui :)

La présentation se décompose en deux parties :

1. Présentation et définition des clients riches.
2. Présentation de la technologie d’Adobe : Flex / Air.

Voici les slides :

Pour les curieux, n’hésitez pas à faire un retour sur le catalogue d’exemples d’applications Flex !

Retrouvez les URL de tous les services montrés dans cette vidéo dans l’article de Galdric.

L’auteur, interactive designer et freelance de métier, nous propose ainsi tout un ensemble d’exemples concrets en AIR mais aussi des tutoriaux, de l’actualité et quelques ressources pratiques pour les développeurs. Le site est bien fait et met surtout en avant les différents applications AIR invitant les lecteurs à les notes ou à les commenter.

Deux applications ont particulièrement attiré mon attention :

• Finetune qui est un player audio en développement depuis les premières release de AIR et qui commence vraiment à proposer une expérience intéressant aux utilisateurs.
• WebKut qui est une application pour faire des captures d’écran très facilement avec des possibilités de ne captures que certaines parties de l’écran

Ce catalogue d’applications en ligne me fait beaucoup penser au catalogue d’applications en Flex lancé par Adobe il y a quelques mois. Dommage que comme celui-ci, freshAIRapps.com ne soit pas réalisé lui-même dans une technologie riche.

Bref ce site est une belle idée à suivre pour tout ceux qui s’intéressent aux technologies riches et plus particulièrement à AIR.

Vous savez sans doute que je suis assez fan de toutes les évolutions du web et en particulier de cette belle évolution qui est entrain de se mettre en place petit à petit au niveau des interfaces web à savoir les Rich Internet Application ou RIA sur lesquelles j’ai déjà eu l’occasion d’écrire (présentation des applications riches). A ce titre, la Fnac vient de mettre en ligne au début du mois, une nouvelle interface pour ses produits informatique et devrait étendre rapidement ce mode de navigation aux autres rubriques. L’interface est pour une partie basée sur la technologie OpenLaszlo qui permet une certaine souplesse pour se connecter au Système d’Informations tout en générant du Flash permettant une interface riche. Pour le reste du site, on retrouve du Dhtml mis judicieusement en œuvre pour améliorer l’expérience utilisateur et la rendant plus interactive.

Concrètement, cette interface permet aux visiteurs une navigation plus fluide entre les produits sans rechargement de page mais aussi le drag & drop pour déplacer des produits sélectionnés de façon plus fluide. Enfin certaines fonctionnalités ont été également revue pour gagner en intuitivité comme le système de filtres sur une liste de résultat qui devient un véritable assistant en conseil d’achat pour trouver le produit de son choix comme si l’utilisateur recevait les conseil d’un vendeur. Par ailleurs, il est intéressant de noter que la Fnac a également mis en place un système de fourchette de prix visuellement claire tout en restant facilement utilisable dont j’apprécie la mise en œuvre sur la liste de résultats.

Personnellement, je trouve cette première mouture plutôt réussie. Le résultat n’est pas parfait et certains points demanderaient des évolutions mais la Fnac a réussi à mettre en place un parcours utilisateur intuitif via une interface riche sans pour autant dérouter les habitués et les clients plus traditionnels je pense. Je serai curieux de connaître l’évolution de leur ROI suite à ce changement et vois quels sont les retours des utilisateurs non-initiés. Pour ce qui est des RIA, je ne peux que saluer comme je le disais cette belle initiative de se lancer dans un univers encore en plein développement et où les acteurs cherchent encore à prouver la valeur ajoutée de telles interfaces. Nice move ! Si cela pouvait montrer aux autres enseignes que les RIA sont une belle avancée entrain de se démocratiser, cela ne pourrait que lancer une belle course à la créativité j’en suis sur ! Il reste encore tellement à inventer dans ce domaine.

Disclosure : article sponsorisé

Certes Photoshop Express ne permet pas toutes les fonctionnalités d’un Photoshop normal mais je dois avouer que l’expérience utilisateur est assez géniale ! Le Flex apporte son lot de possibilité en termes d’interfaces et Adobe a sur le exploiter aux mieux pour rendre l’application simple et intuitive. Par ailleurs la fonctionnalité “pein écran” prend ici tout son sens en donnant la possibilité à l’utilisateur de sortir du navigateur classique pour avoir une application occupant tout l’espace de son écran.

En termes de fonctionnalités de retouche, on retrouve tous les classiques comme rogner une image, modifier l’exposition, retoucher le niveau de saturation , la balance des blancs, ou encore laisse l’application régler les couleurs automatiquement. Certains effets sont aussi disponibles comme le passage en noir et blanc, une distorsion de la photo ou encore un coloriage automatique de la photo assez bluffant ! Le site propose également tous les outils pour gérer ses albums et donc organiser ses photos.

On peut dors et déjà tester l’application sans s’inscrire mais si vous souhaitez uploader vos propres images, il faudra vous inscrire au préalable. Vous disposerez alors de 2Go d’espace gratuit.

Enfin il est intéressant de noter que Ryan Stewart nous parle déjà d’une future version AIR/offline de Photoshop Express ! Une belle évolution logique !

Je vous laisse, je retourne tester cette petite merveille !

Aujourd’hui je reviens sur BuzzWord qui vient d’être mis à jour, l’annonce d’une sortie d’AIR en version 1.0 le mois prochain, la non-annonce de Silverlight 2.0 aux TehDays, Yahoo qui sort des composants pour les développeurs RIA et enfin 2 démos en Flex pour vous laisser rêver un peu.

BuzzWord est mis à jour en preview 7

BuzzWord.com, l’un des outils en ligne d’édition de textes les plus attendus de 2008 vient d’être mis à jour. En effet, Adobe vient d’annoncer quelques nouvelles fonctionnalités poir son outils en Flex comme la compatibilité avec les tableaux, la possibilité de surligner du texte, l’import de document depuis Word 2007 (ces fameux *.docx). A chaque fois que j’(ré)essaye cet outil je reste impressionné par l’expérience utilisateur qu’elle procure..

AIR va sortir en 1.0 le mois prochain

Adobe a annoncé également que sa technologie AIR (permettant de réaliser des Rich Dektop Application couplé à du Flex ou du javascript) va enfin sortir en version stable (et non plus bêta) d’ici à la fin février. C’est une annonce très attendue par toute une communauté de développeurs en attente de stabilité.

Silverlight 2.0 ne sera pas annoncé officiellement lors des TechDays

Les Techdays sont 3 journées organisées par Microsoft à Paris pour présenter les nouvelles technos du géant de Redmond. Initialement prévue lors de cet évenement, l’annonce de Silverlight2.0 a finalement été repoussée au 5 mars lors du Mix08 à Las Vegas. Plus d’infos chez Christophe.

Yahoo propose des composants RIA

Yahoo (futur Microsoft ?) vient de mettre en ligne un ensemble de composants Flash et Flex pour les développeurs. Côté Flex, on trouve par exemple un ColorPicker, un gestionnaire de temps, un gestionnaire d’autocomplétion.. Bref de belles ressources proposées par Yahoo. Bonne intiative !

Pour finir 2 démos en Flex

Cette semaine deux nouvelles démos Flex ont attirés mon attention et je vous invite à les découvrir. Tout d’abord le site Viibee qui veut réinventer le concept de rencontres (dating) via des profils vidéos. Cela fait d’ailleurs un peu penser à Seesmic. Ensuite un nouvel exemple de site e-commerce en full-flex avec ikitikla où l’on découvre de bons idées d’interfaces et d’interactions. A méditer.

Aujourd’hui je reviens sur les annonces de ces derniers jours : O’Reilly lance un blog collaboratif sur les RIA, Microsoft ajoute le plugin Silverlight aux téléchargements facultatifs de Windows Update, Fred Cavazza et François Ziserman lance un blog dédié aux RIA appliqués au e-commerce, un premier exemple prometteur de blog en Flex est disponible et enfin les webcasts de la tournée Silverlight sont disponibles.

O’Reilly lance le blog InsideRIA.com

O’Reilly fait un pas de plus dans le domaine des interfaces riches en ouvrant le blog collaboratif InsideRIA.com lundi dernier. On y trouvera des billets rédigés par différents auteurs de blogs spécialisés et invités pour l’occasion à réfléchir sur la conception d’interfaces riches, leur développement et les différents standards qui commencent à se dessiner. Une valeur sûre à suivre (RSS)

Microsoft ajoute le plugin Silverlight aux téléchargements facultatifs de Windows Update

Alors que Silverlight continue son développement vers une version 2.0 prévue début 2008 et qui devrait intégrer la prise en charge de l’intégralité des langages capables de fonctionner au sein de l’environnement .NET ainsi que la machine virtuelle, on apprend que la version actuelle va être proposée en mise à jour facultative sur Windows Update cette semaine. Un beau en avant dans la démocratisation de cette techno même si tout el monde ne l’installera pas et qu’il lui reste encore beaucoup de chemin à parcourir face à la concurrence.

Fred Cavazza et François Ziserman lance RichCommerce.fr

L’info n’a pas été très reprise mais Fred Cavazza vient de s’associer à François Ziserman pour lancer un blog collaboratif dédié à l’e-commerce basé sur des interfaces riches : RichCommerce.fr. conscient que les RIA représente un futur certain pour le web, ils ont décidé de nous en parler un peu plus tous les jours pour ce qui est du domaine de la vente à ligne.. A suivre (RSS)…

Un premier exemple prometteur de blog en Flex

Je vous en parlais récemment, un premier exemple concret de ce à quoi pourrait ressembler un blog réalisé dans une technologie riche (Flex en l’occurrence) vient d’apparaître sur le web à cette adresse. On y trouve également une version Desktop réalisée grâce à AIR et téléchargeable ici. plus d’infos dans mon article.

Les webcasts de la tournée Silverlight sont disponibles pour tous

Christophe Lauer, Rich Application Evangelist chez Microsoft, nous signale que les webcasts de la tournée de présentation de Silverlight sont disponibles pour tous. Pour rappel, cette tournée avait pour but de montre à tous les capacités de la technologie riche de Microsoft et ces webcasts sont l’occasion de revivre l’événement et ainsi de mieux apréhender cette nouvelle technologie…

Enfin et pour rappel si vous souhaitez en savoir plus sur les RIA, je vous invite à lire ou relire le dossier que j’avais réalisé avec Fabien Deshayes sur le sujet :

• Que sont les applications riches (RIA) ? – Partie 1 – Définitions et usages.
• Que sont les applications riches (RIA) ? – Partie 2 – Technologies et exemples concrets.
• Que sont les applications riches (RIA) ? – Partie 3 – Quel futur pour l’Internet riche ?

Voià c’est tout pour cette semaine, n’hésitez pas à commenter si j’ai oublié quelque chose et j’espère que ce nouveau type d’article vous plaira toutes les semaines ^_^

Un peu d’histoire

Google essaye depuis de nombreuses années de “lire” ce que contient les fichiers Flash (SWF) présents sur certains sites. La méthode qu’il utilise pour cela est assez mystérieuse et nécessite normalement la décompression du fichier pour pouvoir le parser ensuite et tenter de trouver du texte et donc des mots-clés pertinents.

Ce qui changerait

Adobe propose depuis pas mal de temps déjà un SDK disponible pour les moteurs de recherche. Celui permet de mieux décompresser les fichiers SWF et de pouvoir ainsi interpréter correctement leurs contenus. Néanmois aucun moteur de recherche n’avait jusuq’à alors affirmé utiliser ce SDK proposé par Adobe. L’actualité de ce début de semaine tourne autour de la demi-annonce faite par Matt Cutts dans une interview. Il indique “penser” que Google avait changer de méthode et utiliser maintenant le SDK d’Adobe. Par ailleurs, ce SDk est disponible librement ce qui permet à n’importe quel développeur Flash/Flex de le tester afin d’optimiser le contenu de son travail pour le référencement.

En conclusion

Voilà donc un pas en avant supplémentaire dans la démocratisation des interfaces riches. Même si ce SDK ne propose pas encore une indexation aussi propre que du HTML classique, cette news montre la prise de conscience de Google de l’importance grandissante de ces interfaces et de la nécessité de ne pas freiner les développeurs avec des problèmes de référencement.