Ajout d'images dynamiques à vos espaces de travail

1. Sur votre bureau local, lancez CloudConnect Designer.
2. Dans l’onglet Explorateur de projet, sélectionnez l’espace de travail à modifier.
3. Dans le dossier model, vous devriez trouver le ou les fichiers *.LDM de votre espace de travail. Double-cliquez sur le fichier de modèle logique de données à modifier.
4. Dans l’ensemble de données approprié, ajoutez ou modifiez le libellé d’attribut.

   1. Double-cliquez sur l’ensemble de données. La fenêtre Attributs et faits s’ouvre.

   2. Supposez que l’ensemble de données Employés ressemble à ceci dans la fenêtre Attributs et faits : 

      
      

   3. À des fins d’information, cochez la case Afficher l’identificateur. Vous devez ajouter le libellé à l’ensemble de données ci-dessus. Pour ajouter un libellé, cliquez sur l’icône Plus. Sélectionnez Ajouter un libellé pour > ID d’employé.

      Si vous souhaitez que l’image soit cliquable, ajoutez la colonne en tant que lien hypertexte.

   4. Pour le titre de la nouvelle entrée, entrez Photo d'employé. Vérifiez que le type a été spécifié en tant que libellé.

   5. Cochez la case Afficher les types de données. Dans la colonne Types de données, cliquez sur l’entrée du nouveau libellé. Cliquez sur le bouton Parcourir….

   6. Dans la fenêtre Sélectionner le type de données, vérifiez que la case d’option Texte a été cochée. Dans la zone de texte, entrez 255.

      La limite absolue de la longueur de l’attribut est 255 caractères.

   7. Une fois que vous avez terminé, la définition de l’ensemble de données doit ressembler à ceci :  

      
      
       Exemple d’ensemble de données avec libellé ajouté

   8. Notez l’identificateur interne de l’attribut et de chaque libellé. Vous en aurez besoin ultérieurement.

   9. Pour enregistrer les modifications de l’ensemble de données, cliquez sur OK.

   10. Vérifiez que le modèle logique de données est associé à l’espace de travail approprié. Dans l’onglet Explorateur de projet, cliquez avec le bouton droit sur l’espace de travail cible et sélectionnez Projet de travail pour….

   11. Avant de publier, vous devez valider. Cliquez avec le bouton droit dans le volet Éditeur de modèle et sélectionnez Valider….

   12. Si la validation réussit, enregistrez le fichier *.LDM.

   13. Cliquez sur Publier le modèle sur le serveur dans l’encadré Détails.

L’espace de travail a été mis à jour pour ajouter le libellé à l’identificateur unique de chaque image.

Mettre à jour du graphique ETL

À présent, vous devez mettre à jour votre graphique ETL pour ajouter les valeurs du nouveau libellé d’attribut. Vous devez :

• Mettre à jour un graphique ETL existant pour inclure une nouvelle colonne. Il peut vous être demandé de republier toutes les données dans le graphique ETL.
• Créer un graphique ETL qui remplit ce libellé d’attribut.

Pour plus d’informations sur la création de graphiques ETL dans CloudConnect Designer, reportez-vous à Déconnexion directe de l’ensemble de données.

Mettre à jour la définition d’espace de travail

Dans votre espace de travail GoodData, vous devez mettre à jour la définition d’espace de travail pour qu’elle prenne en compte que l’affichage du libellé est une image.

Étapes :

1. Connectez-vous au portail GoodData.
2. Dans le menu déroulant Espaces de travail, sélectionnez l’espace de travail dans lequel vous avez publié le modèle logique de données.
3. Dans la barre d’outils, sélectionnez Gérer. Dans l’onglet Données, cliquez sur Attributs. Sélectionnez l’attribut auquel vous avez ajouté le libellé (par ex. ID d’employé).
4. Les informations sur l’objet s’affichent pour l’attribut et ses libellés.
5. Dans la colonne Contrôles sous la section Libellés, cliquez sur le lien Modifier.
6. Dans le menu déroulant Type, sélectionnez Image.
7. Votre définition d’attribut doit ressembler à ceci :
   
   
8. Cliquez sur Enregistrer. La définition de l’espace de travail a été mise à jour.

Définir des rapports et tableaux de bord

Maintenant que le modèle logique de données et le graphique ETL ont été mis à jour pour utiliser le nouveau libellé d’attribut, vous devez créer les objets de l’espace de travail pour accéder à ces images et les afficher.

Dans les étapes ci-dessous, vous pouvez voir comment ces images sont mises à disposition des rapports et tableaux de bord.

Exemple - Ajout d’images à un rapport

Dans cet exemple, vous pouvez ajouter le libellé à un rapport de tableau sous la forme d’une colonne affichant les valeurs d’attributs, qui référencent les images stockées.

Étapes :

1. Connectez-vous au portail GoodData.
2. Dans le menu déroulant Espaces de travail, sélectionnez l’espace de travail dans lequel vous avez publié les modifications du modèle logique de données et du graphique ETL.
3. Dans le menu Portail, sélectionnez Rapports.
4. Sur la page Rapports, ouvrez ou créez un rapport.
5. Cliquez sur l’étape Comment.
6. Dans la liste d’attributs disponibles, accédez à ID d’employé et sélectionnez-le.
7. Dans la colonne Filtrer les valeurs, sélectionnez Photo d'employé dans le menu déroulant.
8. Pour ajouter le libellé d’attribut, cliquez sur Terminé. Le rapport est mis à jour avec la nouvelle colonne.

Exemple - Ajout d’images à un tableau de bord

Ajout d’un filtre de tableau de bord à l’image

À ce stade, vous devez ajouter un filtre de tableau de bord pour filtrer les valeurs de l’attribut ID d’employé. Lorsque le filtre de tableau de bord est configuré, les sélections effectuées dans le filtre filtrent automatiquement tout le contenu dans l’onglet de tableau de bord pour n’afficher que l’attribut sélectionné, ce qui implique que le filtrage est également appliqué à l’objet d’image dynamique que vous spécifiez ci-dessous.

Lors de la configuration du filtre de tableau de bord, vous devez spécifier que les utilisateurs ne peuvent sélectionner qu’une valeur dans l’onglet Sélection.

Pour plus d’informations sur l’ajout de filtres de tableau de bord, reportez-vous à Filtres de tableau de bord.

Ajout de l’ensemble d’images au tableau de bord

Maintenant, vous pouvez ajouter l’image à votre tableau de bord en utilisant les étapes suivantes.

Étapes :

1. Connectez-vous au portail GoodData.

2. Sélectionnez l’espace de travail dans le menu déroulant Espaces de travail.

3. Dans le menu Tableaux de bord, sélectionnez le tableau de bord dans lequel vous souhaitez ajouter l’image.

4. Cliquez sur l’onglet du tableau de bord dans lequel ajouter l’image.

5. Cliquez sur l’icône Éditer.

6. Dans la barre d’outils Éditer, cliquez sur Contenu Web.

7. Insérez l’URL suivante :  

   https://secure.gooddata.com/gdc/app/projects/%CURRENT_PROJECT_HASH%/images?displayFormIdentifier=[label_id]&attributeElementUri=%FILTER_VALUE([attribute_id])% 
   

   1. [label_id] = l’identificateur interne du libellé contenant les données de l’image.
   2. [attribute_id] = l’identificateur interne de l’attribut parent
   3. Pour obtenir un exemple spécifique, reportez-vous à “Exemple - Affichage de la photo du joueur par numéro de maillot” ci-dessous.

8. Cliquez sur Enregistrer.

9. Redimensionnez et repositionnez la photo au besoin.

À ce stade, vous devez pouvoir utiliser le filtre de tableau de bord pour sélectionner les valeurs du Nom d’employé, qui met à jour automatiquement la photo affichée.

Exemple - Affichage de la photo du joueur par numéro de maillot.

Imaginez que vous construisez un espace de travail pour suivre les statistiques d’une équipe de sport et que vous voulez filtrer un tableau de bord selon le numéro de maillot de l’individu. Outre la création d’un filtre de tableau de bord selon le numéro de maillot, vous voulez afficher une photo du joueur en fonction du numéro de maillot de l’individu.

Dans ce cas, vous devez effectuer toutes les étapes ci-dessus avec les modifications suivantes.

1. Procurez-vous une photo de chaque joueur.
2. Procurez-vous l’identificateur de l’espace de travail pour que l’espace de travail contienne les photos via le portail GoodData. Dans cet exemple, nous utiliserons le suivant : MyProjectHash.
3. Dans le modèle logique de données, trouvez l’attribut utilisé pour identifier l’individu. Créez un libellé de cet attribut pour le numéro de maillot. Le nom complet de ce libellé doit être jersyno.
4. Notez l’identificateur interne de l’attribut et du libellé. À titre d’exemple, nous utiliserons label.support_gooddata_test.jersyno pour le libellé et attr.support_gooddata_test.jersyno pour l’attribut.
5. Apportez les modifications nécessaires au modèle logique de données et au graphique ETL et publiez-les dans l’espace de travail.
6. Dans le portail GoodData, créez le rapport pour contenir la photo et le filtre de tableau de bord à utiliser pour filtrer en fonction du numéro de maillot.
7. Dans le tableau de bord qui doit contenir la photo du joueur, insérez l’URL suivante en tant que contenu Web :  https://secure.gooddata.com/gdc/app/projects/MyProjectHash/images?displayFormIdentifier=label.support_gooddata_test.jersyno.imageurl&attributeElementUri=%FILTER_VALUE(attr.support_gooddata_test.jersyno)%

L’élément ci-dessus représente l’ensemble basique des étapes de configuration. Veillez à tester les résultats.

Tester les résultats

Avant de soumettre ces rapports aux utilisateurs finals, nous vous conseillons d’examiner les résultats de chaque rapport à l’aide des ressources d’image et d’effectuer des tests approfondis pour vérifier que les rapports sont remplis avec les bonnes images.