13.6.2007 par Ju.

By aysoon on web2.0

Après avoir essayé de vous présenter une définition des RIA et les usages auxquels on peut s’attendre pour ce nouvel Internet, je vous propose maintenant, dans cette seconde partie du dossier, de détailler les différents acteurs du marché avec les différentes technologies à travers lesquelles les RIA et RDA peuvent être développées. Puis je listerai des exemples concrets de RIA déjà existantes avant d’étudier le cas particulier des widgets. Toujours épaulé par Fabien Deshayes qui tient un blog sur l’Internet riche (rss), nous allons essayer d’être précissans trop rentrer dans les détails pour autant, afin de garder une vision global du sujet.

Cet article est découpé en 3 parties:

• 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 ? (à venir)

Les différents acteurs du marché des RIA
Pour construire des RIA et des RDA, il existe de nombreuses technologies, toutes relativement récentes, et venant de différents acteurs de l’Internet  pour la plupart. Ce positionnement sur un marché en pleine construction prouve bien que les RIA représentent un investissement d’avenir, alors qu’on en parlait encore peu il y a 3 ans. Parmi ces acteurs on trouve principalement Adobe, Microsoft et Mozilla qui ont chacun développé des technologies différentes et bien évidemment non interopérables. Néanmoins chacune d’entre elles découlent d’une technologie déjà en place chez ces acteurs (comme Flex qui se base sur Flash, etc…) A coté de ces géants du web, de plus en plus d’acteurs essayent de se positionner sur ce marché. Il serait dur de les lister ici de manière exhaustives mais on peut citer Laszlo Systems, AOL ou encore Google qui propose des RIA depuis déjà un moment mais n’a pas de technologie à proprement parlé mais plutôt de puissantes API ouvertes et facilement exploitable.

Les technologies pour créer des RIA
Parmi tous ces acteurs, voici les technologies correspondantes et permettant de concevoir des Application Riches sur Internet (RIA) :

• Adobe tout d’abord, qui en rachetant Macromedia, a profité de la solution Flex pour évangéliser les RIA. En basant leur solution autour du Flash qui profite de 10 ans d’existence et d’un taux de pénétration de 98%, Adobe joue la carte du graphisme pour ses outils. Maintenant en version 2, et depuis aujourd’hui en béta 1 pour sa troisième version, Flex est une solution robuste disposant de bons outils et d’une communauté.
• Mozilla est le premier a avoir mis en avant l’utilisation d’un grammaire XML pour décrire une interface “riche”, en tout cas plus que ce que propose l’HTML. Ainsi est sorti XUL, qui permet de décrire des applications riches et qui se base sur l’environnement XulRunner pour s’exécuter. Ces solutions sont bien évidemment open source et gratuites, mais surtout se basant sur des normes certifiées.
• Microsoft est le dernier des trois acteurs majeurs arrivés sur le domaine des RIA très récemment en annonçant lors de sa conférence MIX d’avril dernier Silverlight, un plugin pour navigateur couramment appelé Flash-killer. Bien qu’ayant ses différences avec Flash, Silverlight reste impressionnant pour ses capacités techniques et sa gestion de la vidéo (notion très importante dans les RIA).
• Même si Google ne fournit pas une technologie à part entière, on l’a dit, le géant californien propose un nombre conséquents d’API permettant de créer des RIA comme API Ajax ou permettant d’utiliser des RIA déjà existantes comme API Maps.
• OpenLaszlo, développé depuis 6 ans en open source par Laszlo Systems, est comparable à Flex dans le sens où il permet de développer des RIA qui seront ensuite visible via le plugin Flash Player, mais peut également générer du html / ajax.
• Wazaabi est un RCP Eclipse permettant de créer des RIA en J2EE en se basant sur du XUL.
• Bien évidemment, il existe de nombreuses autres solutions de création de RIA. Pour plus de détails, vous pouvez consulter ces fiches sur les technologies riches.

Les technologies pour créer des RDA
En ce qui concerner les Applications Riches pour Bureau (RDA), les technologies sont encore plus émergentes et donc on trouve moins de choix pour développer des RDA… Mais cela ne cesse de progresser :

• Au début de l’année, Adobe a sorti en version alpha sa solution de création de RDA, Apollo, qui permet de réaliser des applications Flex mais hors du navigateur, profitant donc des avantages d’une application de bureau. Depuis aujourd’hui, cette technologie est disponible en béta et sous son nouveau nom AIR (Adobe Integrated Runtime).
• Microsoft a lui proposé WPF pour Windows Presentation Foundation. Cette solution est la couche de présentation du Framework .NET 3.0, et permet de réaliser facilement des interfaces, en se basant également sur le XAML (comme Silverlight). Il peut toutefois gérer plus de fonctionnalités, comme par exemple de la 3D.
• XUL de Mozilla permet également, en se basant sur l’environnement d’exécution XulRunner, de créer et d’utiliser des RDA. Joost en est le parfait exemple.
• Il existe d’autres technologies permettant de créer des RDA. Toutefois, la plupart n’en sont qu’à leur prémices et se découvrent petit à petit. Enfin, on pourrait tout de même citer Boxely d’AOL qui propose une approche assez semblable bien que légère, et surtout Dekoh, plus prometteur pour porter des applications Rails sur le bureau.

Des exemples ?
Voici quelques exemples d’applications riches :

• Intelligent finance mortgage calculator (cliquer sur offset calculation) : c’est application permet de simuler un emprunt bancaire, pour l’achat d’une maison par exemple. Au delà de l’enchainement des formulaires à remplir, il est intéressant de voir la représentation graphique des données (l’échéancier) qui utilise des diagrammes pour permettre de faciliter la vision des paiements à l’utilisateur. L’optique ici est d’offrir, par un graphisme plus poussée, une représentation plus parlante car plus visuelle.
• Google docs : il s’agit de l’un des nombreux traitements de texte en ligne ; celui-ci est proposé par Google, parmi toute une suite d’applications pourvues d’une même charte graphique. Les fonctionnalités que cette application offre sont basiques mais conviennent à la majorité des besoins, et surtout il décentralise l’information hors de l’ordinateur personnel, en permettant également le travail collaboratif.
• Top banana (vidéo de démonstration) est une application riche basée autour de la retouche vidéo. Profitant des dernières possibilités technologiques, elle offre une sorte de webtop ou positionner ses vidéos, puis permet de les découper et d’en concaténer plusieurs. La fluidité et la qualité sont bluffantes.
• Click-shirt.com est une magnifique démonstration de ce qui l’est possible de faire en terme d’e-commerce avec du RIA et laisse facilement imaginer tout ce que l’on va voir petit à petit se développer en termes de ventes en ligne.
• Picnik est une application riche de retouche de photos en ligne. Elle permet par exemple des traitements simples comme le recadrage ou la mise en noir et blanc, et d’autres plus complexes comme un système anti yeux rouges ou l’application d’effets. De plus, elle propose une dimension sociale en permettant de partager directement ses photos sur FlickR ou facebook.
• Joost est une application riche de bureau offrant la télévision en haute qualité par l’Internet, grâce à un système de peer-to-peer. Elle offre plusieurs aspects très intéressants au delà de la performance technique : une interface réussie, une bonne gestion de la vidéo, etc.
• Le comparateur de la Fnac (compatible Internet Explorer uniquement) en version RIA développée grâce Silverligth a été un précurseur dans les RIA françaises et ne constitue encore qu’en prototype créé pour tester la capacité de ses nouvelles technologies.
• Popfly (vidéo de démonstration )est une application web riche qui permet de faire des mashups facilement en se basant sur Silverlight pour réaliser son but.

Le cas des widgets
Le cas des widgets est très intéressants car il est transverse : on retrouve des widgets sur internet et donc comme un RIA mais aussi sur le bureau comme des RDA. En effet, il existe de plus en plus de plateforme proposant des widgets à intégrer sur son site sous le forme d’une mini application indépendante possédante une interface agréable. Que l’on considère les gadgets de Google, les modules Netvibes, le widget MyBlogLog, celui de Criteo ou encore tous ceux disponibles sur le site Widgetbox.com , les widgets sont entrain d’envahir Internet trouvant toujours plus de nouvelles applications. Parti intégrantes des nouveaux OS comme Vista ou MacOS X Leopard, ces nouveaux éléments interactifs annoncent tout un tas de nouveaux usages du média Internet… J’aurai l’occasion d’aborder le sujet plus en détails dans un prochain billet.

En conclusion
Les RIA ne sont pas une simple nouvelle approche d’Internet. Les principaux acteurs du web de positionnent déjà depuis plusieurs années sur ce qui semble être le devenir des interfaces et usages du web. De nombreux exemples existent déjà sur le web et les développeurs semblent de plus en plus maîtrisent toutes les nouvelles fonctionnalités offertes par ces technologies. Si l’objectif reste le même pour tous à savoir simplifier les usages d’Internet et en rendre l’utilisation toujours plus intuitive et agréable, les approches des différents acteurs ne sont pas les mêmes et les technologies qui en découlent non interopérables ce qui laissent sous entendre comme à chaque fois une lourde concurrence entre eux… Il ne reste plus qu’à imaginer ce que sera le web de demain… un web riche sans aucun doute.

Posté dans Technologies | Imprimer | Aucun commentaire »

9.6.2007 par Ju.

Pour peu qu’il soit bien pensé et bien utilisé, le BrainStorming est un outil qui peut donner des résultats spectaculaires pour trouver un nom de produit, trouver des idées de nouveaux produits, améliorer la qualité de ses services…

Voici les grandes étapes pour bien réussir votre BrainStorming.

1- Lancez la réunion avance (1 semaine avant).

- Vous devez énoncer clairement le sujet, définir le contexte (quoi, comment, quand, pourquoi…) et la confidentialité du projet si nécessaire.

- Ensuite il faut choisir les personnes à inviter (mon conseil mixer les services, inviter des personnes reconnues pour leur créativité, faire appel aux anciens de l’entreprise…).

- Rappelez le timing et les règles lors de la demande de réunion : ne pas se limiter, le thème, le message à faire passer…

- Demandez aux participants de venir avec une liste de 5 ou 10 propositions.

2- Préparez la réunion (1 jour avant)

- Préparez des blocs de post-it (5 x 10 cm) + feutres pour que les participants puissent marquer leurs réponses.

-Prévoyez un timing de 45 mins à 1h (maxi 1h30) dans une salle avec des murs blancs où vous pourrez coller des post-it + un tableau blanc pour faire une synthèse des votes des meilleures propositions.

- Marquez sur vos post-it vos propres suggestions et celles des personnes qui n’ont pas pu venir.

Conseils Marketing :N’ayez pas peur d’utiliser un dictionnaire des synonymes (MAJ + F7 dans WORD) et d’antonymes à partir d’un mot, les notions connexes à votre produit, faire une recherche de ces mots clés dans google sur un thème, relire vos études clients et les articles de presse, noter les mots employés par vos clients et collègues pour parler de ce projet… cela boostera votre créativité.

3- Au début de la réunion rappelez les règles, le contexte…

- Rappelez que le Brainstorming doit laisser libre court à leurs idées, et donc qu’ils doivent marquer tout ce qui leur passe par la tête.

- Laissez 10 à 15 minutes à vos collègues pour recopier sur les post-it leurs idées, mais aussi pour réfléchir à de nouveaux noms.

- Une fois les 15 minutes écoulées, demandez aux participants de venir coller sur le mur leurs suggestions. Tous les participants viendront à la suite coller leurs suggestions, en les regroupant par grands thèmes.

- Si plusieurs idées ou noms sont cités il faut coller les post-it identiques les uns sur les autres pour détecter les plus populaires.

Conseil Marketing :Lors du dépouillement faites respecter les règles en ramenant à l’ordre ceux qui se moqueraient d’une proposition. Je vous conseille de faire une suggestion particulièrement hors sujet dès le départ pour donner le ton…

4- Relancez le débat

- Soyez le dernier à intervenir. Normalement vous avez la liste la plus grosse, et donc vous pouvez relancer le débat en listant de nouvelles suggestions et en faisant réagir l’auditoire «Moi j’avais aussi pensé à XXXX, qu’en pensez-vous ? »

- Présentez 90% de votre liste, puis demandez à vos collègues de réfléchir une nouvelle fois à de nouvelles idées grâce aux noms déjà collés sur le mur.

- Refaites un dernier tour de table après 5 minutes de réflexion (avec éventuellement une phase de réflexion à voix haute en commun), et listez vos dernières idées et celles qui auraient pu venir.

5- Choisissez les 5 meilleures réponses et le N°1

- Rappelez une dernière fois le but du Brainstorming.

- Puis écartez les suggestions qui ne correspondent pas du tout au but du projet.

- Parmi les suggestions restantes, faites le tri des suggestions pas assez pertinente ou fortes.

- Avec les 10 dernières effectuez un vote à main levé afin de déterminer celle qui remporte le plus de voix. C’est la gagnante de la réunion…

6 – L ‘exploitation des résultats

- Faites un compte rendu juste après la réunion avec les résultats et toutes les suggestions elles pourront re-servir pour une prochaine séance.

- Il arrive souvent que cela ne soit pas le nom (ou l’idée) choisi lors du Brainstorming qui soit choisi comme le meilleur. Si c’est le cas expliquez aux participants pourquoi ce nom n’a pas été choisi… cela évitera les frustrations lors des prochaines séances.

Conseils Marketing- Vérifiez sur l’INPI que la marque est libre dans vos classes de produits (http://www.icimarques.com/) ainsi que le nom de domaine (www.1and1.fr).- Attendez 2 ou 3 jours avant de choisir le nom définitif.

En alternative au Brainstorming vous pouvez lancer un World Cafe.Le principe est le même que le brainstorming, sauf que cette fois vous réunissez beaucoup plus de personnes (toute la société, plusieurs services….).

Toutes ces personnes devront plancher sur un sujet par groupes de 6 ou 7. Vous leur donnerez environ 10 à 30 minutes pour réfléchir aux différents sujets, puis le résultat sera remis par les chefs de groupes, le résultat étant ensuite communiqué par email à tous les participants.

Posté dans Marketing | Imprimer | Aucun commentaire »

5.6.2007 par Ju.

Définition générale de l’Internet Riche
L’Internet riche est le terme souvent employé pour qualifier toutes les nouveaux types d’interface, d’ergonomie ou d’usages que l’on trouve sur Internet. D’un scope très large, ce terme a du mal à trouver une définition exacte car il ne s’agit pas d’un concept nouveau, apparu à une date précise mais plutôt, et comme bien souvent, d’évolutions faites petit à petit sur le Web. Chaque acteur créant une nouvelle application web regarde toujours ce que la concurrence a fait précédemment et c’est en reprenant de bonnes idées et en les améliorant que les grandes évolutions voient le jour. C’est un peu de cette manière que l’Internet riche s’est construit mois après mois. Si des ergonomies nouvelles et par conséquent des usages nouveaux d’Internet ont été les fondations de ce que l’on nomme Internet riche, ce concept englobe aujourd’hui beaucoup de choses et de notions différentes. Que cela soit en fonction de la plateforme sur lesquels les services sont développés : navigateur Internet pour RIA, système d’exploitation directement pour RDA ou que cela soit pour ce qui est des technos qui ont vu le jour autour de ce concept ou encore pour les designs qui ont suivi cette tendance de très près ( les services dit riches sont souvent faits de manières à faciliter l’ajout de composant personnalisables), l’Internet riche regroupe aujourd’hui une multitude de concepts divers et variés trouvant un axe commun dans la volonté de changer les usages et de rendre la navigation toujours plus simple et intuitive.

Le terme (imaginé par Macromedia dans un White Paper en mars 2002 et disponible ici (PDF) pour ceux que cela intéresse) est donné également en comparaison des interfaces que l’on trouvait sur le Web il y a 5 ans. Celles-ci étaient conçu à l’époque de manière très carrée, sans originalité entre les différents sites web et avec le désir de s’occuper plus du fond que de la forme du site. Aujourd’hui, sans négliger le fond bien évidemment, la forme d’un site et son utilisation (re)deviennent deux éléments essentiels dans la conception d’application web. Les RIA permettent d’apporter alors un lot impressionnant de possibilités supplémentaires pour cela. Par ailleurs, on peut être sûr que, d’ici 3-4 ans, ces concepts seront devenus monnaie courante et que l’on se souviendra de l’Internet riche comme une évolution des usages plutôt que comme une révolution d’Internet à part entière.

Enfin et par abus de langage, il est commun d’appeler RIA tout ce qui englobe l’Internet riche même si ce n’est en réalité qu’une partie de toutes les (r)évolutions de l’Internet riche.

Qu’est ce que RIA ?
Les RIA pour Rich Internet Application offrent de nouvelles possibilités aux utilisateurs en les ouvrants au plus grand nombre. Au delà d’un aspect “rich media”, c’est à dire permettant par exemple l’utilisation de vidéos, ou de musique facilement, il faut ajouter une nouvelle perception de la navigation : le modèle de page en page n’existe plus. Les codes ont changés : un bouton de formulaire ne va pas forcément recharger toute la page, il peut par exemple avoir une influence sur une partie de la page ou charger une image. Ce sont des concepts très bien repris par Gmail par exemple, en simulant des comportements d’un vrai client mail, tout en offrant les avantages du net : accès à un même point, de n’importe où. Cela permet donc de décentraliser les données en ligne. Les technologies utilisées ont permis une adaptation simple des utilisateurs car les comportements que l’on retrouve sont plutôt mimés par rapport à une application classique.

Qu’est ce que RDA ?
Les RDA pour Rich Desktop Application apportent ce que l’on trouve sur le web sur le bureau pour une meilleure expérience utilisateur. Ainsi avec cette déportation d’Internet, les possibilités sont plus grandes : l’intégration avec le système d’exploitation est meilleure, de nouvelles fonctionnalités sont disponibles en s’affranchissant du navigateur, ou encore l’application peut fonctionner même déconnectée.

Internet est basé sur le langage de description HTML. Des acteurs ont poussés cette vision (Mozilla, Macromedia) pour définir des interfaces avec plus de composants, plus de possibilités donc. Ces technologies sont devenues de véritables technologies d’interface, non pas simplement destinées à l’Internet mais également à pouvoir décrire toute interface souhaitée. En prenant cette philosophie et en l’appliquant à un domaine où les interfaces sont plutôt lourdes à créer (sur le bureau), les acteurs offrent de nouveaux outils bénéficiant de plusieurs avantages, venus de plusieurs mondes :

• Le fait d’être connecté, pour garder ses informations décentralisées sur Internet.
• La possibilité d’être autonome en s’affranchissant du navigateur : une plus grande liberté pour beaucoup de possibilités, comme le stockage en local de données ou le fonctionnement en mode déconnecté.
• L’utilisation d’outils web (très porté sur la description d’interface) pour faciliter la création d’applications plus lourdes, c’est à dire les applications de bureau.

Il faut voir les RDA comme une ouverture des technologies de RIA, un domaine où plus de possibilités sont présentes pour voir le véritable potentiel exploitable des technologies. Le résultat ? Des applications aux interfaces plus faciles à créer, avec une utilisation plus aisée.

Quels usages des RIA peut-on imaginer ?
L’Internet riche apporte et va apporter une quantité de nouveaux usages qui n’ont de limite que l’imagination des webmasters et développeurs Web. En effet, ces nouvelles interfaces et les technologies qui en découlent permettent d’envisager de nombreuses nouvelles utilisations du web comme par exemple de la retouche photo, de la vidéo ou toute manipulation de contenu “riche” (élément 3D, carte enrichie, etc.) directement à travers un site Internet. Et même si toutes ces nouveautés commencent à peine à arriver, les interfaces web d’hier évoluent déjà petit à petit pour profiter des avantages des RIA comme par exemple la fin du rafraichissement des pages web, le glisser-déposer, la présentation d’informations de type graphiques ou documents avec une réelle interactivité possible, le parcours client simplifié et plus intuitif dans un site de vente en ligne, etc.

Vous l’aurez compris les usages des RIA sont infinis et sont en passe de révolutionner le web d’hier pour le rendre plus accessible et plus intuitif à utiliser. En augmentant l’interactivité avec le visiteur, les créateurs de sites Internet rendent le web de demain encore plus attractif et simple d’emploi.

Conclusion
On l’a dit, l’Internet riche propose une magnifique évolution des usages et des interfaces du web d’hier. En pleine croissance et bien que lancé dès 2002, ce concept n’a pas fini de faire parler de lui. Les plus grands acteurs du web l’ont très vite compris (Google en tête) en développant les outils et services nécessaires à l’envol de ce concept sur le web d’aujourd’hui. De plus, les enjeux qui s’en dégagent semblent énormes pour l’industrie du web à en croire les différentes études que Interfaces-Riches.com annonce :

• D’après une étude de Scene7, 90% des marketers déclarent vouloir intégrer les technologies riches sur leur site pour améliorer l’expérience utilisateur.
• D’ici 2008, d’après Gartner Group, 48% des banques auront déployé des clients riches.
• D’après Forrester, 70% des utilisateurs plébiscitent l’ergonomie de ces nouvelles interfaces.

J’espère que ce premier article vous aura permis de clarifier les choses sur ce sujet assez complexe. Il m’a permis moi de synthétiser les idées que j’en avais et je vous invite à revenir sur le blog pour les deux prochaines parties de cet article à savoir une présentation des technologies RIA à travers des exemples concrets de RIA (à venir) et enfin quelques réponses quant au future des RIA et de l’Internet riche (à venir).

By aysoon on web2.0 

Posté dans Technologies | Imprimer | Aucun commentaire »

2.6.2007 par Ju.

Traduit de l’excellent Amit Bhawnani, du site Web confs.

Source : Nomasis

Posté dans Référencement, Marketing | Imprimer | Aucun commentaire »