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 essentiel pour permettre à vos visiteurs d'effectuer une recherche ciblée, comme c'est le cas sur le site de l’observatoire DPE – Audit

La vue tableau est commune à tous les jeux de données, mais d'autres types de 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 types de prévisualisations de vos données : 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 offrent une prévisualisation sous forme de tableau, comme illustré ci-dessous :



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 choisir d'afficher les colonnes de leur choix en cliquant sur l’icône Colonne [3].


Cependant, vous pouvez choisir d'afficher sur votre site uniquement certaines colonnes de votre tableau de prévisualisation de jeu de données. Pour ce faire, cliquez sur l’icône Colonne, sélectionnez celles qui vous intéressent : le code d’intégration est alors mis à jour. 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 inclut les concepts de Latitude et de Longitude, vous pouvez intégrer une vue carte générique sur votre site.



Sur la page de votre jeu de données, après avoir cliqué sur Intégrer dans un site et que la fenêtre pop-up s’affiche, 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 de Latitude et de Longitude à votre jeu de données. Elle permet un aperçu rapide de la zone géographique couverte par votre jeu de données.

Fichiers

La vue Fichiers est disponible 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, que les visiteurs de votre site peuvent télécharger.

Vignettes

La prévisualisation sous forme de vignettes est disponible 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 opter pour la vue calendrier si vous avez appliqué les concepts de Date de début et de Date de fin à votre jeu de données.

Taille de la prévisualisation

Il est possible de modifier la taille de votre prévisualisation lors de son intégration sur votre site.

Dans le code d’intégration, vous pouvez voir les attributs width="100%" height="500px" (où width indique la largeur, exprimée en pourcentage, et height indique la 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 réduire 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 sur votre site :

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