2 septembre 2016

Diffuser tout ou partie de l’agenda

L’agenda n’a d’intérêt que s’il est diffusé au sein de l’écosystème. La structure adoptée sous wordpress est suffisamment flexible pour permettre plusieurs solutions de diffusion.

Solution 1: le module d’affichage principal

Par défaut, l’agenda utilise le module “All-in-One Event” de la société Timely, via WordPress. Ce module, acheté par le Connecteur, permet la saisie et la diffusion sous plusieurs formes de l’agenda. Il est responsive (il s’adapte aux différents formats d’écran, notamment sur tablette et smartphone) et interactif (l’utilisateur peut choisir ses paramètres d’affichage).

Les paramètres d’affichage

Le module principal propose six manières différentes d’afficher les informations, toutes accessibles par le menu en haut à droite du calendrier (cliquez sur les liens pour prévisualiser l’agenda):

  1. Le mode “agenda“, liste verticale et chronologique d’événements sans code couleur ni visuel;
  2. Le mode “jour“, sous forme de grille par quart d’heure, pour un jour donné;
  3. Le mode “mois“, sous forme de grille par jour, pour un mois donné;
  4. Le mode “semaine“, sous forme de grille par quart d’heure, pour une semaine donnée;
  5. Le mode “posterboard” (affichage par défaut sur notre agenda), inspiré de sites comme Instagram, avec des vignettes de tailles différentes, rangées en ordre chronologiques, et présentant le visuel et le texte avec le code couleur adéquat. C’est le mode le plus graphique pour présenter le calendrier, même s’il est moins synthétique;
  6. Le mode “stream” enfin, intermédiaire entre le posterboard et l’agenda, présente les événements par liste verticale et chronologique mais en regroupant par jour et en utilisant les codes couleurs, les visuels et les textes d’introduction.

Bien sûr, il est possible de changer le jour, le mois ou la semaine affichée, et de filter par catégorie (organisateur de l’événement) et/ou par mot-clé (thématique traitée ou type d’événement). Toutes ces options sont en principe accessibles en tête de calendrier.

C’est ce module qui est utilisé sur la page Agenda du Connecteur. Cette page est la page “par défaut” de notre agenda, elle affiche l’intégralité de l’agenda de l’écosystème d’innovation clermontois, toutes catégories et tous mots-clé confondus. C’est un bon moyen de tester les différents paramètres d’affichage avant de choisir celui qui vous convient. Vous pouvez aussi renvoyer librement vers cette page à l’adresse www.leconnecteur.org/agenda

Utiliser le “widget” agenda sur votre site

Pour importer certains événements de l’agenda Connecteur sur votre propre site, le moyen le plus intéressant – et le plus simple – reste d’intégrer notre “widget” sur une de vos pages HTML. Le widget est un petit module technique, sous forme de quelques lignes de code informatique, qui feront appel depuis votre site à notre agenda selon certains paramètres de tri. Le widget gère aussi l’affichage des données en utilisant l’interface du module principal décrite ci-dessus.

Un bon exemple est dans le site de notre premier partenaire, le Bivouac (accélérateur de startups clermontois). En effet, leur page agenda fait appel aux événements stockés sur le site du Connecteur mais avec le module d’affichage, le tout parfaitement intégré dans leur charte graphique.

Il est possible de paramétrer le widget pour qu’il affiche automatiquement les événements demandés selon les critères suivants:

    • Organisateur de l’événement (“catégorie”);
    • Thématiques abordées ou type d’événement (“mots-clé”);
    • Date (par défaut, les événements à partir de la date actuelle);
    • Mode d’affichage (par défaut, Posterboard);
    • Nombre d’événements affichés par page.

Il est également possible de restreindre l’interactivité sur le module, comme par exemple en masquant l’affichage de la liste des catégories ou des mots-clé, ou des modes d’affichage, si vous ne voulez par exemple afficher que vos événements.


Ces réglages permettent non seulement d’afficher sur votre site les événements
que vous organisez – tri par catégorie – mais aussi d’afficher tous les événements
de l’écosystème portant sur telle ou telle thématique, quel qu’en soit l’organisateur – tri par mot-clé.


Concrètement, le widget se présente sous forme de quelques lignes de code que nous vous envoyons sur simple demande par mail (utilisez si besoin notre formulaire de contact), que vous ayiez créé un compte ou non. L’accès à notre agenda est entièrement libre et gratuit ! Pour obtenir le widget, merci de suivre la procédure suivante:

  1. Contactez-nous par mail ou par le formulaire de contact en précisant les éléments suivants:
    • nom et adresse du site web qui sera le support de diffusion;
    • définition des paramètres (merci de ne pas demander un agenda complet, sans aucun critère):
      • aucun, un ou plusieurs organisateurs (voir la liste des “catégories” dans l’agenda principal);
      • aucun, un ou plusieurs mots-clé (voir la liste des “mots-clé” dans l’agenda principal);
      • le mode d’affichage – par défaut, Posterboard (voir la liste des Modes d’affichage dans l’agenda principal);
      • le nombre d’événements affichés par page.
    • les coordonnées d’un contact pour ce site (nom, prénom, mail, téléphone)
  2. Nous vous renvoyons sur votre mail le code du widget, à copier-coller directement dans votre page HTML à l’endroit souhaité;
  3. N’oubliez pas d’insérer la ligne CSS suivante en tête de la page HTML (dans le bloc “<head>…</head>” par exemple):

<link rel=”stylesheet” type=”text/css” href=”http://www.leconnecteur.org/wp-content/plugins/all-in-one-event-calendar/public/themes-ai1ec/vortex/css/ai1ec_parsed_css.css”>

L’agenda devrait être fonctionnel. Nous sommes à disposition s’il y a des bugs techniques (cela arrive …), si vous voulez modifier des critères de tri, ou ajouter un autre agenda.

Solution 2: la génération de flux de données

Cette solution est en cours de développement.


Les autres pages d’aide de l’agenda:

Fonctionnement de l’agenda
Créer un compte avant de publier
Publier un événement
(consulter l’agenda)