Contenu du cours

Intégrer une prévisualisation de jeu de données dans un site

Intégrer une prévisualisation de votre jeu de données à votre site peut être nécessaire pour permettre à vos visiteurs de faire une recherche ciblée, par exemple, comme il est possible de le faire sur le site de l’observatoire DPE – Audit de l’Ademe.

La vue tableau est commune à tous les jeux de données, mais d’autres prévisualisations existent, selon les concepts appliqués à vos colonnes : carte, enveloppe géographique, fichiers, vignettes, calendrier, etc.

Dans ce cours, nous expliquons comment intégrer deux formes de prévisualisations de vos données, avec la vue tableau et la vue carte. Pour ce faire, vous pouvez utiliser les données de la base permanence des équipements filtrées sur le département du Morbihan, vous aurez besoin d’être connecté à votre compte Koumoul et de quelques minutes.

Vue tableau

Tous les jeux de données proposent une prévisualisation sous forme de tableau, comme celui-ci :



Une fois votre jeu de données importé et les concepts appliqués, cliquez sur le bouton intégrer dans un site, à droite. Une fenêtre pop-up s’ouvre, contenant le tableau (1) et le code permettant de l’intégrer sur un site (2). Les visiteurs de votre site verront le tableau non filtré et pourront eux-mêmes choisir d’afficher les colonnes de leur choix en cliquant sur l’icône « colonne » (3).


Toutefois, vous pouvez choisir vous-même de n’afficher sur votre site que quelques colonnes de votre tableau de prévisualisation de jeu de données. Pour cela, cliquez sur l’icône « colonne », sélectionnez celles qui vous intéressent : le code d’intégration est alors modifié. Sur l’image suivante, vous pouvez voir que le code correspond aux trois colonnes que nous avons sélectionnées.

Vue carte

Si votre jeu de données contient les concepts latitude et longitude, vous pouvez intégrer une vue carte de celui-ci sur votre site.



Sur la page de votre jeu de données, quand vous avez cliqué sur intégrer dans un site et que la fenêtre pop-up s’est affichée, sélectionnez la carte comme type de prévisualisation.

Autres types de prévisualisations

Enveloppe géographique

Cette prévisualisation est disponible si vous avez appliqué les concepts latitude et longitude à votre jeu de données. Elle permet un aperçu rapide de la zone géographique délimitée par votre jeu de donnée.

Fichiers

La vue fichiers est possible si vous avez appliqué le concept document numérique attaché à votre jeu de données. Elle se présente sous la forme d’une liste des documents en question, téléchargeables par les visiteurs de votre site.

Vignettes

La prévisualisation sous forme de vignettes peut être sélectionnée si vous avez appliqué le concept image à votre jeu de données. Elle permet un aperçu rapide des images contenues dans votre jeu de données.

Calendrier

Vous pouvez choisir la vue calendrier si vous avez appliqué les concepts date de début et date de fin à votre jeu de données.

Taille de la prévisualisation

Il est possible (et très simple) de modifier la taille de votre prévisualisation quand vous l’intégrez sur votre site.

Dans le code d’intégration, vous pouvez voir écrit width="100%" height="500px" (width = largeur, exprimée en pourcentage ; height = hauteur, exprimée en pixels).


Une fois que votre code d’intégration est intégré au code de votre site ou dans l’élément texte de votre page de contenu, vous pouvez modifier la largeur et / ou la hauteur de votre prévisualisation.

Dans ce cours, nous avons appliqué width="50%" height="300px" à la plupart des prévisualisations pour en diminuer la hauteur.

Vous pouvez également choisir de modifier la largeur de votre prévisualisation. Par exemple, en appliquant width="50%" height="500px", la prévisualisation occupera la moitié de l'espace disponible en largeur :

Données utilisées

Si vous avez des remarques sur ce cours, n'hésitez pas à nous contacter pour nous en faire part.