Un nouveau look, de nouvelles fonctionnalités, nous avons apporté pas mal de nouveautés au webservice Agenda.

La vignette dans la liste des évènements, ça change complètement la donne. Voilà un agenda beaucoup plus visuel et donc ... plus attractif !

J'espère que cette nouvelle présentation va vous donner envie d'illustrer vos évènements avec de belles images.

Dans la liste des évènements, une barre de navigation fait son apparition.

Elle permet d'appliquer des filtres sur la liste :
- filtre temporel : A venir / Aujourd'hui / Cette semaine / Ce mois-ci / Archives
- filtre par catégories

Elle sert aussi de moteur de recherche.
Le champ de recherche permet de trouver un évènement à partir de son titre, de sa ville ou de son code postal.

Sous la barre de navigation, l'utlisateur retrouve le flux RSS des évènements. Notez que vous disposez d'un flux RSS par catégories, en plus du flux RSS de tous les évènements

A droite de ce flux, on retrouve le lien Soumettre un évènement.
Une nouvelle police a été ajoutée, pour vous donner plus de souplesse dans la personnalisation de ce lien.
Du coté de la page de soumission, je vous laisse découvrir la réorganisation.
Une petite subtilité a été ajoutée : lors de la sélection de la date d'une évènement, le choix s'effectue à partir d'un petit calendrier.

Tout d'abord, la fiche évènement a été restructurée. Elle est organisée de la façon suivante :
- Titre
- Visuel
- Infos pratiques
- Description

Mon coup de coeur va au travail qui a été réalisé sur le visuel :

a) Dans le cas idéal, vous avez renseigné une adresse et ajouté une photo à votre évènement.
Dans ce cas là, comme l'illustre la première photo de ce billet, le visuel se compose en 2 parties : la map et la photo. Au roll-over sur la map, celle-ci se déplie sur toute la largeur de la colonne. Au clic sur la map, le visiteur est renvoyé sur la page Map.

b) Si vous n'avez pas renseigné d'adresse pour l'évènement, le visuel ne contient que la photo, affichée en pleine largeur (comme l'illustre la copie d'écran ci-dessus)

c) Si vous n'avez pas ajouté de photos, mais que vous avez renseigné l'adresse, le visuel ne contient que la map en pleine largeur (comme l'illustre la copie d'écran ci-dessous).

d) S'il n'y a pas de photo, ni d'adresse ajoutée à l'évènement ... il n'y aura pas de visuel.

Pour les infos pratiques, une nouvelles police a été ajoutées, afin de vous permettre de mieux personnaliser cette partie de la fiche évènement.

Grâce aux boutons sociaux, vos visteurs vont pouvoir partager vos évènements sur :
- twitter
- facebook
- google +
- linkedin

- Nous avons rafraichi le pageur à la fiche évènement. Il permet de naviguer d'un évènement à l'autre (précédent / suivant) ou bien de revenir à la liste des éènements de la catégorie.

- Si un membre de votre SNS poste un évènement, un lien vers le profils du membre sera ajouté dans les infos pratiques

- Au niveau des infos pratiques, vous pouvez ajouter une pièce jointe, l'adresse d'un site web, un numéro de téléphone.

La version mobile de vos sites continue de s'enrichir. Désormais, les utilisateurs d'iPhone peuvent consulter votre agenda !

Les évènements de l'agenda sont affichés en liste. La liste se compose du titre de l'évènement et d'une vignette qui renseigne sur sa date. Par défaut, les 5 prochains évènements sont affichés. A chaque fois que l'on clique sur le lien "Plus d'évènements", 5 évènements supplémentaires sont ajoutés à la liste.

Lors de la consultation d'un évènement, on retrouve l'ensemble des informations qui lui sont associées, affichées dans l'ordre suivant :

• le titre (bien visible)
• la date
• le lieu
• la photo
• la description de l'évènement.

Pour permettre un accès rapide à l'agenda depuis la version iPhone de votre site, pensez à activer le lien "Agenda" dans l'ours du site mobile.

Pour cela, à partir de votre back office, rendez-vous sur la page DESIGN > Design mobile > Home et rentrez dans la paramétrage du module Ours. Il suffit ensuite d'activer, dans le menu fonctionnalités, le lien vers l'Agenda.

D'avantage d'options de personnalisation ont été ajoutées à la version iPhone de votre site.

Ainsi, à partir de la page DESIGN > Design mobile > Autres paramètres, vous pouvez désormais choisir :

• la couleur de fond du site
• la couleur du séparateur des articles, des vidéos, des évènement, ...
  
• les flèches invitant à consulter le contenu
  

Bonne personnalisation ;)

Le nouvel Agenda est disponible !

Ce webservice très pratique méritait qu'on lui apporte de nouvelles fonctionnalités. C'est chose faite.

La mise en page a été retravaillée.

L'affichage des évènements s'effectue sous forme de liste. Dans la colonne de droite, un nouveau format de date fait son apparition. Il renseigne très rapidement sur la date et le jour de l'évènement. Au centre, on retrouve le titre et la description de l'évènement.

Par défaut, l'utilisateur consulte la liste des évènements à venir. Nous avons cependant ajouté la possibilité de consulter l'historique de l'agenda.

Concernant la page qui présente l'évènement, elle renseigne sur le lieu, sur la catégorie à laquelle est rattachée l'évènement. Lorsqu'une image est disponible, c'est sur cette page qu'elle est affichée. On retrouve également sur cette page l'ensemble du descriptif, ainsi qu'un lien hypertexte vers plus d'information, s'il a été spécifié.

Au niveau du design, un séparateur horizontal isole chaque élément de la liste. La couleur du pageur est identique à celle du séparateur.

Pour ce qui est de la soumission d'un évènement, le formulaire a été modifié. Vous constaterez que l'option "Toute la journée" fait son apparition.

La fonction "URL rewriting" s'applique aussi aux titres des évènements de l'agenda.

Cette fonction permet de créer un URL pertinent pour les moteurs de recherche. Cet URL contient le titre explicite de l'évènement.

Ce sont donc autant de mots clés qui vont permettre une meilleure indexation de l'évènement et donc un meilleur affichage dans les moteurs de recherche.

Outlook n'est plus tout seul, l'export d'un évènement peut désormais se faire sous différents formats, permettant son ajout dans les agendas suivants :

• Microsoft Outlook
• Ical
• Google Calendar
• Yahoo! Calendar

Géolocalisez les évènements de votre agenda ! Il seront automatiquement positionné sur une Google Map.

C'est pour cette raison que nous avons découpé le champ de saisie de l'adresse dans le formulaire de soumission de l'évènement. La saisie de la ville ou de l'adresse complète dans le back office renseignera automatiquement la latitude et longitude de l'évènement.

Pour pouvoir utiliser la Google Map, il faudra disposer d'une Google Key (par domaine). Pour cela, il est nécessaire de s'inscrire auprès de cet URL : http://code.google.com/apis/base/signup.html

Vous pourrez alors paramétrer l'affichage de la carte en ajustant les options suivantes :

• Zoom par défaut de la carte
• Carte / Mixte / Satellite
• Déplacement ou pas (taille des curseurs)
• Possibilité de zoomer ou pas la carte.

Si les coordonnées ne sont pas précisées, la carte sera positionnée sur le centre du pays (de votre site).

Ajoutez automatiquement les évènements de l'Agenda de votre site à votre Google Calendar !

Pour cela, il suffit de renseigner les données de son compte Google sur la page RESEAU>Web2.0 de votre back office. Lors de l'ajout d'un évènement dans votre back office une notification sera également envoyer en temps réel à votre Google Calendar.

Les utilisateurs des offres Portail Xpert et Portail Pro ont la possibilité de rendre payant la soumission des évènements dans l'agenda de leur portail.

- http://www.decoeco.com
- http://www.fullofsound.com

Dès demain nous nous attaquons à la refonte des petites annonces en espérant vous proposer autant de nouveautés :)