Création site dynamiques web 2.0 Ajax et RIA : Interface riches en Rich Commerce

Interfaces web 2.0 Ajax

Interactivité et interfaces collaboratrices

Solutions Web 2.0

C'est quoi ça, le web 2.0 ?

Le web 2.0 est l'ensemble des technologies permettant des interactions d'un nouveau genre entre utilisateurs et contenus : si le "web 1.0" (le web "classique") ne permettait que des échanges unidirectionnels, sa version 2.0 permet des interactions et des surfaces de partage plus vastes, portant sur des objets de contenus (textes, images, produits multimédia) qui, devenant propriété commune, deviennent collectivement ou individuellement modifiables, transformables et transférables de poste à poste et d'utilisateur à utilisateur en réseaux. Ainsi des pages web peuvent être adaptées, modifiées, transformées, personnalisées (Netvibes) des vidéos, photos, etc. mises en commun (Dailymotion, Youtube, Flickr), des carnets d'adresse mutualisés (Facebook), des connaissances partagées (Wikipedia), widgets, etc.

Au-delà de ces applications extrêmement ciblées, les applications web 2.0 présentent de nombreux intérêts stratégiques marketing : elles permettent d'une part d'impliquer l'internaute dans l'"appropriation" d'un site, y compris commercial, et de l'autre elles conduisent à des ébauches de développements Saas (Software as a service : voir Lexique du blog).

Dans le cadre de nos réalisations nous vous proposons un certain nombre de développements web 2.0, par exemple :

Edition collaborative (wiki)

Plus connue soius le nom de "wiki", l'édition collaborative permet à plusieurs personnes de partager en ligne sur un même site des contenus et d'y intervenir en temps réel. Par exemple un texte peut être mis en ligne et corrigé, modifié et transformé par tout internaute autorisé. Ce texte est immédiatement visible dans sa nouvelle version et peut à son tour être aussitôt amendé ou revu par quelqu'un d'autre. La version est définitive dès que le cycle des corrections-validations est terminé. On obtient ainsi en quelques heures ou quelques jours un résultat qui, par mail, aurait nécessité des allers-retours incessants et des protocoles de validation assez lourds à gérer.

Nous avons développé une solution Wiki qui présente l'avantage d'être entièrement modulable :

Option 1 - seul le texte original est affiché sur la page du site : les internautes font leurs corrections en ligne mais ils sont les seuls à les voir... leur version est alors enregistrée sur le serveur. Seul l'administrateur du projet peut afficher toutes les corrections proposées, les valider ou le rejeter, et remettre ensuite en ligne une nouvelle version pour un second tour de corrections.
Option 2 - le texte original est affiché avec toutes les corrections proposées, auteur par auteur et paragraphe par paragraphe. L'internaute poste les siennes qui deviennent immédiatement visibles à la suite des autres. A l'administrateur de clôturer le cycle au moment voulu.
Option 3 - le texte affiché comporte toutes les corrections apportées mais non-nominatives... seul l'administrateur a accès aux auteurs des corrections.
Option 4 - le texte affiché est systématiquement la dernière version corrigée par les internautes, la version originale n'étant consultable pour mémoire que dans une autre page non-modifiable. etc.

Cette solution "Wiki-VDN" a été implantée en 2007 sur le site de la FNCCR (Fédération nationale des Communes concédantes et Régies regroupant tous les acteurs de l'énergie en France : EDF, Veolia, ES, Enel, etc.) où elle sert aux centaines de régies présentes sur le terriroire national à l'élaboration de textes communs et projets à présenter aux autorités concernées : communes, régions, ministères, etc. Elle a été également implantée tout début 2008 sur le site des Verts Strasbourg (campagne des Municipales 2008) pour l'élaboration collective de leur programme.

Assistance à l'édition de textes

Petit module sur la base d'un développement existant mais repris et transformé made in VDN pour répondre à des usages très 2.0 d'accompagnement à la réaction Wymiwyg de textes (voir Lexique du Blog).

Assistance à la rédaction de textes

Ce petit outil permet d'afficher les mots-clés contenus dans une page, et donc d'estimer la pertinence de sa rédaction : si les mots-clés affichés pour une page donnée ne correspondent pas à l'idée que vous vouliez faire passer dans cette page, c'est qu'elle n'est pas correctement conçue. Très pratique dans une optique de référencement, cet outil est également utilisable pour d'autres usages : voir "nuage de tags" sur Plan du site > Boussole.

Partage d'objets multimédia

Module de téléchargement direct de vidéos, de photos, d'extraits sonores, etc. Visible en action sur le site Strasbourg-Méditerranée : à la fin des concerts des internautes envoyaient photos ou vidéos, certains depuis leurs téls portables en direct.

myWEB

Module de mise en mémoire personnalisée des pages préférées d'un site. Avantage : permet aux internautes de ne pas avoir à rechercher dans leurs listes de favoris la page concernée et de la retrouver instantanément lorsqu'ils se reconnectent au site. En exemple sur ce site (myVDN) et sur Strasbourg-Méditerranée (my StrasMed) avec une fonction supplémentaire : l'internaute se connectant durant le festival affiche en page d'accueil les spectacles qu'il a choisi avec mise en avant de celui du jour et rappel de ceux à venir. Very 2.0

D'autres idées ? Nous les réalisons :

Par exemple imaginons que vous soyez une boutique de copies :
- un internaute envoie une photo sur votre site, la place sur un Tshirt, la redimensionne, rajoute un texte d'accompagnement, choisit la couleur du Tshirt dans la gamme des coloris disponibles, passe sa commande et paye en ligne par CB... Vous n'avez plus qu'à lui imprimer selon l'image finale que le système vous fournit. Si son téléphone le permet et s'il a un abonnement internet, il peut même prendre une photo (lors d'une fête par exemple), l'envoyer, la positionner et passer commande, le tout en quelques minutes. Il ne s'agit que d'un développement supplémentaire
- un étudiant souhaite sortir un mémoire ou sa thèse ? Il envoie le texte et les photos en pièces jointes, crée une mise en page de couverture en direct et choisit la finition, le nombre d'exemplaires, etc. Ensuite le système calcule le montant de la facture et il peut payer directement par CB à la commande. Le système peut même lui dire à quelle heure et quel jour la récupérer, à moins qu'il préfère un envoi postal
- un de vos clients vous envoie par téléphone d'abord une photo, puis ensuite un texte par SMS, puis enfin le format de sortie en tirage poster. 24h après, il passe au magasin récupérer son poster géant
- vous avez d'autres idées ? Nous sommes là pour les réaliser.

Note technique :

Un certain nombre d'interfaces dynamiques participatives sont inévitablement construites sur des langages appelés "clients" - Ajax par exemple (Asynchrone Javascript and XML). Pour ces interfaces particulières nous ne pourrons garantir un niveau minimal d'accessibilité ou d'interopérabilité, ces dernières dépendant étroitement des limites technologiques des appareils (ordinateurs ou autres) utilisés et de leurs paramétrages individuels. Nous essayons dans la mesure du possible de restreindre le recours à ces langages, ou au moins de les proposer en "surcouches" n'obérant pas l'utilisation générale du site, mais cette bonne volonté a ses limites. Certaines solutions proposées dans la liste ci-dessus (par exemple un wiki ou un tchat) ne pourront être développées dans un projet visant à l'accessibilité et à l'interopérabilité maximum du site pris intégralement. Nous recourrerons alors à la notion de "scope" (Wcag2) pour créer des espaces clairement identifiés comme ne garantissant pas l'accès universel au service proposé.

N'oubliez pas que toute solution 2.0 peut laisser du monde sur la touche. Elle doit donc être choisie en connaissance de cause, après avoir soigneusement pesé le rapport gain-perte qu'elle va engendrer en terme de publics potentiels.