L’application Calendrier permet, comme son nom l’indique, de présenter vos données sous forme de calendrier. Cette application est particulièrement utile pour les communes ou collectivités souhaitant afficher clairement les événements culturels sur une période donnée.

Dans ce cours, nous expliquons comment nous avons créé cet agenda des événements culturels de l’Espace Mendès France de Poitiers. Pour ce faire, vous aurez besoin de ces données, d’être connecté à votre compte Data Fair et de quelques minutes.

Pour créer votre calendrier, faites défiler la page de votre jeu de données jusqu'à la section Utilisations et cliquez sur Configurer une application.

Dans la liste des applications disponibles sur la plateforme Data Fair, sélectionnez Calendrier, ajoutez un titre, puis cliquez sur Enregistrer.

Vous êtes redirigé vers la page de configuration de votre application. Cliquez sur Éditer la configuration dans la section Rendu. Votre écran de configuration est alors divisé en deux parties : l’aperçu et le menu.

Dans le menu, dans la section Données, vérifiez que le jeu de données sélectionné est bien celui que vous avez choisi.

Examinons la section Présentation. Vous pouvez y choisir la langue d'affichage de votre calendrier, la date de début souhaitée, le type d'affichage (jour, semaine ou mois), le format des semaines, etc. Voici les paramètres que nous avons sélectionnés :

• Langue : français
• Date du premier affichage : 01/01/2023
• Type d'affichage : mois
• Format des semaines : du lundi au dimanche

Pour ce qui est des couleurs du calendrier, nous avons gardé les paramètres par défaut de l'application, mais vous pouvez effectuer des modifications pour obtenir le rendu souhaité.

Nous avons décidé de distinguer les différents publics ciblés par les événements de l'Espace Mendès-France. Pour ce faire, nous avons utilisé la colonne Public pour le paramètre Couleur par valeur d'un champ et attribué une couleur spécifique à chaque type de public à l'aide de l'icône crayon.

Examinons maintenant la section Fiche. C'est ici que nous choisissons les informations à afficher sur chaque fiche d'événement. Nous avons opté pour afficher, en plus du titre, le type d'événement, sa description et le lieu où il se déroule.

Pour ce faire, nous avons sélectionné la colonne Type dans le champ Horaires/Dates (ce qui s'affiche sous le titre), puis nous avons coché la case Afficher la description. Enfin, nous avons ajouté une fiche détaillée à l'aide du bouton « + » et sélectionné le Lieu dans le champ.

Cliquez sur Valider pour sauvegarder votre calendrier.

Vous pouvez intégrer votre calendrier sur un autre site en copiant le code de votre visualisation à l'aide du bouton d'action « Intégrer dans un site ». Le code devrait ressembler à ceci :

<iframe src="https://docs.koumoul.com/data-fair/app/agenda-culturel-de-lespace-mendes-france-poitiers?embed=true" width="100%" height="500px" style="background-color: transparent; border: none;"></iframe>

Pour rendre votre visualisation accessible à tous les visiteurs de votre site, activez l'accès public dans la page d'édition de vos données et dans la page de configuration de votre visualisation.

Lorsque vous l'intégrez sur votre site, vous obtenez le rendu suivant :

Vous pouvez désormais créer une visualisation Calendrier sur Data Fair, sans avoir besoin de compétences en programmation, et trouver le code pour l'intégrer sur un site externe.

Si vous avez des remarques sur ce cours, n'hésitez pas à nous les communiquer.