Guide de l'utilisateur de TIBCO Spotfire® Business Author et Consumer

Démarrage du développement de mod de visualisation

Pour commencer, le développeur d'un mod a besoin d'une instance en cours d'exécution d'un client Spotfire et d'un éditeur de code source. Des exemples de mods de visualisation, qui peuvent servir de point de départ aux développeurs, sont disponibles en téléchargement. Les exemples sont construits à l'aide de l'éditeur Visual Studio Code et il est possible d'obtenir un aperçu en direct du mod dans le client Spotfire lors du développement.

Pourquoi et quand exécuter cette tâche

Dans le Guide de démarrage de GitHub, vous trouverez des informations complètes sur le développement de mod telles que les conditions préalables, la manière de démarrer et les détails techniques. 

La procédure ci-dessous couvre les actions nécessaires pour créer un mod de visualisation. Comme point de départ, l'exemple js-dev-barchart est utilisé. C'est l'un des exemples fournis par Spotfire et il peut être téléchargé à partir de GitHub. La procédure décrit comment démarrer le développement d'un mod en utilisant Visual Studio Code comme éditeur de code.

Remarque : Lorsque vous obtenez des logiciels ou des services tiers, il est de votre responsabilité de vous assurer que vous comprenez les termes de licence associées à ces logiciels ou services tiers et que vous respectez ces termes.

Procédure

  1. Assurez-vous que les données sont chargées dans une analyse.
  2. Dans la barre de menus, sélectionnez Outils > Développement > Créer un mod de visualisation.
    Une zone est allouée au mod de visualisation. L'icône du puzzle dans le titre du mod de visualisation indique que vous pouvez développer le mod.

    Créer un mod de visualisation
  3. Cliquez sur GitHub pour accéder et télécharger une archive ZIP avec l'exemple de projet de mod à partir duquel démarrer le développement.
  4. Faites une extraction locale de l'archive ZIP téléchargée.
    Un certain nombre d'exemples sont fournis.
  5. Dans Visual Studio Code, ouvrez le dossier contenant l'exemple de projet de mod à partir duquel vous voulez démarrer (dans ce cas, le projet js-dev-barchart).
    Remarque : Vérifiez le fichier README.md dans le projet pour obtenir des informations plus détaillées.
  6. Sélectionnez Terminal > Exécuter une tâche de génération pour démarrer un serveur de développement.
  7. Copiez l'URL du serveur qui devient disponible dans un onglet du navigateur.
  8. Dans Spotfire, cliquez sur Se connecter à un projet.
    La fenêtre contextuelle de développement s'ouvre.

    Se connecter à un projet
  9. Sélectionnez Serveur de développement dans la fenêtre contextuelle. Des aperçus en direct seront disponibles pendant le développement.
    La fenêtre contextuelle ci-dessous est affichée.


  10. Collez l'URL copiée dans le champ de texte Ajouter l'URL pour se connecter au serveur de développement, puis cliquez sur Se connecter.
    Le mod de visualisation est affiché dans la zone allouée (cet exemple montre un histogramme de base). L'icône du puzzle est dotée d'un cercle rempli en vert indiquant que le mod de visualisation est connecté au serveur de développement.
  11. Dans Visual Studio Code, commencez à modifier l'exemple de projet de mod.
    Remarque : Lorsque vous enregistrez les modifications dans code Visual Studio, elles se reflètent automatiquement dans Spotfire.

    Si des modifications sont apportées dans le fichier mod-manifest.json, vous devez cliquer sur Recharger le manifeste pour mettre à jour le mod de visualisation.



  12. Pour enregistrer la visualisation, consultez la rubrique Enregistrement d'un mod de visualisation dans la bibliothèque.