Micro-apps

Composants du générateur de pages

Familiarisez-vous avec le générateur de pages et ses composants pour créer des pages d’action. Les différents composants et sections du générateur de pages sont décrits dans les sections suivantes. Vous ajoutez et personnalisez des champs et des boutons supplémentaires en fonction de vos besoins.

La capture d’écran suivante montre le générateur de pages :

  • Les composants se trouvent dans le volet gauche.
  • Interface du générateur dans la section centrale.
  • Les détails de la page ainsi que les propriétés et les actions du composant se trouvent dans le volet droit.

Vue complète du générateur de pages

Modèles de page

Lors de la création d’une page, vous pouvez sélectionner une option parmi les mises en page de base suivantes en fonction des informations souhaitées. Chaque modèle est uniquement destiné à accélérer votre activité pour produire la page que vous souhaitez.

  • Détail : modèle de page qui fournit des informations statiques.
  • Formulaire : permet de créer une page qui fournit des informations statiques en plus de la possibilité d’entrer des données utilisateur sur votre page.
  • Tableau : permet de créer une page basée sur le chargement des tableaux de données à partir de votre intégration d’application cible.
  • Contenu statique : permet de configurer des composants de page qui fournissent des informations statiques, non interactives, telles que des titres, des messages d’erreur ou des rappels.

Composants du générateur de pages

Le générateur de pages vous permet de choisir des options parmi les différents composants de page pour personnaliser et configurer la sortie, les informations et l’affichage de votre micro-app. Utilisez des composants pour créer une micro-app de page en fonction de vos attentes et besoins. Par exemple, si vous souhaitez afficher une liste d’utilisateurs, vous utilisez le composant Tableau pour la créer. Les différentes pages de modèle disposent de différentes fonctionnalités de composant disponibles par défaut. Les listes suivantes couvrent toutes les options disponibles.

Composants d’entrée : cette option fournit les composants pour créer des sections interactives sur votre page, y compris les boutons, la saisie de texte, les boutons radio et ainsi de suite.

Vue détaillée des composants d'entrée

  • Bouton : permet d’ajouter un composant sur la page sur lequel l’utilisateur peut cliquer en définissant les actions et la logique.
  • Saisie de texte : définissez la source du texte en spécifiant la table de données, la colonne et la valeur à charger sur la page saisie par l’utilisateur. Le composant peut être marqué comme facultatif. La largeur du champ peut être modifiée. Les règles de validation peuvent être configurées en fonction d’une longueur minimale ou maximale ou d’un modèle de texte pour identifier les entrées utilisateur.
  • Zone de texte : permet de définir la source et la valeur par défaut du texte à charger sur la page. Des actions peuvent être ajoutées.
  • Saisie de chiffres : permet de définir la source, la plage, la valeur par défaut et le format des chiffres à charger sur la page.
  • Sélectionner : permet aux utilisateurs de choisir une option parmi une liste de valeurs définie (maximum de 100 valeurs). Ce champ est renseigné avec les données du système source. Vous pouvez également entrer manuellement la liste de valeurs.
  • Rechercher : permet aux utilisateurs de rechercher une grande quantité de valeurs et de sélectionner une valeur en recherchant un autre élément.
  • Case à cocher : permet d’ajouter un composant sélectionnable sur la page en définissant la source, la valeur par défaut, les actions et la logique.
  • Bouton radio : permet d’ajouter un ensemble d’options dans lequel une seule option peut être sélectionnée. Ce champ est renseigné avec les données du système source. Vous pouvez également entrer manuellement la liste de valeurs.
  • Date/Heure : permet de définir la date et l’heure à afficher dans la micro-app, ainsi que l’heure par défaut (heure affichée avant la sélection) et la mise en forme (12 heures, 24 heures, heure du navigateur) à charger sur la page.

Composants d’affichage : permet d’identifier les composants pour fournir des informations à vos utilisateurs de micro-apps, y compris des tableaux, du texte statique, des images, etc.

Vue détaillée des composants d'affichage

  • Tableau : permet d’ajouter un tableau en définissant la source, les filtres et les colonnes du tableau. Des actions de lien de page peuvent être ajoutées. Les requêtes personnalisées doivent être définies pour limiter l’exposition des données.
  • Texte : permet de définir la source et le format du texte à charger sur la page. Les actions et la logique peuvent être ajoutées.
  • Texte statique : permet de définir le texte statique qui apparaît sur la page. Des actions peuvent être ajoutées.
  • Image statique : permet de référencer et d’afficher une image statique à partir d’une source d’URL.
  • Image : permet de définir la source et le format de l’image à afficher sur la page.
  • Séparateur de ligne : permet de séparer les informations non liées et les informations liées au groupe.
  • Bouton Retour : permet aux utilisateurs de revenir à la page précédente.
  • Créer rapport BI : permet d’afficher un rapport BI. La source et le format sont définis.
  • Visionneuse de reçus Concur : affiche une image de reçu. La source et le format sont définis.
  • Contenu HTML : permet d’afficher correctement du contenu HTML à partir de sources extraites (par exemple des flux RSS).

Important :

Un tableau sans requête personnalisée expose tous les enregistrements qui correspondent à un filtre de tableau, quelle que soit la relation des données avec les abonnés. Vos données potentiellement sensibles peuvent être exposées à tous les utilisateurs de la micro-app, sauf si vous limitez l’exposition des données. Contrôlez l’accès aux données des pages à l’aide de la fonction Personnaliser.

Sur une page, sélectionnez le tableau dans le volet du générateur de composants. Sélectionnez Propriétés du tableau, puis PERSONNALISER. Sélectionnez ensuite +Ajouter une condition et ajoutez les contraintes si nécessaire.

Composant de mise en page : fournit le composant de grille permettant de définir la mise en page de votre page.

Vue détaillée des composants de mise en page

  • Grille flexible : vous donne plus de contrôle sur le positionnement des composants sur vos pages. Cette option est utile lorsque vous concevez des pages destinées aux appareils dotés d’écrans plus grands. Définissez l’intitulé et le nombre total de cellules que vous souhaitez dans votre grille.

Détails de la page

Les détails de la page permettent de configurer la page que vous créez, de définir des filtres pour les informations et de fournir diverses fonctionnalités de débogage à caractère informatif :

  • Nom de la page : définissez le nom de la page.
  • Filtre de données : permet de définir des contraintes sur les données d’action.
  • Afficher SQL : permet d’afficher SQL à des fins de débogage.
  • Afficher la logique du composant : permet d’afficher la logique du composant à des fins de débogage.
  • Contenu à afficher si l’enregistrement n’existe pas : permet de définir la page de contenu statique à afficher lorsqu’un enregistrement n’existe pas.

Propriétés du composant

Chaque composant du générateur de pages dispose de son propre menu de propriétés spécifique contenant différentes options à choisir en fonction du composant, y compris :

  • Intitulé : permet de personnaliser l’intitulé du bouton, du texte, de l’image, etc.
  • Taille : permet de définir la taille du bouton, du texte, etc.
  • Style : permet de basculer entre les différentes couleurs et formats pour le texte, le bouton, etc.
  • Afficher dans le pied de page du panneau : activez/désactivez cette option pour afficher l’élément dans le panneau de la page.
  • Source de données : sélectionnez la source de données pour l’élément affiché.
  • Table de données : sélectionnez le tableau de données de l’élément affiché.
  • Colonne de données : sélectionnez la colonne de données de l’élément affiché.
  • Mise en forme conditionnelle : permet de configurer la mise en forme conditionnelle pour l’élément de page.
  • Insérer des variables : permet d’ajouter une variable à l’élément de page pour afficher automatiquement les données d’intégration d’application.
  • Afficher les boutons bascule : permet de changer la façon dont l’élément s’affiche sur le générateur de pages.

Actions

Le menu Actions est présent pour le composant Bouton pour permettre aux destinataires de la micro-app de répondre avec une entrée actionnable. Définissez l’action exécutée par le bouton à partir des actions de service que vous avez configurées dans l’intégration.

Logique

Cliquez sur le bouton Créer une logique pour ouvrir la configuration logique. Cela vous permet de configurer la logique de votre composant de page particulier. Créez des conditions à l’aide d’arguments logiques standard pour obtenir différents résultats en fonction du comportement souhaité de votre composant. Vous pouvez ajouter plusieurs actions empilées sur n’importe quel bouton pour créer plusieurs effets d’action en un seul clic. Lorsque chaque action de service s’exécute correctement, le système avance dans la chaîne d’actions jusqu’à ce que toutes les actions soient terminées. Les actions disponibles sont les suivantes :

  • Évaluer la condition : permet de définir et de modifier la condition via un argument logique.
  • Définir la valeur du composant : permet de définir la valeur du composant associé au bouton pour valider une action.
  • Afficher le composant : permet de configurer les conditions pour afficher le composant.
  • Masquer le composant : permet de configurer les conditions pour masquer le composant.
  • Activer le composant : permet de configurer les conditions pour activer le composant.
  • Désactiver le composant : permet de configurer les conditions pour désactiver le composant.
  • Définir le composant sur Obligatoire : permet de configurer les conditions pour que le composant soit obligatoire.
  • Définir le composant sur Facultatif : permet de configurer les conditions pour exclure le composant.

Composants du générateur de pages