Contenu du cours

Créez un diaporama

L’application diaporama permet de faire défiler en boucle une sélection d’images contenues dans un jeu de données.

Dans ce cours, nous expliquons comment nous avons créé ce diaporama des sites du Morbihan. Pour créer votre propre diaporama, vous aurez besoin d’être connecté à votre compte Koumoul et de quelques minutes.

Création de votre jeu de données

Pour ce tutoriel, nous vous conseillons de créer votre propre jeu de données éditable.

À l’étape des paramètres, renseignez un titre pour votre jeu de données (ici « Photos Morbihan ») et cochez les cases accepter des pièces jointes et traiter les pièces jointes comme des images. Cliquez sur continuer.


À présent, ajoutons les colonnes et les concepts.

Votre jeu de données contient déjà une colonne à laquelle est appliqué un concept (document numérique attaché). Si vous souhaitez que votre diaporama affiche un texte sur l’image (par exemple, le titre de la photo sur notre diaporama), ajoutez une colonne (« titre » ou « description », par exemple), à laquelle vous appliquez le concept libellé.


Vous pouvez ajouter une image par ligne dans la section données à l'aide du bouton « (+) ».

Configuration de l'application

Il est maintenant temps de configurer votre diaporama. Pour cela, descendez la page de votre jeu de données jusqu’à la partie utilisations et cliquez sur configurer une application.

Parmi la liste d’applications disponibles sur la plateforme Data Fair, sélectionnez diaporama, ajoutez un titre et cliquez sur enregistrer.


Vous être redirigé sur la page de configuration de votre application. Cliquez sur éditer la configuration dans la partie rendu. Votre écran de configuration sera 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é.


Comme vous pouvez le constater, le diaporama est utilisable tel quel. Cependant, vous pouvez effectuer des modifications en appliquant des filtres ou en modifiant des paramètres dans la section présentation.

Vous pouvez faire fonctionner le diaporama avec seulement une partie des images de votre jeu de données. Pour cela, cliquez sur le bouton « + » à droite de la mention filtres prédéfinis, et sélectionnez le paramètre restreindre à des valeurs, choisissez une des colonnes de votre jeu de données et sélectionnez les valeurs souhaitées.


La section présentation permet d’affiner le rendu de votre diaporama. Vous pouvez choisir le temps d’affichage des images, cacher ou non les titres, par exemple.


Cliquez sur valider pour sauvegarder votre application.

Intégration de la visualisation sur un site

Vous pouvez intégrer votre visualisation 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/xJduCf7XZUU3Qx3djfnfC" width="100%" height="500px" style="background-color: transparent; border: none;" /></iframe>

Pour que votre visualisation soit accessible à tous les visiteurs de votre site, activez l'accès au public dans la page d'édition de vos données et la page de configuration 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 diaporama 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.