Creator Studio didacticiel

Utilisez ce didacticiel pour créer une application de demande de carte-cadeau afin de rationaliser les processus de reconnaissance d’une équipe.

Objectifs du tutoriel

Dans ce didacticiel, vous allez endosser les rôles suivants pour créer et déployer l’application :

• En tant que responsable marketing qui cherche à rationaliser les processus de reconnaissance de son équipe, vous allez créer l’application Demande de carte-cadeau.
• En tant qu’administrateur du développement d’application, approuvez et déployez la nouvelle application dans un environnement de production.
• En tant que responsable marketing, utilisez votre application en direct pour soumettre une demande de reconnaissance.

Scénario du didacticiel

Vous êtes un manager avec une équipe en pleine expansion. À ce jour, l’équipe a dépassé ses objectifs chaque trimestre. Vous voulez les récompenser et leur offrir des cartes-cadeaux dans le cadre de cette reconnaissance. Cependant, l’obtention de l’approbation des récompenses monétaires est un processus complexe qui peut s’étendre sur des heures et impliquer des interactions répétitives avec de nombreux systèmes et la haute direction.

Pour résoudre ce problème, vous contactez l’administrateur informatique et confirmez que vous pouvez créer une application pour demander des cartes-cadeaux. L’administrateur se fera un plaisir de vous aider à créer une nouvelle application de bout en bout qui s’appuie sur les connaissances existantes en matière de processus business. Pour ce faire, l’administrateur vous ajoute au Creator Studio groupe Utilisateurs dans son instance de non-production.

Remarque :

Pour suivre ce didacticiel, vous devez vous connecter en Creator Studio tant que deux utilisateurs différents ou emprunter l’identité de deux utilisateurs : un dans le groupe Utilisateurs Creator Studio et un administrateur.

Il est temps pour vous de commencer à créer une application simple.

Tutoriel partie 1 : Créer l’application

Commencez par créer une application à partir de la Creator Studio page d’accueil.

Avant de commencer

Rôle requis : Creator Studio utilisateur

Pourquoi et quand exécuter cette tâche

Vous pouvez également regarder une courte vidéo sur la création d’une application.

Procédure

1. Accéder à Tous > App Engine > Studio de création.

   Figure 1. Démarrer Creator Studio

   

2. Sélectionnez le bouton Create app (Créer une application ).

   Figure 2. Bouton Créer une application

   

   • Si vous êtes administrateur système, vous pouvez en savoir plus sur ce sujet dans Application de collaboration.
   • Si vous voulez savoir comment demander à un administrateur de créer l’application pour vous, consultez Demandez à un administrateur de créer une application pour vous dans Creator Studio.
3. Sélectionnez le type d’application que vous souhaitez créer, tel que Centre de services.
   Les applications du Centre de services permettent aux utilisateurs de soumettre des demandes, de signaler des problèmes et d’accéder à l’assistance liée aux services de votre entreprise.

   Remarque :

   Votre administrateur a peut-être masqué cette page.

   Figure 3. Sélectionner le type d’application

   

4. Sélectionnez le bouton Continuer .
5. Saisissez les valeurs suivantes sur la page Créer une application.

   Tableau 1. Champs du modal de création d’application

   Champ	Valeur
   Nom	Demande de carte-cadeau
   Description	Demandez une carte-cadeau interne ou tierce pour la reconnaissance de l’employé.

   Figure 4. Ajouter une carte-cadeau Détails de base de l’application de demande

   

6. Sélectionnez le bouton Create app (Créer une application ).

Que faire ensuite

Ensuite, ajoutons un formulaire à votre application.

Tutoriel partie 2 : Ajouter un formulaire

L’ajout d’un formulaire permet aux utilisateurs d’effectuer une demande. Les formulaires contiennent des questions auxquelles les personnes répondent lorsqu’elles soumettent une demande Centre de services.

Avant de commencer

Rôle requis : Creator Studio utilisateur

Procédure

1. Sélectionnez +Ajouter un formulaire dans l’application.
   Vous pouvez sélectionner +Ajouter un formulaire dans le panneau de navigation ou le canevas de l’application.

   Figure 5. Commencer à ajouter un formulaire

   

2. Vérifiez sur la page du modèle que le modèle par défaut Studio de création est sélectionné.

   Figure 6. Sélectionner le modèle

   

3. Sélectionnez le bouton Appliquer le modèle et continuer .
   Ensuite, personnalisons le formulaire en ajoutant des questions.

Tutoriel partie 3 : Personnaliser le formulaire

Personnalisez le formulaire pour l’application de demande de carte-cadeau en saisissant manuellement des questions. Lorsque c’est fait, vous pouvez marquer le formulaire comme prêt à être publié.

Avant de commencer

Rôle requis : Creator Studio utilisateur

Pourquoi et quand exécuter cette tâche

Vous pouvez également l’utiliser Now Assist pour les créateurs dans l’onglet Créer avec Now Assist pour personnaliser un formulaire. Mais pour ce didacticiel, vous allez saisir manuellement des questions.

Procédure

1. Sélectionnez l’onglet Créer vous-même .
2. Saisissez les informations suivantes pour le formulaire :

   Tableau 2. Valeurs des détails du formulaire

   Champ	Valeur
   Nom du formulaire	Demande de carte-cadeau
   Description brève	Demandez une carte-cadeau interne ou tierce pour la reconnaissance de l’employé.
   Description longue	Vous cherchez une excellente façon de reconnaître vos collègues ? Utilisez ce formulaire pour demander une carte-cadeau dans notre boutique interne de l’entreprise ou dans une boutique tierce de votre choix !

   Figure 7. Entrer les détails du formulaire

   

   Remarque :

   Cette page vous permet de spécifier les détails de votre premier formulaire. Vous pouvez également modifier les détails du formulaire, tels que le nom et la description, à partir de l’application une fois le formulaire généré.
3. Sélectionnez le bouton Save and edit form (Enregistrer et modifier le formulaire ).
   Ensuite, nous allons travailler sur le contenu du formulaire.
4. Ajoutez une icône pour embellir votre formulaire en sélectionnant l’icône et en chargeant une image appropriée.
   Vous pouvez utiliser n’importe quelle image que vous aimez.

   Figure 8. Ajouter une image

   

   1. Sélectionnez l’icône d’ajout d’image ().
   2. Recherchez et choisissez l’image à ajouter au formulaire.
5. Créez votre première question qui permet aux utilisateurs de commander la carte-cadeau.
   1. Sélectionnez Question 1.
   2. Entrez les valeurs suivantes dans le panneau Question details (Détails de la question) qui s’affiche :

      Tableau 3. Valeurs de la question 1

      Champ	Valeur
      Étiquette des questions	Carte-cadeau de magasin d’entreprise ?
      Type de contenu	Oui ou non
      Afficher la question sur le formulaire	Sélectionner cette option
      Marquer comme requis	Sélectionner cette option

      Figure 9. Ajouter la première question

      

   3. Sélectionnez le bouton Enregistrer .
6. Créez la deuxième question pour spécifier le montant de la carte-cadeau.
   1. Sélectionnez Question 2.
   2. Entrez les valeurs suivantes dans le panneau Question details (Détails de la question) qui s’affiche :

      Tableau 4. Valeurs de la question 2

      Champ	Valeur
      Étiquette des questions	Montant
      Type de contenu	Laisser la sélection comme texte sur ligne unique
      Afficher la question sur le formulaire	Sélectionner cette option
      Marquer comme requis	Sélectionner cette option

      Figure 10. Ajouter la deuxième question

      

   3. Sélectionnez le bouton Enregistrer .
7. Créez la troisième question qui définit qui sera le destinataire de la carte-cadeau.
   1. Sélectionnez la question 3.
   2. Entrez les valeurs suivantes dans le panneau Question details (Détails de la question) qui s’affiche :

      Tableau 5. Valeurs de la question 3

      Champ	Valeur
      Étiquette des questions	Destinataire
      Type de contenu	Choix d'enregistrements
      Afficher la question sur le formulaire	Sélectionner cette option
      Table source	Utilisateur (sys_user)

      Figure 11. Ajouter la troisième question

      

   3. Sélectionnez le bouton Enregistrer .
8. Ajoutez une quatrième question afin que les utilisateurs puissent saisir une justification pour la carte-cadeau.
   1. Faites glisser l’élément de formulaire Texte sur plusieurs lignes pour l’ajouter au formulaire situé sous la troisième question.
   2. Entrez les valeurs suivantes dans le panneau Question details (Détails de la question) qui s’affiche :

      Tableau 6. Valeurs de la question 4

      Champ	Valeur
      Étiquette des questions	Justification
      Type de contenu	Laisser comme texte de plusieurs lignes
      Afficher la question sur le formulaire	Sélectionner cette option

      Figure 12. Ajouter la quatrième question

      

   3. Sélectionnez le bouton Enregistrer .
9. Sélectionnez Marquer comme prêt à publier le formulaire.
   Lorsque vous avez terminé de modifier un formulaire, vous le marquez comme prêt, ce qui le place dans l’état Publié. Cette version du formulaire s’affiche alors dans le catalogue d’éléments spécifié.

   Remarque :

   Le formulaire publié s’affiche uniquement sur l’instance de non-production où vous développez votre application. Vous devez demander à votre administrateur de déployer l’application en production pour que le formulaire s’affiche dans le catalogue sur l’instance de production.

   Figure 13. Marquer un formulaire comme prêt

   

10. Spécifiez où les utilisateurs peuvent accéder au formulaire dans le et Centre des employés.Catalogue de services
    1. Sélectionnez le bouton Modifier le paramètre d’emplacement .

       Figure 14. Modifier l’avertissement des paramètres d’emplacement

       

    2. Sélectionnez le bouton Modifier pour ajouter le formulaire à une Catalogue de services rubrique.

       Figure 15. Modal des paramètres du formulaire

       

    3. Sélectionnez le catalogue qui représente le domaine commercial utilisé par l’application.
       Par exemple, vous pouvez développer, Catalogue de services puis sélectionner la catégorie Can We Help You ? (Pouvons-nous vous aider ? ).

       Figure 16. Catalogues du modal des paramètres du formulaire

       

    4. Sélectionnez le bouton Appliquer pour enregistrer vos modifications.
    5. Sélectionnez le bouton Modifier pour ajouter le formulaire à une Centre des employés rubrique.

       Figure 17. Sélectionner des rubriques dans la Centre des employés rubrique

       

    6. Choisissez la section de la Centre des employés zone où se trouvera le formulaire.

       Figure 18. Sélectionner la Centre des employés rubrique

       

11. Sélectionnez le bouton Apply (Appliquer ).
12. Sélectionnez le bouton Enregistrer tous les paramètres pour enregistrer vos modifications.

    Figure 19. Enregistrer tous les paramètres d’emplacement

    

13. Facultatif : Voyez à quoi ressemblera le formulaire en sélectionnant le bouton Aperçu .
    Vous pouvez afficher un aperçu de l’apparence de la version actuelle du formulaire dans différentes expériences en sélectionnant Portail (par exemple Portail des employés, ), Now Mobile ou Agent virtuel. Vous pouvez remplir le formulaire lors de la prévisualisation, mais la sélection du bouton Soumettre ne génère pas d’enregistrement de tâche.

    Figure 20. Prévisualiser un formulaire

    

Tutoriel partie 4 : Ajouter un playbook automatisé

Ajoutez un playbook qui utilise le formulaire que vous venez de créer pour automatiser l’approbation de l’application de demande de carte-cadeau.

Avant de commencer

Rôle requis : Creator Studio utilisateur

Procédure

1. Sélectionnez + Ajouter une automatisation pour le formulaire de demande de carte-cadeau.

   Figure 21. Sélectionner pour ajouter une automatisation

   

2. Saisissez les valeurs suivantes dans le modal Create a playbook :

   Tableau 7. Créer un playbook valeurs du modal

   Champ	Valeur
   Nom du playbook	Approbations de cartes-cadeaux
   Description	Acheminer les approbations lorsqu’une carte-cadeau est demandée.
   Formulaire	Assurez-vous que le nom du formulaire que vous avez créé (demande de carte cadeau) est sélectionné.
   Déclencheur	Laissez le déclencheur sur Formulaire soumis.

   Figure 22. Entrer les détails du playbook

   

3. Sélectionnez le bouton Créer .
4. Ajoutez l’activité d’approbation du gestionnaire.
   1. Sélectionnez l’icône d’ajout ().

      Figure 23. Ajouter une activité d’approbation du gestionnaire : Étape 1

      

   2. Sélectionnez l’icône Ajouter une activité ().

      Figure 24. Ajouter une activité d’approbation du gestionnaire : Étape 2

      

   3. Sélectionnez l’activité Approbation de la demande .

      Figure 25. Ajouter une activité d’approbation du gestionnaire : étape 3

      

      Le panneau des propriétés de l’approbation de la demande s’affiche, dans lequel vous pouvez définir l’activité.
   4. Entrez les détails d’activité suivants.

      Tableau 8. Valeurs de détails de l’activité d’approbation du gestionnaire

      Champ	Valeur
      Étiquette	Demander l'approbation du responsable
      Gestionnaire du demandeur	Sélectionnez cette option.
      Type d'approbation	Laisser tant que personne n’approuve.
      Conditions	Sélectionnez When playbook starts (Au démarrage du playbook).

      Figure 26. Détails de l’approbation du responsable de la demande

      

   5. Sélectionnez Enregistrer et fermer.
5. Ajoutez l’activité d’approbation des finances.
   1. Sélectionnez l’icône d’ajout ().

      Figure 27. Ajouter une activité d’approbation de finances : étape 1

      

   2. Sélectionnez l’icône Ajouter une activité ().

      Figure 28. Ajouter une activité d’approbation de finances : étape 2

      

   3. Sélectionnez l’activité Approbation de la demande .

      Figure 29. Ajouter une activité d’approbation financière : étape 3

      

      Le panneau des propriétés de l’approbation de la demande s’affiche, dans lequel vous pouvez définir l’activité.
   4. Entrez les détails d’activité suivants.

      Tableau 9. Valeurs de détails de l’activité d’approbation financière

      Champ	Valeur
      Étiquette	Entrez Demander l’approbation financière.
      Groupe	Sélectionnez cette option.
      Groupe	C’est là qu’intervient le groupe des finances.
      Type d'approbation	Laisser tant que personne n’approuve.
      Conditions	Quitter en tant que Après une activité spécifique avec l’approbation du gestionnaire de demandes sélectionnée.

      Figure 30. Demander les détails de l’approbation financière

      

   5. Sélectionnez Enregistrer et fermer.
6. Activez le playbook pour qu’il s’exécute lorsque le formulaire est soumis en sélectionnant le bouton Activer .

   Figure 31. Activer le playbook

   

Résultats

Excellent ! Vous avez terminé d’ajouter un playbook. Ensuite, vous pouvez personnaliser la configuration de l’espace de travail où les prestataires travaillent sur les demandes soumises.

Didacticiel, partie 5 : Personnaliser la configuration de l’espace de travail d’exécution

Personnalisez les listes et les enregistrements soumis dans l’espace de travail où les prestataires peuvent traiter les demandes de cartes-cadeaux à partir du. Dans cette personnalisation de liste, vous ajoutez une colonne pour afficher le groupe d’affectation.

Avant de commencer

Rôle requis : Creator Studio utilisateur

Procédure

1. Sélectionnez la section Configurations de la liste dans le panneau de navigation.

   Figure 32. Configurations de liste dans le panneau de navigation

   

2. Ajoutez le groupe d’affectation à l’espace de travail.
   1. Sélectionnez le lien Gérer les colonnes dans le panneau de détails Liste filtrée.

      Figure 33. Gérer le lien des colonnes

      

   2. Recherchez le groupe d’affectation dans les colonnes Disponible.
   3. Sélectionnez le groupe d’affectation.

      Figure 34. Gérer les colonnes pour ajouter une colonne

      

   4. Sélectionnez le bouton Apply (Appliquer ).
   5. Sélectionnez le bouton Enregistrer dans le panneau de détails de la liste filtrée.

      Figure 35. Enregistrer les changements apportés à la configuration de l’espace de travail

      

Résultats

Ça y est, vous avez créé une application ! Vous devez maintenant le soumettre pour revue et déploiement.

Tutoriel partie 6 : Tester et soumettre l’application pour examen

Testez votre application, puis demandez à un administrateur de l’examiner et de la déployer en production.

Avant de commencer

Un pipeline de déploiement doit être configuré avant de pouvoir envoyer l’application de carte-cadeau pour examen.

Rôle requis : Creator Studio utilisateur

Procédure

1. Testez le fonctionnement de l’application pour vous assurer qu’elle est prête en sélectionnant le bouton Essayer .
   1. Sélectionnez le formulaire de demande de carte-cadeau dans le panneau de navigation.

      Figure 36. Sélectionnez le formulaire pour le tester

      

   2. Sélectionnez le bouton Essayer .

      Figure 37. Bouton Essayer

      

   3. Remplissez le formulaire en saisissant les valeurs suivantes pour chaque champ.

      Tableau 10. Valeurs Essayer pour le formulaire de demande de carte-cadeau

      Champ	Valeur
      Carte de la boutique de cadeaux d’entreprise ?	Oui
      Montant	20.00
      Destinataire	Choisissez un destinataire dans la liste des personnes.
      Justification	Intégration d’une nouvelle personne cool pour notre équipe !

      Figure 38. Tester le formulaire

      

   4. Sélectionnez le bouton Soumettre lorsque vous avez terminé.
   Une fois vos réponses soumises, exécute ServiceNow AI Platform tous les playbooks associés au formulaire.

   L’enregistrement créé par votre formulaire soumis apparaît dans Creator Studio. Vous pouvez afficher les résultats des playbooks et interagir avec l’enregistrement pour voir comment il apparaît dans l’espace de travail de l’application Demande.

   Figure 39. Afficher l’enregistrement soumis

   

2. Sélectionnez le bouton Soumettre pour révision .

   Figure 40. Soumettre une application pour examen

   

3. Sélectionnez Continuer dans le modal Soumettre l’application pour examen.

   Figure 41. Démarrer le processus de soumission pour révision

   

4. Vérifiez le formulaire à examiner pour le déploiement dans le modal Formulaires de demande d’examen.
   1. Développez la section Prêt pour la révision .
   2. Assurez-vous que l’option Visible pour les autres est sélectionnée pour le formulaire de demande de carte-cadeau .
   3. Sélectionnez Continuer.

   Figure 42. Vérifier le formulaire à déployer

   

5. Vérifiez le formulaire à examiner pour le déploiement dans le modal Examiner les playbooks.
   1. Développez la section Playbooks .
   2. Assurez-vous que l’option Exécuter en production est sélectionnée pour le formulaire d’approbations de cartes-cadeaux .
   3. Sélectionnez Continuer.

   Figure 43. Vérifier le playbook à déployer

   

6. Vérifiez que les informations de la fenêtre modale Examiner la gestion des versions sont correctes et ajoutez les notes de version.

   Figure 44. Vérifier et mettre à jour la version de mise en production et soumettre pour révision

   

7. Sélectionnez Soumettre pour révision.

Résultats

Félicitations, vous avez créé votre application de demande de carte-cadeau ! Votre administrateur doit maintenant l’examiner et le déployer.

Figure 45. Confirmation de la soumission de l’examen

Tutoriel partie 7 : L’administrateur déploie l’application

Empruntez l’identité d’un administrateur pour déployer l’application de demande de carte-cadeau que vous avez créée.

Avant de commencer

Si vous ne pouvez pas emprunter l’identité d’un administrateur, demandez à votre administrateur local de déployer l’application pour vous.

Rôle requis : admin

Procédure

1. Dans la bannière de l’application, sélectionnez votre icône de profil et empruntez l’identité ServiceNow AI Platform d’un administrateur.
2. Accédez à la Tous > App Engine > App Engine Management Center.
3. Sélectionnez le numéro 1 dans la section Demandes en attente à compléter.

   Figure 46. Applications prêtes pour le déploiement

   

4. Ouvrez l’enregistrement de déploiement en sélectionnant son numéro.

   Figure 47. Liste des applications à déployer

   

5. Sélectionnez le bouton Approuver .

   Figure 48. Bouton Approuver pour le déploiement

   

6. Sélectionnez Enregistrer.
7. Rechargez la page.
8. Sélectionnez le bouton Approuver et déployer l’application .

   Figure 49. Bouton Approuver et déployer pour le déploiement

   

9. Sélectionnez le bouton Déployer .

   Figure 50. Déployer l’application

   

Résultats

L’application a été déployée en production. Sélectionnez Afficher plus dans la section activité si vous souhaitez afficher les détails de l’application.

Figure 51. Vérifier les détails du déploiement

Vous pouvez mettre fin à l’emprunt d’identité de l’administrateur maintenant.

Tutoriel partie 8 : Utiliser l’application pour demander une carte-cadeau

Utilisez l’application de demande de carte-cadeau déployée que vous venez de créer pour demander une carte-cadeau.

Avant de commencer

Rôle requis : ServiceNow AI Platform user

Procédure

1. Accédez à la Tous > Libre-service > Centre des employés.

   Figure 52. Ouvert Centre des employés

   

2. Recherchez Demande de carte-cadeau dans la barre de recherche.

   Figure 53. Rechercher l’application de demande de carte-cadeau

   

3. Sélectionnez l’application de demande de carte-cadeau qui apparaît dans les résultats de recherche.

   Figure 54. Ouvrir l’application

   

4. Remplissez le formulaire de demande de carte-cadeau pour demander une carte-cadeau.

   Figure 55. Demander une carte-cadeau

   

5. Sélectionnez le bouton Envoyer .

Tutoriel partie 9 : Vérifier la demande de carte-cadeau

Vérifiez que votre application fonctionne en consultant l’espace de travail de l’application Demande pour afficher la demande de carte-cadeau que vous avez envoyée.

Avant de commencer

Rôle requis : admin ou rôle d’agent de l’application, par exemple, x_snc_app_name.agent

Procédure

1. Accédez à la Tous > Espaces de travail > Espace de travail d'application de demande.

   Figure 56. Ouvrir l’espace de travail d’application de demande

   

2. Recherchez la demande de carte-cadeau que vous avez soumise et sélectionnez son numéro pour l’ouvrir.
3. Affichez les détails de la demande de carte-cadeau.

   Figure 57. Détails de la demande de carte-cadeau

   

Résultats

Hourra ! Vous avez terminé le didacticiel sur l’application de demande de carte-cadeau.