blog.cozic.fr » ria

Retrouver tous les plugins jQuery sur une seule page

Frédéric Cozic — Fri, 01 Jan 2010 12:24:11 +0000

Le site jquerylist.com nous propose de lister tous les plugins jQuery existants (plus de 250 à ce jour) triés par type : les formulaires, les utilitaires pour gérer les navigateurs, travailler avec les CSS, des galeries d’images.. et bien d’autres encore. Une vrai boît à outils à bookmarker.. ce que je viens de faire

Description du site : jQuery Ajax tutorials to jQuery UI examples, the ultimate list of tutorials and plugins for jQuery!

Voir le site

Utiliser facilement l'API de Twitter en PHP et CSS

Frédéric Cozic — Fri, 26 Jun 2009 15:00:10 +0000

Woork nous propose un petit tutorial pour les amateurs de PHP qui souhaitent utiliser et travailler avec l’API de Twitter. Comme vous le savez sans doute, l’un des principales atouts de Twitter est son ouverture et l’API qu’il met à disposition pour toute personne qui souhaite jouer un peu avec le service et nous réaliser de super applications dérivées Voilà donc un article pour vous aider à commencer à appréhender cette API…

Description du site : Apple Applications Gadgets Google Microsoft Social Networks Tech News … Subscribe RSS Feed ReTweet Share on Facebook Add to Technorati. In this post I want to …

Voir le site

Animoto bouleverse la création de diaporama photos en ligne

Frédéric Cozic — Fri, 19 Jun 2009 13:15:52 +0000

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 ^_^

Ce qu'il faut faire et ce qu'il ne faut pas faire dans le webdesign d'aujourd'hui

Frédéric Cozic — Tue, 05 May 2009 05:40:36 +0000

Je suis tombé par hasard sur ce site plutôt original : « The Do’s & Don’ts of Modern Web Design » liste les
ressources (articles, réflexions, tutoriaux, etc) intéressantes sur le sujet du webdesign et plus exactement sur ce qu'il faut faire pour concevoir des interfaces modernes et au contraire ce qu'il ne faut pas faire ! Une approche intéressante pour les curieux comme moi mais aussi pour les pro du domaine je pense…

Description du site : Tips & tricks for the modern day web designer … Drop us an e-mail at hi (at) webdosanddonts.com. Submit a tip. Your Submission: Your name * Your e-mail. Your website. The link …

Voir le site

Axa donne un côté riche à son site web

Frédéric Cozic — Tue, 17 Mar 2009 19:54:19 +0000

Vous le savez sans doute, j’apprécie tout particulièrement les interfaces riches (RIA) et j’en ai d’ailleurs déjà parlé en détail. Je garde donc toujours un oeil dans ma veille sur toutes les actualités relatives à ces sujets. Lorsque que Blogrider m’a proposé d’étudier le nouveau site d’Axa, ma première réaction fut de me demander en quoi ce site plutôt institutionnel d’un géant de l’assurance (et donc pas vraiment du web) pouvait bien être intéressant..

^{Nouvelle page d’accueil du site}

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.

^{Sous-menu des pages intérieures : un peu trop grand à mon goût…}

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

Les étapes du cycle d'achat en e-commerce

Frédéric Cozic — Fri, 16 Jan 2009 08:43:22 +0000

Frédéric Cavazza nous propose un schéma des différentes étapes du cycle d’achat sur un site d’e-commerce. Pour chaque étape, l’auteur nous indique quel module marchand riche (ex : carrousel, zoom 3D, comparateur) peut être approprié. Chacun de ces modules remplit une fonction bien précise.

Présentation sur les RIA et Flex (135 slides)

Frédéric Cozic — Wed, 14 Jan 2009 08:40:59 +0000

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 :

Présentation et définition des clients riches.
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 !

Interfaces riches : du client léger au client lourd

Frédéric Cozic — Tue, 13 Jan 2009 15:49:52 +0000

Extrait d’une présentation de Camille Roux, cette slide représente sur une échelle les différentes technologies disponibles pour les interfaces riches en allant de l’application Dektop aux interface riches (RIA, RDA, etc.).

Tableau des technologies des interfaces riches RIA, RDA et RMA

Frédéric Cozic — Fri, 12 Dec 2008 14:39:29 +0000

Dans un article sur « L’invasion des machines virtuelles », Guillaume fait un point sur toutes les technologies qui permettent de créer des interfaces riches comme des RIA, RDA ou encore RMA et sur les enjeux que la partie déconnectée de ces technologies va apporter…

10 minutes de bonheur sur la 3D en Flash

Frédéric Cozic — Fri, 13 Jun 2008 09:36:56 +0000

Réalisé par Galdric Pons de hebiflux.com, la vidéo ci-dessous est une compilation des derniers services web sortis récemment est utilisant de la 3D grâce à Flash. Un vrai bonheur qui nous rappelle que tout est encore à inventer en termes d’interface !

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