L'application Diaporama permet de faire défiler les 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 Data Fair et de quelques minutes.

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.

Ajoutons maintenant les colonnes et les concepts.

Votre jeu de données contient déjà une colonne avec un concept (document numérique attaché) pour pouvoir importer des fichiers images.
Pour afficher un texte sur l'image dans votre diaporama (par exemple, le titre de la photo comme dans notre diaporama), ajoutez une colonne (par exemple, « Titre » ou « Description ») et appliquez-lui le concept Libellé.

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

Il est maintenant temps de configurer votre diaporama. Pour cela, faites défiler la page de votre jeu de données jusqu'à la section Utilisations et cliquez sur Configurer une application.

Parmi les applications disponibles sur la plateforme Data Fair, choisissez Diaporama, 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 partie Rendu. Votre écran de configuration sera 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 est bien celui que vous avez sélectionné.

Comme vous pouvez le constater, le diaporama est fonctionnel en l'état. Toutefois, vous avez la possibilité d'effectuer des modifications en appliquant des filtres ou en ajustant 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 ce faire, cliquez sur le bouton « + » à droite de la mention Filtres prédéfinis, sélectionnez le paramètre « Restreindre à des valeurs », choisissez une des colonnes de votre jeu de données, puis sélectionnez les valeurs souhaitées.

La section Présentation vous permet d'affiner le rendu de votre diaporama. Vous pouvez, par exemple, choisir le temps d'affichage des images ou décider de masquer les titres.

Cliquez sur Valider pour sauvegarder votre application.

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 ». Le code devrait ressembler à ceci :

<iframe src="https://docs.koumoul.com/data-fair/app/xJduCf7XZUU3Qx3djfnfC" 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 diaporama 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.