Créez un calendrier pour vos évènements
L’application calendrier permet, comme son nom l’indique, de présenter certaines de vos données dans une vue calendrier. Cette application est potentiellement très utile pour une commune ou une collectivité qui souhaiterait présenter de manière claire 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 Koumoul et de quelques minutes.
Avant de configurer votre calendrier, vous devez importer votre jeu de données et appliquer les concepts date de début et date de fin aux colonnes correspondantes, le concept libellé à la colonne titre et le concept description à la colonne homonyme.
Configuration du calendrier
Pour créer votre calendrier, descendez la page de votre jeu de données récemment importé, jusqu’à la partie utilisations et cliquez sur configurer une application.
Parmi la liste d’applications disponibles sur la plateforme Data Fair, sélectionnez le calendrier, ajoutez un titre et cliquez sur enregistrer.
Vous êtes redirigé sur la page de configuration de votre application. Cliquez sur éditer la configuration dans la partie rendu. Votre écran de configuration est alors divisé en deux parties : l’aperçu à gauche et le menu à droite.
Dans le menu, dans la section données, vérifiez que le jeu de données est bien celui que vous avez sélectionné.
Penchons-nous sur la section présentation. Vous pouvez choisir la langue dans laquelle sera affiché votre calendrier, la date souhaitée du 1er affichage, 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 1er affichage : 01/01/2023,
- Type d’affichage : mois,
- Format des semaines : lundi-dimanche.
En ce qui concerne les couleurs du calendrier, nous avons laissé les paramètres par défaut de l’application, mais vous pouvez faire des tests pour obtenir le rendu souhaité.
Nous avons choisi de différencier les différents publics ciblés par les évènements de l’espace Mendès-France. Pour cela, nous avons choisi la colonne public pour le paramètre couleur par valeur d’un champ et appliqué une couleur par type de public.
À présent, intéressons-nous à la section fiche. C’est là que nous sélectionnons les informations à afficher sur chaque fiche d’évènement. Nous avons choisi d’afficher, en plus du titre, le type d’évènement, sa description et le lieu où il se déroule.
Pour cela, 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 enregistrer votre calendrier.
Intégration de la visualisation sur un site
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, à droite. Votre code devrait ressembler à celui-ci :
<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 que votre calendrier soit accessible à tous les visiteurs de votre site, activez l’accès au 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 ce rendu :
Conclusion
Vous avez maintenant toutes les informations pour créer un calendrier sur la plateforme Koumoul, sans avoir besoin de compétences en programmation, et trouver le code pour pouvoir l’intégrer sur un site externe.
Données utilisées
Si vous avez des remarques sur ce cours, n’hésitez pas à nous contacter pour nous en faire part.