Générateur d'IU Didacticiel sur la page de destination

Découvrez comment utiliser l’ancienne Générateur d'IU version pour créer une page de destination personnalisée.

Avant de commencer

Important :

le générateur décrit sur cette page est destiné à la création et à la modification de pages de destination dans tous les espaces de travail, à l'exception de CSM. Pour en savoir plus sur le nouvel UI Builder permettant de créer et de modifier toutes les pages de l'espace de travail CSM, consultez la rubrique UI Builder.

Cette tâche concerne l’application héritée Générateur d'IU qui vous permet uniquement de créer une page de destination. Utilisez la nouvelle version de Générateur d’IU pour créer un espace de travail configurable. Pour en savoir plus, consultez UI Builder.

Rôle requis : workspace_admin ou ui_builder_admin

Pourquoi et quand exécuter cette tâche

Avant de créer votre page de destination, voyons comment Générateur d'IU fonctionne l’exploration d’une page de destination existante.

Procédure

1. Accédez à la Tous > Expérience d'espace de travail > Administration > Tous les espaces de travail et cliquez sur un espace de travail pour l’ouvrir.
2. Si la page qui s’ouvre n’est pas modifiable, cliquez sur le lien ici dans Pour modifier cet enregistrement, cliquez ici pour rendre la page modifiable.
3. Cliquez sur Ouvrir dans UI Builder.
4. Dans l’onglet Pages du volet Gestion des pages, cliquez sur la page de destination Vue d’ensemble des incidents .
   Cette page de destination apparaît dans le volet Étape. Notez les champs Statut et Application au-dessus du volet Configuration. L’état actif signifie que la page de destination est en cours d’utilisation. Le champ Application indique que la page de destination est utilisée par ITSM Espace de travail d'agent. Si vous avez cliqué sur :

   • Si vous le désactivez, l’état passe à Inactif et la page de destination ne s’affiche plus dans l’espace de travail.

     Le bouton Désactiver sera remplacé par le bouton Activer , qui vous permettra de publier la page de destination dans l’espace de travail.

     Vous désactivez généralement les pages de destination lorsque vous travaillez dessus. Par exemple, pour mettre à jour la page de destination actuelle, vous pouvez :

     1. Clonez votre page de destination actuelle.
     2. Travaillez-y à l’état Inactif.
     3. Activez la version mise à jour.
     4. Rendre la version d’origine inactive.
   • Enregistrer , vous enregistrerez toutes les modifications apportées à la page de destination. Si l’état est :
     • Active, les modifications apparaissent immédiatement dans l’espace de travail.
     • Inactifs, les changements sont enregistrés mais non publiés.
5. Cliquez sur les composants et observez la façon dont les paramètres de configuration changent dans le volet Configuration.
6. Cliquez sur Happening Now (Se produire maintenant).

   Le conteneur devient visible autour des quatre composants plus petits. Happening Now est l’étiquette du conteneur. Regardez dans le volet Configuration sous Étiquette. Les conteneurs vous permettent de regrouper d’autres composants.

7. Avec le conteneur toujours en surbrillance, faites glisser le curseur Afficher la bordure vers la droite.

   Une bordure s’affiche, indiquant le conteneur.

8. Faites glisser le curseur Peut réduire vers la droite.

   Une icône d’accent circonflexe ( ) apparaît au-dessus du conteneur. Un agent peut cliquer sur le curseur pour réduire le conteneur et tout ce qu’il contient.

9. En haut à droite du volet Configuration, cliquez sur la flèche vers la droite (>) pour réduire le volet.
10. Dans le volet Étape, cliquez sur le conteneur, puis sur son icône de configuration ( ).

    

    Le volet Configuration s’affiche à nouveau.

    Vous remarquez également l’icône de déplacement ( ) que vous pouvez utiliser pour faire glisser un composant. Ne le faites pas encore.

    Le curseur Réduit dans le volet Configuration signifie que le conteneur est réduit au départ et apparaît sous la forme d’une flèche vers le bas ( ) sur laquelle un agent peut cliquer pour développer le conteneur.

    Maintenant que vous avez vu comment utiliser les différentes parties de l’interface, voyons comment créer une landing page.

Créer un didacticiel sur la page de destination

Créez une nouvelle page de destination.

Procédure

1. Dans l'onglet Pages, cliquez sur l'icône plus (+) pour ouvrir une nouvelle page de destination.

   

   Vous pouvez également créer une nouvelle page en cliquant sur Actions de page > +Nouvelle page.

2. Sur la page OK. Pour obtenir des informations générales sur cette page, saisissez le nom de votre page de destination et cliquez sur Créer une page de destination.

   Ce titre apparaît au-dessus de l'étape, mais pas sur votre page de destination.

   

Didacticiel Ajouter et configurer des composants

Ajoutez et configurez des composants sur une page de destination.

Procédure

1. Sélectionnez l’onglet +Ajouter un composant et faites glisser un composant d’image dans le volet Étape.

   Les paramètres de l’image apparaissent dans le volet Configuration.

2. Faites glisser un composant de visualisation de données loin sous l’image et déposez-le.

   Le composant n’apparaît pas dans le volet Étape.

3. Faites glisser un composant de visualisation de données sur le composant d’image, mais ne le déposez pas, puis déplacez le composant de visualisation de données sur les bords du composant d’image.

   Le côté du composant d’image est mis en surbrillance lorsque vous déplacez le composant de visualisation de données dessus.

4. Placez le composant de visualisation de données sur le côté gauche de l’image et déposez-le.

   Le composant de visualisation des données s’affiche à gauche du composant d’image.

5. Sélectionnez, puis saisissez l’icône de déplacement ( ) au-dessus du composant de visualisation des données et faites-la glisser sur le bord inférieur du composant d’image et déposez-la.

   Maintenant, vous savez comment déplacer un composant sur l’espace d’atterrissage. Le composant de visualisation des données est vide. Remplissons-le pour qu’il soit visible.

6. Dans le volet Configuration, dans le champ Rapport , saisissez incident.

   Une liste de suggestions d’entrées possibles s’affiche.

7. Sélectionnez Incidents ouverts par priorité dans la liste.
   Ce rapport s’ouvre dans le composant.
8. Dans le volet Configuration, supprimez les incidents ouverts par priorité et dans le champ Widget PA , saisissez incident.
   Une liste de suggestions d’entrées possibles s’affiche. Ces entrées sont Analyse des performances des widgets (PA).

   Vous ne pouvez placer qu’une seule visualisation de données dans le composant. Ainsi, vous pouvez afficher un rapport ou un widget PA, mais pas les deux. Si vous placez des entrées pour un rapport et un widget PA, Générateur d'IU seul le rapport s’affiche.

   Vous savez maintenant comment ajouter et organiser des composants sur une page de destination. Voyons maintenant comment les regrouper.

Didacticiel Regrouper et organiser les composants

Regroupez et organisez les composants sur une page de destination.

Procédure

1. Cliquez sur Actions de la page, sélectionnez Supprimer la page, puis confirmez la suppression.
2. Sélectionnez le composant de visualisation des données, cliquez sur l’icône de corbeille ( ), puis sur l’icône de coche de suppression ( ) au-dessus du composant pour le supprimer.
   Vous avez maintenant supprimé des composants sur une page de destination. Si vous le souhaitez, vous pouvez également supprimer le composant d’image.
3. Faites glisser un composant de conteneur dans le volet Étape.
4. Dans la fenêtre Component (Composant), saisissez une valeur dans le champ Label (Étiquette ) du conteneur et poussez le curseur Show border (Afficher la bordure ) vers la droite pour voir le conteneur.
5. Dans le champ Étiquette , ajoutez un titre au conteneur, par exemple, Listes importantes.
6. Faites glisser un composant de liste dans le conteneur.
7. Dans le volet Composant, dans le champ Table , saisissez une valeur pour la table d’où provient la liste des enregistrements, par exemple incident.
8. Faites glisser un autre composant de liste dans le conteneur.

   Vous pouvez déplacer la liste à l’intérieur ou à l’extérieur du conteneur. Déposez-le à l’intérieur du récipient.

   

9. Dans le volet Composant, dans le champ Table , saisissez une valeur pour une autre table d’où provient la liste des enregistrements, par exemple tâche.

   Vous avez maintenant deux composants de liste à l’intérieur d’un composant de conteneur, qui a une étiquette qui décrit les listes.

10. Continuez à ajouter des composants à l’intérieur ou à l’extérieur du conteneur et utilisez l’icône de déplacement ( ) pour faire glisser les composants afin de vous habituer à ajouter, supprimer, déplacer et regrouper des composants.
11. Cliquez sur Enregistrer.

    Si vous créez une vraie page de destination, vous cliquerez également sur Activer. Étant donné que vous ne créez pas une véritable page de destination dans ce didacticiel, supprimons cette page de destination pratique.

Didacticiel Supprimer une page de destination

Supprimez une page de destination.

Procédure

1. Dans l'onglet Pages, sélectionnez votre page de destination.
2. Sous Actions de la page, cliquez sur Supprimer la page.

Que faire ensuite

Vous savez maintenant comment utiliser Générateur d'IU. Vous êtes donc prêt à créer votre première page de destination.